/*=============================================================*/
/*
_____ _ _ _
| __ \ | | | | | |
| |__) |___ _ __ ___ __ _ _ __| | ____ _| |__ | | ___
| _ // _ \ '_ ` _ \ / _` | '__| |/ / _` | '_ \| |/ _ \
| | \ \ __/ | | | | | (_| | | | < (_| | |_) | | __/
|_| \_\___|_| |_| |_|\__,_|_| |_|\_\__,_|_.__/|_|\___|
Master CSS 2020
Copyright © Remarkable
Author Daniel Healey (Remarkable)
Date: 17/06/2020
*/
.ninja {
display: none !important;
}
/*!
* Bootstrap v3.3.4 (http://getbootstrap.com)
* Copyright 2011-2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: 0.67em 0;
font-size: 2em;
}
mark {
color: black;
background: yellow;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
height: 0;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
margin: 0;
font: inherit;
color: inherit;
}
button {
overflow: visible;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
padding: 0.35em 0.625em 0.75em;
margin: 0 2px;
border: 1px solid silver;
}
legend {
padding: 0;
border: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
td,
th {
padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
*,
*:before,
*:after {
color: black !important;
text-shadow: none !important;
background: transparent !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
select {
background: white !important;
}
.navbar {
display: none;
}
.btn > .caret,
.dropup > .btn > .caret {
border-top-color: black !important;
}
.label {
border: 1px solid black;
}
.table {
border-collapse: collapse !important;
}
.table td,
.table th {
background-color: white !important;
}
.table-bordered th,
.table-bordered td {
border: 1px solid #dddddd !important;
}
}
@font-face {
font-family: 'Glyphicons Halflings';
src: url('/Content/fonts/glyphicons-halflings-regular.eot');
src: url('/Content/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/Content/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('/Content/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/Content/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/Content/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
content: "\2a";
}
.glyphicon-plus:before {
content: "\2b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
content: "\20ac";
}
.glyphicon-minus:before {
content: "\2212";
}
.glyphicon-cloud:before {
content: "\2601";
}
.glyphicon-envelope:before {
content: "\2709";
}
.glyphicon-pencil:before {
content: "\270f";
}
.glyphicon-glass:before {
content: "\e001";
}
.glyphicon-music:before {
content: "\e002";
}
.glyphicon-search:before {
content: "\e003";
}
.glyphicon-heart:before {
content: "\e005";
}
.glyphicon-star:before {
content: "\e006";
}
.glyphicon-star-empty:before {
content: "\e007";
}
.glyphicon-user:before {
content: "\e008";
}
.glyphicon-film:before {
content: "\e009";
}
.glyphicon-th-large:before {
content: "\e010";
}
.glyphicon-th:before {
content: "\e011";
}
.glyphicon-th-list:before {
content: "\e012";
}
.glyphicon-ok:before {
content: "\e013";
}
.glyphicon-remove:before {
content: "\e014";
}
.glyphicon-zoom-in:before {
content: "\e015";
}
.glyphicon-zoom-out:before {
content: "\e016";
}
.glyphicon-off:before {
content: "\e017";
}
.glyphicon-signal:before {
content: "\e018";
}
.glyphicon-cog:before {
content: "\e019";
}
.glyphicon-trash:before {
content: "\e020";
}
.glyphicon-home:before {
content: "\e021";
}
.glyphicon-file:before {
content: "\e022";
}
.glyphicon-time:before {
content: "\e023";
}
.glyphicon-road:before {
content: "\e024";
}
.glyphicon-download-alt:before {
content: "\e025";
}
.glyphicon-download:before {
content: "\e026";
}
.glyphicon-upload:before {
content: "\e027";
}
.glyphicon-inbox:before {
content: "\e028";
}
.glyphicon-play-circle:before {
content: "\e029";
}
.glyphicon-repeat:before {
content: "\e030";
}
.glyphicon-refresh:before {
content: "\e031";
}
.glyphicon-list-alt:before {
content: "\e032";
}
.glyphicon-lock:before {
content: "\e033";
}
.glyphicon-flag:before {
content: "\e034";
}
.glyphicon-headphones:before {
content: "\e035";
}
.glyphicon-volume-off:before {
content: "\e036";
}
.glyphicon-volume-down:before {
content: "\e037";
}
.glyphicon-volume-up:before {
content: "\e038";
}
.glyphicon-qrcode:before {
content: "\e039";
}
.glyphicon-barcode:before {
content: "\e040";
}
.glyphicon-tag:before {
content: "\e041";
}
.glyphicon-tags:before {
content: "\e042";
}
.glyphicon-book:before {
content: "\e043";
}
.glyphicon-bookmark:before {
content: "\e044";
}
.glyphicon-print:before {
content: "\e045";
}
.glyphicon-camera:before {
content: "\e046";
}
.glyphicon-font:before {
content: "\e047";
}
.glyphicon-bold:before {
content: "\e048";
}
.glyphicon-italic:before {
content: "\e049";
}
.glyphicon-text-height:before {
content: "\e050";
}
.glyphicon-text-width:before {
content: "\e051";
}
.glyphicon-align-left:before {
content: "\e052";
}
.glyphicon-align-center:before {
content: "\e053";
}
.glyphicon-align-right:before {
content: "\e054";
}
.glyphicon-align-justify:before {
content: "\e055";
}
.glyphicon-list:before {
content: "\e056";
}
.glyphicon-indent-left:before {
content: "\e057";
}
.glyphicon-indent-right:before {
content: "\e058";
}
.glyphicon-facetime-video:before {
content: "\e059";
}
.glyphicon-picture:before {
content: "\e060";
}
.glyphicon-map-marker:before {
content: "\e062";
}
.glyphicon-adjust:before {
content: "\e063";
}
.glyphicon-tint:before {
content: "\e064";
}
.glyphicon-edit:before {
content: "\e065";
}
.glyphicon-share:before {
content: "\e066";
}
.glyphicon-check:before {
content: "\e067";
}
.glyphicon-move:before {
content: "\e068";
}
.glyphicon-step-backward:before {
content: "\e069";
}
.glyphicon-fast-backward:before {
content: "\e070";
}
.glyphicon-backward:before {
content: "\e071";
}
.glyphicon-play:before {
content: "\e072";
}
.glyphicon-pause:before {
content: "\e073";
}
.glyphicon-stop:before {
content: "\e074";
}
.glyphicon-forward:before {
content: "\e075";
}
.glyphicon-fast-forward:before {
content: "\e076";
}
.glyphicon-step-forward:before {
content: "\e077";
}
.glyphicon-eject:before {
content: "\e078";
}
.glyphicon-chevron-left:before {
content: "\e079";
}
.glyphicon-chevron-right:before {
content: "\e080";
}
.glyphicon-plus-sign:before {
content: "\e081";
}
.glyphicon-minus-sign:before {
content: "\e082";
}
.glyphicon-remove-sign:before {
content: "\e083";
}
.glyphicon-ok-sign:before {
content: "\e084";
}
.glyphicon-question-sign:before {
content: "\e085";
}
.glyphicon-info-sign:before {
content: "\e086";
}
.glyphicon-screenshot:before {
content: "\e087";
}
.glyphicon-remove-circle:before {
content: "\e088";
}
.glyphicon-ok-circle:before {
content: "\e089";
}
.glyphicon-ban-circle:before {
content: "\e090";
}
.glyphicon-arrow-left:before {
content: "\e091";
}
.glyphicon-arrow-right:before {
content: "\e092";
}
.glyphicon-arrow-up:before {
content: "\e093";
}
.glyphicon-arrow-down:before {
content: "\e094";
}
.glyphicon-share-alt:before {
content: "\e095";
}
.glyphicon-resize-full:before {
content: "\e096";
}
.glyphicon-resize-small:before {
content: "\e097";
}
.glyphicon-exclamation-sign:before {
content: "\e101";
}
.glyphicon-gift:before {
content: "\e102";
}
.glyphicon-leaf:before {
content: "\e103";
}
.glyphicon-fire:before {
content: "\e104";
}
.glyphicon-eye-open:before {
content: "\e105";
}
.glyphicon-eye-close:before {
content: "\e106";
}
.glyphicon-warning-sign:before {
content: "\e107";
}
.glyphicon-plane:before {
content: "\e108";
}
.glyphicon-calendar:before {
content: "\e109";
}
.glyphicon-random:before {
content: "\e110";
}
.glyphicon-comment:before {
content: "\e111";
}
.glyphicon-magnet:before {
content: "\e112";
}
.glyphicon-chevron-up:before {
content: "\e113";
}
.glyphicon-chevron-down:before {
content: "\e114";
}
.glyphicon-retweet:before {
content: "\e115";
}
.glyphicon-shopping-cart:before {
content: "\e116";
}
.glyphicon-folder-close:before {
content: "\e117";
}
.glyphicon-folder-open:before {
content: "\e118";
}
.glyphicon-resize-vertical:before {
content: "\e119";
}
.glyphicon-resize-horizontal:before {
content: "\e120";
}
.glyphicon-hdd:before {
content: "\e121";
}
.glyphicon-bullhorn:before {
content: "\e122";
}
.glyphicon-bell:before {
content: "\e123";
}
.glyphicon-certificate:before {
content: "\e124";
}
.glyphicon-thumbs-up:before {
content: "\e125";
}
.glyphicon-thumbs-down:before {
content: "\e126";
}
.glyphicon-hand-right:before {
content: "\e127";
}
.glyphicon-hand-left:before {
content: "\e128";
}
.glyphicon-hand-up:before {
content: "\e129";
}
.glyphicon-hand-down:before {
content: "\e130";
}
.glyphicon-circle-arrow-right:before {
content: "\e131";
}
.glyphicon-circle-arrow-left:before {
content: "\e132";
}
.glyphicon-circle-arrow-up:before {
content: "\e133";
}
.glyphicon-circle-arrow-down:before {
content: "\e134";
}
.glyphicon-globe:before {
content: "\e135";
}
.glyphicon-wrench:before {
content: "\e136";
}
.glyphicon-tasks:before {
content: "\e137";
}
.glyphicon-filter:before {
content: "\e138";
}
.glyphicon-briefcase:before {
content: "\e139";
}
.glyphicon-fullscreen:before {
content: "\e140";
}
.glyphicon-dashboard:before {
content: "\e141";
}
.glyphicon-paperclip:before {
content: "\e142";
}
.glyphicon-heart-empty:before {
content: "\e143";
}
.glyphicon-link:before {
content: "\e144";
}
.glyphicon-phone:before {
content: "\e145";
}
.glyphicon-pushpin:before {
content: "\e146";
}
.glyphicon-usd:before {
content: "\e148";
}
.glyphicon-gbp:before {
content: "\e149";
}
.glyphicon-sort:before {
content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
content: "\e152";
}
.glyphicon-sort-by-order:before {
content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
content: "\e154";
}
.glyphicon-sort-by-attributes:before {
content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
content: "\e156";
}
.glyphicon-unchecked:before {
content: "\e157";
}
.glyphicon-expand:before {
content: "\e158";
}
.glyphicon-collapse-down:before {
content: "\e159";
}
.glyphicon-collapse-up:before {
content: "\e160";
}
.glyphicon-log-in:before {
content: "\e161";
}
.glyphicon-flash:before {
content: "\e162";
}
.glyphicon-log-out:before {
content: "\e163";
}
.glyphicon-new-window:before {
content: "\e164";
}
.glyphicon-record:before {
content: "\e165";
}
.glyphicon-save:before {
content: "\e166";
}
.glyphicon-open:before {
content: "\e167";
}
.glyphicon-saved:before {
content: "\e168";
}
.glyphicon-import:before {
content: "\e169";
}
.glyphicon-export:before {
content: "\e170";
}
.glyphicon-send:before {
content: "\e171";
}
.glyphicon-floppy-disk:before {
content: "\e172";
}
.glyphicon-floppy-saved:before {
content: "\e173";
}
.glyphicon-floppy-remove:before {
content: "\e174";
}
.glyphicon-floppy-save:before {
content: "\e175";
}
.glyphicon-floppy-open:before {
content: "\e176";
}
.glyphicon-credit-card:before {
content: "\e177";
}
.glyphicon-transfer:before {
content: "\e178";
}
.glyphicon-cutlery:before {
content: "\e179";
}
.glyphicon-header:before {
content: "\e180";
}
.glyphicon-compressed:before {
content: "\e181";
}
.glyphicon-earphone:before {
content: "\e182";
}
.glyphicon-phone-alt:before {
content: "\e183";
}
.glyphicon-tower:before {
content: "\e184";
}
.glyphicon-stats:before {
content: "\e185";
}
.glyphicon-sd-video:before {
content: "\e186";
}
.glyphicon-hd-video:before {
content: "\e187";
}
.glyphicon-subtitles:before {
content: "\e188";
}
.glyphicon-sound-stereo:before {
content: "\e189";
}
.glyphicon-sound-dolby:before {
content: "\e190";
}
.glyphicon-sound-5-1:before {
content: "\e191";
}
.glyphicon-sound-6-1:before {
content: "\e192";
}
.glyphicon-sound-7-1:before {
content: "\e193";
}
.glyphicon-copyright-mark:before {
content: "\e194";
}
.glyphicon-registration-mark:before {
content: "\e195";
}
.glyphicon-cloud-download:before {
content: "\e197";
}
.glyphicon-cloud-upload:before {
content: "\e198";
}
.glyphicon-tree-conifer:before {
content: "\e199";
}
.glyphicon-tree-deciduous:before {
content: "\e200";
}
.glyphicon-cd:before {
content: "\e201";
}
.glyphicon-save-file:before {
content: "\e202";
}
.glyphicon-open-file:before {
content: "\e203";
}
.glyphicon-level-up:before {
content: "\e204";
}
.glyphicon-copy:before {
content: "\e205";
}
.glyphicon-paste:before {
content: "\e206";
}
.glyphicon-alert:before {
content: "\e209";
}
.glyphicon-equalizer:before {
content: "\e210";
}
.glyphicon-king:before {
content: "\e211";
}
.glyphicon-queen:before {
content: "\e212";
}
.glyphicon-pawn:before {
content: "\e213";
}
.glyphicon-bishop:before {
content: "\e214";
}
.glyphicon-knight:before {
content: "\e215";
}
.glyphicon-baby-formula:before {
content: "\e216";
}
.glyphicon-tent:before {
content: "\26fa";
}
.glyphicon-blackboard:before {
content: "\e218";
}
.glyphicon-bed:before {
content: "\e219";
}
.glyphicon-apple:before {
content: "\f8ff";
}
.glyphicon-erase:before {
content: "\e221";
}
.glyphicon-hourglass:before {
content: "\231b";
}
.glyphicon-lamp:before {
content: "\e223";
}
.glyphicon-duplicate:before {
content: "\e224";
}
.glyphicon-piggy-bank:before {
content: "\e225";
}
.glyphicon-scissors:before {
content: "\e226";
}
.glyphicon-bitcoin:before {
content: "\e227";
}
.glyphicon-btc:before {
content: "\e227";
}
.glyphicon-xbt:before {
content: "\e227";
}
.glyphicon-yen:before {
content: "\00a5";
}
.glyphicon-jpy:before {
content: "\00a5";
}
.glyphicon-ruble:before {
content: "\20bd";
}
.glyphicon-rub:before {
content: "\20bd";
}
.glyphicon-scale:before {
content: "\e230";
}
.glyphicon-ice-lolly:before {
content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
content: "\e232";
}
.glyphicon-education:before {
content: "\e233";
}
.glyphicon-option-horizontal:before {
content: "\e234";
}
.glyphicon-option-vertical:before {
content: "\e235";
}
.glyphicon-menu-hamburger:before {
content: "\e236";
}
.glyphicon-modal-window:before {
content: "\e237";
}
.glyphicon-oil:before {
content: "\e238";
}
.glyphicon-grain:before {
content: "\e239";
}
.glyphicon-sunglasses:before {
content: "\e240";
}
.glyphicon-text-size:before {
content: "\e241";
}
.glyphicon-text-color:before {
content: "\e242";
}
.glyphicon-text-background:before {
content: "\e243";
}
.glyphicon-object-align-top:before {
content: "\e244";
}
.glyphicon-object-align-bottom:before {
content: "\e245";
}
.glyphicon-object-align-horizontal:before {
content: "\e246";
}
.glyphicon-object-align-left:before {
content: "\e247";
}
.glyphicon-object-align-vertical:before {
content: "\e248";
}
.glyphicon-object-align-right:before {
content: "\e249";
}
.glyphicon-triangle-right:before {
content: "\e250";
}
.glyphicon-triangle-left:before {
content: "\e251";
}
.glyphicon-triangle-bottom:before {
content: "\e252";
}
.glyphicon-triangle-top:before {
content: "\e253";
}
.glyphicon-console:before {
content: "\e254";
}
.glyphicon-superscript:before {
content: "\e255";
}
.glyphicon-subscript:before {
content: "\e256";
}
.glyphicon-menu-left:before {
content: "\e257";
}
.glyphicon-menu-right:before {
content: "\e258";
}
.glyphicon-menu-down:before {
content: "\e259";
}
.glyphicon-menu-up:before {
content: "\e260";
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 12px;
-webkit-tap-highlight-color: transparent;
}
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333333;
background-color: white;
}
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
a {
color: #337ab7;
text-decoration: none;
}
a:hover,
a:focus {
color: #23527c;
text-decoration: underline;
}
a:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
figure {
margin: 0;
}
img {
vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
display: block;
max-width: 100%;
height: auto;
}
.img-rounded {
border-radius: 6px;
}
.img-thumbnail {
display: inline-block;
max-width: 100%;
height: auto;
padding: 4px;
line-height: 1.42857143;
background-color: white;
border: 1px solid #dddddd;
border-radius: 4px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.img-circle {
border-radius: 50%;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eeeeee;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
[role="button"] {
cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
font-weight: normal;
line-height: 1;
color: #777777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
margin-top: 20px;
margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
margin-top: 10px;
margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
font-size: 75%;
}
h1,
.h1 {
font-size: 36px;
}
h2,
.h2 {
font-size: 30px;
}
h3,
.h3 {
font-size: 24px;
}
h4,
.h4 {
font-size: 18px;
}
h5,
.h5 {
font-size: 14px;
}
h6,
.h6 {
font-size: 12px;
}
p {
margin: 0 0 10px;
}
.lead {
margin-bottom: 20px;
font-size: 16px;
font-weight: 300;
line-height: 1.4;
}
@media (min-width: 768px) {
.lead {
font-size: 21px;
}
}
small,
.small {
font-size: 85%;
}
mark,
.mark {
padding: 0.2em;
background-color: #fcf8e3;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
.text-nowrap {
white-space: nowrap;
}
.text-capitalize {
text-transform: capitalize;
}
.text-muted {
color: #777777;
}
.text-primary {
color: #337ab7;
}
a.text-primary:hover {
color: #286090;
}
.text-success {
color: #3c763d;
}
a.text-success:hover {
color: #2b542c;
}
.text-info {
color: #31708f;
}
a.text-info:hover {
color: #245269;
}
.text-warning {
color: #8a6d3b;
}
a.text-warning:hover {
color: #66512c;
}
.text-danger {
color: #a94442;
}
a.text-danger:hover {
color: #843534;
}
.bg-primary {
color: white;
background-color: #337ab7;
}
a.bg-primary:hover {
background-color: #286090;
}
.bg-success {
background-color: #dff0d8;
}
a.bg-success:hover {
background-color: #c1e2b3;
}
.bg-info {
background-color: #d9edf7;
}
a.bg-info:hover {
background-color: #afd9ee;
}
.bg-warning {
background-color: #fcf8e3;
}
a.bg-warning:hover {
background-color: #f7ecb5;
}
.bg-danger {
background-color: #f2dede;
}
a.bg-danger:hover {
background-color: #e4b9b9;
}
.page-header {
padding-bottom: 9px;
margin: 40px 0 20px;
border-bottom: 1px solid #eeeeee;
}
ul,
ol {
margin-top: 0;
margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
margin-bottom: 0;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-inline {
padding-left: 0;
margin-left: -5px;
list-style: none;
}
.list-inline > li {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
}
dl {
margin-top: 0;
margin-bottom: 20px;
}
dt,
dd {
line-height: 1.42857143;
}
dt {
font-weight: bold;
}
dd {
margin-left: 0;
}
@media (min-width: 768px) {
.dl-horizontal dt {
float: left;
width: 160px;
overflow: hidden;
clear: left;
text-align: right;
text-overflow: ellipsis;
white-space: nowrap;
}
.dl-horizontal dd {
margin-left: 180px;
}
}
abbr[title],
abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #777777;
}
.initialism {
font-size: 90%;
}
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
display: block;
font-size: 80%;
line-height: 1.42857143;
color: #777777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
text-align: right;
border-right: 5px solid #eeeeee;
border-left: 0;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
content: '\00A0 \2014';
}
address {
margin-bottom: 20px;
font-style: normal;
line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
padding: 2px 4px;
font-size: 90%;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 4px;
}
kbd {
padding: 2px 4px;
font-size: 90%;
color: white;
background-color: #333333;
border-radius: 3px;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: bold;
-webkit-box-shadow: none;
box-shadow: none;
}
pre {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 1.42857143;
color: #333333;
word-break: break-all;
word-wrap: break-word;
background-color: whitesmoke;
border: 1px solid #cccccc;
border-radius: 4px;
}
pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border-radius: 0;
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll;
}
.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
.container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
margin-right: -15px;
margin-left: -15px;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.66666667%;
}
.col-xs-pull-10 {
right: 83.33333333%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.66666667%;
}
.col-xs-pull-7 {
right: 58.33333333%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.66666667%;
}
.col-xs-pull-4 {
right: 33.33333333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.66666667%;
}
.col-xs-pull-1 {
right: 8.33333333%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.66666667%;
}
.col-xs-push-10 {
left: 83.33333333%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.66666667%;
}
.col-xs-push-7 {
left: 58.33333333%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.66666667%;
}
.col-xs-push-4 {
left: 33.33333333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.66666667%;
}
.col-xs-push-1 {
left: 8.33333333%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-0 {
margin-left: 0;
}
@media (min-width: 768px) {
.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 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666667%;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-7 {
width: 58.33333333%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666667%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.66666667%;
}
.col-sm-1 {
width: 8.33333333%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-pull-11 {
right: 91.66666667%;
}
.col-sm-pull-10 {
right: 83.33333333%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-8 {
right: 66.66666667%;
}
.col-sm-pull-7 {
right: 58.33333333%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-5 {
right: 41.66666667%;
}
.col-sm-pull-4 {
right: 33.33333333%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-2 {
right: 16.66666667%;
}
.col-sm-pull-1 {
right: 8.33333333%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-push-11 {
left: 91.66666667%;
}
.col-sm-push-10 {
left: 83.33333333%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-8 {
left: 66.66666667%;
}
.col-sm-push-7 {
left: 58.33333333%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-5 {
left: 41.66666667%;
}
.col-sm-push-4 {
left: 33.33333333%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-2 {
left: 16.66666667%;
}
.col-sm-push-1 {
left: 8.33333333%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-0 {
margin-left: 0;
}
}
@media (min-width: 992px) {
.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 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-1 {
width: 8.33333333%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.66666667%;
}
.col-md-pull-10 {
right: 83.33333333%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.66666667%;
}
.col-md-pull-7 {
right: 58.33333333%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.66666667%;
}
.col-md-pull-4 {
right: 33.33333333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.66666667%;
}
.col-md-pull-1 {
right: 8.33333333%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.66666667%;
}
.col-md-push-10 {
left: 83.33333333%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.66666667%;
}
.col-md-push-7 {
left: 58.33333333%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.66666667%;
}
.col-md-push-4 {
left: 33.33333333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.66666667%;
}
.col-md-push-1 {
left: 8.33333333%;
}
.col-md-push-0 {
left: auto;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-0 {
margin-left: 0;
}
}
@media (min-width: 1200px) {
.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 {
float: left;
}
.col-lg-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666667%;
}
.col-lg-10 {
width: 83.33333333%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666667%;
}
.col-lg-7 {
width: 58.33333333%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666667%;
}
.col-lg-4 {
width: 33.33333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.66666667%;
}
.col-lg-1 {
width: 8.33333333%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-pull-11 {
right: 91.66666667%;
}
.col-lg-pull-10 {
right: 83.33333333%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-8 {
right: 66.66666667%;
}
.col-lg-pull-7 {
right: 58.33333333%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-5 {
right: 41.66666667%;
}
.col-lg-pull-4 {
right: 33.33333333%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-2 {
right: 16.66666667%;
}
.col-lg-pull-1 {
right: 8.33333333%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-push-11 {
left: 91.66666667%;
}
.col-lg-push-10 {
left: 83.33333333%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-8 {
left: 66.66666667%;
}
.col-lg-push-7 {
left: 58.33333333%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-5 {
left: 41.66666667%;
}
.col-lg-push-4 {
left: 33.33333333%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-2 {
left: 16.66666667%;
}
.col-lg-push-1 {
left: 8.33333333%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-0 {
margin-left: 0;
}
}
table {
background-color: transparent;
}
caption {
padding-top: 8px;
padding-bottom: 8px;
color: #777777;
text-align: left;
}
th {
text-align: left;
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #dddddd;
}
.table > thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid #dddddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
border-top: 0;
}
.table > tbody + tbody {
border-top: 2px solid #dddddd;
}
.table .table {
background-color: white;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
padding: 5px;
}
.table-bordered {
border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
background-color: whitesmoke;
}
table col[class*="col-"] {
position: static;
display: table-column;
float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
position: static;
display: table-cell;
float: none;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
background-color: whitesmoke;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
background-color: #ebcccc;
}
.table-responsive {
min-height: 0.01%;
overflow-x: auto;
}
@media screen and (max-width: 767px) {
.table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #dddddd;
}
.table-responsive > .table {
margin-bottom: 0;
}
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > td {
white-space: nowrap;
}
.table-responsive > .table-bordered {
border: 0;
}
.table-responsive > .table-bordered > thead > tr > th:first-child,
.table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-responsive > .table-bordered > tfoot > tr > th:first-child,
.table-responsive > .table-bordered > thead > tr > td:first-child,
.table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.table-responsive > .table-bordered > thead > tr > th:last-child,
.table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-responsive > .table-bordered > tfoot > tr > th:last-child,
.table-responsive > .table-bordered > thead > tr > td:last-child,
.table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.table-responsive > .table-bordered > tbody > tr:last-child > th,
.table-responsive > .table-bordered > tfoot > tr:last-child > th,
.table-responsive > .table-bordered > tbody > tr:last-child > td,
.table-responsive > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0;
}
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
color: #333333;
border: 0;
border-bottom: 1px solid #e5e5e5;
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: bold;
}
input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px;
line-height: normal;
}
input[type="file"] {
display: block;
}
input[type="range"] {
display: block;
width: 100%;
}
select[multiple],
select[size] {
height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
output {
display: block;
padding-top: 7px;
font-size: 14px;
line-height: 1.42857143;
color: #555555;
}
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
background-color: white;
background-image: none;
border: 1px solid #cccccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
color: #999999;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #999999;
}
.form-control::-webkit-input-placeholder {
color: #999999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
background-color: #eeeeee;
opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
cursor: not-allowed;
}
textarea.form-control {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
line-height: 34px;
}
input[type="date"].input-sm,
input[type="time"].input-sm,
input[type="datetime-local"].input-sm,
input[type="month"].input-sm,
.input-group-sm input[type="date"],
.input-group-sm input[type="time"],
.input-group-sm input[type="datetime-local"],
.input-group-sm input[type="month"] {
line-height: 30px;
}
input[type="date"].input-lg,
input[type="time"].input-lg,
input[type="datetime-local"].input-lg,
input[type="month"].input-lg,
.input-group-lg input[type="date"],
.input-group-lg input[type="time"],
.input-group-lg input[type="datetime-local"],
.input-group-lg input[type="month"] {
line-height: 46px;
}
}
.form-group {
margin-bottom: 15px;
}
.radio,
.checkbox {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px;
}
.radio label,
.checkbox label {
min-height: 20px;
padding-left: 20px;
margin-bottom: 0;
font-weight: normal;
cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
position: absolute;
margin-top: 4px;
margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
position: relative;
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
font-weight: normal;
vertical-align: middle;
cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
margin-top: 0;
margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
cursor: not-allowed;
}
.form-control-static {
min-height: 34px;
padding-top: 7px;
padding-bottom: 7px;
margin-bottom: 0;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
padding-right: 0;
padding-left: 0;
}
.input-sm {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
select.input-sm {
height: 30px;
line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
height: auto;
}
.form-group-sm .form-control {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
select.form-group-sm .form-control {
height: 30px;
line-height: 30px;
}
textarea.form-group-sm .form-control,
select[multiple].form-group-sm .form-control {
height: auto;
}
.form-group-sm .form-control-static {
height: 30px;
min-height: 32px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
}
.input-lg {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
select.input-lg {
height: 46px;
line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
height: auto;
}
.form-group-lg .form-control {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
select.form-group-lg .form-control {
height: 46px;
line-height: 46px;
}
textarea.form-group-lg .form-control,
select[multiple].form-group-lg .form-control {
height: auto;
}
.form-group-lg .form-control-static {
height: 46px;
min-height: 38px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
}
.has-feedback {
position: relative;
}
.has-feedback .form-control {
padding-right: 42.5px;
}
.form-control-feedback {
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
pointer-events: none;
}
.input-lg + .form-control-feedback {
width: 46px;
height: 46px;
line-height: 46px;
}
.input-sm + .form-control-feedback {
width: 30px;
height: 30px;
line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
color: #3c763d;
}
.has-success .form-control {
border-color: #3c763d;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
border-color: #2b542c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
color: #3c763d;
background-color: #dff0d8;
border-color: #3c763d;
}
.has-success .form-control-feedback {
color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
color: #8a6d3b;
}
.has-warning .form-control {
border-color: #8a6d3b;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
border-color: #66512c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
color: #a94442;
}
.has-error .form-control {
border-color: #a94442;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
border-color: #843534;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
color: #a94442;
background-color: #f2dede;
border-color: #a94442;
}
.has-error .form-control-feedback {
color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
top: 0;
}
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #737373;
}
@media (min-width: 768px) {
.form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.form-inline .form-control-static {
display: inline-block;
}
.form-inline .input-group {
display: inline-table;
vertical-align: middle;
}
.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
width: auto;
}
.form-inline .input-group > .form-control {
width: 100%;
}
.form-inline .control-label {
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio,
.form-inline .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio label,
.form-inline .checkbox label {
padding-left: 0;
}
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0;
}
.form-inline .has-feedback .form-control-feedback {
top: 0;
}
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
padding-top: 7px;
margin-top: 0;
margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
min-height: 27px;
}
.form-horizontal .form-group {
margin-right: -15px;
margin-left: -15px;
}
@media (min-width: 768px) {
.form-horizontal .control-label {
padding-top: 7px;
margin-bottom: 0;
text-align: right;
}
}
.form-horizontal .has-feedback .form-control-feedback {
right: 15px;
}
@media (min-width: 768px) {
.form-horizontal .form-group-lg .control-label {
padding-top: 14.333333px;
}
}
@media (min-width: 768px) {
.form-horizontal .form-group-sm .control-label {
padding-top: 6px;
}
}
.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 15px;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
color: #333333;
text-decoration: none;
}
.btn:active,
.btn.active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
pointer-events: none;
cursor: not-allowed;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
opacity: 0.65;
}
.btn-default {
color: #333333;
background-color: white;
border-color: #cccccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
color: #333333;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
background-color: white;
border-color: #cccccc;
}
.btn-default .badge {
color: white;
background-color: #333333;
}
.btn-primary {
color: white;
background-color: #337ab7;
border-color: #2e6da4;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
color: white;
background-color: #286090;
border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
background-color: #337ab7;
border-color: #2e6da4;
}
.btn-primary .badge {
color: #337ab7;
background-color: white;
}
.btn-success {
color: white;
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
color: white;
background-color: #449d44;
border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success .badge {
color: #5cb85c;
background-color: white;
}
.btn-info {
color: white;
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
color: white;
background-color: #31b0d5;
border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info .badge {
color: #5bc0de;
background-color: white;
}
.btn-warning {
color: white;
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
color: white;
background-color: #ec971f;
border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning .badge {
color: #f0ad4e;
background-color: white;
}
.btn-danger {
color: white;
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
color: white;
background-color: #c9302c;
border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger .badge {
color: #d9534f;
background-color: white;
}
.btn-link {
font-weight: normal;
color: #337ab7;
border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
color: #23527c;
text-decoration: underline;
background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
color: #777777;
text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-block {
display: block;
width: 100%;
}
.btn-block + .btn-block {
margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%;
}
.fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.fade.in {
opacity: 1;
}
.collapse {
display: none;
}
.collapse.in {
display: block;
}
tr.collapse.in {
display: table-row;
}
tbody.collapse.in {
display: table-row-group;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: 0.35s;
-o-transition-duration: 0.35s;
transition-duration: 0.35s;
-webkit-transition-property: height, visibility;
-o-transition-property: height, visibility;
transition-property: height, visibility;
}
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px dashed;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.dropup,
.dropdown {
position: relative;
}
.dropdown-toggle:focus {
outline: 0;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
text-align: left;
list-style: none;
background-color: white;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #cccccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.dropdown-menu.pull-right {
right: 0;
left: auto;
}
.dropdown-menu .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.dropdown-menu > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #333333;
white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
color: #262626;
text-decoration: none;
background-color: whitesmoke;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
color: white;
text-decoration: none;
background-color: #337ab7;
outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
color: #777777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.open > .dropdown-menu {
display: block;
}
.open > a {
outline: 0;
}
.dropdown-menu-right {
right: 0;
left: auto;
}
.dropdown-menu-left {
right: auto;
left: 0;
}
.dropdown-header {
display: block;
padding: 3px 20px;
font-size: 12px;
line-height: 1.42857143;
color: #777777;
white-space: nowrap;
}
.dropdown-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 990;
}
.pull-right > .dropdown-menu {
right: 0;
left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
content: "";
border-top: 0;
border-bottom: 4px solid;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 2px;
}
@media (min-width: 768px) {
.navbar-right .dropdown-menu {
right: 0;
left: auto;
}
.navbar-right .dropdown-menu-left {
right: auto;
left: 0;
}
}
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-block;
vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
position: relative;
float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
margin-left: -1px;
}
.btn-toolbar {
margin-left: -5px;
}
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0;
}
.btn-group > .btn:first-child {
margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group > .btn-group {
float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
padding-right: 8px;
padding-left: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
padding-right: 12px;
padding-left: 12px;
}
.btn-group.open .dropdown-toggle {
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
-webkit-box-shadow: none;
box-shadow: none;
}
.btn .caret {
margin-left: 0;
}
.btn-lg .caret {
border-width: 5px 5px 0;
border-bottom-width: 0;
}
.dropup .btn-lg .caret {
border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
display: block;
float: none;
width: 100%;
max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
margin-top: -1px;
margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
border-top-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 4px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.btn-group-justified {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
display: table-cell;
float: none;
width: 1%;
}
.btn-group-justified > .btn-group .btn {
width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
.input-group {
position: relative;
display: table;
border-collapse: separate;
}
.input-group[class*="col-"] {
float: none;
padding-right: 0;
padding-left: 0;
}
.input-group .form-control {
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
height: 46px;
line-height: 46px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
height: 30px;
line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
border-radius: 0;
}
.input-group-addon,
.input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle;
}
.input-group-addon {
padding: 6px 12px;
font-size: 14px;
font-weight: normal;
line-height: 1;
color: #555555;
text-align: center;
background-color: #eeeeee;
border: 1px solid #cccccc;
border-radius: 4px;
}
.input-group-addon.input-sm {
padding: 5px 10px;
font-size: 12px;
border-radius: 3px;
}
.input-group-addon.input-lg {
padding: 10px 16px;
font-size: 18px;
border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group-addon:first-child {
border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group-addon:last-child {
border-left: 0;
}
.input-group-btn {
position: relative;
font-size: 0;
white-space: nowrap;
}
.input-group-btn > .btn {
position: relative;
}
.input-group-btn > .btn + .btn {
margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
margin-left: -1px;
}
.nav {
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.nav > li {
position: relative;
display: block;
}
.nav > li > a {
position: relative;
display: block;
padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
text-decoration: none;
background-color: #eeeeee;
}
.nav > li.disabled > a {
color: #777777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
color: #777777;
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
background-color: #eeeeee;
border-color: #337ab7;
}
.nav .nav-divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.nav > li > a > img {
max-width: 20px;
}
.nav-tabs {
border-bottom: 1px solid #dddddd;
}
.nav-tabs > li {
float: left;
margin-bottom: -1px;
}
.nav-tabs > li > a {
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
border-color: #eeeeee #eeeeee #dddddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
color: black;
cursor: default;
background-color: white;
border: 1px solid #dddddd;
border-bottom-color: transparent;
}
.nav-tabs.nav-justified {
width: 100%;
border-bottom: 0;
}
.nav-tabs.nav-justified > li {
float: none;
}
.nav-tabs.nav-justified > li > a {
margin-bottom: 5px;
text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li {
display: table-cell;
width: 1%;
}
.nav-tabs.nav-justified > li > a {
margin-bottom: 0;
}
}
.nav-tabs.nav-justified > li > a {
margin-right: 0;
border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
border: 1px solid #dddddd;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li > a {
border-bottom: 1px solid #dddddd;
border-radius: 4px 4px 0 0;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
border-bottom-color: white;
}
}
.nav-pills > li {
float: left;
}
.nav-pills > li > a {
border-radius: 4px;
}
.nav-pills > li + li {
margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
color: white;
background-color: #337ab7;
}
.nav-stacked > li {
float: none;
}
.nav-stacked > li + li {
margin-top: 2px;
margin-left: 0;
}
.nav-justified {
width: 100%;
}
.nav-justified > li {
float: none;
}
.nav-justified > li > a {
margin-bottom: 5px;
text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 768px) {
.nav-justified > li {
display: table-cell;
width: 1%;
}
.nav-justified > li > a {
margin-bottom: 0;
}
}
.nav-tabs-justified {
border-bottom: 0;
}
.nav-tabs-justified > li > a {
margin-right: 0;
border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
border: 1px solid #dddddd;
}
@media (min-width: 768px) {
.nav-tabs-justified > li > a {
border-bottom: 1px solid #dddddd;
border-radius: 4px 4px 0 0;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
border-bottom-color: white;
}
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 20px;
border: 1px solid transparent;
}
@media (min-width: 768px) {
.navbar {
border-radius: 4px;
}
}
@media (min-width: 768px) {
.navbar-header {
float: left;
}
}
.navbar-collapse {
padding-right: 15px;
padding-left: 15px;
overflow-x: visible;
-webkit-overflow-scrolling: touch;
border-top: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.navbar-collapse.in {
overflow-y: auto;
}
@media (min-width: 768px) {
.navbar-collapse {
width: auto;
border-top: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
.navbar-collapse.in {
overflow-y: visible;
}
.navbar-fixed-top .navbar-collapse,
.navbar-static-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
padding-right: 0;
padding-left: 0;
}
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 200px;
}
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
margin-right: -15px;
margin-left: -15px;
}
@media (min-width: 768px) {
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
margin-right: 0;
margin-left: 0;
}
}
.navbar-static-top {
z-index: 1000;
border-width: 0 0 1px;
}
@media (min-width: 768px) {
.navbar-static-top {
border-radius: 0;
}
}
.navbar-fixed-top,
.navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
z-index: 1030;
}
@media (min-width: 768px) {
.navbar-fixed-top,
.navbar-fixed-bottom {
border-radius: 0;
}
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-fixed-bottom {
bottom: 0;
margin-bottom: 0;
border-width: 1px 0 0;
}
.navbar-brand {
float: left;
height: 50px;
padding: 15px 15px;
font-size: 18px;
line-height: 20px;
}
.navbar-brand:hover,
.navbar-brand:focus {
text-decoration: none;
}
.navbar-brand > img {
display: block;
}
@media (min-width: 768px) {
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
margin-left: -15px;
}
}
.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.navbar-toggle:focus {
outline: 0;
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px;
}
@media (min-width: 768px) {
.navbar-toggle {
display: none;
}
}
.navbar-nav {
margin: 7.5px -15px;
}
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px;
}
@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-nav .open .dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 25px;
}
.navbar-nav .open .dropdown-menu > li > a {
line-height: 20px;
}
.navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-nav .open .dropdown-menu > li > a:focus {
background-image: none;
}
}
@media (min-width: 768px) {
.navbar-nav {
float: left;
margin: 0;
}
.navbar-nav > li {
float: left;
}
.navbar-nav > li > a {
padding-top: 15px;
padding-bottom: 15px;
}
}
.navbar-form {
padding: 10px 15px;
margin-top: 8px;
margin-right: -15px;
margin-bottom: 8px;
margin-left: -15px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
}
@media (min-width: 768px) {
.navbar-form .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.navbar-form .form-control-static {
display: inline-block;
}
.navbar-form .input-group {
display: inline-table;
vertical-align: middle;
}
.navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn,
.navbar-form .input-group .form-control {
width: auto;
}
.navbar-form .input-group > .form-control {
width: 100%;
}
.navbar-form .control-label {
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .radio,
.navbar-form .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .radio label,
.navbar-form .checkbox label {
padding-left: 0;
}
.navbar-form .radio input[type="radio"],
.navbar-form .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0;
}
.navbar-form .has-feedback .form-control-feedback {
top: 0;
}
}
@media (max-width: 767px) {
.navbar-form .form-group {
margin-bottom: 5px;
}
.navbar-form .form-group:last-child {
margin-bottom: 0;
}
}
@media (min-width: 768px) {
.navbar-form {
width: auto;
padding-top: 0;
padding-bottom: 0;
margin-right: 0;
margin-left: 0;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
}
.navbar-nav > li > .dropdown-menu {
margin-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
margin-bottom: 0;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.navbar-btn {
margin-top: 8px;
margin-bottom: 8px;
}
.navbar-btn.btn-sm {
margin-top: 10px;
margin-bottom: 10px;
}
.navbar-btn.btn-xs {
margin-top: 14px;
margin-bottom: 14px;
}
.navbar-text {
margin-top: 15px;
margin-bottom: 15px;
}
@media (min-width: 768px) {
.navbar-text {
float: left;
margin-right: 15px;
margin-left: 15px;
}
}
@media (min-width: 768px) {
.navbar-left {
float: left !important;
}
.navbar-right {
float: right !important;
margin-right: -15px;
}
.navbar-right ~ .navbar-right {
margin-right: 0;
}
}
.navbar-default {
background-color: #f8f8f8;
border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
color: #777777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
color: #5e5e5e;
background-color: transparent;
}
.navbar-default .navbar-text {
color: #777777;
}
.navbar-default .navbar-nav > li > a {
color: #777777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: #333333;
background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
color: #555555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
color: #cccccc;
background-color: transparent;
}
.navbar-default .navbar-toggle {
border-color: #dddddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #dddddd;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #888888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
color: #555555;
background-color: #e7e7e7;
}
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #777777;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #333333;
background-color: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #555555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #cccccc;
background-color: transparent;
}
}
.navbar-default .navbar-link {
color: #777777;
}
.navbar-default .navbar-link:hover {
color: #333333;
}
.navbar-default .btn-link {
color: #777777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
color: #333333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
color: #cccccc;
}
.navbar-inverse {
background-color: #222222;
border-color: #080808;
}
.navbar-inverse .navbar-brand {
color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
color: white;
background-color: transparent;
}
.navbar-inverse .navbar-text {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
color: white;
background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
color: white;
background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
color: #444444;
background-color: transparent;
}
.navbar-inverse .navbar-toggle {
border-color: #333333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
background-color: #333333;
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: white;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
color: white;
background-color: #080808;
}
@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
border-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
background-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
color: white;
background-color: transparent;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
color: white;
background-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #444444;
background-color: transparent;
}
}
.navbar-inverse .navbar-link {
color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
color: white;
}
.navbar-inverse .btn-link {
color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
color: white;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
color: #444444;
}
.breadcrumb {
padding: 8px 15px;
margin-bottom: 20px;
list-style: none;
background-color: whitesmoke;
border-radius: 4px;
}
.breadcrumb > li {
display: inline-block;
}
.breadcrumb > li + li:before {
padding: 0 5px;
color: #cccccc;
content: "/\00a0";
}
.breadcrumb > .active {
color: #777777;
}
.pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px;
}
.pagination > li {
display: inline;
}
.pagination > li > a,
.pagination > li > span {
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.42857143;
color: #337ab7;
text-decoration: none;
background-color: white;
border: 1px solid #dddddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
margin-left: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
color: #23527c;
background-color: #eeeeee;
border-color: #dddddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
z-index: 2;
color: white;
cursor: default;
background-color: #337ab7;
border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
color: #777777;
cursor: not-allowed;
background-color: white;
border-color: #dddddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
padding: 10px 16px;
font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
padding: 5px 10px;
font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.pager {
padding-left: 0;
margin: 20px 0;
text-align: center;
list-style: none;
}
.pager li {
display: inline;
}
.pager li > a,
.pager li > span {
display: inline-block;
padding: 5px 14px;
background-color: white;
border: 1px solid #dddddd;
border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
text-decoration: none;
background-color: #eeeeee;
}
.pager .next > a,
.pager .next > span {
float: right;
}
.pager .previous > a,
.pager .previous > span {
float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
color: #777777;
cursor: not-allowed;
background-color: white;
}
.label {
display: inline;
padding: 0.2em 0.6em 0.3em;
font-size: 75%;
font-weight: bold;
line-height: 1;
color: white;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.25em;
}
a.label:hover,
a.label:focus {
color: white;
text-decoration: none;
cursor: pointer;
}
.label:empty {
display: none;
}
.btn .label {
position: relative;
top: -1px;
}
.label-default {
background-color: #777777;
}
.label-default[href]:hover,
.label-default[href]:focus {
background-color: #5e5e5e;
}
.label-primary {
background-color: #337ab7;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
background-color: #286090;
}
.label-success {
background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
background-color: #449d44;
}
.label-info {
background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
background-color: #31b0d5;
}
.label-warning {
background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
background-color: #ec971f;
}
.label-danger {
background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
background-color: #c9302c;
}
.badge {
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 12px;
font-weight: bold;
line-height: 1;
color: white;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
background-color: #777777;
border-radius: 10px;
}
.badge:empty {
display: none;
}
.btn .badge {
position: relative;
top: -1px;
}
.btn-xs .badge,
.btn-group-xs > .btn .badge {
top: 0;
padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
color: white;
text-decoration: none;
cursor: pointer;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
color: #337ab7;
background-color: white;
}
.list-group-item > .badge {
float: right;
}
.list-group-item > .badge + .badge {
margin-right: 5px;
}
.nav-pills > li > a > .badge {
margin-left: 3px;
}
.jumbotron {
padding: 30px 15px;
margin-bottom: 30px;
color: inherit;
background-color: #eeeeee;
}
.jumbotron h1,
.jumbotron .h1 {
color: inherit;
}
.jumbotron p {
margin-bottom: 15px;
font-size: 21px;
font-weight: 200;
}
.jumbotron > hr {
border-top-color: #d5d5d5;
}
.container .jumbotron,
.container-fluid .jumbotron {
border-radius: 6px;
}
.jumbotron .container {
max-width: 100%;
}
@media screen and (min-width: 768px) {
.jumbotron {
padding: 48px 0;
}
.container .jumbotron,
.container-fluid .jumbotron {
padding-right: 60px;
padding-left: 60px;
}
.jumbotron h1,
.jumbotron .h1 {
font-size: 63px;
}
}
.thumbnail {
display: block;
padding: 4px;
margin-bottom: 20px;
line-height: 1.42857143;
background-color: white;
border: 1px solid #dddddd;
border-radius: 4px;
-webkit-transition: border 0.2s ease-in-out;
-o-transition: border 0.2s ease-in-out;
transition: border 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
margin-right: auto;
margin-left: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
border-color: #337ab7;
}
.thumbnail .caption {
padding: 9px;
color: #333333;
}
.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}
.alert h4 {
margin-top: 0;
color: inherit;
}
.alert .alert-link {
font-weight: bold;
}
.alert > p,
.alert > ul {
margin-bottom: 0;
}
.alert > p + p {
margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
position: relative;
top: -2px;
right: -21px;
color: inherit;
}
.alert-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.alert-success hr {
border-top-color: #c9e2b3;
}
.alert-success .alert-link {
color: #2b542c;
}
.alert-info {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.alert-info hr {
border-top-color: #a6e1ec;
}
.alert-info .alert-link {
color: #245269;
}
.alert-warning {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.alert-warning hr {
border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
color: #66512c;
}
.alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.alert-danger hr {
border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
color: #843534;
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@-o-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
.progress {
height: 20px;
margin-bottom: 20px;
overflow: hidden;
background-color: whitesmoke;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
float: left;
width: 0;
height: 100%;
font-size: 12px;
line-height: 20px;
color: white;
text-align: center;
background-color: #337ab7;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-webkit-transition: width 0.6s ease;
-o-transition: width 0.6s ease;
transition: width 0.6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-webkit-background-size: 40px 40px;
background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
-webkit-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.media {
margin-top: 15px;
}
.media:first-child {
margin-top: 0;
}
.media,
.media-body {
overflow: hidden;
zoom: 1;
}
.media-body {
width: 10000px;
}
.media-object {
display: block;
}
.media-right,
.media > .pull-right {
padding-left: 10px;
}
.media-left,
.media > .pull-left {
padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
display: table-cell;
vertical-align: top;
}
.media-middle {
vertical-align: middle;
}
.media-bottom {
vertical-align: bottom;
}
.media-heading {
margin-top: 0;
margin-bottom: 5px;
}
.media-list {
padding-left: 0;
list-style: none;
}
.list-group {
padding-left: 0;
margin-bottom: 20px;
}
.list-group-item {
position: relative;
display: block;
padding: 10px 15px;
margin-bottom: -1px;
background-color: white;
border: 1px solid #dddddd;
}
.list-group-item:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
a.list-group-item {
color: #555555;
}
a.list-group-item .list-group-item-heading {
color: #333333;
}
a.list-group-item:hover,
a.list-group-item:focus {
color: #555555;
text-decoration: none;
background-color: whitesmoke;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
color: #777777;
cursor: not-allowed;
background-color: #eeeeee;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
color: #777777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
z-index: 2;
color: white;
background-color: #337ab7;
border-color: #337ab7;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
color: #c7ddef;
}
.list-group-item-success {
color: #3c763d;
background-color: #dff0d8;
}
a.list-group-item-success {
color: #3c763d;
}
a.list-group-item-success .list-group-item-heading {
color: inherit;
}
a.list-group-item-success:hover,
a.list-group-item-success:focus {
color: #3c763d;
background-color: #d0e9c6;
}
a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
color: white;
background-color: #3c763d;
border-color: #3c763d;
}
.list-group-item-info {
color: #31708f;
background-color: #d9edf7;
}
a.list-group-item-info {
color: #31708f;
}
a.list-group-item-info .list-group-item-heading {
color: inherit;
}
a.list-group-item-info:hover,
a.list-group-item-info:focus {
color: #31708f;
background-color: #c4e3f3;
}
a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
color: white;
background-color: #31708f;
border-color: #31708f;
}
.list-group-item-warning {
color: #8a6d3b;
background-color: #fcf8e3;
}
a.list-group-item-warning {
color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading {
color: inherit;
}
a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
color: #8a6d3b;
background-color: #faf2cc;
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
color: white;
background-color: #8a6d3b;
border-color: #8a6d3b;
}
.list-group-item-danger {
color: #a94442;
background-color: #f2dede;
}
a.list-group-item-danger {
color: #a94442;
}
a.list-group-item-danger .list-group-item-heading {
color: inherit;
}
a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
color: #a94442;
background-color: #ebcccc;
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
color: white;
background-color: #a94442;
border-color: #a94442;
}
.list-group-item-heading {
margin-top: 0;
margin-bottom: 5px;
}
.list-group-item-text {
margin-bottom: 0;
line-height: 1.3;
}
.panel {
margin-bottom: 20px;
background-color: white;
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
padding: 15px;
}
.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
color: inherit;
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 15px;
color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
color: inherit;
}
.panel-footer {
padding: 10px 15px;
background-color: whitesmoke;
border-top: 1px solid #dddddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
border-width: 1px 0;
border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
border-top: 0;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
border-bottom: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel-heading + .list-group .list-group-item:first-child {
border-top-width: 0;
}
.list-group + .panel-footer {
border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
padding-right: 15px;
padding-left: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
border-top: 1px solid #dddddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
border-bottom: 0;
}
.panel > .table-responsive {
margin-bottom: 0;
border: 0;
}
.panel-group {
margin-bottom: 20px;
}
.panel-group .panel {
margin-bottom: 0;
border-radius: 4px;
}
.panel-group .panel + .panel {
margin-top: 5px;
}
.panel-group .panel-heading {
border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
border-top: 1px solid #dddddd;
}
.panel-group .panel-footer {
border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
border-bottom: 1px solid #dddddd;
}
.panel-default {
border-color: #dddddd;
}
.panel-default > .panel-heading {
background-color: whitesmoke;
border-color: #dddddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #dddddd;
}
.panel-default > .panel-heading .badge {
color: whitesmoke;
background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #dddddd;
}
.panel-primary {
border-color: #337ab7;
}
.panel-primary > .panel-heading {
color: white;
background-color: #337ab7;
border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
color: #337ab7;
background-color: white;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #337ab7;
}
.panel-success {
border-color: #d6e9c6;
}
.panel-success > .panel-heading {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
color: #dff0d8;
background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #d6e9c6;
}
.panel-info {
border-color: #bce8f1;
}
.panel-info > .panel-heading {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
color: #d9edf7;
background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #bce8f1;
}
.panel-warning {
border-color: #faebcc;
}
.panel-warning > .panel-heading {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
color: #fcf8e3;
background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #faebcc;
}
.panel-danger {
border-color: #ebccd1;
}
.panel-danger > .panel-heading {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
color: #f2dede;
background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ebccd1;
}
.embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.embed-responsive-16by9 {
padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
padding-bottom: 75%;
}
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: whitesmoke;
border: 1px solid #e3e3e3;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
border-color: #dddddd;
border-color: rgba(0, 0, 0, 0.15);
}
.well-lg {
padding: 24px;
border-radius: 6px;
}
.well-sm {
padding: 9px;
border-radius: 3px;
}
.close {
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
color: black;
text-shadow: 0 1px 0 white;
filter: alpha(opacity=20);
opacity: 0.2;
}
.close:hover,
.close:focus {
color: black;
text-decoration: none;
cursor: pointer;
filter: alpha(opacity=50);
opacity: 0.5;
}
button.close {
-webkit-appearance: none;
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
}
.modal-open {
overflow: hidden;
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
-webkit-overflow-scrolling: touch;
outline: 0;
}
.modal.fade .modal-dialog {
-webkit-transition: -webkit-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
transform: translate(0, -25%);
}
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px;
}
.modal-content {
position: relative;
background-color: white;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #999999;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
outline: 0;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: black;
}
.modal-backdrop.fade {
filter: alpha(opacity=0);
opacity: 0;
}
.modal-backdrop.in {
filter: alpha(opacity=50);
opacity: 0.5;
}
.modal-header {
min-height: 16.42857143px;
padding: 15px;
border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
margin-top: -2px;
}
.modal-title {
margin: 0;
line-height: 1.42857143;
}
.modal-body {
position: relative;
padding: 15px;
}
.modal-footer {
padding: 15px;
text-align: right;
border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
margin-bottom: 0;
margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
margin-left: 0;
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
@media (min-width: 768px) {
.modal-dialog {
width: 600px;
margin: 30px auto;
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.modal-sm {
width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg {
width: 900px;
}
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 1.4;
filter: alpha(opacity=0);
opacity: 0;
}
.tooltip.in {
filter: alpha(opacity=90);
opacity: 0.9;
}
.tooltip.top {
padding: 5px 0;
margin-top: -3px;
}
.tooltip.right {
padding: 0 5px;
margin-left: 3px;
}
.tooltip.bottom {
padding: 5px 0;
margin-top: 3px;
}
.tooltip.left {
padding: 0 5px;
margin-left: -3px;
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: white;
text-align: center;
text-decoration: none;
background-color: black;
border-radius: 4px;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: black;
}
.tooltip.top-left .tooltip-arrow {
right: 5px;
bottom: 0;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: black;
}
.tooltip.top-right .tooltip-arrow {
bottom: 0;
left: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: black;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: black;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: black;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: black;
}
.tooltip.bottom-left .tooltip-arrow {
top: 0;
right: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: black;
}
.tooltip.bottom-right .tooltip-arrow {
top: 0;
left: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: black;
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: none;
max-width: 276px;
padding: 1px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 1.42857143;
text-align: left;
white-space: normal;
background-color: white;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #cccccc;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
margin-top: -10px;
}
.popover.right {
margin-left: 10px;
}
.popover.bottom {
margin-top: 10px;
}
.popover.left {
margin-left: -10px;
}
.popover-title {
padding: 8px 14px;
margin: 0;
font-size: 14px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0;
}
.popover-content {
padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.popover > .arrow {
border-width: 11px;
}
.popover > .arrow:after {
content: "";
border-width: 10px;
}
.popover.top > .arrow {
bottom: -11px;
left: 50%;
margin-left: -11px;
border-top-color: #999999;
border-top-color: rgba(0, 0, 0, 0.25);
border-bottom-width: 0;
}
.popover.top > .arrow:after {
bottom: 1px;
margin-left: -10px;
content: " ";
border-top-color: white;
border-bottom-width: 0;
}
.popover.right > .arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-right-color: #999999;
border-right-color: rgba(0, 0, 0, 0.25);
border-left-width: 0;
}
.popover.right > .arrow:after {
bottom: -10px;
left: 1px;
content: " ";
border-right-color: white;
border-left-width: 0;
}
.popover.bottom > .arrow {
top: -11px;
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #999999;
border-bottom-color: rgba(0, 0, 0, 0.25);
}
.popover.bottom > .arrow:after {
top: 1px;
margin-left: -10px;
content: " ";
border-top-width: 0;
border-bottom-color: white;
}
.popover.left > .arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: #999999;
border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
right: 1px;
bottom: -10px;
content: " ";
border-right-width: 0;
border-left-color: white;
}
.carousel {
position: relative;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}
.carousel-inner > .item {
position: relative;
display: none;
-webkit-transition: 0.6s ease-in-out left;
-o-transition: 0.6s ease-in-out left;
transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner > .item {
-webkit-transition: -webkit-transform 0.6s ease-in-out;
-o-transition: -o-transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
perspective: 1000;
}
.carousel-inner > .item.next,
.carousel-inner > .item.active.right {
left: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
left: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.carousel-inner > .item.next.left,
.carousel-inner > .item.prev.right,
.carousel-inner > .item.active {
left: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
display: block;
}
.carousel-inner > .active {
left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
position: absolute;
top: 0;
width: 100%;
}
.carousel-inner > .next {
left: 100%;
}
.carousel-inner > .prev {
left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
left: 0;
}
.carousel-inner > .active.left {
left: -100%;
}
.carousel-inner > .active.right {
left: 100%;
}
.carousel-control {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 15%;
font-size: 20px;
color: white;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
filter: alpha(opacity=50);
opacity: 0.5;
}
.carousel-control.left {
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
background-repeat: repeat-x;
}
.carousel-control.right {
right: 0;
left: auto;
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
background-repeat: repeat-x;
}
.carousel-control:hover,
.carousel-control:focus {
color: white;
text-decoration: none;
filter: alpha(opacity=90);
outline: 0;
opacity: 0.9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
position: absolute;
top: 50%;
z-index: 5;
display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
left: 50%;
margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
right: 50%;
margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 20px;
height: 20px;
margin-top: -10px;
font-family: serif;
line-height: 1;
}
.carousel-control .icon-prev:before {
content: '\2039';
}
.carousel-control .icon-next:before {
content: '\203a';
}
.carousel-indicators {
position: absolute;
bottom: 10px;
left: 50%;
z-index: 15;
width: 60%;
padding-left: 0;
margin-left: -30%;
text-align: center;
list-style: none;
}
.carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
background-color: black;
background-color: transparent;
border: 1px solid white;
border-radius: 10px;
}
.carousel-indicators .active {
width: 12px;
height: 12px;
margin: 0;
background-color: white;
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 20px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: white;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
text-shadow: none;
}
@media screen and (min-width: 768px) {
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 30px;
height: 30px;
margin-top: -15px;
font-size: 30px;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
margin-left: -15px;
}
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
margin-right: -15px;
}
.carousel-caption {
right: 20%;
left: 20%;
padding-bottom: 30px;
}
.carousel-indicators {
bottom: 20px;
}
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
display: table;
content: " ";
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
clear: both;
}
.center-block {
display: block;
margin-right: auto;
margin-left: auto;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.invisible {
visibility: hidden;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.hidden {
display: none !important;
}
.affix {
position: fixed;
}
@-ms-viewport {
width: device-width;
}
.visible-xxs,
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important;
}
@media (max-width: 480px) {
.visible-xxs {
display: block !important;
}
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.visible-xs {
display: table-cell !important;
}
}
@media (max-width: 767px) {
.visible-xs-block {
display: block !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline {
display: inline !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
display: inline !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
display: block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
display: inline !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-lg-block {
display: block !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline {
display: inline !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline-block {
display: inline-block !important;
}
}
@media (max-width: 480px) {
.hidden-xxs {
display: none !important;
}
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}
}
.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: block !important;
}
table.visible-print {
display: table;
}
tr.visible-print {
display: table-row !important;
}
th.visible-print,
td.visible-print {
display: table-cell !important;
}
}
.visible-print-block {
display: none !important;
}
@media print {
.visible-print-block {
display: block !important;
}
}
.visible-print-inline {
display: none !important;
}
@media print {
.visible-print-inline {
display: inline !important;
}
}
.visible-print-inline-block {
display: none !important;
}
@media print {
.visible-print-inline-block {
display: inline-block !important;
}
}
@media print {
.hidden-print {
display: none !important;
}
}
/*# sourceMappingURL=bootstrap.css.map */
/* __gridlock
======================*/
.container {
/*.container-fixed();*/
-webkit-transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
-moz-transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
-o-transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
@media (min-width: 1600px) {
.container {
width: 1600px;
}
}
@media (min-width: 1600px) {
.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 {
float: left;
}
.col-xl-12 {
width: 100%;
}
.col-xl-11 {
width: 91.666666667%;
}
.col-xl-10 {
width: 83.333333333%;
}
.col-xl-9 {
width: 75%;
}
.col-xl-8 {
width: 66.666666667%;
}
.col-xl-7 {
width: 58.333333333%;
}
.col-xl-6 {
width: 50%;
}
.col-xl-5 {
width: 41.666666667%;
}
.col-xl-4 {
width: 33.333333333%;
}
.col-xl-3 {
width: 25%;
}
.col-xl-2 {
width: 16.666666667%;
}
.col-xl-1 {
width: 8.333333333%;
}
.col-xl-pull-12 {
right: 100%;
}
.col-xl-pull-11 {
right: 91.666666667%;
}
.col-xl-pull-10 {
right: 83.333333333%;
}
.col-xl-pull-9 {
right: 75%;
}
.col-xl-pull-8 {
right: 66.666666667%;
}
.col-xl-pull-7 {
right: 58.333333333%;
}
.col-xl-pull-6 {
right: 50%;
}
.col-xl-pull-5 {
right: 41.666666667%;
}
.col-xl-pull-4 {
right: 33.333333333%;
}
.col-xl-pull-3 {
right: 25%;
}
.col-xl-pull-2 {
right: 16.666666667%;
}
.col-xl-pull-1 {
right: 8.333333333%;
}
.col-xl-pull-0 {
right: auto;
}
.col-xl-push-12 {
left: 100%;
}
.col-xl-push-11 {
left: 91.666666667%;
}
.col-xl-push-10 {
left: 83.333333333%;
}
.col-xl-push-9 {
left: 75%;
}
.col-xl-push-8 {
left: 66.666666667%;
}
.col-xl-push-7 {
left: 58.333333333%;
}
.col-xl-push-6 {
left: 50%;
}
.col-xl-push-5 {
left: 41.666666667%;
}
.col-xl-push-4 {
left: 33.333333333%;
}
.col-xl-push-3 {
left: 25%;
}
.col-xl-push-2 {
left: 16.666666667%;
}
.col-xl-push-1 {
left: 8.333333333%;
}
.col-xl-push-0 {
left: auto;
}
.col-xl-offset-12 {
margin-left: 100%;
}
.col-xl-offset-11 {
margin-left: 91.666666667%;
}
.col-xl-offset-10 {
margin-left: 83.333333333%;
}
.col-xl-offset-9 {
margin-left: 75%;
}
.col-xl-offset-8 {
margin-left: 66.666666667%;
}
.col-xl-offset-7 {
margin-left: 58.333333333%;
}
.col-xl-offset-6 {
margin-left: 50%;
}
.col-xl-offset-5 {
margin-left: 41.666666667%;
}
.col-xl-offset-4 {
margin-left: 33.333333333%;
}
.col-xl-offset-3 {
margin-left: 25%;
}
.col-xl-offset-2 {
margin-left: 16.666666667%;
}
.col-xl-offset-1 {
margin-left: 8.333333333%;
}
.col-xl-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 1200px) and (max-width: 1599px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
}
@media (min-width: 1200px) and (max-width: 1599px) {
.visible-lg-block {
display: block !important;
}
}
@media (min-width: 1200px) and (max-width: 1599px) {
.visible-lg-inline {
display: inline !important;
}
}
@media (min-width: 1200px) and (max-width: 1599px) {
.visible-lg-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1600px) {
.visible-lg {
display: none !important;
}
table.visible-lg {
display: none;
}
tr.visible-lg {
display: none !important;
}
th.visible-lg,
td.visible-lg {
display: none !important;
}
.visible-lg-block {
display: none !important;
}
.visible-lg-inline {
display: none !important;
}
.visible-lg-inline-block {
display: none !important;
}
}
.visible-xl,
.visible-xl-block,
.visible-xl-inline,
.visible-xl-inline-block {
display: none;
}
@media (min-width: 1600px) {
.visible-xl {
display: block !important;
}
table.visible-xl {
display: table;
}
tr.visible-xl {
display: table-row !important;
}
th.visible-xl,
td.visible-xl {
display: table-cell !important;
}
.visible-xl-block {
display: block !important;
}
.visible-xl-inline {
display: inline !important;
}
.visible-xl-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1200px) and (max-width: 1599px) {
.hidden-lg {
display: none !important;
}
}
@media (min-width: 1600px) {
.hidden-xl {
display: none !important;
}
}
.row--nopadding > [class*='col-'] {
padding-left: 0;
padding-right: 0;
}
.row--nopadding .row {
margin-left: 0;
margin-right: 0;
}
@media (min-width: 1200px) and (max-width: 1599px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
}
@media (min-width: 1200px) and (max-width: 1599px) {
.visible-lg-block {
display: block !important;
}
}
@media (min-width: 1200px) and (max-width: 1599px) {
.visible-lg-inline {
display: inline !important;
}
}
@media (min-width: 1200px) and (max-width: 1599px) {
.visible-lg-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1200px) and (max-width: 1599px) {
.hidden-lg {
display: none !important;
}
}
/* __modifiders
======================*/
.no-gutter {
margin-left: 0 !important;
margin-right: 0 !important;
}
.container-fluid .no-gutter {
margin-left: -15px !important;
margin-right: -15px !important;
}
.no-gutter > [class*='col-'] {
padding-right: 0;
padding-left: 0;
}
.no-gutter img {
margin: 0;
vertical-align: top;
}
.half-gutter {
margin-left: -5px !important;
margin-right: -5px !important;
}
.container-fluid .half-gutter {
margin-left: -5px !important;
margin-right: -5px !important;
}
.half-gutter > [class*='col-'] {
padding-right: 5px;
padding-left: 5px;
}
.row-padding-bottom {
margin-bottom: 15px;
}
.row-padding-top {
padding-top: 15px;
}
.padding-right {
padding-right: 0 !important;
}
.form-control.input-validation-error {
border-color: #a94442;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.form-control.input-validation-error:focus {
border-color: #843534;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.row-flex {
display: flex;
flex-wrap: wrap;
}
.row-flex > div {
display: flex;
flex: 0 1 33%;
}
.row-flex > div > * {
width: 100%;
}
/* __equal 5ths
======================*/
.col-xs-eq-5 {
width: 20%;
float: left;
}
.glyphicon-small {
font-size: 85%;
margin-left: 4px;
position: relative;
top: 0px;
}
.full-width {
width: 100%;
}
@media (min-width: 768px) {
.row--no-container {
padding-left: 0;
padding-right: 0;
}
.row--padding-double {
padding: 30px 0 0;
}
.row--padding-none .col {
padding: 0 15px;
}
.img-center {
margin-bottom: 0;
}
.col-sm-eq-5 {
width: 20%;
float: left;
}
.row-padding-bottom {
margin-bottom: 19px;
}
.padding-right {
padding-right: 12px !important;
}
.col-sm-eq-5 {
position: relative;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
width: 19.9%;
}
}
@media (min-width: 992px) {
.panel {
border: none;
border-radius: 0;
}
.panel .panel-heading {
font-size: 1.1em;
padding: 12px 15px 11px;
}
.row-padding-bottom {
margin-bottom: 19px;
}
.padding-right {
padding-right: 12px !important;
}
.col-md-eq-5 {
width: 20%;
float: left;
}
}
@media (min-width: 1200px) {
.row {
margin-left: -15px;
margin-right: -15px;
}
[class*='col-'] {
padding-left: 15px;
padding-right: 15px;
}
.row-padding-bottom {
margin-bottom: 28px;
}
.padding-right {
padding-right: 15px !important;
}
.col-lg-eq-5 {
width: 20%;
float: left;
}
}
@media (min-width: 1599px) {
.visible-xl-block {
display: block !important;
}
}
@media (min-width: 1599px) {
.visible-xl-inline {
display: inline !important;
}
}
@media (min-width: 1599px) {
.visible-xl-inline-block {
display: inline-block !important;
}
}
@media (max-width: 991px) {
.margin-sm-none {
margin: 0 !important;
}
}
@media (max-width: 1199px) {
.margin-md-none {
margin: 0 !important;
}
}
@media (max-width: 1599px) {
.margin-lg-none {
margin: 0 !important;
}
}
.modal-header {
min-height: 20px;
padding: 15px;
border-bottom: none;
}
.modal-content {
padding: 15px;
}
.modal-dialog {
margin: 30px auto;
}
.modal-message .modal-content {
border: none;
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.33);
background: white;
max-height: 750px;
max-height: 85vh;
overflow-y: auto;
overflow-x: hidden;
border-radius: 0;
/* Handle */
}
.modal-message .modal-content::-webkit-scrollbar {
-webkit-transition: width 1s ease-in-out;
transition: width 1s ease-in-out;
cursor: pointer;
width: 6px !important;
border-radius: 8px !important;
border: 2px solid #eeeeee;
background-color: #c8c8c8;
}
.modal-message .modal-content::-webkit-scrollbar-thumb {
border-radius: 8px;
border: 2px solid #eeeeee;
background-color: #6e6e6e;
}
.modal-message .modal-close {
font-size: 20px;
color: #333333;
}
.modal-message .modal-padding {
padding: 30px;
}
.modal-message .modal-dialog {
margin: 66px auto;
padding: 0 15px;
z-index: 7;
}
.modal-message .modal-header {
border-bottom: 0;
}
.modal-message .modal-body {
padding: 0 16px 15px;
}
.modal-message .modal-message__image {
margin: -83px auto 24px;
text-align: center;
max-width: 90px;
display: block;
float: none;
}
.modal-message .modal-message__title {
margin: -16px 0 0;
display: block;
}
.modal-message .modal-message__title h2 {
font-size: 1.7em;
text-align: center;
margin-bottom: 3px;
}
.modal-message .modal-message__title p {
text-align: center;
margin: 0 0 -8px;
}
.modal-message .model-message__options .goToBasket {
margin-top: 15px;
padding: 7px 12px;
}
.modal-message .modal-footer {
padding: 0 30px 15px;
border-top: none;
}
.modal-message .modal-loading {
padding: 30px 30px 25px;
text-align: center;
}
.modal-backdrop {
background: white;
z-index: 6;
}
.modal-backdrop.in {
background: black;
opacity: 0.5;
z-index: 6;
}
.modal-quick-view .breadcrumbs {
display: none !important;
}
.modal-dialog--shrink {
text-align: center;
}
.modal-dialog--shrink .modal-dialog {
display: inline-block;
width: 90% !important;
}
.modal-dialog--shrink .modal-content {
max-height: none !important;
text-align: left;
}
.modal-dialog--large .modal-dialog {
width: 90% !important;
}
.modal-dialog--signup .modal-dialog {
max-width: 739px !important;
}
.modal-dialog--signup .modal-content {
padding: 0;
border-radius: 0;
}
.modal-dialog--signup .modal-close {
color: white;
top: 24px;
right: 42px;
}
.modal-dialog--offercode .modal-dialog {
max-width: 739px !important;
}
.modal-dialog--offercode .modal-content {
padding: 0;
border-radius: 0;
overflow: visible;
max-height: inherit;
}
.modal-dialog--offercode .modal-close {
top: 24px;
right: 42px;
}
.modal-dialog--small {
text-align: center;
}
.modal-dialog--small .modal-dialog {
display: inline-block;
width: 80% !important;
}
.modal-dialog--small .modal-content {
max-height: none !important;
}
.wishlist-login .modal-header {
padding: 0;
margin-bottom: 30px;
}
.wishlist-login .modal-header h2 {
font-size: 26px;
letter-spacing: 0.5px;
}
.wishlist-login .modal-header p {
letter-spacing: 0.5px;
}
.wishlist-login .tab-pane {
padding: 15px;
border: 1px solid #dddddd;
border-top: 0;
}
.modal-dialog--responsive .modal-dialog {
width: 90% !important;
}
@media (min-width: 768px) {
.modal-dialog--signup .modal-dialog {
min-width: 739px !important;
}
.modal-dialog--signup .modal-content {
padding: 0;
border-radius: 0;
}
.modal-dialog--signup .modal-close {
color: white;
top: 24px;
right: 42px;
}
}
@media (min-width: 992px) {
.modal-dialog {
width: 50%;
}
.modal-dialog--shrink .modal-dialog {
width: 70% !important;
}
.modal-dialog--small .modal-dialog {
width: 56% !important;
}
.modal-dialog--responsive .modal-dialog {
width: 90% !important;
}
}
@media (min-width: 1200px) {
.modal-dialog--shrink .modal-dialog {
width: 50% !important;
}
.modal-dialog--small .modal-dialog {
width: 40% !important;
}
.modal-dialog--responsive .modal-dialog {
width: 70% !important;
}
}
@media (min-width: 1700px) {
.modal-dialog--responsive .modal-dialog {
width: 55% !important;
}
}
@font-face {
font-family: 'EB Garamond';
src: url('/Content/fonts/EB Garamond/EBGaramond-Regular.ttf') format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'EB Garamond';
src: url('/Content/fonts/EB Garamond/EBGaramond-Italic.ttf') format("truetype");
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'EB Garamond';
src: url('/Content/fonts/EB Garamond/EBGaramond-Bold.ttf') format("truetype");
font-weight: bold;
font-style: normal;
}
html .font-brand {
font-family: 'objektiv-mk1', sans-serif;
}
html .font-brand-letterspacing {
letter-spacing: 4px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: black;
line-height: normal;
margin: 0 0 15px;
}
h1 {
font-size: 3.15rem;
font-weight: 700;
}
h2 {
font-size: 2.36rem;
font-weight: 700;
}
h3 {
font-size: 1.77rem;
font-weight: 700;
}
h4 {
font-size: 1.33rem;
font-weight: 500;
}
h5 {
font-size: 1rem;
font-weight: 400;
}
h6 {
font-size: 0.75rem;
font-weight: 500;
text-transform: uppercase;
}
p {
font-weight: 400;
}
p.small {
font-size: 12px;
}
p.large {
font-weight: 500;
font-size: 18px;
}
.fonts-grid h1 {
font-size: 4.5em;
}
.fonts-grid h2 {
font-size: 3.5em;
}
.fonts-grid h3 {
font-size: 2.5em;
}
.fonts-grid h4 {
font-size: 2em;
}
.fonts-grid h5 {
font-size: 1.5em;
}
.fonts-grid h6 {
font-size: 1em;
}
.fonts-grid p {
font-size: 1em;
}
.font-blog {
font-family: 'objektiv-mk1', sans-serif;
}
/*=============================================================*/
/*
_____ _ _ _
| __ \ | | | | | |
| |__) |___ _ __ ___ __ _ _ __| | ____ _| |__ | | ___
| _ // _ \ '_ ` _ \ / _` | '__| |/ / _` | '_ \| |/ _ \
| | \ \ __/ | | | | | (_| | | | < (_| | |_) | | __/
|_| \_\___|_| |_| |_|\__,_|_| |_|\_\__,_|_.__/|_|\___|
Master CSS 2014
Copyright © Remarkable
Author Remarkable.net
Date: 04/09/2014
THIS CODE SHOULD NEVER BE ADDED TO BUT UPDATED FROM CORE COPY
REMEMBER TO LOOK AT MEDIA QUERIES
__Helpers
__Animations
Media Queries
__>768
*/
/*============================================================*/
/* __Helpers
==============================================================*/
.align-left {
text-align: left;
}
.align-right {
text-align: right;
}
.align-center {
text-align: center;
}
.float-left {
float: left;
}
.float-right {
float: right;
}
.inline-block {
display: inline-block !important;
}
.center-block {
display: block !important;
}
.img-center {
margin: 0 auto;
}
.text-uppercase {
text-transform: uppercase;
}
.font-style-italic {
font-style: italic;
}
.word-break {
word-break: break-all;
}
.hidden {
display: none;
}
.margin {
margin-top: 15px !important;
}
.margin--bottom--none {
margin-bottom: 0 !important;
}
.margin--bottom {
margin-bottom: 15px !important;
}
.margin-breakout {
margin-left: -15px !important;
margin-right: -15px !important;
}
.margin-top {
margin-top: 40px;
}
.margin-top.container {
margin-top: 30px;
}
.margin-top-half {
margin-top: 10px;
}
.margin-top-double {
margin-top: 60px;
}
.element-fade {
opacity: 0.8;
-webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-moz-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-o-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.element-fade:hover {
opacity: 1;
}
.color-primary {
color: #3c4f58;
}
.color-secondary {
color: #6d7b82;
}
.color-tertiary {
color: #c5ebe6;
}
/* __Animations
==============================================================*/
.zoom-hover {
position: relative;
overflow: hidden;
}
.zoom-hover__bg {
margin: 0;
}
.zoom-hover__bg > img {
-webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
-moz-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
-o-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.zoom-hover__text {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
}
/*
*/
.indent-anim > li > a {
-webkit-transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1) !important;
-moz-transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1) !important;
-o-transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1) !important;
transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.indent-anim > li:hover > a {
-moz-transform: translateX(5px);
-ms-transform: translateX(5px);
-o-transform: translateX(5px);
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
/*
*/
@-webkit-keyframes paper-ripple {
0% {
opacity: 0;
-webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
transform: translateX(-50%) translateY(-50%) scale(0.2);
}
15% {
opacity: 0.07;
}
40% {
opacity: 0.07;
}
50% {
-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
transform: translateX(-50%) translateY(-50%) scale(1);
}
100% {
opacity: 0;
-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
transform: translateX(-50%) translateY(-50%) scale(1);
}
}
@keyframes paper-ripple {
0% {
opacity: 0;
-webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
-moz-transform: translateX(-50%) translateY(-50%) scale(0.2);
transform: translateX(-50%) translateY(-50%) scale(0.2);
}
15% {
opacity: 0.07;
}
40% {
opacity: 0.07;
}
50% {
-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
-moz-transform: translateX(-50%) translateY(-50%) scale(1);
transform: translateX(-50%) translateY(-50%) scale(1);
}
100% {
opacity: 0;
-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
-moz-transform: translateX(-50%) translateY(-50%) scale(1);
transform: translateX(-50%) translateY(-50%) scale(1);
}
}
.color-highlight {
color: #486fdb;
}
/* __>768
==============================================================*/
@media (min-width: 768px) {
/* __Animations > 768px
===============================*/
.zoom-hover__bg:hover > img {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
}
/* flex utilities
+==============================================================*/
@media (min-width: 768px) {
.d-flex-sm {
display: flex;
}
}
@media (min-width: 992px) {
.d-flex-md {
display: flex;
}
}
@media (min-width: 1200px) {
.d-flex-lg {
display: flex;
}
}
/* color class helpers
==============================================================*/
.color-competition-primary {
color: #71565f;
}
.color-competition-secondary {
color: #5a801b;
}
.bg-competition {
background-color: #71565f;
}
.shadow-none {
box-shadow: none !important;
-webkit-box-shadow: none !important;
}
html {
font-size: 15px;
}
body {
font-weight: 300;
font-family: 'objektiv-mk1', sans-serif;
color: black;
font-size: 15px;
background: white;
background-repeat: repeat;
margin-top: 70px;
letter-spacing: 0.5px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
* a,
a {
text-decoration: none;
color: black;
}
* a:hover,
a:hover,
* a:active,
a:active,
* a:focus,
a:focus {
color: black;
text-decoration: none;
outline: none;
}
.custom-banner--hover-effect picture {
position: relative;
}
.custom-banner--hover-effect picture::after {
content: "";
display: block;
background: black;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
transition: opacity ease-in-out 300ms;
}
.custom-banner--hover-effect:hover picture::after {
opacity: 0.25;
}
.empty-block--hover-effect:first-child {
position: relative;
}
.empty-block--hover-effect:first-child::after {
content: "";
display: inline-block;
background: black;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
transition: opacity ease-in-out 300ms;
pointer-events: none;
}
.empty-block--hover-effect:first-child:hover {
cursor: pointer;
}
.empty-block--hover-effect:first-child:hover::after {
opacity: 0.25;
}
.img-fade.lazyload,
.img-fade.lazyloading {
opacity: 0 !important;
transition: opacity 400ms;
}
img.img-fade.lazyloaded {
transition: opacity 400ms;
opacity: 1;
}
.pageContents {
margin: 20px 0;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #d4d4d4;
}
.label-bold {
font-weight: bold;
}
img {
--aspect-ratio: attr(width) / attr(height);
}
[style*="--aspect-ratio"] > :first-child {
width: 100%;
}
[style*="--aspect-ratio"] > img,
[style*="--aspect-ratio"] > picture {
height: auto;
}
@supports (--custom:property) {
[style*="--aspect-ratio"] {
position: relative;
}
[style*="--aspect-ratio"]:before {
content: "";
width: 1px;
margin-left: -1px;
float: left;
height: 0;
padding-bottom: calc(100% / (var(--aspect-ratio)));
}
[style*="--aspect-ratio"]:after {
content: "";
display: table;
clear: both;
}
}
.free-delivery__hidden {
display: none;
}
img:focus,
map:focus,
area:focus {
outline: transparent auto 0;
}
.font-secondary {
font-family: 'objektiv-mk1', sans-serif;
}
.text-italic {
font-style: italic !important;
}
.btn-primary {
color: white;
background-color: #3c4f58;
border-color: #3c4f58;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
color: white;
background-color: #3c4f58;
border-color: #3c4f58;
}
.btn-primary.disabled,
.btn-primary[disabled] {
background-color: #444444;
border-color: #65686b;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active {
background-color: #27343a;
border-color: #27343a;
}
.btn-add-to-bag {
width: min-content;
margin: 0 auto;
}
.btn-add-to-bag:hover,
.btn-add-to-bag:focus {
background: none;
}
.btn-secondary {
color: white !important;
background-color: #71565f !important;
border-color: #71565f !important;
}
.btn-secondary:hover {
background-color: #634b53 !important;
border-color: #634b53 !important;
}
.page-title {
margin-bottom: 20px;
}
.page-title h1.page-title {
font-size: 32px;
font-weight: bold;
text-align: center;
position: relative;
z-index: 2;
background: white;
margin: 15px 0 0 0;
padding: 0 5%;
display: inline-block;
color: #222222;
}
.page-title h2 {
font-size: 1em;
font-weight: 300;
text-align: center;
}
.page-title p {
text-align: center;
}
h1.page-title-alt {
color: #6b80af;
font-size: 32px;
}
/* width */
::-webkit-scrollbar {
width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
background: #fefefe;
border-radius: 5px;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #e7e7e7;
border-radius: 5px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #999999;
}
.ajaxLoaderOverlay {
left: 0;
position: fixed;
top: 0;
bottom: 0;
right: 0;
z-index: 9999;
width: 100%;
height: 100%;
visibility: hidden;
opacity: 0;
-webkit-transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1) !important;
-moz-transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1) !important;
-o-transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1) !important;
transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ajaxLoaderOverlay.show {
visibility: visible;
opacity: 1;
}
.ajaxLoaderOverlay .bgColor {
background: white;
height: 100%;
width: 100%;
-moz-opacity: 0.7;
filter: alpha(opacity=70);
opacity: 0.7;
}
.ajaxLoaderOverlay .overlayContent {
left: 0;
position: absolute;
text-align: center;
top: 190px;
width: 100%;
}
.plp-page-container .ajaxLoaderOverlay.show {
position: absolute;
z-index: 3;
}
.plp-page-container .ajaxLoaderOverlay.show .overlayContent {
position: sticky;
top: 50%;
}
.modal-close {
position: absolute;
top: 10px;
right: 30px;
z-index: 10;
font-size: 20px;
color: #999999;
cursor: pointer;
transition: 200ms color ease;
}
.modal-close span {
position: relative;
top: -4px;
}
.modal-close:hover {
color: #333333;
}
.owl-carousel .owl-controls {
opacity: 0.5;
}
.owl-carousel:hover .owl-controls {
opacity: 1;
}
.owl-carousel .owl-nav > div {
position: absolute;
top: 50%;
width: 27px;
height: 56px;
margin-top: -28px;
text-indent: -9999px;
background: url(/img/skin/prev-next.png) left top no-repeat;
opacity: 0.8;
-webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-moz-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-o-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.owl-carousel .owl-nav > div:hover {
opacity: 1;
}
.owl-carousel .owl-nav.disabled {
display: none;
}
.owl-carousel .owl-nav .owl-prev {
left: 5px;
}
.owl-carousel .owl-nav .owl-next {
background-position: top right;
right: 5px;
}
.owl-carousel .owl-dots {
position: absolute;
bottom: 60px;
left: 0;
width: 100%;
text-align: center;
}
.owl-carousel .owl-dots.disabled {
display: none;
}
.owl-carousel .owl-dots .owl-dot {
border-radius: 25px;
display: inline-block;
float: none;
width: 10px;
height: 10px;
background: #b0b0af;
margin: 0 5px 0 5px;
border: 1px solid #666666;
}
.owl-carousel .owl-dots .owl-dot:hover,
.owl-carousel .owl-dots .owl-dot.active {
background: #333333;
}
.btn:hover .btn-arrow {
border-color: black;
}
.btn .btn-arrow {
border: solid white;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 5px 3px 4px 6px;
margin-right: 3px;
}
.btn .btn-arrow.btn-arrow__forward {
transform: rotate(315deg);
-webkit-transform: rotate(315deg);
}
.btn .btn-arrow.btn-arrow__back {
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}
@-webkit-keyframes twinkle_one {
0% {
opacity: 1;
}
30% {
opacity: 1;
}
70% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes twinkle_one {
0% {
opacity: 1;
}
30% {
opacity: 1;
}
70% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-o-keyframes twinkle_one {
0% {
opacity: 1;
}
30% {
opacity: 1;
}
70% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes twinkle_one {
0% {
opacity: 1;
}
30% {
opacity: 1;
}
70% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes twinkle_two {
0% {
opacity: 1;
}
25% {
opacity: 0;
}
80% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes twinkle_two {
0% {
opacity: 1;
}
25% {
opacity: 0;
}
80% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-o-keyframes twinkle_two {
0% {
opacity: 1;
}
25% {
opacity: 0;
}
80% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes twinkle_two {
0% {
opacity: 1;
}
25% {
opacity: 0;
}
80% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes twinkle_three {
0% {
opacity: 1;
}
30% {
opacity: 0;
}
40% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes twinkle_three {
0% {
opacity: 1;
}
30% {
opacity: 0;
}
40% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-o-keyframes twinkle_three {
0% {
opacity: 1;
}
30% {
opacity: 0;
}
40% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes twinkle_three {
0% {
opacity: 1;
}
30% {
opacity: 0;
}
40% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.isAnimated .star {
position: absolute;
background-color: white;
}
.isAnimated .star-type1 {
width: 1px;
height: 1px;
border-radius: 2px;
-webkit-box-shadow: 0 0 1px 1px white;
box-shadow: 0 0 1px 1px white;
-webkit-animation: twinkle_one 3s ease-in-out infinite;
-moz-animation: twinkle_one 3s ease-in-out infinite;
-o-animation: twinkle_one 3s ease-in-out infinite;
animation: twinkle_one 3s ease-in-out infinite;
}
.isAnimated .star-type2 {
width: 2px;
height: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 0 2px 1px white;
box-shadow: 0 0 2px 1px white;
-webkit-animation: twinkle_two 12s ease-in-out infinite;
-moz-animation: twinkle_two 12s ease-in-out infinite;
-o-animation: twinkle_two 12s ease-in-out infinite;
animation: twinkle_two 12s ease-in-out infinite;
}
.isAnimated .star-type3 {
width: 2px;
height: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 0 2px 0 white;
box-shadow: 0 0 2px 0 white;
-webkit-animation: twinkle_three 7s ease-in-out infinite;
-moz-animation: twinkle_three 7s ease-in-out infinite;
-o-animation: twinkle_three 7s ease-in-out infinite;
animation: twinkle_three 7s ease-in-out infinite;
}
.feefo-sticky {
position: fixed;
z-index: 20;
right: 60px;
bottom: 0;
width: 159px;
height: 45px;
}
.js-enter-manually {
cursor: pointer;
}
.reg-page {
margin: 30px auto 80px;
max-width: 1200px;
padding: 0 30px;
}
.reg-page__title h1 {
margin: 0 0 5px 0;
letter-spacing: 1px;
color: #222222;
font-size: 1.5em;
}
.reg-page__title h2 {
color: #222222;
}
.reg-page__text p {
letter-spacing: 0.5px;
color: black;
}
.reg-page__text p a {
color: black;
}
.reg-page__text--password p a {
color: dimgray;
}
.reg-page__shopNewArrivalsBtn {
width: 242px !important;
}
.reg-page__shopNewArrivalsBtn .btn {
font-size: 17px !important;
}
.reg-page__form .form-group,
.form-group .form-group,
.basket .form-group,
.checkout .form-group,
.checkout-login-reg .form-group,
.checkout-thank-you .form-group {
margin-bottom: 20px;
}
.reg-page__form .form-group a:not(.btn),
.form-group .form-group a:not(.btn),
.basket .form-group a:not(.btn),
.checkout .form-group a:not(.btn),
.checkout-login-reg .form-group a:not(.btn),
.checkout-thank-you .form-group a:not(.btn) {
color: black;
text-decoration: none;
}
.reg-page__form .form-group a:not(.btn):hover,
.form-group .form-group a:not(.btn):hover,
.basket .form-group a:not(.btn):hover,
.checkout .form-group a:not(.btn):hover,
.checkout-login-reg .form-group a:not(.btn):hover,
.checkout-thank-you .form-group a:not(.btn):hover {
text-decoration: underline;
}
.reg-page__form input:-webkit-autofill,
.form-group input:-webkit-autofill,
.basket input:-webkit-autofill,
.checkout input:-webkit-autofill,
.checkout-login-reg input:-webkit-autofill,
.checkout-thank-you input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 30px #eeeeee inset;
border: 2px solid #eeeeee;
}
.reg-page__form input[type=number],
.form-group input[type=number],
.basket input[type=number],
.checkout input[type=number],
.checkout-login-reg input[type=number],
.checkout-thank-you input[type=number] {
-moz-appearance: textfield;
}
.reg-page__form label,
.form-group label,
.basket label,
.checkout label,
.checkout-login-reg label,
.checkout-thank-you label {
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 700;
}
.reg-page__form .form-control,
.form-group .form-control,
.basket .form-control,
.checkout .form-control,
.checkout-login-reg .form-control,
.checkout-thank-you .form-control {
background: white;
height: 54px;
font-weight: bold;
letter-spacing: 1px;
border-radius: 0;
box-shadow: none;
border: 1px solid black;
}
.reg-page__form .form-control::placeholder,
.form-group .form-control::placeholder,
.basket .form-control::placeholder,
.checkout .form-control::placeholder,
.checkout-login-reg .form-control::placeholder,
.checkout-thank-you .form-control::placeholder {
color: #7e8285;
font-weight: 500;
}
.reg-page__form .form-control--error,
.form-group .form-control--error,
.basket .form-control--error,
.checkout .form-control--error,
.checkout-login-reg .form-control--error,
.checkout-thank-you .form-control--error {
border: 2px solid red;
}
.reg-page__form .form-control--error:hover,
.form-group .form-control--error:hover,
.basket .form-control--error:hover,
.checkout .form-control--error:hover,
.checkout-login-reg .form-control--error:hover,
.checkout-thank-you .form-control--error:hover {
border: 2px solid red;
}
.reg-page__form .btn,
.form-group .btn,
.basket .btn,
.checkout .btn,
.checkout-login-reg .btn,
.checkout-thank-you .btn {
background: #6d7b82;
padding: 15px 50px;
margin: 10px 0;
color: white;
font-weight: bold;
letter-spacing: 2.5px;
border: 0;
border-radius: 0;
}
.reg-page__form .btn a,
.form-group .btn a,
.basket .btn a,
.checkout .btn a,
.checkout-login-reg .btn a,
.checkout-thank-you .btn a {
color: white;
}
.reg-page__form .btn:hover,
.form-group .btn:hover,
.basket .btn:hover,
.checkout .btn:hover,
.checkout-login-reg .btn:hover,
.checkout-thank-you .btn:hover {
background-color: #3c4f58;
color: white;
}
.reg-page__form .btn-checkout,
.form-group .btn-checkout,
.basket .btn-checkout,
.checkout .btn-checkout,
.checkout-login-reg .btn-checkout,
.checkout-thank-you .btn-checkout {
width: 100%;
padding: 15px 0;
margin: 5px 0;
border-radius: 5px;
}
.reg-page__form .form-submit,
.form-group .form-submit,
.basket .form-submit,
.checkout .form-submit,
.checkout-login-reg .form-submit,
.checkout-thank-you .form-submit {
position: relative;
outline-color: white;
}
.reg-page__form .form-submit:hover,
.form-group .form-submit:hover,
.basket .form-submit:hover,
.checkout .form-submit:hover,
.checkout-login-reg .form-submit:hover,
.checkout-thank-you .form-submit:hover {
background-color: #3c4f58;
}
.reg-page__form .form-submit--invert,
.form-group .form-submit--invert,
.basket .form-submit--invert,
.checkout .form-submit--invert,
.checkout-login-reg .form-submit--invert,
.checkout-thank-you .form-submit--invert {
background: transparent;
color: black;
}
.reg-page__form .form-submit--invert:after,
.form-group .form-submit--invert:after,
.basket .form-submit--invert:after,
.checkout .form-submit--invert:after,
.checkout-login-reg .form-submit--invert:after,
.checkout-thank-you .form-submit--invert:after {
color: black;
}
.reg-page__form .form-submit--no-bg,
.form-group .form-submit--no-bg,
.basket .form-submit--no-bg,
.checkout .form-submit--no-bg,
.checkout-login-reg .form-submit--no-bg,
.checkout-thank-you .form-submit--no-bg {
padding: 0;
color: black;
}
.reg-page__form .form-submit--no-bg:after,
.form-group .form-submit--no-bg:after,
.basket .form-submit--no-bg:after,
.checkout .form-submit--no-bg:after,
.checkout-login-reg .form-submit--no-bg:after,
.checkout-thank-you .form-submit--no-bg:after {
top: 0;
right: -25px !important;
color: black;
}
.reg-page__form .reg-page__select,
.form-group .reg-page__select,
.basket .reg-page__select,
.checkout .reg-page__select,
.checkout-login-reg .reg-page__select,
.checkout-thank-you .reg-page__select {
position: relative;
}
.reg-page__form .reg-page__select select::-ms-expand,
.form-group .reg-page__select select::-ms-expand,
.basket .reg-page__select select::-ms-expand,
.checkout .reg-page__select select::-ms-expand,
.checkout-login-reg .reg-page__select select::-ms-expand,
.checkout-thank-you .reg-page__select select::-ms-expand {
display: none;
}
.reg-page__form .reg-page__select:after,
.form-group .reg-page__select:after,
.basket .reg-page__select:after,
.checkout .reg-page__select:after,
.checkout-login-reg .reg-page__select:after,
.checkout-thank-you .reg-page__select:after {
content: '>';
font-size: 26px;
line-height: 6px;
height: 16px;
width: 16px;
font-weight: bold;
right: 14px;
top: 22px;
display: inline-block;
position: absolute;
pointer-events: none;
transition: transform 100ms ease-in-out;
}
.reg-page__form .reg-page__select.is-open:after,
.form-group .reg-page__select.is-open:after,
.basket .reg-page__select.is-open:after,
.checkout .reg-page__select.is-open:after,
.checkout-login-reg .reg-page__select.is-open:after,
.checkout-thank-you .reg-page__select.is-open:after {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.reg-page__form .reg-page__select select,
.form-group .reg-page__select select,
.basket .reg-page__select select,
.checkout .reg-page__select select,
.checkout-login-reg .reg-page__select select,
.checkout-thank-you .reg-page__select select {
padding: 6px 24px 6px 12px;
-webkit-appearance: none;
-moz-appearance: none;
-ms-word-break: normal;
}
.reg-page__form .reg-page__select--title,
.form-group .reg-page__select--title,
.basket .reg-page__select--title,
.checkout .reg-page__select--title,
.checkout-login-reg .reg-page__select--title,
.checkout-thank-you .reg-page__select--title {
width: 125px;
}
.reg-page__form .reg-page__form--password,
.form-group .reg-page__form--password,
.basket .reg-page__form--password,
.checkout .reg-page__form--password,
.checkout-login-reg .reg-page__form--password,
.checkout-thank-you .reg-page__form--password {
color: #ce5469 !important;
/*font-size: 40px !important;*/
}
.reg-page__form .reg-page__form--checkbox,
.form-group .reg-page__form--checkbox,
.basket .reg-page__form--checkbox,
.checkout .reg-page__form--checkbox,
.checkout-login-reg .reg-page__form--checkbox,
.checkout-thank-you .reg-page__form--checkbox {
display: block;
position: relative;
min-height: 30px;
padding-left: 40px;
margin-bottom: 12px;
letter-spacing: 0.5px !important;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.reg-page__form .reg-page__form--checkbox input,
.form-group .reg-page__form--checkbox input,
.basket .reg-page__form--checkbox input,
.checkout .reg-page__form--checkbox input,
.checkout-login-reg .reg-page__form--checkbox input,
.checkout-thank-you .reg-page__form--checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.reg-page__form .reg-page__form--checkbox .checkmark,
.form-group .reg-page__form--checkbox .checkmark,
.basket .reg-page__form--checkbox .checkmark,
.checkout .reg-page__form--checkbox .checkmark,
.checkout-login-reg .reg-page__form--checkbox .checkmark,
.checkout-thank-you .reg-page__form--checkbox .checkmark {
position: absolute;
top: 0;
left: 0;
height: 30px;
width: 30px;
background: #eeeeee;
border: 2px solid #5e5d5d;
cursor: pointer;
}
.reg-page__form .reg-page__form--checkbox .checkmark:after,
.form-group .reg-page__form--checkbox .checkmark:after,
.basket .reg-page__form--checkbox .checkmark:after,
.checkout .reg-page__form--checkbox .checkmark:after,
.checkout-login-reg .reg-page__form--checkbox .checkmark:after,
.checkout-thank-you .reg-page__form--checkbox .checkmark:after {
content: "";
position: absolute;
display: none;
left: 8px;
top: 1px;
}
.reg-page__form .reg-page__form--checkbox .checkmark:hover,
.form-group .reg-page__form--checkbox .checkmark:hover,
.basket .reg-page__form--checkbox .checkmark:hover,
.checkout .reg-page__form--checkbox .checkmark:hover,
.checkout-login-reg .reg-page__form--checkbox .checkmark:hover,
.checkout-thank-you .reg-page__form--checkbox .checkmark:hover {
border: 2px solid #5e5d5d;
}
.reg-page__form .reg-page__form--checkbox .checkmark:hover:after,
.form-group .reg-page__form--checkbox .checkmark:hover:after,
.basket .reg-page__form--checkbox .checkmark:hover:after,
.checkout .reg-page__form--checkbox .checkmark:hover:after,
.checkout-login-reg .reg-page__form--checkbox .checkmark:hover:after,
.checkout-thank-you .reg-page__form--checkbox .checkmark:hover:after {
left: 8px;
top: 1px;
}
.reg-page__form .reg-page__form--checkbox input:checked ~ .checkmark:after,
.form-group .reg-page__form--checkbox input:checked ~ .checkmark:after,
.basket .reg-page__form--checkbox input:checked ~ .checkmark:after,
.checkout .reg-page__form--checkbox input:checked ~ .checkmark:after,
.checkout-login-reg .reg-page__form--checkbox input:checked ~ .checkmark:after,
.checkout-thank-you .reg-page__form--checkbox input:checked ~ .checkmark:after {
display: block;
}
.reg-page__form .reg-page__form--checkbox .checkmark:after,
.form-group .reg-page__form--checkbox .checkmark:after,
.basket .reg-page__form--checkbox .checkmark:after,
.checkout .reg-page__form--checkbox .checkmark:after,
.checkout-login-reg .reg-page__form--checkbox .checkmark:after,
.checkout-thank-you .reg-page__form--checkbox .checkmark:after {
left: 8px;
top: 1px;
width: 10px;
height: 19px;
border: solid #ce5469;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.reg-page__form .reg-page__form--radio-aligned,
.form-group .reg-page__form--radio-aligned,
.basket .reg-page__form--radio-aligned,
.checkout .reg-page__form--radio-aligned,
.checkout-login-reg .reg-page__form--radio-aligned,
.checkout-thank-you .reg-page__form--radio-aligned {
display: flex !important;
align-items: baseline;
}
.reg-page__form .reg-page__form--radio-aligned p,
.form-group .reg-page__form--radio-aligned p,
.basket .reg-page__form--radio-aligned p,
.checkout .reg-page__form--radio-aligned p,
.checkout-login-reg .reg-page__form--radio-aligned p,
.checkout-thank-you .reg-page__form--radio-aligned p {
width: 75%;
float: right;
}
.reg-page__form .reg-page__form--radio,
.form-group .reg-page__form--radio,
.basket .reg-page__form--radio,
.checkout .reg-page__form--radio,
.checkout-login-reg .reg-page__form--radio,
.checkout-thank-you .reg-page__form--radio {
display: block;
position: relative;
min-height: 30px;
padding-top: 5px;
margin-bottom: 12px;
letter-spacing: 0.5px !important;
cursor: pointer;
font-size: 1em !important;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.reg-page__form .reg-page__form--radio label,
.form-group .reg-page__form--radio label,
.basket .reg-page__form--radio label,
.checkout .reg-page__form--radio label,
.checkout-login-reg .reg-page__form--radio label,
.checkout-thank-you .reg-page__form--radio label {
margin-right: 10px;
}
.reg-page__form .reg-page__form--radio input,
.form-group .reg-page__form--radio input,
.basket .reg-page__form--radio input,
.checkout .reg-page__form--radio input,
.checkout-login-reg .reg-page__form--radio input,
.checkout-thank-you .reg-page__form--radio input {
-webkit-appearance: none;
-moz-appearance: none;
position: relative;
top: 7px;
right: 0;
bottom: 0;
left: 0;
outline: none;
height: 30px;
width: 30px;
background: white;
color: white;
cursor: pointer;
display: inline-block;
border: 1px solid #5e5d5d;
border-radius: 6px;
}
.reg-page__form .reg-page__form--radio input:checked,
.form-group .reg-page__form--radio input:checked,
.basket .reg-page__form--radio input:checked,
.checkout .reg-page__form--radio input:checked,
.checkout-login-reg .reg-page__form--radio input:checked,
.checkout-thank-you .reg-page__form--radio input:checked {
background: #2f80ed;
}
.reg-page__form .reg-page__form--radio input:checked::before,
.form-group .reg-page__form--radio input:checked::before,
.basket .reg-page__form--radio input:checked::before,
.checkout .reg-page__form--radio input:checked::before,
.checkout-login-reg .reg-page__form--radio input:checked::before,
.checkout-thank-you .reg-page__form--radio input:checked::before {
content: '';
display: block;
position: absolute;
transform: rotate(45deg);
border-bottom: 3px solid white;
border-right: 3px solid white;
height: 20px;
width: 10px;
top: 2px;
left: 8px;
}
.reg-page__form .reg-page__form--radio input:checked::after,
.form-group .reg-page__form--radio input:checked::after,
.basket .reg-page__form--radio input:checked::after,
.checkout .reg-page__form--radio input:checked::after,
.checkout-login-reg .reg-page__form--radio input:checked::after,
.checkout-thank-you .reg-page__form--radio input:checked::after {
content: '';
display: block;
position: relative;
z-index: 100;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.sk-fading-circle {
margin: 100px auto;
width: 40px;
height: 40px;
position: relative;
}
.sk-fading-circle .sk-circle {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.sk-fading-circle .sk-circle:before {
content: '';
display: block;
margin: 0 auto;
width: 15%;
height: 15%;
background-color: #333333;
border-radius: 100%;
-webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
-webkit-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
-webkit-transform: rotate(120deg);
-ms-transform: rotate(120deg);
transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
-webkit-transform: rotate(150deg);
-ms-transform: rotate(150deg);
transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
-webkit-transform: rotate(210deg);
-ms-transform: rotate(210deg);
transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
-webkit-transform: rotate(240deg);
-ms-transform: rotate(240deg);
transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
-webkit-transform: rotate(300deg);
-ms-transform: rotate(300deg);
transform: rotate(300deg);
}
.sk-fading-circle .sk-circle12 {
-webkit-transform: rotate(330deg);
-ms-transform: rotate(330deg);
transform: rotate(330deg);
}
.sk-fading-circle .sk-circle2:before {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.sk-fading-circle .sk-circle3:before {
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
.sk-fading-circle .sk-circle4:before {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.sk-fading-circle .sk-circle5:before {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
.sk-fading-circle .sk-circle6:before {
-webkit-animation-delay: -0.7s;
animation-delay: -0.7s;
}
.sk-fading-circle .sk-circle7:before {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s;
}
.sk-fading-circle .sk-circle8:before {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
}
.sk-fading-circle .sk-circle9:before {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
-webkit-animation-delay: -0.1s;
animation-delay: -0.1s;
}
@-webkit-keyframes sk-circleFadeDelay {
0%, 39%, 100% {
opacity: 0;
}
40% {
opacity: 1;
}
}
@keyframes sk-circleFadeDelay {
0%, 39%, 100% {
opacity: 0;
}
40% {
opacity: 1;
}
}
.quick-view-sign-up {
position: relative;
}
.quick-view-sign-up__form {
position: absolute;
top: 390px;
left: 0;
width: 100%;
text-align: center;
}
.quick-view-sign-up__form input[type=text] {
min-width: 350px;
height: 51px;
border-radius: 0;
letter-spacing: 1px;
border: 0;
}
.quick-view-sign-up__form a {
display: inline-block;
background: #df3029;
height: 51px;
color: white;
padding: 0 30px;
line-height: 50px;
letter-spacing: 2px;
font-size: 18px;
}
.quick-view-sign-up__form a:hover {
background: #e2453f;
}
.quick-view-sign-up__form--france {
top: 354px;
}
.quick-view-sign-up__form--russia {
top: 373px;
}
.quick-view-sign-up__alert {
position: absolute;
top: 56px;
left: 0;
width: 100%;
height: 50px;
opacity: 0;
transition: opacity 200ms ease;
}
.quick-view-sign-up__alert span {
display: inline-block;
width: 60%;
background: black;
color: white;
padding: 15px 0;
letter-spacing: 0.5px;
}
.quick-view-sign-up__alert.active {
opacity: 1;
}
.quick-view-offercode h3 {
margin-left: 10px;
margin-right: 10px;
}
@media (max-width: 480px) {
.quick-view-offercode h3 {
font-size: 15px;
}
}
.quick-view-offercode img {
margin-bottom: 10px;
width: 100%;
}
.quick-view-offercode .btn {
display: inline-block;
background-color: #5e5d5d;
font-size: 17px;
letter-spacing: 0.8px;
color: white;
letter-spacing: 1px;
padding: 10px 40px 10px 30px;
border-radius: 0;
transition: background 200ms ease;
will-change: background;
pointer-events: auto;
opacity: 1;
position: relative;
margin: 0 0 20px;
}
.quick-view-offercode .btn:after {
content: ">";
position: absolute;
font-size: 18px;
right: 24px;
top: 9px;
color: white;
transition: transform 200ms ease;
transform: translate(0, 0);
}
.quick-view-offercode .btn:hover:after {
transform: translate(5px, 0);
}
.wishlist-heart .wishlist-heart__inner {
fill: none;
stroke: black;
stroke-width: 2px;
}
.wishlist-heart .wishlist-heart__outer {
fill: none;
}
.wishlist-heart.active .wishlist-heart__inner {
fill: #d93d3c;
stroke: none;
stroke-width: 2px;
}
.wishlist-heart.active .wishlist-heart__outer {
fill: none;
}
.flex-parent--row {
display: flex;
flex-direction: row;
flex-flow: column wrap;
}
.flex-parent--column {
display: flex;
flex-direction: column;
flex-flow: column wrap;
}
.flex-order-1 {
order: 1;
}
.flex-order-2 {
order: 2;
}
.flex-order-3 {
order: 3;
}
.flex-order-4 {
order: 4;
}
.flex-order-5 {
order: 5;
}
.flex-order-6 {
order: 6;
}
.flex-order-7 {
order: 7;
}
.flex-order-8 {
order: 8;
}
.flex-fullwidth {
width: 100%;
}
.sign-in__main {
margin: 0 0 5px 0;
letter-spacing: 1px;
color: #222222;
font-size: 1.5em;
}
.nav-tabs li.active {
background-color: white !important;
color: white;
}
.nav-tabs li a[aria-expanded="true"],
.nav-tabs li a:hover {
background-color: white !important;
color: white;
}
@media (max-width: 767px) {
.checkoutPage {
margin-top: 20px;
}
.checkoutPage .header {
margin: 0;
}
.checkoutPage .header svg {
width: 250px;
margin-bottom: 10px;
}
.checkoutPage .header .checkout-title {
font-size: 18px;
margin-bottom: 5px;
}
.checkoutPage .checkout__item-images {
margin: 25px 0 15px;
}
.flex-parent-xs--row {
display: flex;
flex-direction: row;
flex-flow: column wrap;
}
.flex-parent-xs--column {
display: flex;
flex-direction: column;
flex-flow: column wrap;
}
}
.mp-results-wrapper {
position: fixed;
top: 0;
left: 0;
width: 25px;
height: 25px;
background: url('../img/skin/icon-speed.svg') left 5px bottom 5px no-repeat;
background-size: 20px;
cursor: pointer;
z-index: 30000000000;
filter: invert(1);
mix-blend-mode: difference;
}
.mp-results-wrapper .profiler-results {
height: 0;
overflow: hidden;
}
:root .profiler-popup {
max-height: max-content !important;
}
@media (max-width: 767px) {
:root .profiler-popup {
width: 80vw;
overflow-x: auto !important;
}
}
@media (max-width: 768px) {
.feefo-sticky {
display: none;
}
.full-width-sm {
padding: 0;
}
.quick-view-sign-up__alert {
top: -32px;
height: 30px;
}
.quick-view-sign-up__alert span {
padding: 5px 0;
height: 30px;
width: 80%;
}
.quick-view-sign-up__form {
top: auto;
bottom: 9%;
}
.quick-view-sign-up__form .form-group {
display: inline-block;
}
.quick-view-sign-up__form input[type=text] {
min-width: auto;
}
}
@media (min-width: 768px) {
body {
margin-top: 0;
}
}
@media (max-width: 480px) {
.full-width-xs {
padding: 0;
}
.quick-view-sign-up__form {
bottom: 11%;
}
.quick-view-sign-up__form .form-group {
margin-bottom: 0;
}
.quick-view-sign-up__form input[type=text] {
height: 30px;
line-height: 1;
min-width: 150px;
}
.quick-view-sign-up__form a {
height: 30px;
line-height: 1;
padding: 10px 30px;
}
}
/* Remarkable Zoomer */
.remarkable-zoomer-visible,
.remarkable-zoomer-visible body {
overflow-x: hidden !important;
overflow-y: hidden !important;
overflow: hidden !important;
max-height: 100%;
}
#remarkable-zoomer {
background: rgba(255, 255, 255, 0.7);
display: none;
height: 100%;
left: 0;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute !important;
top: 0;
width: 100%;
z-index: 9999;
}
#remarkable-zoomer .remarkable-zoomer-instruction {
background: black;
color: white;
cursor: pointer;
font-size: 14px;
left: 50%;
margin: -15px 0 0 -125px;
padding: 5px;
position: absolute;
text-align: center;
top: 50%;
width: 250px;
z-index: 9999;
opacity: 0.8;
/* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
filter: alpha(opacity=80);
/* IE6-IE8 */
-webkit-border-radius: 3px;
/* Saf3-4, iOS 1-3.2, Android ≤1.6 */
-moz-border-radius: 3px;
/* FF1-3.6 */
border-radius: 3px;
/* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
}
#remarkable-zoomer .remarkable-zoomer-preload {
background: white;
color: white;
display: none;
left: 50%;
padding: 8px;
position: absolute;
top: 50%;
z-index: 9999;
opacity: 0.6;
/* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
filter: alpha(opacity=60);
/* IE6-IE8 */
-webkit-border-radius: 8px;
/* Saf3-4, iOS 1-3.2, Android ≤1.6 */
-moz-border-radius: 8px;
/* FF1-3.6 */
border-radius: 8px;
/* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
}
#remarkable-zoomer .btnNext {
color: white;
cursor: pointer;
font-size: 28px;
height: 100%;
position: absolute;
right: 0;
text-align: center;
text-indent: 20px;
top: 0;
width: 100px;
z-index: 9998;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
-webkit-transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
-moz-transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
-o-transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
#remarkable-zoomer .btnNext:hover {
background: -moz-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.3) 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.3)));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.3) 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.3) 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.3) 100%);
/* IE10+ */
background: linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.3) 100%);
/* W3C */
color: white;
}
#remarkable-zoomer .btnPrev {
color: white;
cursor: pointer;
font-size: 28px;
height: 100%;
left: 0;
position: absolute;
text-align: center;
text-indent: -20px;
top: 0;
width: 100px;
z-index: 9998;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
-webkit-transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
-moz-transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
-o-transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
#remarkable-zoomer .btnPrev:hover {
background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3) 0%, transparent 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.3)), color-stop(100%, transparent));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 0%, transparent 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3) 0%, transparent 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3) 0%, transparent 100%);
/* IE10+ */
background: linear-gradient(left, rgba(0, 0, 0, 0.3) 0%, transparent 100%);
/* W3C */
color: white;
}
#remarkable-zoomer .btnPrev span {
left: 35px;
position: absolute;
top: 50%;
}
#remarkable-zoomer .btnNext span {
position: absolute;
right: 35px;
top: 50%;
}
#remarkable-zoomer .btnZoomerClose {
background: #2b2b2b;
color: white;
cursor: pointer;
font-size: 14px;
height: 24px;
line-height: 24px;
position: absolute;
right: 15px;
text-align: center;
top: 15px;
width: 82px;
z-index: 9999;
-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.28);
-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.28);
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.28);
}
#remarkable-zoomer .btnZoomerClose:hover {
background: black;
background-position: bottom center;
}
#remarkable-zoomer .zoom-alt {
bottom: 15px;
left: 15px;
position: absolute;
z-index: 9999;
}
#remarkable-zoomer .zoom-alt a {
background: black;
float: left;
margin: 15px 15px 0 0;
opacity: 0.5;
max-width: 120px;
-moz-transform: translateY(20px) translateZ(0);
-ms-transform: translateY(20px) translateZ(0);
-o-transform: translateY(20px) translateZ(0);
-webkit-transform: translateY(20px) translateZ(0);
transform: translateY(20px) translateZ(0);
-webkit-transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
-moz-transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
-o-transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
#remarkable-zoomer .zoom-alt a:hover,
#remarkable-zoomer .zoom-alt .selected {
opacity: 1;
box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.25);
-moz-transform: translateY(0) translateZ(0);
-ms-transform: translateY(0) translateZ(0);
-o-transform: translateY(0) translateZ(0);
-webkit-transform: translateY(0) translateZ(0);
transform: translateY(0) translateZ(0);
}
#remarkable-zoomer .zoom-alt a.selected {
border-color: #b71e4e;
}
#remarkable-zoomer .zoom-alt a img {
float: left;
}
.navbar-topnav {
color: black;
letter-spacing: 0.5px;
line-height: 32px;
position: relative;
z-index: 2;
margin-top: 10px;
}
.navbar-topnav a {
color: black;
padding: 9px 10px 12px 10px;
text-decoration: none;
}
.navbar-topnav a:hover {
color: black;
}
.navbar-topnav .navbar-topnav__toggle-wishlist-text {
display: none;
}
.navbar-topnav .vertical-helper {
display: inline-block;
height: 100%;
vertical-align: middle;
}
.navbar-topnav .nav-splitter > li:before {
background: white;
}
.navbar-topnav svg,
.navbar-topnav img {
margin-right: 3px;
}
.navbar-topnav .navbar-brand {
display: flex;
align-content: center;
justify-content: center;
float: none;
padding: 0;
}
.navbar-topnav .navbar-brand a {
padding: 0;
}
.navbar-topnav .navbar-brand svg {
height: 40px;
width: auto;
}
.nav-pill--small > li > a {
padding-top: 0;
padding-bottom: 0;
}
.nav-pill--small .glyphicon {
font-size: 20px;
vertical-align: text-top;
margin-top: -4px;
margin-right: 3px;
}
.nav-dropdown-container--basket.active .totals--header {
text-decoration: underline;
}
/* This Will Only To Just Mobile To Save Overwriting */
@media (max-width: 767px) {
}
@media (max-width: 991px) {
.navbar-topnav .navbar-topnav--signin {
margin-left: -10px;
}
.navbar-topnav .navbar-topnav--register {
padding-left: 5px;
margin-right: -20px;
}
}
/* media queries
===================================================*/
@media (min-width: 768px) {
.navbar-topnav svg {
position: relative;
top: 10px;
width: 30px;
height: 30px;
}
.navbar-topnav #headerWishlistLink img {
vertical-align: middle;
}
.navbar-topnav .glyphicon {
margin-top: 5px;
}
.navbar-topnav .nav-pills {
margin: 0;
height: 30px;
}
.navbar-topnav .nav-pills.pull-right {
margin-right: 30px;
}
.navbar-topnav .navbar-topnav--account:hover {
text-decoration: underline;
}
.navbar-topnav .navbar-topnav--signin,
.navbar-topnav .navbar-topnav--register {
padding-right: 3px;
font-weight: 500;
text-transform: uppercase;
transition: all 0.2s ease-in-out;
letter-spacing: 1px;
color: black;
}
.navbar-topnav .navbar-topnav--signin:hover,
.navbar-topnav .navbar-topnav--register:hover {
text-decoration: underline;
}
.navbar-topnav .nav-pill--small > li > a:hover {
background: none;
}
.navbar-topnav .register-login {
padding-top: 10px;
}
}
@media (min-width: 992px) {
.navbar-topnav {
line-height: 38px;
margin-top: 28px;
}
.navbar-topnav .basket-svg {
width: 25px;
height: 20px;
}
.nav-pill--small > li > a {
padding-left: 5px;
padding-right: 5px;
}
}
@media (min-width: 1200px) {
}
@media (min-width: 1600px) {
}
@media (min-width: 1399px) {
.navbar-topnav .nav-pills {
margin: 0 0 0 50px;
}
}
body.expanded-mobile-nav {
overflow: hidden;
}
.navbar-main {
border-radius: 0;
border: none;
margin-bottom: 0;
position: relative;
z-index: 1;
}
.navbar-main .navbar-brand {
display: none;
height: auto;
padding: 0;
position: absolute;
left: 50%;
margin-left: -70px;
top: 0;
}
@media (max-width: 767px) {
.navbar-main .navbar-brand {
display: block;
}
}
.navbar-main .navbar-brand svg,
.navbar-main .navbar-brand img {
width: 140px;
height: 30px;
margin: 6px 0;
}
.navbar-main .navbar-brand img {
margin: 12px 0;
}
.navbar-main .navbar-brand a {
display: block;
}
.navbar-main .navbar-header {
background-color: white;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.175);
}
.navbar-main .navbar-toggle .icon-bar {
background: black;
margin-left: auto;
margin-right: auto;
height: 3px;
transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
/*will-change: transform, opacity;*/
}
.navbar-main .navbar-toggle .icon-bar:nth-child(2) {
transform: rotate(45deg) translateY(5px) translateX(4px);
}
.navbar-main .navbar-toggle .icon-bar:nth-child(3) {
opacity: 0;
}
.navbar-main .navbar-toggle .icon-bar:nth-child(4) {
transform: rotate(-45deg) translateY(-5px) translateX(3px);
}
.navbar-main .navbar-toggle.collapsed .icon-bar,
.navbar-main .navbar-toggle[aria-expanded="false"] .icon-bar {
opacity: 1;
transform: rotate(0) translateY(0) translateX(0);
}
.navbar-main .mobile-nav-button {
border-radius: 0;
color: black;
display: inline-block;
height: 55px;
margin: 0;
position: relative;
width: 50px;
}
.navbar-main .mobile-nav-button.navbar-btn-search svg {
width: 20px;
height: 20px;
top: 50%;
transform: translateY(-50%);
}
@media (max-width: 767px) {
.navbar-main .mobile-nav-button.navbar-btn-bag svg {
height: 25px;
}
}
.navbar-main .navbar-btn-bag svg,
.navbar-main .navbar-btn-search svg {
position: relative;
top: 50%;
transform: translateY(-50%);
height: 30px;
}
.navbar-main .navbar-collapse {
border: none;
background: white;
height: calc(100vh - 55px) !important;
position: absolute;
width: 79.7%;
top: 55px !important;
max-width: 350px;
z-index: 4;
overflow-y: auto;
transform: translate(0, 0);
-webkit-overflow-scrolling: touch;
transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
will-change: transform;
display: block;
}
.navbar-main .navbar-collapse.collapsed {
transform: translate(-100%, 0);
display: none;
}
.slideout-open .navbar-main .navbar-collapse {
transition-duration: 0s;
}
.navbar-main .navbar-overlay {
display: block;
background: rgba(0, 0, 0, 0.4);
width: 100%;
height: 100% !important;
position: fixed;
left: 0;
top: 55px;
z-index: 3;
opacity: 0;
visibility: hidden;
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1), visibility 100ms cubic-bezier(0.4, 0, 0.2, 1);
will-change: opacity;
}
.navbar-main .navbar-overlay.collapsed {
opacity: 1;
visibility: visible;
}
.slideout-open .navbar-main .navbar-overlay,
.navbar-main .navbar-overlay[aria-expanded="true"] {
transition-duration: 200ms;
opacity: 1;
visibility: visible;
}
.btn-group-menu > a {
color: black;
padding-bottom: 13px;
padding-top: 13px;
}
.btn-group-menu > a:before {
content: '';
height: 40%;
width: 1px;
background: white;
position: absolute;
left: -1px;
top: 30%;
}
.btn-group-menu > a:first-child:before {
display: none;
}
.btn-menu-button {
background: transparent;
border: none;
border-bottom: 1px solid #d8d8d8;
outline: none;
padding: 13px 15px;
text-align: left;
}
.btn-menu-button:hover {
color: #404040;
background: white;
}
.btn-menu-button[disabled] {
cursor: not-allowed;
opacity: 0.65;
box-shadow: none;
}
.actionbar-fix {
padding: 0;
}
/*.product-icons {
display: none;
float: right;
position: absolute;
right: 0;
top: 0;
&.visible {
@media (min-width: @screen-xs-min) {
display: block;
}
}
.half-bag {
svg {
vertical-align: middle;
top: 0;
transform:translateY(-50%);
}
}
}*/
/* This Will Only To Just Mobile To Save Overwriting */
@media (max-width: 767px) {
.slideout-menu {
display: none;
}
.slideout-panel {
position: relative;
z-index: 1;
}
.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
overflow: hidden;
}
.slideout-open .slideout-menu {
display: block;
}
.navbar-main .navbar-collapse {
border-top: 1px solid #b8b8ba;
}
}
/* media queries
===================================================*/
@media (min-width: 768px) {
nav.container-fluid {
width: 100%;
padding: 0;
}
.mobile-nav-button {
line-height: 55px;
}
.is_stuck .mobile-nav-button {
line-height: 80px;
}
.navbar-main {
border-radius: 0;
}
.navbar-main .navbar-brand {
margin-top: -65px;
margin-left: -80px !important;
}
.navbar-main .navbar-brand svg {
fill: black;
width: 160px;
height: 60px;
margin: 15px 0;
overflow: visible;
}
.navbar-main .navbar-brand img {
margin: 25px 0;
}
.navbar-main .navbar-header {
background: white;
}
.navbar-main .navbar-upper {
margin-top: -60px;
}
.navbar-main .navbar-collapse {
height: auto !important;
width: auto;
overflow: visible;
max-width: none;
display: block !important;
top: 0 !important;
/*padding-left: 0;
padding-right: 0;*/
position: static;
transform: none !important;
will-change: initial;
background: white;
}
.navbar-main .navbar-collapse.slideout-menu {
display: block;
}
.navbar-main .navbar-collapse .row {
margin: 0;
}
.navbar-main .navbar-collapse.is_stuck.delivery-gap {
margin-top: 52px;
}
}
@media (min-width: 992px) {
.navbar-main .navbar-upper {
margin-top: -90px;
}
.navbar-main .navbar-brand {
margin-top: -75px;
margin-left: -120px !important;
}
.navbar-main .navbar-brand svg,
.navbar-main .navbar-brand img {
width: 240px;
height: 60px;
overflow: hidden;
}
.navbar-main .navbar-brand .navbar-brand__text {
position: absolute;
top: 100px;
left: 5px;
width: 100%;
font-family: 'objektiv-mk1', sans-serif;
color: black;
display: none;
}
}
@media (min-width: 1200px) {
}
@media (min-width: 1600px) {
}
@media (max-width: 767px) {
.navbar-btn-bag .cart-total-roundel {
display: none;
}
.navbar-btn-bag .cart-total-roundel.active {
position: absolute;
text-align: center;
width: 25px;
height: 25px;
background: #5e5d5d;
color: white;
display: flex;
border-radius: 50%;
align-items: center;
justify-content: center;
padding: 10px;
top: 25px;
left: 22px;
}
.is_stuck .mobile-nav-button {
line-height: 55px;
}
}
@media (min-width: 992px) and (max-width: 1600px) {
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (min-width: 768px) and (max-width: 886px) {
}
.no-hover {
pointer-events: none;
}
.allow-hover {
pointer-events: auto;
}
.navbar-main-links {
margin-top: 3px;
/*svg {
&, & path {
stroke: @color-grey;
fill: @color-grey;
}
}*/
}
.navbar-main-links .vertical {
/* For the plus */
transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.navbar-main-links .dropdown-menu {
display: block;
background: white;
border: none;
float: none;
max-height: 0;
overflow: hidden;
padding: 0;
position: static;
width: auto;
transition: max-height 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.navbar-main-links .dropdown-menu > .col-xs-12 {
padding: 0;
}
.navbar-main-links .dropdown-menu .dropdown-menu__container {
max-width: 1150px;
}
.navbar-main-links .glyphicon {
stroke: #3f3f3f;
margin-right: 3px;
}
.navbar-main-links .glyphicon-menu-right {
margin-top: 2px;
}
.navbar-main-links > li {
border-bottom: 1px solid #d8d8d8;
}
.navbar-main-links > li > a {
border-bottom: 0;
padding-bottom: 10px;
padding-top: 10px;
letter-spacing: 1px;
font-weight: 700;
text-transform: uppercase;
}
.navbar-main-links > li > a.sale {
background: #cd0021;
color: white;
}
.navbar-main-links > li > a.sale:hover {
background: #b4001d;
}
.navbar-main-links > li > a.new-arrivals {
background: #b6baab;
}
.navbar-main-links > li > a.new-arrivals:hover {
background: #b6baab;
}
.navbar-main-links > li > a.blackfriday {
background-color: black;
color: white;
}
.navbar-main-links > li > a.blackfriday:hover {
background-color: black;
}
.navbar-main-links > li > a.outlet {
background-color: black;
color: white;
}
.navbar-main-links > li > a:hover {
background: transparent;
text-decoration: none;
}
.navbar-main-links > li .dropdown__search {
display: flex;
flex-direction: row-reverse;
align-items: center;
gap: 8px;
}
.navbar-main-links > li.blog > a {
font-size: 22px;
}
.navbar-main-links > li.search > a > svg {
position: unset;
margin-left: 2px;
}
.navbar-main-links > li.open > a {
background-color: white !important;
border-bottom: 0;
border-color: none !important;
}
.has-touch .navbar-main-links > li.open > a {
border-color: #e03757 !important;
}
.navbar-main-links > li.open > a.sale {
background-color: #ef5a5a !important;
}
.navbar-main-links > li.open .vertical {
opacity: 0;
}
.navbar-main-links > li.open .dropdown-menu {
max-height: 1500px;
}
.navbar-main-links .navbar-main-links__toggle-search-text {
display: none;
}
.js-closemenu {
padding-top: 10px;
font-size: 18px;
letter-spacing: 1.5px;
color: black;
display: none;
position: absolute;
bottom: 18px;
right: 30px;
}
.has-touch .js-closemenu {
display: block;
}
.navbar-main-links--background > li {
background-color: #f6f6f6;
}
.navbar-main-links--transparent > li {
background: transparent;
}
.navbar-image {
/*margin-top:15px;
margin-bottom:15px;*/
text-align: center;
}
.navbar-image picture {
float: none;
margin-left: 0;
max-width: 100%;
display: inline-block;
}
/* This Will Only To Just Mobile To Save Overwriting */
@media (max-width: 767px) {
.hasSubmenu.open .chevron-plus {
display: none;
}
.hasSubmenu.open .chevron-minus {
display: block !important;
}
nav > .navbar-main-links > li:last-child {
border-bottom: 0;
margin-bottom: 50px;
}
.navbar-main-links li .menu-state {
position: absolute;
top: 14px;
right: 20px;
width: 20px;
height: 20px;
margin-top: -10px;
text-align: center;
transition: transform 200ms ease-in-out;
}
.navbar-main-links li .menu-state.menu-image {
top: 50px;
}
.navbar-main-links li .menu-state svg {
fill: #333333;
stroke: none;
}
.navbar-main-links li .menu-state svg path:last-child {
fill: none;
stroke: none;
}
.navbar-main-links li .menu-state .chevron-plus,
.navbar-main-links li .menu-state .chevron-minus {
font-weight: bold;
font-size: 24px;
line-height: 30px;
}
.navbar-main-links li > a .menu-state {
position: absolute;
top: 50%;
right: 20px;
}
.has-touch .navbar-main-links > li.open > a {
border-color: #d8d8d8 !important;
}
.navbar-main-links li .sub-text {
padding-right: 20px;
font-size: 12px;
font-weight: normal;
display: inline-block;
}
nav > .navbar-main-links > li > a {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
font-size: 14px;
border-bottom: none;
overflow: hidden;
display: flex;
align-items: center;
}
nav > .navbar-main-links > li > a img:not(.menu-state-arrow),
nav > .navbar-main-links > li > a svg:not(.menu-state-arrow) {
display: inline-block !important;
width: 95px;
height: 95px;
margin-right: 25px;
max-width: 95px;
}
nav > .navbar-main-links > li > a img.icon:not(.menu-state-arrow) {
width: auto;
height: auto;
padding: 20px;
}
nav > .navbar-main-links > li > a svg.icon:not(.menu-state-arrow) {
width: 85px;
height: 85px;
padding: 20px;
}
.navbar-main-links > li.open .dropdown-menu {
max-height: none;
}
}
@media (max-width: 400px) {
nav > .navbar-main-links > li > a img:not(.menu-state-arrow) {
display: none !important;
}
.quick-account-login__flag.country-flag--lg {
background-size: 55px auto;
width: 55px;
height: 28px;
}
.country-selection__list li > div {
margin-left: 15px !important;
}
.navbar-main-links li .menu-state {
top: 14px;
}
.navbar-main-links li .menu-state.menu-image {
top: 14px;
}
}
/* media queries
===================================================*/
@media (min-width: 768px) {
.dropdown-nav-container {
display: -ms-flexbox;
justify-content: flex-start;
display: flex;
}
.dropdown-nav-container .dropdown-nav__list {
padding: 20px;
max-width: 300px;
float: left;
}
.dropdown-nav-container .dropdown-nav__image {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
float: left;
}
.navbar-main-links {
position: relative;
text-align: center;
width: 100%;
display: block;
flex-wrap: wrap;
align-items: center;
justify-content: center;
padding: 10px 80px;
}
.navbar-main-links .dropdown-menu {
display: none;
position: absolute;
overflow: hidden;
z-index: 1;
max-height: none;
border-width: 1px 0;
border-radius: 0;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
left: 0;
width: 100%;
min-height: auto;
max-width: none !important;
margin-left: 0 !important;
transform: translateZ(0) translateY(0);
will-change: transform, opacity, visibility;
top: auto;
}
.navbar-main-links .dropdown-menu > div,
.navbar-main-links .dropdown-menu .row > div {
border-left: 1px solid #d8d0c9;
min-height: 290px;
}
.navbar-main-links .dropdown-menu > div:first-child,
.navbar-main-links .dropdown-menu .row > div:first-child {
border-left: none;
}
.navbar-main-links > li {
border: none;
float: none;
display: inline-block;
position: static;
flex: 1 0 auto;
}
.navbar-main-links > li > a {
padding-left: 15px;
padding-right: 15px;
text-align: center;
position: relative;
z-index: 2;
transition: background 200ms cubic-bezier(0.4, 0, 0.2, 1);
will-change: background;
letter-spacing: unset;
line-height: inherit;
}
.navbar-main-links > li > a:focus {
background: none;
}
.navbar-main-links > li.open .dropdown-menu {
display: block;
padding-top: 20px;
padding-bottom: 20px;
z-index: 3;
}
.navbar-main-links > li:hover ~ .search .search-dropdown {
display: none;
}
}
@media (min-width: 992px) {
.navbar-main-links {
padding: 10px 140px;
}
.navbar-main-links > li > a {
padding-left: 15px;
padding-right: 15px;
}
}
@media (min-width: 1200px) {
.navbar-main-links .dropdown-menu {
margin-left: -500px;
}
}
@media (min-width: 1400px) {
.navbar-main-links {
padding: 12px 250px 0;
}
.navbar-main-links > li > a {
min-width: 0;
}
}
.navbar-sub-links {
background: #f2f2f2;
margin: 0;
}
.navbar-sub-links > li {
border: none;
}
.navbar-sub-links > li > a {
padding: 3px 15px;
color: black;
font-size: 15px;
}
.navbar-sub-links > li > a.sale {
color: #e01c34;
text-decoration: underline;
}
.navbar-sub-links > li > a:hover {
color: #3c4f58;
text-decoration: none;
}
.navbar-sub-links > li > a .menu-state {
position: absolute;
top: 50%;
right: 20px;
width: 20px;
height: 20px;
margin-top: -10px;
transition: transform 200ms ease-in-out;
}
.navbar-sub-links > li > a .menu-state svg {
fill: black;
stroke: none;
}
.navbar-sub-links > li > a .menu-state svg path:last-child {
fill: none;
stroke: none;
}
.navbar-sub-links__header {
padding: 12px 15px;
}
.navbar-sub-heading {
color: #887b6e;
margin-bottom: 0;
padding: 6px 15px;
font-weight: 600;
font-style: normal;
letter-spacing: 1px;
}
/* This Will Only To Just Mobile To Save Overwriting */
@media (max-width: 767px) {
.dropdown-menu img {
display: none;
}
.navbar-sub-heading h3 {
padding: 12px 5px;
}
.navbar-sub-links {
border-top: 1px solid #d8d8d8;
}
.dropdown-menu.row .navbar-sub-links {
margin-left: -15px;
margin-right: -15px;
}
.navbar-sub-links li {
border-bottom: 1px solid #d8d8d8;
}
.navbar-sub-links li:last-of-type {
border-bottom: none;
}
.navbar-sub-links li a {
padding: 12px 15px;
font-size: 14px;
}
.navbar-sub-links li .menu-state {
top: 20px;
}
.navbar-sub-heading {
background: transparent;
text-align: left;
padding: 14px;
}
.navbar-main-links .dropdown-menu {
text-align: left;
}
.navbar-nav {
margin: 0 0;
}
.dropdown-banner {
display: none;
}
}
/* media queries
===================================================*/
@media (min-width: 768px) {
.dropdown-banner {
display: block;
text-align: center;
}
.dropdown-banner img {
float: right;
}
.navbar-sub-links {
background: none;
float: none;
margin-bottom: 15px;
}
.navbar-sub-links > li {
display: block;
width: auto;
float: none;
}
.navbar-sub-links > li a {
transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
color: black;
}
.navbar-sub-links > li:hover a {
background: transparent;
color: #3c4f58;
}
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
@media (min-width: 1600px) {
}
.search-dropdown {
display: none;
background: white;
position: unset;
overflow: hidden;
z-index: 1;
padding: 10px 0 0 0;
max-height: none;
border-width: 1px 0;
border-radius: 0;
border-top: 1px solid #cccccc;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
left: 0;
width: 100%;
max-width: none !important;
margin-left: 0 !important;
transform: none;
will-change: transform, opacity, visibility;
text-align: left;
color: black;
}
.search-dropdown__container {
margin-bottom: -8px;
}
.search-dropdown__close-button {
display: flex;
flex-direction: row;
align-items: center;
cursor: pointer;
}
.search-dropdown__close-button:hover span {
text-decoration: underline;
}
.search-dropdown.active {
display: block;
}
.search-dropdown__input {
position: relative;
}
.search-dropdown__input input {
border: none;
width: 100%;
padding: 10px;
padding-left: 22px;
color: black;
letter-spacing: 1px;
background: white;
font-weight: 500;
}
.search-dropdown__input input:focus {
outline: none;
}
.search-dropdown__input input::placeholder-shown {
color: black;
}
.search-dropdown__input input:-ms-input-placeholder {
color: pink;
}
.search-dropdown__input input::placeholder {
color: black;
opacity: 1;
}
.search-dropdown__input form::after {
content: "";
display: block;
position: absolute;
top: 26%;
left: 14px;
height: 50%;
border-left: 1px solid #5e5d5d;
}
.search-dropdown__close {
text-align: right;
padding-top: 3px;
display: flex;
}
.search-dropdown__close .btn {
background-color: black;
font-size: 18px;
letter-spacing: 0.8px;
color: white;
letter-spacing: 1px;
width: 180px;
padding: 10px 20px;
border-radius: 0;
transition: background 200ms ease;
will-change: background;
pointer-events: auto;
opacity: 1;
position: relative;
margin: 0 10px 0 0;
}
.search-dropdown__close .btn:focus {
outline: 0;
}
.search-dropdown__close svg {
width: 16px;
height: 16px;
}
.search-dropdown__close a {
letter-spacing: 1.5px;
color: black;
position: relative;
top: 6px;
transition: color 200ms ease;
}
.search-dropdown__close .btn.btn-search {
background: #5e5d5d;
color: white;
padding: 6px 15px;
margin: 2px 10px 0 0;
position: relative;
font-weight: 500;
letter-spacing: 1px;
transition: background 200ms ease-in-out;
border-radius: 4px;
text-align: left;
text-transform: uppercase;
}
.search-dropdown__close .btn.btn-search .btn-arrow {
float: right;
display: inline-block;
margin-top: 3%;
}
.search-dropdown__close .btn.btn-search:hover {
background: #3c4f58;
color: white;
}
.search-dropdown__close .btn.btn-search:hover .btn-arrow {
border-color: white;
}
.search-dropdown__close .btn.btn-search:after {
top: 6px;
color: white;
right: 10%;
}
.search-dropdown__content {
padding: 10px 10px;
}
.search-dropdown__close-button {
float: right;
margin-left: 30px;
margin-top: 2px;
}
.search-dropdown__close-button span {
margin-right: 10px;
margin-top: 2px;
}
.search-results__suggestions {
border-top: 1px solid #cccccc;
padding: 20px 0;
border-bottom: 1px solid #cccccc;
}
.search-results__suggestions a {
color: black;
padding-right: 20px;
display: inline-block;
letter-spacing: 1px;
}
.search-results__suggestions a:hover {
color: #0d0d0d;
}
.search-results__products {
padding: 10px 0;
}
.search-results__products .product-block__image {
padding: 15px;
}
.search-results__products .product-block__information h2 {
font-size: 15px;
text-align: center;
margin: 0 0 10px;
letter-spacing: 1px;
font-weight: 500;
}
.search-results__products .product-block__price {
text-align: center;
text-transform: uppercase;
font-weight: 500;
color: black;
}
.search-results__error {
font-weight: bold;
}
.search-results__carousel .owl-nav > button {
position: absolute;
top: 50%;
width: 27px;
height: 56px;
margin-top: -28px;
text-indent: 0;
background: none;
opacity: 1;
font-size: 28px;
-webkit-appearance: none;
}
.search-results__carousel .owl-nav {
opacity: 1 !important;
}
.search-results__carousel .owl-nav .owl-next,
.search-results__carousel .owl-nav .owl-prev {
cursor: pointer;
position: absolute;
background-image: url('../img/skin/basket/basket-yaml-arrow.png');
height: 25px;
width: 15px;
top: 50%;
}
.search-results__carousel .owl-nav .owl-next {
right: -60px;
}
.search-results__carousel .owl-nav .owl-prev {
left: -60px;
transform: rotate(180deg);
}
.search-module,
.search-module .search-module__query,
.search-module .btn-default {
background: transparent;
}
.search-module {
background: white;
padding: 12px 15px;
position: relative;
z-index: 3;
}
.search-module .search-module__form {
border: 0;
}
.search-module .input-group {
background: white !important;
border: 1px solid black;
}
.search-module .search-module__query {
padding: 10px;
height: auto;
}
.search-module .btn-default,
.search-module .search-module__query {
background: white;
border: none;
border-radius: 0;
box-shadow: none;
color: black;
height: 30px;
outline: none;
padding: 6px 11px;
}
@media (max-width: 768px) {
.search-dropdown {
padding: 0;
}
.search-dropdown__content {
padding: 0;
max-height: 80vh;
overflow-y: scroll;
overflow-x: hidden;
border-top: 1px solid #cccccc;
}
.search-dropdown__input input {
font-size: 20px;
}
.search-dropdown__close {
padding: 0 10px;
}
.search-dropdown__close-button {
margin-top: 0;
float: none;
position: absolute;
top: 11px;
right: 15px;
}
.search-results__products {
padding: 0;
}
.search-results__products .product-block__image img {
margin: 0 auto;
}
.search-results__suggestions {
padding: 0;
border: 0;
}
.search-results__suggestions a {
display: block;
padding: 10px;
border-bottom: 1px solid #cccccc;
}
.search-results__suggestions a:nth-child(n+3) {
display: none;
}
.search-results__carousel {
padding-bottom: 10px;
display: flex !important;
flex-flow: row wrap;
justify-content: space-around;
}
.search-results__error {
padding: 10px;
}
}
@media (max-width: 767px) {
.search-dropdown {
top: 0;
}
.product-block {
width: 45%;
}
}
@media only screen and (min-width: 1550px) {
.search-dropdown {
top: 17px;
}
}
/* Default */
/* PRODUCT LIST */
.simple-product {
background: white;
color: #222222;
overflow: hidden;
font-size: 1.2em;
margin: 0;
border-bottom: 1px solid #dddddd;
text-align: left;
}
.simple-product a {
color: #222222;
padding: 0;
}
a:last-child .simple-product {
border-bottom: none;
}
.simple-product:hover {
background: #fafafa;
}
.simple-product .media-left {
width: 75px;
max-width: 75px;
height: 75px;
max-height: 75px;
padding: 0;
}
.simple-product .media-body {
padding: 12px 9px;
}
.simple-product .save {
/*color:#f00;*/
font-weight: bold;
}
.simple-product__title {
width: 100%;
display: block;
color: black;
font-size: inherit;
/*white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;*/
}
.simple-product__image {
width: 75px;
max-width: 75px;
/*height: 68px;
max-height: 75px;*/
overflow: hidden;
padding: 6px;
}
.simple-product__image img {
width: auto;
max-width: 100%;
height: auto;
}
@media (max-width: 767px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
/* Default */
.ui-dropdown-default {
background: white;
border: 1px solid #cccdce;
color: black;
}
.quick-basket {
position: relative;
}
.quick-basket.basket-active .header-basket-number svg {
fill: #3c4f58;
}
.quick-basket__cart-cost {
visibility: visible !important;
}
.quick-basket__dropdown {
text-align: left;
max-height: fit-content;
position: absolute;
line-height: normal;
border-radius: 5px;
left: 0;
top: 38px;
border: 2px solid black;
z-index: 4;
border-radius: 0;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
visibility: visible;
width: 100%;
transform: translateY(0);
transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms cubic-bezier(0.4, 0, 0.2, 1), visibility 200ms cubic-bezier(0.4, 0, 0.2, 1);
will-change: transition, opacity, visibility;
padding: 10px;
}
.quick-basket__scroll {
overflow: auto;
overflow-x: hidden;
overflow-y: auto;
max-height: 250px;
width: 100%;
}
.quick-basket__dropdown--hidden {
display: none;
}
.quick-basket__content {
opacity: 1;
-webkit-transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
-moz-transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
-o-transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.quick-basket__item-wrap {
margin: 15px 0 0;
}
.quick-basket__item {
text-align: left;
padding: 20px 0 20px 10px;
}
.quick-basket__item:hover {
background-color: #ebe9e2;
}
.quick-basket__item a {
display: block;
padding: 0;
color: black;
}
.quick-basket__item i {
color: black;
}
.quick-basket__item .quick-basket__price {
font-weight: bold;
color: black;
}
.quick-basket__item .quick-basket__meta {
margin: 5px 0 0;
}
.quick-basket__title {
overflow: hidden;
padding: 0 0 5px;
margin: 0 0 10px;
white-space: normal;
line-height: 20px;
}
.quick-basket__title a {
font-size: 18px;
font-weight: bold;
}
.quick-basket__total {
padding: 10px 0;
margin: 0 10px;
border: 1px solid #afb1b3;
border-width: 1px 0;
text-align: center;
}
.quick-basket__subtotal {
padding: 10px 0 0;
margin: 0 10px;
font-size: 20px;
font-weight: bold;
}
.quick-basket__subtotal span {
float: right;
font-size: 20px;
}
.quick-basket__delivery {
margin: 0 10px;
padding: 0 0 15px;
color: black;
}
.quick-basket__empty {
padding: 10px 0;
margin: 0 10px;
}
.quick-basket__empty span {
float: right;
}
.quick-basket__checkout {
padding: 5px;
text-transform: uppercase;
}
.quick-basket__checkout a {
display: block;
border-radius: 0;
background: #3c4f58;
color: white;
letter-spacing: 1px;
font-weight: 600;
border: 0;
position: relative;
padding: 10px;
width: 100%;
text-align: center;
letter-spacing: 2px;
}
.quick-basket__checkout a.continue {
background: black;
display: none;
margin-bottom: 20px;
}
.quick-basket__checkout a.continue:hover,
.quick-basket__checkout a:hover {
color: white;
}
.quick-basket__checkout a:active,
.quick-basket__checkout a:focus {
color: white;
}
.quick-basket__checkout a:hover:after {
transform: translate(5px, 0);
}
.quick-basket__header {
font-size: 22px;
font-weight: bold;
padding: 10px 25px;
text-align: right;
}
.quick-basket__body {
padding: 10px 25px 20px;
text-align: right;
}
.quick-basket__voucher {
font-weight: bold;
margin: 0 10px;
text-align: center;
}
.quick-basket__remove svg {
width: 14px;
height: 14px;
top: 12px;
}
.basket-content {
width: 100%;
max-height: 280px;
overflow: auto;
background: white;
padding-bottom: 5px;
/* Let's get this party started */
/* Handle */
}
.basket-content::-webkit-scrollbar {
-webkit-transition: width 1s ease-in-out;
transition: width 1s ease-in-out;
cursor: pointer;
width: 6px !important;
border-radius: 8px !important;
border: 2px solid white;
background-color: #d9d9d9;
}
.basket-content::-webkit-scrollbar-thumb {
border-radius: 8px;
border: 2px solid white;
background-color: gray;
}
.basket-table__image {
height: 61px;
min-width: 75px;
width: auto;
max-width: 75px;
overflow: hidden;
display: block;
}
.basket-table__image img {
min-width: 75px;
width: auto;
max-width: 75px;
}
.basket-table__info {
height: 62px;
min-width: 265px;
padding: 0 1px;
color: #222222;
font-size: 1.35em;
}
.basket-table__info a {
width: 235px;
display: block;
color: #222222;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
font-size: 90%;
}
.basket-table__info a:hover {
color: #080808;
}
.basket-table__info small {
font-size: 72%;
}
.basket-table__price {
margin-bottom: -2px;
}
.basket-remove {
min-width: 34px;
height: 75px;
line-height: 75px;
text-align: center;
font-size: 1.2em;
color: #e27c79;
-webkit-transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
-moz-transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
-o-transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
transform: scale(0.9);
}
.basket-remove:hover {
color: #c9302c;
transform: scale(1);
}
.basket-promotion {
background: white;
color: #6d7b82;
border: 3px solid #6d7b82;
margin: 0;
padding: 3px 10px;
position: relative;
}
.basket-promotion span {
color: black;
font-weight: bold;
left: 103px;
position: absolute;
top: 11px;
}
/* media queries
===================================================*/
/* This Will Only To Just Mobile To Save Overwriting */
@media (max-width: 767px) {
.quick-basket__dropdown {
/*display: none!important;*/
top: 55px;
}
.quick-basket__dropdown--hidden {
display: none !important;
}
.quick-basket__checkout a:after {
display: none;
}
.quick-basket__checkout a.continue {
display: block;
}
}
@media (min-width: 768px) {
.quick-basket__dropdown {
left: auto;
right: -30px;
min-width: 425px;
border-radius: 5px;
}
.quick-basket__dropdown:before,
.quick-basket__dropdown:after {
right: 58px;
}
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
@media (min-width: 1600px) {
}
.async-hide {
opacity: 0 !important;
}
.header {
padding-left: 0;
padding-right: 0;
position: fixed;
width: 100%;
top: 0;
z-index: 5;
background: white;
}
.header-slim {
text-align: center;
margin: 50px 0 20px;
background: transparent;
position: relative;
}
.header-slim svg {
width: 300px;
}
.header-slim .navbar-brand__text {
font-size: 15px;
}
.header-slim a {
display: flex;
justify-content: center;
}
.country-selection a {
padding: 0 20px 5px 0px !important;
}
.country-selection a:before {
content: "";
position: absolute;
top: 8px;
right: 10px;
border: solid black;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 3px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transition: top ease 200ms;
}
.country-selection a:hover {
background-color: white !important;
}
.country-selection a:hover:before {
top: 10px;
}
.country-selection .nav-dropdown {
padding: 5px 10px;
}
.country-selection .nav-dropdown:before,
.country-selection .nav-dropdown:after {
left: 27px;
}
.country-selection--rest-of-world {
color: black;
border: 0 !important;
}
.country-selection--rest-of-world:hover {
border: 2px solid white;
border-color: white !important;
}
.country-selection__list {
min-width: 210px;
padding: 0 10px;
}
.country-selection__list li {
list-style: none;
}
.country-selection__list li > div {
padding-left: 65px;
margin: 5px 0;
color: #333333;
width: 100%;
cursor: pointer;
line-height: 28px;
}
.country-selection__list li:hover {
color: black;
}
.country-selection__list li:hover .country-flag {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.country-flag {
display: inline-block;
background: url(/img/skin/flags/sprite_new.png) left center no-repeat;
cursor: pointer;
width: 55px;
height: 27px;
-webkit-filter: grayscale(0);
filter: grayscale(0);
margin: 0 10px;
}
.country-flag.country-flag--uk {
background-position: 0 2px;
}
.country-flag.country-flag--australia {
background-position: 0 -25px;
}
.country-flag.country-flag--canada {
background-position: 0 -50px;
}
.country-flag.country-flag--france {
background-position: 0 -76px;
}
.country-flag.country-flag--germany {
background-position: 0 -111px;
}
.country-flag.country-flag--ireland {
background-position: 0 -140px;
}
.country-flag.country-flag--russia {
background-position: 0 -170px;
}
.country-flag.country-flag--usa {
background-position: 0 -199px;
}
.country-flag.country-flag--row {
background-position: 0 -226px;
}
.country-flag.country-flag--new-zealand {
background-position: 0 -252px;
}
.country-flag--lg {
display: inline-block;
background: url(/img/skin/flags/sprite_new_lg.png) left center no-repeat;
background-size: 66px auto;
cursor: pointer;
width: 66px;
height: 33px;
filter: grayscale(1);
-webkit-filter: grayscale(1);
}
.dropdown-menu .country-flag--lg {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.country-flag--lg.country-flag--australia {
background-position: 0 -34px;
}
.country-flag--lg.country-flag--canada {
background-position: 0 -67px;
}
.country-flag--lg.country-flag--france {
background-position: 0 -101px;
}
.country-flag--lg.country-flag--germany {
background-position: 0 -148px;
}
.country-flag--lg.country-flag--ireland {
background-position: 0 -185px;
}
.country-flag--lg.country-flag--new-zealand {
background-position: 0 -334px;
}
.country-flag--lg.country-flag--russia {
background-position: 0 -225px;
}
.country-flag--lg.country-flag--uk {
background-position: 0 0;
}
.country-flag--lg.country-flag--usa {
background-position: 0 -264px;
}
.country-flag--lg.country-flag--row {
background-position: 0 -300px;
}
.half-bag .added-to-wishlist,
.full-bag .added-to-wishlist {
max-width: 20px;
}
.wishlist-dropdown p {
margin: 0;
padding: 10px 20px;
text-align: right;
}
.geo-container {
margin: 10px 0;
}
.js-wishlist img {
vertical-align: baseline;
}
.slim-bask {
position: absolute;
right: 10px;
top: 3px;
pointer-events: none;
opacity: 0;
transition: 600ms ease opacity;
will-change: opacity;
}
.slim-bask .header-basket-number svg,
.slim-bask .nav-dropdown-container--wishlist svg {
position: relative;
top: 10px;
width: 23px;
height: 25px;
}
@media (min-width: 768px) {
.slim-bask .quick-basket__dropdown {
right: -2px;
}
.slim-bask .quick-basket,
.slim-bask .js-wishlist {
padding-bottom: 9px;
}
.slim-bask .quick-basket__checkout a {
line-height: 44px;
}
.slim-bask .quick-basket__checkout a::after {
top: 0;
}
}
.slim-bask.visible {
opacity: 1;
pointer-events: inherit;
}
@media (max-width: 767px) {
.header {
background: white;
z-index: 5;
}
.header-slim {
background: transparent;
}
.navbar-main .navbar-header,
.navbar-sub-links {
background: transparent;
}
.search-module,
.search-module .search-module__query,
.search-module .btn-default {
background: transparent;
}
.country-selection__list li > div {
padding-left: 75px;
margin: 15px 0 15px 30px;
line-height: 30px;
}
.quick-account-login__flag {
margin: 15px 40px 15px 15px;
}
}
.header-basket-number .cart-total-roundel.active,
.cart-total-roundel.active {
position: absolute;
text-align: center;
display: flex;
border-radius: 50%;
align-items: center;
justify-content: center;
background: #5e5d5d;
padding: 10px;
}
/* media queries
===================================================*/
@media (min-width: 768px) {
.header {
position: relative;
}
.header-basket-number {
display: inline-block;
position: relative;
margin-right: 8px;
text-transform: uppercase;
font-weight: 500;
}
.header-basket-number .cart-total-roundel.active {
font-size: 12px;
width: 20px;
height: 20px;
color: white;
top: 25px;
left: 10px;
}
.delivery-bar a {
height: fit-content;
font-size: 12px;
}
.cta-text {
text-transform: uppercase;
font-weight: 500;
}
.delivery-bar.cycle a {
padding: 0;
display: none;
}
.delivery-bar.cycle a.active {
display: inline;
}
}
@media (min-width: 992px) {
.country-selection a {
padding: 5px 20px 5px 0px !important;
}
.country-selection a:before {
top: 11px;
}
.country-selection a:hover:before {
top: 13px;
}
.country-flag {
margin: -5px 10px 0 10px;
}
}
@media (min-width: 1200px) {
}
@media (min-width: 1400px) {
.half-bag {
display: none;
}
}
@media (min-width: 1600px) {
}
@media (max-width: 1399px) {
.full-bag {
display: none;
}
.half-bag {
display: block;
}
/*
.nav-dropdown-container:hover, .nav-dropdown-container.active {
border: none !important;
}
*/
.nav-dropdown-container .quick-basket a.quick-basket-tab {
display: none !important;
}
#headerWishlistLink span {
display: none !important;
}
.nav-dropdown-container--wishlist {
display: none !important;
}
}
.quick-basket-container,
.half-bag {
right: 0;
margin-top: 0;
top: 20px;
}
.quick-basket-container.sticky,
.half-bag.sticky {
position: fixed;
top: 0;
}
@media (min-width: 992px) {
.quick-basket-container.sticky,
.half-bag.sticky {
top: 5px;
}
}
.quick-basket-container.sticky.delivery-gap,
.half-bag.sticky.delivery-gap {
top: 50px;
}
@media (min-width: 992px) {
.quick-basket-container.sticky.delivery-gap,
.half-bag.sticky.delivery-gap {
top: 60px;
}
}
.half-bag .mobile-nav-button {
padding: 0;
}
.half-bag .mobile-nav-button svg {
margin-right: 0;
width: 100%;
}
.half-bag .mobile-nav-button .cart-total-roundel.active {
font-size: 12px;
width: 25px;
height: 25px;
color: white;
top: 23px;
left: 20px;
}
.half-bag.navbar-main a#headerWishlistLink {
padding: 0;
margin: 0;
display: block;
}
@media (min-width: 768px) and (max-width: 820px) {
.half-bag.navbar-main a#headerWishlistLink {
width: 30px;
}
}
.font-weight-bold {
font-weight: 700 !important;
}
.font-italic {
font-style: italic;
}
.text-underline {
text-decoration: underline;
}
.font-hidden {
display: none !important;
}
.nav-dropdown {
display: none;
opacity: 1;
visibility: visible;
position: absolute;
top: 16px;
left: -2px;
border: 2px solid black;
background: white;
padding: 10px;
margin: 20px 0 0 0;
white-space: nowrap;
max-height: 430px;
z-index: 4;
border-radius: 0;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
transform: translateY(0);
transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms cubic-bezier(0.4, 0, 0.2, 1), visibility 200ms cubic-bezier(0.4, 0, 0.2, 1);
will-change: transition, opacity, visibility;
}
.nav-dropdown.white:after {
border-color: transparent transparent white transparent;
}
.nav-dropdown .nav-dropdown__header {
font-size: 22px;
padding: 10px 25px;
margin: 0px;
font-weight: 500;
text-align: right;
}
.nav-dropdown .nav-dropdown__content {
text-align: right;
}
.nav-dropdown .nav-pills > li {
float: none;
white-space: nowrap;
clear: both;
}
.nav-dropdown-container {
border: 2px solid white;
border-bottom: 0;
}
.nav-dropdown-container:hover,
.nav-dropdown-container.active {
border-color: black;
}
.nav-dropdown-container:hover > a,
.nav-dropdown-container.active > a {
z-index: 5;
background: white !important;
}
.nav-dropdown-container:hover .quick-basket > a,
.nav-dropdown-container.active .quick-basket > a {
z-index: 5;
background: white !important;
}
.nav-dropdown-container:hover .nav-dropdown,
.nav-dropdown-container.active .nav-dropdown {
display: block;
}
.nav-dropdown-container--wishlist.wishlist-active #headerWishlistLink svg {
fill: #3c4f58;
}
.nav-dropdown-container--wishlist .nav-dropdown {
left: -50%;
width: 425px;
top: 18px;
transform: translateX(-50%);
border-radius: 5px;
}
.nav-dropdown-container--basket .quick-basket a {
position: relative;
}
.search-module__dropdown {
width: 500px;
max-height: 452px;
height: auto;
position: absolute;
right: 0;
top: 32px;
overflow: hidden;
z-index: 4;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
-webkit-transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
-moz-transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
-o-transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
visibility: visible;
}
.search-module__dropdown--hidden {
opacity: 0;
visibility: hidden;
}
.search-module__header {
background-color: #eeeeee;
padding: 16px 20px 15px;
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.mobile-search {
margin: 20px 0;
}
.mobile-search form {
margin: 0;
padding: 0;
}
.menu .sale-link a {
color: #c2081d !important;
}
.menu a.sale {
color: white !important;
}
.delivery-bar {
background: black;
color: black;
padding: 18px 0;
z-index: 3;
}
.delivery-bar a {
color: black;
display: inline-block;
padding: 0 5px;
text-transform: uppercase;
font-weight: 500;
}
.rootcategory-0category-4246 .delivery-bar {
background: #e01c34;
color: white;
}
.rootcategory-0category-4246 .delivery-bar a {
color: white;
}
.delivery-bar-sale {
background: #be2237;
color: black;
padding: 5px 0;
}
.delivery-bar-sale a {
color: black;
display: inline-block;
padding: 5px;
}
.rootcategory-0category-4246 .delivery-bar-sale {
background: #e01c34;
color: black;
}
.rootcategory-0category-4246 .delivery-bar-sale a {
color: black;
}
.navbar-logo {
display: none;
opacity: 0;
position: absolute;
left: 10px;
width: 300px;
height: auto;
z-index: 1;
transition: 600ms ease opacity;
will-change: opacity;
}
.navbar-logo a {
display: block;
}
.navbar-logo.visible {
opacity: 1;
height: auto;
}
.navbar-logo svg,
.navbar-logo img {
width: 250px;
}
.navbar-logo--toggle {
display: none;
}
.nav-overlay {
display: none;
background: rgba(0, 0, 0, 0.4);
position: fixed;
z-index: 4;
height: 100%;
width: 100%;
margin-top: 0;
}
.nav-overlay.active {
display: block;
}
@media (min-width: 768px) and (max-width: 991px) {
.half-bag.navbar {
margin-top: 0;
}
}
@media (min-width: 992px) {
.navbar-logo {
display: flex;
width: 140px;
}
.navbar-logo--toggle {
display: none;
}
}
@media (min-width: 1090px) {
.navbar-logo--toggle {
display: block;
}
}
@media (min-width: 767px) {
#menu2.is_stuck .navbar-logo {
width: 140px;
top: 20px;
}
#menu2.is_stuck nav {
display: block;
}
#menu2.is_stuck nav .navbar-main-links > li {
align-items: center;
}
#menu2.is_stuck nav .navbar-main-links > li > a {
padding: 15px;
}
#menu2.is_stuck nav .navbar-main-links > li > a svg {
top: 12px;
}
}
@media (max-width: 767px) {
.search-module__dropdown {
width: 100%;
right: 0;
left: 0;
}
.dropdown-menu .row {
margin: 0;
}
.navbar-logo.visible {
display: none;
}
}
@media (min-width: 1400px) {
.nav-dropdown-container--wishlist .nav-dropdown--germany {
left: -120px;
width: 400px;
}
.nav-dropdown-container--wishlist .nav-dropdown--russia {
left: -198px;
width: 463px;
}
.navbar-logo {
top: 10px;
}
.navbar-logo.visible {
display: flex;
align-items: center;
justify-content: center;
}
}
.footer-item {
text-align: left;
margin: 20px 0 20px 0;
display: flex;
justify-content: center;
align-items: center;
}
.footer-item .footer-item-image {
display: grid;
width: 50px;
height: 50px;
}
.footer-item .footer-item-image svg {
width: 50px;
height: 50px;
}
.footer-item .footer-item-image img {
width: 50px;
height: 50px;
}
.footer-item .footer-item-heading {
margin: 10px 0;
font-size: 18px;
color: white;
font-weight: 400;
margin-top: 0;
text-transform: capitalize;
}
.footer-item .footer-item__desc {
text-align: left;
font-weight: 400;
color: white;
line-height: 1rem;
}
.company-info--p {
margin-top: 20px;
margin-bottom: 10px;
padding: 0 10px;
}
.footer-usp {
margin: 0 0 10px;
display: flex;
justify-content: center;
}
.footer-usp > div {
flex: 0 1 auto;
}
.footer-usp h3 {
letter-spacing: 1px;
color: black;
}
.footer-usp p {
letter-spacing: 1px;
color: black;
font-weight: 600;
}
.footer-usp p:hover {
color: #887b6e;
}
.footer-usp .usp__image {
display: block;
}
.footer-usp .usp__decsription {
display: inline-block;
padding-top: 7px;
float: left;
margin-left: 22px;
}
.usp {
width: 300px;
margin: 0 80px;
padding: 15px;
text-align: center;
}
.usp img {
display: inline-block;
float: left;
margin-right: 10px;
}
.usp-devider {
width: 50px;
text-align: center;
}
.usp-devider > svg {
margin: 0 auto;
}
.usp-devider__full {
width: 100%;
height: 15px;
background-repeat: repeat-x;
clear: both;
}
.usp-devider__full > svg {
width: 100%;
}
.footer-divider {
width: 100%;
height: 10px;
background-repeat: repeat-x;
position: relative;
}
.footer-social {
padding: 50px 0;
margin-top: -10px;
background-color: #ebe9e2;
background-position: center 16%;
background-repeat: no-repeat;
background-size: 100%;
}
.footer-social p {
font-style: normal;
font-weight: 400;
color: black;
}
.footer-social__newsletter {
position: relative;
margin-bottom: 20px;
}
.footer-social__newsletter h2 {
font-size: 22px;
font-weight: 400;
margin-top: 35px;
}
.footer-social__newsletter div {
display: flex;
}
.footer-social__newsletter label {
font-weight: 500;
font-size: 14px;
}
.footer-social__newsletter form {
margin: 0 0 35px 0;
display: flex;
flex: 1 1 auto;
flex-direction: column;
}
.footer-social__newsletter input {
display: block;
width: 100%;
max-width: 450px;
max-height: 50px;
padding: 15px 15px;
background: white;
letter-spacing: 1px;
font-weight: 600;
outline: 0;
border-radius: 3px;
}
.footer-social__newsletter span {
color: black;
}
.footer-social__newsletter span a {
text-decoration: underline;
color: black;
}
.footer-social__newsletter button {
left: -2px;
background-color: #6d7b82;
color: white;
letter-spacing: 1px;
padding: 0 40px 0 30px;
margin-right: 20px;
border: 0;
position: relative;
height: 50px;
border-radius: 0 !important;
}
.footer-social__newsletter button:hover {
background: #3c4f58;
}
.footer-social__newsletter button:active,
.footer-social__newsletter button:focus {
color: white;
}
.footer-social__newsletter button:hover:after {
transform: translate(5px, 0);
}
.footer-social__newsletter .footer-social__links svg {
fill: #887b6e;
}
.footer-keepmoving {
text-align: center;
margin: 10px auto 5px;
}
.footer-keepmoving img {
margin: auto;
}
.alert--newsletter {
letter-spacing: 1px;
width: 400px;
position: absolute;
top: 155px;
left: 46%;
transform: translate(-200px);
z-index: 2;
border-radius: 0;
border: 0;
}
.footer-recapture {
display: flex;
flex-direction: column;
}
.footer-recapture .footer-recapture_container {
padding-top: 15px;
flex-direction: column-reverse;
}
.footer-recapture .footer-recapture_container .validation-summary-errors {
max-width: 582px;
margin-bottom: 15px;
}
.alert--newsletter.alert-error {
background: black;
color: white;
}
.alert--newsletter.alert-error:before {
content: "";
position: absolute;
top: -10px;
left: 46%;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid black;
}
.alert--newsletter.alert-success {
background: black;
color: white;
}
.alert--newsletter.alert-success:before {
content: "";
position: absolute;
top: -10px;
left: 46%;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid black;
}
.footer-social__links ul {
padding: 20px 20%;
margin: 0;
list-style: none;
display: flex;
justify-content: center;
}
.footer-social__links li {
flex: 0 0 auto;
align-self: center;
}
.footer-social__links li a {
display: flex;
justify-content: center;
align-items: center;
position: relative;
margin: 0 15px;
width: 50px;
height: 50px;
transition: transform 0.2s ease-in-out;
}
.footer-social__links li a:hover {
transform: translateY(-5px);
}
.footer-social__links svg .social-icon__outer {
fill: none;
stroke: none;
stroke-width: 1px;
transition: stroke 200ms ease-in-out;
}
.footer-social__links svg .social-icon__inner {
stroke: none;
fill: #887b6e;
transition: fill 200ms ease-in-out;
}
.footer-social__links .pinterest {
display: none;
}
.footer-nav {
background: #ebe9e2;
border-width: 1px 0;
padding: 55px 0 10px;
}
.footer-nav__mobile > li a {
border: 0 !important;
}
.footer-nav__mobile > li a .menu-state {
right: 15px;
margin-top: -7px;
}
.footer-nav__mobile .dropdown {
border: 0;
}
.footer-nav__mobile .dropdown ul {
margin: 0;
padding: 0 0 0 15px;
}
.footer-nav__mobile .dropdown li {
list-style: none;
border: 0;
margin: 3px 0;
}
.footer-nav__links {
flex: 0 1 auto;
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
font-size: 1rem;
align-items: flex-start;
}
.footer-nav__links > li {
display: inline-block;
margin-right: 30px;
vertical-align: top;
}
.footer-nav__links > li h3 {
font-weight: 700;
font-size: 18px;
margin: 0 0 20px;
letter-spacing: 1px;
text-transform: capitalize;
}
.footer-nav__links > li > ul {
margin: 0;
padding: 0;
list-style: none;
}
.footer-nav__links > li > ul > li {
display: block;
}
.footer-nav__links > li > ul > li > a {
display: inline-block;
margin: 3px 0;
text-decoration: none;
font-style: normal;
transition: color 200ms ease;
will-change: color;
text-transform: capitalize;
font-weight: 400;
}
.footer-nav__links > li > ul > li > a:hover {
text-decoration: underline;
color: black;
}
.footer-nav__links > li > ul > li:last-child a {
margin-bottom: 10px;
}
.usp__decsription .usp__title {
position: relative;
}
.usp__decsription .usp__title:after {
content: ">";
position: absolute;
right: -20px;
top: 0;
color: inherit;
transition: transform 200ms ease;
transform: translate(0, 0);
}
.usp__decsription .usp__title:hover:after {
transform: translate(5px, 0);
}
.usp__decsription .usp__title--au:after {
top: 30px;
}
.france .usp__decsription .usp__title:after {
display: none;
}
.footer-meta {
margin: 0 0 20px;
color: white;
background: black;
padding: 20px 0;
margin: 0;
}
.footer-meta p {
margin: 0;
}
.footer-boxes {
display: block;
text-align: center;
gap: 10px;
margin: 0 0 0 10px;
}
.footer-boxes img {
max-width: 180px;
margin-bottom: 10px;
}
.footer-socials {
background-color: #ebe9e2;
}
.footer-socials__icons img {
margin-right: 10px;
}
.footer-socials__icons a:last-child img {
margin-right: 0;
}
.footer-socials__text p:first-child {
margin-bottom: 5px;
}
.footer-socials__main {
display: flex;
grid-gap: 20px;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.footer-socials__inner {
padding: 15px;
display: flex;
flex-direction: column-reverse;
justify-content: center;
align-items: center;
grid-gap: 20px;
}
.footer-socials__inner h2 {
font-size: 20px;
font-weight: 400;
margin-bottom: 5px;
}
.footer-socials__inner p {
font-weight: 400;
}
.footer-box {
flex: 0 0 auto;
margin: 0 10px;
width: 180px;
height: 180px;
display: inline;
flex-direction: column;
justify-content: center;
align-content: center;
position: relative;
}
.footer-box a {
text-align: center;
flex-direction: column;
justify-content: flex-end;
align-content: flex-end;
padding: 0;
}
.footer-box svg {
height: 58px;
display: block;
margin: 0 auto;
}
.footer-box .footer-boxes__catalogue {
background-image: url(../../img/static/footer/walker-cat-req.jpeg);
background-color: #cccccc;
background-size: 400px 300px;
height: 200px;
width: 200px;
background-position: center;
background-repeat: no-repeat;
background-position-y: -10px;
position: relative;
}
.footer-box span {
text-align: center;
position: absolute;
bottom: -15%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
font-size: 28px;
text-transform: lowercase;
}
.footer-box img {
width: 100%;
height: auto;
}
.footer-box--mobile {
border-bottom: 1px solid #d8d8d8;
padding-bottom: 10px;
margin-bottom: 10px;
}
.footer-box--mobile img {
margin-right: 10px;
max-width: 75px;
display: inline-block;
}
.footer-box--mobile span {
color: black;
letter-spacing: 1px;
}
.feefo-footer {
position: relative;
padding: 0;
border: 0;
}
.feefo-footer a {
padding: 0;
}
.feefo-footer img {
width: 100%;
height: auto;
}
.feefo-footer--mobile {
margin: 30px 0 0 0;
padding: 0 15px;
border-bottom: 0;
}
.feefo-footer--mobile img {
width: 100%;
max-width: 100%;
}
.payment-types {
margin: 5px 0 0;
padding: 0;
list-style: none;
}
.payment-types li {
display: inline-block;
height: 30px;
width: 50px;
background: url(/img/payment/mastercard.svg) no-repeat center center;
background-size: contain;
}
.payment-types li.visa {
background-image: url(/img/payment/visa.png);
}
.payment-types li.amex {
background-image: url(/img/payment/amex.png);
}
.payment-types li.paypal {
background-image: url(/img/payment/paypal.svg);
}
.payment-types li.dinersclub {
background-image: url(/img/payment/diners.png);
}
.payment-types li.discover {
background-image: url(/img/payment/discover.png);
}
.payment-types li.amazon {
background-image: url(/img/payment/amazonpayments.jpg);
width: 100px;
margin-right: 0;
}
.payment-types li.iban {
background-image: url(/img/payment/iban.png);
}
.payment-types li.jcb {
background-image: url(/img/payment/jcb.png);
}
.payment-types li.mastercard {
background-image: url(/img/payment/mastercard.png);
}
.payment-types li.maestro {
background-image: url(/img/payment/maestro.png);
}
.payment-types li.sepa {
background-image: url(/img/payment/sepa.png);
}
.payment-types li.sofort {
background-image: url(/img/payment/sofort.png);
}
.payment-types li.cb {
background-image: url(/img/payment/cb.png);
}
.payment-types li.norton {
position: relative;
top: -10px;
background: none;
}
.payment-types li span {
display: none;
}
@media (min-width: 997px) {
.footer-socials__inner {
flex-direction: row;
grid-gap: 30px;
}
.footer-socials__main {
flex-direction: row;
grid-gap: 30px;
text-align: left;
}
}
@media (min-width: 768px) {
.usp {
margin: 0 20px;
}
.footer-item {
flex-direction: row;
margin-bottom: 20px;
}
.footer-item .footer-item-image {
margin-right: 15px;
}
.footer-usp--au h3 {
min-height: 58px;
}
.payment-types {
margin: 5px 0;
}
.footer-social {
margin-top: 0;
background-repeat: no-repeat;
background-position: center -85px;
background-size: 150%;
}
.footer-social__newsletter button {
margin-right: 0;
}
.footer-social__links {
display: flex;
justify-content: center;
align-items: center;
}
.footer-social__links ul {
padding: 0;
}
.footer-social__links ul li:nth-child(1) a {
margin: 0 0 0 15px;
}
.footer-social__links ul li:nth-child(2) a {
margin: 0 7px;
}
.footer-social__links ul li:nth-child(3) a {
margin: 0;
}
.footer-nav__links {
justify-content: space-around;
}
.footer-boxes {
margin-top: 20px;
}
.footer-nav__links {
margin-left: 40px;
}
.footer-boxes {
margin-right: 40px;
}
}
@media (min-width: 992px) {
.usp {
margin: 0;
}
.footer-usp h3 {
min-height: 0px;
}
.usp__decsription .usp__title--au:after {
top: 0;
}
.usp--not-au {
width: 270px;
}
.usp--au {
width: 360px;
}
.footer-nav__links {
justify-content: flex-start;
}
.footer-boxes {
margin-top: 0;
text-align: end;
}
.footer-social {
background-size: 100%;
}
}
@media (min-width: 1200px) {
.usp {
margin: 0 40px;
}
.footer-social {
margin-top: 10px;
background-size: 100%;
background-position: center 16%;
}
}
@media (min-width: 1600px) {
.footer-nav__links > li {
margin-right: 90px;
}
.footer-item {
padding-bottom: 10px;
}
}
@media (max-width: 767px) {
.footer-social__newsletter button {
left: 0;
}
.footer-social {
padding-bottom: 0;
}
.footer-item {
margin: 10px 0;
padding-bottom: 0;
flex-direction: column;
text-align: center;
}
.footer-item .footer-item-image {
margin-right: 0;
display: flex;
align-items: flex-end;
}
.footer-item .footer-item__desc {
text-align: center;
line-height: 1.3rem;
}
.footer-item br {
display: none;
}
.footer-nav {
padding: 25px 0 10px;
}
.usp {
padding: 8px;
}
.alert--newsletter {
width: 100%;
position: absolute;
top: 177px;
transform: translate(0);
left: 0;
z-index: 2;
border-radius: 0;
border: 0;
}
.alert--newsletter.alert-error:before,
alert--newsletter.alert-success:before {
content: "";
position: absolute;
top: -10px;
left: 48%;
}
.footer-usp {
flex-direction: column;
}
.footer-usp > div {
display: flex;
flex: 0 1 auto;
flex-direction: row;
justify-content: center;
flex-wrap: nowrap;
width: 100%;
align-items: center;
align-self: center;
}
.footer-usp > div > div {
flex: 0 1 auto;
text-align: left;
}
.footer-usp .usp__image {
width: 130px;
padding: 0 5px;
}
.footer-usp .usp__decsription {
width: 300px;
padding: 0 10px 0 0;
}
.footer-usp .usp__decsription h3 {
margin: 0;
}
.footer-usp .usp__decsription p {
font-size: 15px;
}
.footer-usp .usp-devider {
overflow: hidden;
}
.footer-usp .usp-devider svg {
width: 100%;
}
.footer-social {
margin-top: 0;
background-repeat: no-repeat;
background-position: center -20px;
background-size: 150%;
}
.footer-social__newsletter input {
text-align: center;
}
.footer-social__newsletter div {
flex-direction: column;
}
.footer-social__newsletter form input {
max-width: 100%;
}
.footer-social__newsletter form button {
margin-top: 10px;
font-size: 18px;
}
.footer-social__newsletter form button:after {
right: 35%;
}
.footer-social__links li a {
margin: 0 5px;
}
.footer-social li svg {
height: 40px;
}
.footer-social__links ul {
max-width: 100%;
justify-content: space-around;
}
.footer-social__newsletter button {
margin-right: 0;
}
.footer-boxes {
display: block;
}
.footer-box {
margin: 30px;
}
.footer-box span {
padding: 0 30px;
font-size: 26px;
}
.feefo-footer {
position: relative;
text-align: center;
}
.feefo-footer .logo {
justify-content: center;
}
.feefo-footer .stars {
margin: 5px auto 20px;
}
.feefo-footer svg {
display: inline-block;
}
.footer-recapture .footer-recapture_container .validation-summary-errors {
max-width: 100%;
}
}
@media (max-width: 480px) {
.footer-social {
background-size: 150%;
}
}
.account-container .nav-tabs li.active a[aria-expanded="true"] {
background-color: white !important;
}
.account-container .nav-tabs li a[aria-expanded="true"],
.account-container .nav-tabs li a:hover {
background-color: #3c4f58;
color: black;
}
.account .tab-pane {
padding: 20px;
border: 1px solid #dddddd;
border-radius: 0 0 4px 4px;
border-top: 0;
margin-bottom: 30px;
}
.account .table > tbody > tr > td {
vertical-align: middle;
}
.account p.static-value {
margin-top: 20px;
}
.account .muted {
color: #999999;
}
.account a.btn {
text-decoration: none;
}
.account .form-group .btn:hover {
text-decoration: none;
}
.account .form-group .reg-page__form--checkbox {
line-height: 30px;
}
.account ul.address {
list-style: none;
margin: 20px 0;
padding: 0;
}
.account ul.address li:empty {
display: none;
}
.account ul.address .btn {
margin-top: 10px;
}
.account .external-login {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #e3e3e3;
}
.account .btn-Facebook {
position: relative;
background: #4c69ba;
background: linear-gradient(#4c69ba, #3b55a0);
border-color: #4c69ba;
border-radius: 2px;
color: white;
text-shadow: 0 -1px 0 #354c8c;
padding-left: 33px;
}
.account .btn-Facebook:before {
position: absolute;
left: 8px;
top: 5px;
content: '';
display: inline-block;
width: 20px;
height: 20px;
background: url(/img/logos/facebook.png) no-repeat 0 0;
background-size: 20px;
}
.account .btn-Google {
position: relative;
background: white;
border-radius: 2px;
color: #333333;
padding-left: 33px;
margin-left: 10px;
}
.account .btn-Google:before {
position: absolute;
left: 8px;
top: 5px;
content: '';
display: inline-block;
width: 20px;
height: 20px;
background: url(/img/logos/google.png) no-repeat 0 0;
background-size: 20px;
}
.account .form-group--selected-address .btn {
background: #e9eaea;
color: #515456;
margin: 10px 0 0;
padding: 10px 25px;
cursor: pointer;
}
.account .form-group--selected-address .btn:after {
color: #515456;
right: 10px;
top: 10px;
}
.vip-box {
text-align: center;
background: #bb8bb1;
padding: 20px;
color: white;
}
.vip-box img {
margin: 0 auto;
}
.account-header__you {
font-weight: 600;
}
.wishlist-login h2 {
font-size: 26px;
}
.wishlist-login .nav-tabs > li > a {
font-size: 20px;
}
.wishlist-login .tab-pane {
padding: 30px;
}
.account-order-dispatch-msg,
.account-order-tracking-btn,
.account-order-returns {
margin: 15px 0;
}
@media (max-width: 767px) {
.account a.btn-logout {
float: none !important;
margin: 10px 0 0;
}
.account .nav-tabs > li > a {
padding: 10px 10px;
}
#history table {
font-size: 12px;
}
#history .table > thead > tr > th,
#history .table > tbody > tr > td {
padding: 4px;
}
#history .btn-xs {
white-space: normal;
}
}
@media (max-width: 767px) {
.btn__edit-details {
margin-bottom: 2em;
}
}
.basketPage .footer-usp,
.basketPage .footer-divider,
.basketPage .footer-social,
.basketPage footer .usp-devider__full {
display: none;
}
.feefo-bag-container {
margin-bottom: 30px;
width: 100%;
background-color: white;
min-height: 181px;
border-radius: 5px;
border: 1px solid #7e8285;
text-align: center;
}
.feefo-review-carousel-widget-service {
display: inline-block;
}
.basket {
padding: 50px 0;
color: black;
}
.basket .pt-0 {
padding-top: 0 !important;
}
.basket .btn-alert {
background-color: #a94442;
color: white;
}
.basket .bg--transaparent {
background-color: transparent;
box-shadow: none;
}
.basket .panel {
margin-bottom: 30px;
border-radius: 5px;
border: 1px solid #7e8285;
}
.basket .panel-body {
padding: 30px;
}
.basket .panel-body p {
font-size: 1em;
}
.basket .panel-heading {
padding: 30px 30px 0;
border-bottom: 0;
background-color: transparent;
}
.basket .panel-title {
letter-spacing: 0.8px;
}
.basket .panel__total {
visibility: visible !important;
}
.basket .panel-sub-title {
visibility: visible !important;
font-weight: bold;
letter-spacing: 0.8px;
font-size: 15px;
color: black;
margin: 0;
}
.basket .basket-offer-code-toggle {
margin-bottom: 15px;
}
.basket .form-group {
margin-bottom: 0;
}
.basket input.quantity {
width: 100%;
padding: 5px;
margin-bottom: 12px;
}
.basket .no-margin {
margin: 0;
}
.basket .wooly-premier-member {
color: #7bc577;
}
.basket .product-info__ymal {
margin-top: 0;
}
.basket .product-info__ymal .associated-product {
height: auto;
padding: 0 10px;
width: 100%;
max-width: 300px;
}
.basket .product-info__ymal--single .associated-product {
margin: 0 auto;
float: none;
}
.basket .product-info__ymal .associated-product__bottom {
text-align: left;
padding: 0;
position: relative;
}
.basket .product-info__ymal .associated-product__image {
margin-bottom: 10px;
}
.basket .product-info__ymal .associated-product__price .pricing__price {
font-size: 15px;
}
.basket .product-info__ymal .product-info__addtobag .btn {
background: #6d7b82;
margin: 0;
padding: 5px 15px;
text-align: center;
width: 100%;
}
.basket .product-info__ymal .product-info__addtobag .btn:hover {
background: #3c4f58;
}
.basket .product-info__ymal .product-info__addtobag .btn span {
padding: 0;
}
.basket .product-info__ymal .product-info__addtobag .btn span:after {
top: -4px;
}
.basket .removeFromBasket span {
margin-right: 10px;
}
.basket .basket__owl-carousel .owl-nav.disabled {
display: block;
cursor: pointer;
}
.basket .basket__owl-carousel .owl-nav .owl-next,
.basket .basket__owl-carousel .owl-nav .owl-prev {
background-image: url('../img/skin/basket/basket-yaml-arrow.png');
height: 25px;
width: 15px;
top: 50%;
cursor: pointer;
}
.basket .basket__owl-carousel .owl-nav .owl-prev {
transform: rotate(180deg);
}
.basket .basket__owl-carousel .owl-dots {
display: none;
}
.basket .payment-types {
display: block !important;
}
.basket .payment-types li {
display: inline-block;
height: 25px;
width: 35px;
}
.basket .payment-types li.payment-types__text {
font-weight: 600;
background: none;
width: auto;
height: 20px;
position: relative;
top: -8px;
}
.basket .btn-continue-shopping {
padding: 10px 30px;
color: white;
text-transform: uppercase;
}
.basket .btn-continue-shopping:after {
right: 10px !important;
top: 10px;
}
.basket .btn-continue-shopping:hover {
text-decoration: none;
}
.basket .btn-checkout {
text-transform: uppercase;
background-color: #3c4f58;
}
.basket .btn-checkout:hover {
background-color: #3c4f58;
color: white;
}
.basket .btn-checkout img {
width: 25px;
position: relative;
top: -3px;
left: -10px;
}
.basket .btn-checkout--paypal {
display: block;
background-color: #ebe9e2 !important;
}
.basket .btn-checkout--paypal img {
width: auto !important;
height: 26px;
top: 1px;
}
.basket .btn-checkout--amazon {
background: white !important;
}
.basket .btn-checkout--amazon img {
width: 100% !important;
top: 0;
left: 0;
}
.basket .btn-checkout--amazon:after {
display: none !important;
}
.basket .btn-checkout--amazon:active {
box-shadow: none;
}
.basket .btn.btn-checkout--klarna {
background: #ffb3c7 !important;
padding: 9px 0;
}
.basket .btn.btn-checkout--klarna img {
width: 70px !important;
top: 0;
}
.basket .btn.btn-checkout--klarna:after {
top: 21px;
color: #171012;
right: 96px;
}
@media (min-width: 768px) {
.basket .btn.btn-checkout--klarna:after {
right: 45px;
}
}
@media (min-width: 992px) {
.basket .btn.btn-checkout--klarna:after {
right: 80px;
}
}
@media (min-width: 1600px) {
.basket .btn.btn-checkout--klarna:after {
right: 165px;
}
}
.basket .btn.btn-checkout--klarna:active {
box-shadow: none;
}
.basket .btn-checkout--paypal:after {
color: #0b9fda;
top: 17px;
}
.basket .btn-checkout--amazon {
padding-top: 20px;
}
.basket .btn-checkout--amazon:after {
color: #f49a2a;
}
.basket #bagcontent h2 {
color: black;
font-size: 25px;
font-weight: 600;
}
.basket .basket-info__price,
.basket .basket-info__title {
font-size: 15px;
}
.basket .basket-info__meta {
font-weight: 600;
}
.basket .basket-info__dispatching,
.basket .basket-info__eighteenplus {
font-size: 15px;
font-weight: 600;
color: red;
}
.basket #bagYAML .associated-product__description h2 {
font-weight: bold;
display: -webkit-box;
max-height: fit-content;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
-webkit-line-clamp: 4;
font-size: 14px;
}
.basket #bagYAML .associated-product__description .associated-product__price {
position: relative;
}
.basket #bagYAML .associated-product__description a {
font-weight: bold;
}
.removeFromBasket {
font-size: 12px;
font-weight: 400;
}
.removeFromBasket:hover {
color: #5e5d5d;
}
.panel-default:last-child {
display: block !important;
}
.basket__van,
.basket__click-collect,
.basket__returns {
width: 60px !important;
height: 60px !important;
}
.panel-sub-title-text {
font-weight: 300;
}
.basket__item-quantity strong {
font-weight: 600;
}
.basket__item-quantity input {
width: 30px;
text-align: center;
}
.basket__item-quantity .btn {
margin: 0;
padding: 4.5px 15px;
position: relative;
top: -6px;
border-radius: 5px;
}
.basket__item-quantity .btn:after {
right: 15px !important;
top: 5px;
}
.basket__offer-code-toggle,
.basket__gift-voucher-toggle {
display: block !important;
cursor: pointer;
margin-bottom: 10px !important;
}
.basket__offer-code-toggle:hover,
.basket__gift-voucher-toggle:hover {
text-decoration: underline;
}
.basket__offer-code,
.basket__gift-voucher {
margin: 10px 0;
overflow: auto;
display: flex;
}
.basket__offer-code input,
.basket__gift-voucher input {
width: 75%;
float: left;
background: #ebe9e2;
transition: none;
}
.basket__offer-code .btn,
.basket__gift-voucher .btn {
width: 25%;
min-width: fit-content;
float: left;
margin: 0;
padding: 14px 0;
background: #6d7b82;
border-left: 3px solid red 0;
}
.basket__offer-code--extended input,
.basket__gift-voucher--extended input {
width: 70%;
}
.basket__offer-code--extended .btn,
.basket__gift-voucher--extended .btn {
width: 30%;
}
.delivery-notice {
padding: 15px 0;
text-align: center;
border: 1px solid #5e5d5d;
}
.delivery-notice--qualify {
background: #6d7b82;
padding: 15px;
text-align: center;
}
.delivery-notice--qualify .panel-sub-title {
color: white;
font-weight: 300;
}
.basket-checkout .panel-heading > h2 {
font-size: 25px;
font-weight: 600;
text-align: left;
}
.basket-checkout .panel-title {
font-size: 15px;
font-weight: bold;
}
.basket-checkout .panel__total {
font-weight: bold;
}
.basket-checkout .cart-standard-delivery {
display: block !important;
}
.basket-checkout--fixed {
position: fixed;
top: 46px;
}
.basket__delivery-option {
margin: 15px 0;
}
.basket__delivery-title {
display: flex;
align-items: center;
cursor: pointer;
text-decoration: underline;
}
.basket__delivery-title img {
margin-right: 20px;
width: 60px;
}
.basket__delivery-option .panel-title {
font-weight: 400;
}
.basket__delivery-option .panel-title svg {
height: 60px;
width: 60px;
margin-right: 20px;
}
.basket__delivery-text {
max-height: 0;
overflow: hidden;
transition: max-height 500ms ease-in-out, margin-top 500ms ease-in-out;
}
.basket__delivery-text.open {
max-height: 1000px;
margin-top: 15px;
}
.basket__delivery-text p {
margin-bottom: 20px;
}
.basket .panel-offer .panel-heading {
background-color: #6b80af;
color: white;
}
.basket .panel-offer .panel-body {
background-color: #f8f7f7;
}
.bag-empty svg {
margin-top: 20px;
width: 100px;
}
.basket__premier {
background: none;
box-shadow: none;
border-style: solid;
border-width: 10px;
-webkit-border-image: url(/content/img/skin/basket/wooly-prime-bg.png) 20% round;
-o-border-image: url(/content/img/skin/basket/wooly-prime-bg.png) 20% round;
border-image: url(/content/img/skin/basket/wooly-prime-bg.png) 20% round;
height: 100%;
}
@media (min-width: 992px) {
.basket__premier {
max-height: 320px;
border-width: 20px;
}
}
.basket__premier .panel-body {
background: white;
height: 100%;
}
.basket__premier .panel-body img {
max-width: 100%;
}
.basket__premier a:hover {
text-decoration: underline;
}
.basket__premier--sidelogo .panel-body {
padding: 30px 40px;
}
.basket__premier--sidelogo img {
max-height: 50px;
display: block;
margin: 0 auto;
max-width: 100%;
}
@media (min-width: 768px) {
.basket__premier--sidelogo img {
max-height: 90px;
}
}
.basket-info__price,
.basket-info__product-title {
font-size: 15px;
font-weight: bold;
}
@media (max-width: 480px) {
.german .basket-info,
.france .basket-info,
.russia .basket-info {
padding-left: 0;
}
.german .basket__item-quantity .btn,
.france .basket__item-quantity .btn,
.russia .basket__item-quantity .btn {
padding: 5px 10px;
}
.german .basket__item-quantity .btn:after,
.france .basket__item-quantity .btn:after,
.russia .basket__item-quantity .btn:after {
display: none;
}
.german .basket .product-info__addtobag .btn {
padding: 5px 10px;
}
.basket__item-quantity .btn {
margin-left: 0;
padding: 5px 10px;
}
.basket #bagcontent h2 {
font-size: 20px;
}
}
@media (max-width: 767px) {
.basket-checkout .panel {
margin-bottom: 25px;
}
.basket .panel-heading {
padding: 15px 15px 0;
}
.basket .panel-body {
padding: 15px;
}
.basket .usp-devider__full {
margin: 10px 0;
background-size: auto 6px;
height: 10px;
background-position: center center;
}
.basket .btn-checkout {
margin: 5px 0;
}
.basket .panel {
margin-bottom: 25px;
}
.basket .btn-continue-shopping {
padding: 10px 18px;
}
.basket .btn-continue-shopping:after {
right: 5px !important;
}
.basket .btn-checkout.js-checkout img {
left: -10px;
}
.basket .btn-checkout:after {
right: 65px;
}
.basket .product-info__ymal .associated-product {
max-width: inherit;
}
.basket .product-info__ymal .associated-product__description {
min-height: 70px;
}
.basket .basket__owl-carousel .owl-nav .owl-prev {
left: -5px;
top: 40%;
}
.basket .basket__owl-carousel .owl-nav .owl-next {
right: -5px;
top: 40%;
}
.basket .btn-checkout--paypal:after {
right: 80px;
}
.basket .btn-checkout--amazon:after {
right: 40px;
}
.basket__offer-code .btn,
.basket__gift-voucher .btn {
padding: 15px 8px;
}
.basket__offer-code--extended input,
.basket__gift-voucher--extended input {
width: 60%;
}
.basket__offer-code--extended .btn,
.basket__gift-voucher--extended .btn {
width: 40%;
}
.basket__item-quantity .btn {
margin-top: 15px;
display: block;
}
.basket__premier {
margin-bottom: 10px;
}
.basket__premier .panel-body {
padding: 15px;
}
}
@media (max-width: 991px) {
body {
font-size: 14px;
}
.basket .panel {
margin-bottom: 25px;
}
.basket .basket__premier {
margin-bottom: 10px;
}
.basket .basket__premier .panel-body {
padding: 15px;
}
.basket .basket__premier .panel-body img {
margin-bottom: 10px;
}
.basket .basket__offer-code--extended input,
.basket .basket__gift-voucher--extended input {
width: 55%;
}
.basket .basket__offer-code--extended .btn,
.basket .basket__gift-voucher--extended .btn {
width: 45%;
}
}
@media (min-width: 768px) {
.basket .product-stock {
margin-top: 0;
}
.basket input.quantity {
width: 75%;
padding: 10px 10px 10px 17px;
margin-top: 2px;
}
.basket .btn:after {
right: 40px;
}
.basket .btn--small {
padding: 5px 10px;
}
.basket .btn--small:after {
display: none;
}
.basket .js-wooly-premier:after {
right: -15px !important;
}
.basket .basket__delivery-title img,
.basket .basket__delivery-title svg {
margin-right: 20px;
width: 60px;
}
.basket .basket__offer-code .btn,
.basket .basket__gift-voucher .btn {
padding: 16px 5px 17px;
}
.basket .basket__owl-carousel .owl-nav .owl-prev {
left: -15px;
top: 40%;
}
.basket .basket__owl-carousel .owl-nav .owl-next {
right: -15px;
top: 40%;
}
.basket .btn-checkout:after {
right: 45px;
}
.basket .btn-checkout--paypal:after {
right: 50px;
top: 19px;
}
.basket .btn-checkout--amazon:after {
right: 12px;
top: 18px;
}
.basket .product-info__ymal {
margin-top: 0;
}
.basket .product-info__ymal .associated-product__description {
text-align: center;
min-height: 102px;
}
.basket .product-info__ymal .associated-product__description .btn {
margin: 0;
}
.basket .product-info__ymal .associated-product__description .btn span:after {
top: -4px;
}
.basket .product-info__ymal .associated-product__price .pricing__price--old {
margin-right: 0;
}
.basket .basket__item-quantity .btn {
margin-top: 10px;
}
}
@media (min-width: 992px) {
.basket .btn:after {
display: block;
}
.basket .btn--small {
padding: 5px 30px;
}
.basket .btn--small:after {
display: block;
}
.basket .product-info__ymal {
padding: 0 50px;
}
.basket .basket__offer-code .btn,
.basket .basket__gift-voucher .btn {
padding: 15px 0;
}
.basket .basket__offer-code--extended input,
.basket .basket__gift-voucher--extended input {
width: 60%;
}
.basket .basket__offer-code--extended .btn,
.basket .basket__gift-voucher--extended .btn {
width: 40%;
}
.basket .btn-checkout:after {
right: 80px;
}
.basket .btn-checkout--paypal:after {
right: 90px;
top: 19px;
}
.basket .btn-checkout--amazon:after {
right: 55px;
top: 17px;
}
.basket .basket__premier {
margin-bottom: 10px;
}
.basket .basket__premier .panel-body .row {
display: flex;
align-items: center;
}
.basket .associated-product .associated-product__bottom:hover {
box-shadow: none;
}
.basket .basket__item-quantity .btn {
margin-left: 15px;
}
}
@media (min-width: 1200px) {
.basket-checkout--fixed {
top: 170px;
}
.basket .row-padding-bottom {
margin-bottom: 20px;
}
.basket .product-info__ymal .associated-product__description {
text-align: center;
min-height: 74px;
}
.basket .product-info__ymal .associated-product__description h2 {
font-size: 15px;
}
.basket .product-info__ymal .associated-product__price .pricing__price--old {
margin-right: 10px;
}
.basket .product-info__ymal .associated-product__price .pricing__price {
font-size: 15px;
}
.basket #bagYAML .associated-product__description h2 {
font-size: 15px;
}
.btn {
font-size: 15px;
}
.btn:after {
right: 25px;
}
.btn--small {
padding: 5px 10px;
}
.btn--small:after {
display: none;
}
.basket__offer-code .btn,
.basket__gift-voucher .btn {
padding: 14px 0;
}
}
@media (min-width: 1600px) {
.basket .btn:after {
right: 145px;
}
.basket .btn-checkout--paypal:after {
right: 155px;
}
.basket .btn-checkout--amazon:after {
right: 120px;
}
.basket .basket__premier {
margin-bottom: 50px;
}
}
.blog-page .page-title {
border-bottom: 1px solid #95989a;
padding: 0 0 10px;
margin: 0 0 20px;
}
.blog-page h1 {
font-size: 38px;
text-align: center;
color: #222222;
margin: 0;
padding: 0;
}
.blog-page .breadcrumbs li {
display: inline-block;
}
.blog-card {
position: relative;
overflow: hidden;
margin-bottom: 30px;
}
.blog-card .blog-card__image {
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
}
.blog-card .blog-card__image a,
.blog-card .blog-card__image img {
display: block;
width: 100%;
height: 100%;
}
.blog-card .blog-card__content {
position: absolute;
bottom: 20px;
left: 25%;
width: 75%;
margin: 0 0 0 -12.5%;
padding: 10px;
text-align: center;
background: white;
background: rgba(255, 255, 255, 0.8);
}
.blog-card .blog-card__category {
font-size: 20px;
display: inline-block;
border-bottom: 1px solid #95989a;
padding: 0;
margin: 0 0 10px;
}
.blog-card .blog-card__title {
margin: 0 0 10px;
}
.blog-card .blog-card__link {
margin: 10px 0 0;
}
.blog-post {
text-align: justify;
}
.blog-post p img {
display: block;
margin-left: auto;
margin-right: auto;
min-width: 100%;
height: auto;
max-width: 100%;
width: 100%;
}
.blog-post iframe {
width: 100%;
}
.blog-post img {
width: 100%;
margin: 30px 0;
height: auto;
}
.blog-comments {
margin: 20px 0;
}
.blog-share {
margin: 20px 0;
clear: both;
overflow: hidden;
}
.blog-share table {
float: none;
margin: auto;
}
.blog-share table td {
padding: 0 0 0 5px;
}
.blog-sidebar {
text-align: right;
}
.blog-soc {
background-color: #425468;
padding: 20px;
margin-bottom: 10px;
}
.blog-soc.blog-social--twitter {
background-color: #578c9b;
}
.blog-soc.blog-social--instagram {
background-color: #eddb82;
}
.blog-soc.blog-social--pinterest {
background-color: #f4777c;
}
.blog-soc a {
background: rgba(255, 255, 255, 0.9);
max-width: initial;
width: 100%;
height: 100%;
margin: 0 auto;
padding: 10px 0;
text-align: center;
color: black;
display: block;
text-decoration: none;
}
.blog-soc a .block {
display: block;
}
.blog-soc .blog-social__tag {
border-bottom: 1px solid black;
display: inline-block;
padding: 0 10px 10px;
margin: 0 auto 10px;
display: none;
}
.blog-soc .blog-social__network {
font-size: 24px;
margin: 0;
display: none;
}
.blog-soc svg {
margin: 0;
height: 35px;
}
.blog-soc svg.hover {
display: none;
}
.blog-soc svg .social-icon__inner {
fill: white;
}
@media (max-width: 767px) {
.blog-post img {
width: 100%;
height: auto;
}
.blog-sidebar {
text-align: left;
}
.blog-share table {
float: none;
}
.blog-card__extract {
display: none;
}
}
@media (min-width: 1200px) {
.blog-soc {
margin-bottom: 25px;
}
.blog-soc a {
padding: 20px 10px;
max-width: none;
}
.blog-soc .blog-social__network {
display: block;
font-size: 18px;
}
.blog-soc svg {
margin: 10px auto 0;
}
.blog-soc.blog-social--instagram,
.blog-soc.blog-social--pinterest {
margin-bottom: 0;
}
.blog-card .blog-card__image a,
.blog-card .blog-card__image img {
height: auto;
}
.other-articles .blog-card__image img {
height: 64vh;
}
}
.other-articles .blog-card__image img {
object-fit: cover;
}
@media (min-width: 1600px) {
.blog-soc a {
max-width: 85%;
}
.blog-soc .blog-social__tag {
display: block;
}
.blog-soc .blog-social__network {
font-size: 24px;
}
}
.paypal-confirmation {
margin-top: 0;
}
.paypal-confirmation .header-bar svg {
width: 250px;
}
.paypal-confirmation-container {
padding-bottom: 20px;
}
.paypal-confirmation__delivery {
border: 1px solid #333333;
background: #333333;
color: white;
padding: 15px;
margin: 0 15px;
cursor: pointer;
text-align: center;
}
.paypal-confirmation__delivery.selected {
border: 1px solid #79af6b;
text-align: left;
background: none;
color: #333333;
}
.paypal-confirmation__address {
padding: 0 15px 15px 15px;
}
.paypal-confirmation__totals {
padding: 0 15px 15px 15px;
margin-bottom: 20px;
}
.paypal-confirmation__totals .price-totals__delivery {
display: none;
}
.paypal-confirmation__totals .price-totals hr:nth-child(1) {
display: none;
}
.paypal-confirmation__items {
padding: 0 15px 15px 15px;
}
.paypal-confirmation__terms {
margin: 15px;
}
.checkout,
.checkout-login-reg,
.checkout-process-payment,
.checkout-thank-you {
background: white;
}
.checkout .btn,
.checkout-login-reg .btn,
.checkout-process-payment .btn,
.checkout-thank-you .btn {
text-transform: uppercase;
}
.checkout .panel,
.checkout-login-reg .panel,
.checkout-process-payment .panel,
.checkout-thank-you .panel {
margin-bottom: 30px;
border: 1px solid #7e8285;
}
.checkout .panel-body,
.checkout-login-reg .panel-body,
.checkout-process-payment .panel-body,
.checkout-thank-you .panel-body {
padding: 20px;
}
.checkout .amazon-payment-content,
.checkout-login-reg .amazon-payment-content,
.checkout-process-payment .amazon-payment-content,
.checkout-thank-you .amazon-payment-content {
padding-top: 15px;
clear: both;
}
.checkout .text-link,
.checkout-login-reg .text-link,
.checkout-process-payment .text-link,
.checkout-thank-you .text-link {
text-decoration: underline;
color: #999999;
cursor: pointer;
}
.checkout .usp-devider__full,
.checkout-login-reg .usp-devider__full,
.checkout-process-payment .usp-devider__full,
.checkout-thank-you .usp-devider__full {
margin: 15px 0;
float: left;
width: 100%;
}
.checkout label,
.checkout-login-reg label,
.checkout-process-payment label,
.checkout-thank-you label {
margin-bottom: 0;
}
.checkout .checkmark:after,
.checkout-login-reg .checkmark:after,
.checkout-process-payment .checkmark:after,
.checkout-thank-you .checkmark:after {
border-color: #86c06c !important;
}
.checkout .form-group.required label:after,
.checkout-login-reg .form-group.required label:after,
.checkout-process-payment .form-group.required label:after,
.checkout-thank-you .form-group.required label:after {
content: '*';
font-style: italic;
color: #cc3333;
display: inline-block;
padding-left: 2px;
}
.checkout .reg-page__select,
.checkout-login-reg .reg-page__select,
.checkout-process-payment .reg-page__select,
.checkout-thank-you .reg-page__select {
margin-bottom: 20px;
}
.checkout .tab-content,
.checkout-login-reg .tab-content,
.checkout-process-payment .tab-content,
.checkout-thank-you .tab-content {
padding-top: 20px;
}
.checkout .tab-content .checkout-sub-title,
.checkout-login-reg .tab-content .checkout-sub-title,
.checkout-process-payment .tab-content .checkout-sub-title,
.checkout-thank-you .tab-content .checkout-sub-title {
margin-bottom: 10px;
}
.checkout .nav-tabs li a,
.checkout-login-reg .nav-tabs li a,
.checkout-process-payment .nav-tabs li a,
.checkout-thank-you .nav-tabs li a {
background-color: #6d7b82;
border: none;
}
.checkout .nav-tabs li a .checkout-sub-title,
.checkout-login-reg .nav-tabs li a .checkout-sub-title,
.checkout-process-payment .nav-tabs li a .checkout-sub-title,
.checkout-thank-you .nav-tabs li a .checkout-sub-title {
color: white;
font-size: 15px;
font-weight: 400;
}
.checkout .nav-tabs li.active a,
.checkout-login-reg .nav-tabs li.active a,
.checkout-process-payment .nav-tabs li.active a,
.checkout-thank-you .nav-tabs li.active a,
.checkout .nav-tabs li:hover a,
.checkout-login-reg .nav-tabs li:hover a,
.checkout-process-payment .nav-tabs li:hover a,
.checkout-thank-you .nav-tabs li:hover a {
background-color: transparent;
}
.checkout .nav-tabs li.active a .checkout-sub-title,
.checkout-login-reg .nav-tabs li.active a .checkout-sub-title,
.checkout-process-payment .nav-tabs li.active a .checkout-sub-title,
.checkout-thank-you .nav-tabs li.active a .checkout-sub-title,
.checkout .nav-tabs li:hover a .checkout-sub-title,
.checkout-login-reg .nav-tabs li:hover a .checkout-sub-title,
.checkout-process-payment .nav-tabs li:hover a .checkout-sub-title,
.checkout-thank-you .nav-tabs li:hover a .checkout-sub-title {
color: black;
}
.checkout .reg-page__form--checkbox-right,
.checkout-login-reg .reg-page__form--checkbox-right,
.checkout-process-payment .reg-page__form--checkbox-right,
.checkout-thank-you .reg-page__form--checkbox-right {
padding-left: 0;
padding-right: 40px;
}
.checkout .reg-page__form--checkbox-right .checkmark,
.checkout-login-reg .reg-page__form--checkbox-right .checkmark,
.checkout-process-payment .reg-page__form--checkbox-right .checkmark,
.checkout-thank-you .reg-page__form--checkbox-right .checkmark {
left: auto;
right: 0;
top: -15px;
}
.checkout .reg-page__form--checkbox-right .checkmark:after,
.checkout-login-reg .reg-page__form--checkbox-right .checkmark:after,
.checkout-process-payment .reg-page__form--checkbox-right .checkmark:after,
.checkout-thank-you .reg-page__form--checkbox-right .checkmark:after {
border-color: #7bc577;
}
.checkout .reg-page__form--checkbox input:checked ~ .checkmark,
.checkout-login-reg .reg-page__form--checkbox input:checked ~ .checkmark,
.checkout-process-payment .reg-page__form--checkbox input:checked ~ .checkmark,
.checkout-thank-you .reg-page__form--checkbox input:checked ~ .checkmark {
background: #5e5d5d !important;
}
.checkout .reg-page__form--checkbox input:checked ~ .checkmark:after,
.checkout-login-reg .reg-page__form--checkbox input:checked ~ .checkmark:after,
.checkout-process-payment .reg-page__form--checkbox input:checked ~ .checkmark:after,
.checkout-thank-you .reg-page__form--checkbox input:checked ~ .checkmark:after {
border-color: white !important;
}
.age-verfication {
text-align: center;
}
.age-verfication__form {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.age-verfication .checkout-sub-title,
.age-verfication p {
margin-bottom: 16px;
}
.age-verfication .reg-page__select {
margin-bottom: 20px !important;
}
.age-verfication .form-group {
margin-bottom: 10px;
}
.checkout-payment .checkout-panel-title {
font-weight: 600;
}
.fake-delivering-to .delivery-address-checkout {
font-weight: 300;
}
.fake-delivering-to .selected-country-name {
font-weight: 300;
}
.checkout-alerts--payment.alert-danger {
display: inline-block;
width: 100%;
margin: 20px 0 0 0;
}
.payment-types {
display: block !important;
}
.checkout__content {
position: relative;
}
.checkout__loader-container {
position: fixed;
width: 100%;
z-index: 99;
height: 100%;
left: 0;
top: 0;
align-items: center;
background-color: rgba(233, 234, 234, 0.8);
}
.checkout__loader {
border: 10px solid #f3f3f3;
border-radius: 50%;
border-top: 10px solid black;
width: 60px;
height: 60px;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
margin: 0 auto;
position: absolute;
top: 50%;
left: 50%;
margin-top: -30px;
margin-left: -30px;
}
.text-error {
margin-top: 10px;
border-radius: 5px;
padding: 7px;
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}
.fake-delivering-to {
border: 1px solid #e9eaea;
padding: 20px;
height: 200px;
}
.fake-delivering-to input {
pointer-events: none;
border: none;
}
.fake-delivering-to .selected-panel--right {
float: right;
width: auto;
}
/* Safari */
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.panel-disabled,
.age-payment-disabled {
opacity: 0.4;
border: 2px solid #5e5d5d;
}
.panel-disabled .panel-content,
.age-payment-disabled .panel-content {
display: none;
}
.form-group--suburb,
.form-group--postcode {
position: relative;
}
.suburb__dropdown {
position: absolute;
top: 100%;
left: 0;
width: 100%;
background: white;
max-height: 0;
overflow: hidden;
z-index: 1;
}
.suburb__dropdown.active {
max-height: 225px;
border: 1px solid #dcd9d0;
overflow-y: scroll;
}
.suburb__dropdown .suburb__result {
padding: 2px 15px;
cursor: pointer;
text-transform: capitalize;
}
.suburb__dropdown .suburb__result:hover {
background: #eeeeee;
}
.postcode__dropdown {
position: absolute;
top: 100%;
left: 0;
width: 100%;
background: white;
max-height: 0;
overflow: hidden;
z-index: 1;
}
.postcode__dropdown.active {
max-height: 225px;
border: 1px solid #dcd9d0;
overflow-y: scroll;
}
.postcode__dropdown .postcode__result {
padding: 2px 15px;
cursor: pointer;
text-transform: capitalize;
}
.postcode__dropdown .postcode__result:hover {
background: #eeeeee;
}
.postcode__dropdown--billing {
position: absolute;
top: 100%;
left: 0;
width: 100%;
background: white;
max-height: 0;
overflow: hidden;
z-index: 1;
}
.postcode__dropdown--billing.active {
max-height: 225px;
border: 1px solid #dcd9d0;
overflow-y: scroll;
}
.postcode__dropdown--billing .postcode__result--billing {
padding: 2px 15px;
cursor: pointer;
text-transform: capitalize;
}
.postcode__dropdown--billing .postcode__result--billing:hover {
background: #eeeeee;
}
.edit-bag .btn {
width: 100%;
padding: 5px 10px;
}
.edit-bag .btn:after {
right: 60px;
top: 5px;
}
.russia .edit-bag .btn:after {
right: 52px;
}
@media (max-width: 991px) {
.russia .edit-bag .btn:after {
display: none;
}
}
@media (max-width: 991px) {
.russia .edit-bag .btn {
font-size: 12px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.russia .checkout-payment__method .btn {
font-size: 12px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.russia .checkout-payment__method .btn:after {
display: none;
}
}
.german .edit-bag .btn:after {
right: 23px;
}
@media (max-width: 991px) {
.german .edit-bag .btn:after {
display: none;
}
}
@media (max-width: 991px) {
.german .edit-bag .btn {
font-size: 12px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.german .checkout-payment__method .btn {
font-size: 12px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.german .checkout-payment__method .btn:after {
display: none;
}
}
.france .edit-bag .btn:after {
right: 55px;
}
@media (max-width: 991px) {
.france .edit-bag .btn:after {
display: none;
}
}
.checkout-alerts {
font-weight: bold;
}
.checkout-title {
font-size: 20px;
letter-spacing: 0.8px;
color: #222222;
text-align: center;
}
.checkout-title img {
width: 16px;
position: relative;
top: -3px;
}
.checkout-sub-title {
font-size: 15px;
font-weight: 600;
letter-spacing: 0.8px;
color: black;
margin: 0;
}
.checkout-sub-title .checkout__items-reference {
font-size: 20px;
}
.checkout-account-later-message {
font-weight: 300;
}
.reg-page__forgot-password {
font-size: 12px;
font-weight: 400;
}
.reg-page__forgot-password:hover {
color: #887b6e;
}
[data-delivery-id="78"].disabled .checkmark {
pointer-events: none;
}
.delivery-address__add-address {
clear: both;
}
.delivery-address__full-address .btn:hover {
background: #3c4f58;
color: white;
}
.checkout__basket .panel,
.checkout__basket-mobile .panel {
background: transparent;
box-shadow: none;
}
.checkout__basket .panel-heading,
.checkout__basket-mobile .panel-heading {
padding: 0;
border: 0;
}
.checkout__basket .panel-heading img,
.checkout__basket-mobile .panel-heading img {
width: 60%;
display: block;
margin: 0 auto;
}
.checkout__basket .panel-body,
.checkout__basket-mobile .panel-body {
background: white;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.checkout__basket .panel-body .checkout-sub-title,
.checkout__basket-mobile .panel-body .checkout-sub-title {
color: black;
font-weight: 600;
}
.checkout__basket .panel-body .my-bag-title,
.checkout__basket-mobile .panel-body .my-bag-title {
font-size: 15px;
font-weight: 600;
letter-spacing: 0.8px;
margin: 0;
}
.checkout__basket .checkout-basket--total,
.checkout__basket-mobile .checkout-basket--total {
text-align: right !important;
}
.checkout-basket__item-price,
.checkout-basket__item-title {
font-weight: 600;
}
.thank-you-page .thank-you-block {
margin-bottom: 75px;
}
.thank-you-page .panel {
margin-bottom: 0;
}
.thank-you-page .panel-body--devider {
padding: 0 30px;
}
.thank-you-page .form-control {
max-width: 280px;
margin: 0 auto;
}
.payment-types li a {
display: block;
height: 30px;
width: 50px;
}
.checkout__item-images {
display: block;
text-align: center;
margin: 50px 0 30px;
}
.checkout__item-images img {
max-width: 200px;
padding: 5px;
}
.checkout__items {
text-align: center;
margin-bottom: 25px;
}
.checkout__items .checkout-sub-title {
margin-bottom: 10px;
}
.checkout-sub-title span {
font-weight: normal;
margin-right: 10px;
}
.checkout-panel-title {
color: black;
font-size: 15px;
letter-spacing: 1px;
font-weight: 300;
}
.form-enquiries-small {
color: black;
font-weight: 300;
}
.checkout-offer__title {
text-align: center;
color: black;
font-weight: bold;
margin: 20px 0 10px;
}
.checkout-offer__text {
text-align: center;
color: black;
}
.checkout-offer .panel {
background: none;
box-shadow: none;
border: 20px solid transparent;
-webkit-border-image: url(/content/img/skin/basket/wooly-prime-bg.png) 20% round;
-o-border-image: url(/content/img/skin/basket/wooly-prime-bg.png) 20% round;
border-image: url(/content/img/skin/basket/wooly-prime-bg.png) 20% round;
}
.checkout-offer .panel-body {
background: white;
}
.js-back-to-address-book,
.js-cancel-address-change,
.js-enter-address-manually,
.js-cancel-billing-change,
.js-back-to-billing-book {
cursor: pointer;
}
.js-back-to-address-book:hover,
.js-cancel-address-change:hover,
.js-enter-address-manually:hover,
.js-cancel-billing-change:hover,
.js-back-to-billing-book:hover {
text-decoration: underline;
}
.js-country-select {
cursor: pointer;
}
.country-select__current {
position: absolute;
top: 12px;
left: 15px;
}
.country-select .reg-page__select select {
padding-left: 65px;
}
.delivery-address .nav-tabs {
margin-top: 15px;
}
.delivery-address__address-list ul {
list-style: none;
padding: 0;
}
.delivery-address__address-list ul li {
float: left;
width: 49%;
margin-bottom: 25px;
}
.delivery-address__address-details {
margin-bottom: 20px;
}
.delivery-address__select-address .checkmark {
top: -5px !important;
}
.delivery-address__select-address .checkmark:after {
border-color: #86c06c !important;
}
.delivery-address--back {
cursor: pointer;
}
.delivery-address--back:hover {
text-decoration: underline;
}
.selected-panel .checkout-sub-title {
margin-bottom: 15px;
}
.selected-panel--left {
float: left;
width: 55%;
}
.selected-panel--right {
float: left;
width: 45%;
}
.selected-panel--right .btn {
padding: 7.5px 25px;
float: right;
margin: 0;
}
.selected-panel--right .btn:after {
top: 8px;
right: 10px;
}
.delivery-options .checkout-panel-title {
margin: 0 0 5px;
}
.delivery-option {
float: left;
width: 100%;
padding: 10px 0;
}
.delivery-options__info {
float: left;
width: 80%;
cursor: pointer;
}
.delivery-options__select {
float: right;
}
.delivery-options__sub-info {
font-size: 12px;
padding-left: 20px;
margin-top: 20px;
width: 80%;
float: left;
}
.delivery-options__returns {
float: left;
margin-top: 20px;
}
.delivery-options__returns-text {
float: left;
width: 80%;
}
.delivery-options__returns-text label {
font-weight: unset;
cursor: pointer;
}
.delivery-options__returns-select {
float: right;
}
.checkout-premier {
background: none;
box-shadow: none;
}
.checkout-premier .panel-body {
padding: 30px 0px;
}
.checkout-terms {
clear: both;
}
.delivering-to__add-option-toggle {
cursor: pointer;
clear: both;
}
.delivering-to__add-option-toggle:hover {
text-decoration: underline;
}
.delivering-to__add-option textarea {
background: #eeeeee;
height: 50px;
font-weight: bold;
letter-spacing: 1px;
color: #515456;
border: 0;
border-radius: 0;
box-shadow: none;
border: 2px solid transparent;
transition: border-color 300ms ease-in-out;
width: 100%;
margin: 10px 0;
padding: 5px;
resize: vertical;
}
.delivering-to__add-option textarea:hover {
border: 2px solid #515456;
}
.checkout-premier__info {
color: white;
border: 20px solid transparent;
-webkit-border-image: url(/content/img/skin/checkout/wooly-prime-bg.png) 20% round;
-o-border-image: url(/content/img/skin/checkout/wooly-prime-bg.png) 20% round;
border-image: url(/content/img/skin/checkout/wooly-prime-bg.png) 20% round;
}
.checkout-premier__info-inner {
background: #86c06b;
padding: 20px;
}
.checkout-premier__info-inner .checkout-sub-title {
color: white;
margin-bottom: 10px;
}
.js-enter-billing-manually {
cursor: pointer;
}
.billing-address {
clear: both;
}
.billing-address__set-as-shipping {
line-height: 30px;
}
.billing-address__address-details {
margin-bottom: 15px;
}
.checkout-payment__select-method {
padding: 25px 0;
clear: both;
}
.checkout-payment__select-method .checkout-sub-title {
margin-bottom: 25px;
}
.checkout-payment__method {
padding: 15px 0;
border: 3px solid #eeeeee;
cursor: pointer;
transition: border-color 300ms ease-in-out;
max-height: 150px;
}
.checkout-payment__method:hover {
border: 3px solid #5e5d5d;
}
.checkout-payment__method.not-selected {
opacity: 0.6;
}
.checkout-payment__method-paypal-img {
margin-bottom: 15px;
}
.checkout-payment__method-paypal-img img {
height: 30px;
}
.card-details {
clear: both;
}
.card-details .checkout-sub-title {
margin-bottom: 10px;
float: left;
}
.card-details .card-details__cards {
float: right;
}
.card-details .card-details__cards .payment-types {
margin: 0 !important;
}
.card-details .form-group {
clear: both;
}
.js-back-to-saved-cards {
cursor: pointer;
}
.card-details__card-list {
clear: both;
}
.card-details__card-list ul {
list-style: none;
padding: 0;
clear: both;
overflow: auto;
}
.card-details__card-list ul li {
float: left;
width: 49%;
margin-bottom: 0;
}
.card-details__card-list ul li .form-control {
width: 50%;
}
.card-details__card-list ul li label {
line-height: 30px;
}
.card-details__card-details {
margin-bottom: 20px;
}
.place-order {
background: none;
box-shadow: none;
}
.place-order .panel-body {
padding: 0;
}
.place-order .btn {
width: 100%;
}
.place-order .btn:after {
right: 90px;
}
.click-collect__search {
float: left;
width: 100%;
}
.click-collect__search .form-group {
float: left;
width: 100%;
}
.click-collect__search .form-group label {
margin-bottom: 10px;
}
.click-collect__results {
float: left;
width: 100%;
border-top: 2px solid #5e5d5d;
overflow: auto;
max-height: 565px;
}
.click-collect__result {
float: left;
width: 100%;
display: flex;
padding: 20px 0;
border-bottom: 2px solid #5e5d5d;
align-items: center;
cursor: pointer;
}
.click-collect__result.selected {
background: #eeeeee;
}
.click-collect__result-image {
float: left;
margin-right: 20px;
}
.click-collect__result-image img {
width: 60px;
}
.click-collect__result-text {
float: left;
}
.click-collect__result-text .checkout-panel-title {
margin-bottom: 0;
}
.click-collect__map {
margin-bottom: 20px;
}
.click-collect__shop-address {
margin-bottom: 10px;
}
.click-collect__shop-address .checkout-panel-title {
margin-bottom: 10px;
}
.click-collect__shop-hours .checkout-panel-title {
margin-bottom: 10px;
}
.click-collect__options .checkout-panel-title {
margin-bottom: 10px;
}
.click-collect__options .btn {
width: 100%;
margin: 0;
}
.checkout__items-info {
margin-bottom: 20px;
}
.pay-with-paypal h2 {
float: left;
}
.pay-with-paypal img {
float: left;
width: 100px;
position: relative;
left: 10px;
top: 1px;
}
.pay-with-paypal .btn:after {
right: 85px;
}
.pay-with-paypal .btn img {
width: 15px;
left: auto;
top: -3px;
float: none;
}
.us-shipping-tax {
position: relative;
float: left;
width: 100%;
}
.us-shipping-tax img {
position: relative;
top: -1px;
right: -4px;
width: 15px;
}
.us-shipping-tax__tooltip {
display: none;
position: absolute;
width: 200px;
background: white;
z-index: 2;
right: 15px;
top: -45px;
padding: 10px;
font-size: 12px;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05);
}
.us-shipping-tax__tooltip.active {
display: block;
}
@media (max-width: 767px) {
.checkout {
margin-top: 0;
}
.checkout .header-slim {
margin-top: 15px;
}
.checkout .header-slim svg {
width: 200px;
}
.checkout .checkout-title {
font-size: 15px;
}
.checkout .checkout-title img {
width: 12px;
}
.checkout .checkout-sub-title {
margin-bottom: 5px;
}
.checkout .checkout-panel-title {
margin: 0 0 5px 0;
}
.checkout .panel-heading {
padding: 15px 15px 0;
}
.checkout .panel-body {
padding: 15px;
}
.checkout .usp-devider__full {
margin: 10px 0;
background-size: auto 6px;
height: 10px;
background-position: center center;
}
.checkout .reg-page__select {
margin-bottom: 0;
}
.checkout .delivery-address .nav-tabs {
margin-top: 0;
}
.checkout .tab-content {
padding-top: 10px;
}
.checkout .form-group {
margin-bottom: 10px;
}
.checkout .alert {
margin-bottom: 10px;
}
.checkout .btn {
margin: 5px 0;
}
.checkout .delivery-option {
padding: 5px;
}
.checkout .delivery-options__returns {
margin-top: 5px;
}
.checkout .inline-input-search .btn {
width: 100%;
}
.checkout .inline-input-search .form-control {
margin-bottom: 10px;
}
.checkout .btn:after,
.checkout .reg-page__select:after {
display: none;
}
.checkout .btn {
padding: 15px 20px;
}
.checkout .edit-bag .btn {
padding: 5px 10px;
}
.checkout .payment-types li {
height: 25px;
width: 40px;
}
.checkout .checkout-payment__method .btn {
padding: 0;
}
.checkout .checkout-payment__method--card,
.checkout .checkout-payment__method--sofort {
margin-bottom: 15px;
}
.checkout .checkout-payment__select-method {
padding: 0 0 5px;
}
.checkout .card-details {
margin-top: 5px;
}
.checkout-payment__method-paypal-img img {
height: 25px;
}
.delivery-address__select-address {
padding: 20px 0 0 0;
}
.delivery-address__main-address--right {
float: none;
width: 100%;
clear: both;
}
.card-details .card-details__cards {
float: none;
clear: both;
}
.delivery-address__address-list ul li {
width: 100%;
margin-bottom: 0;
}
.click-collect__results {
max-height: 100%;
margin-bottom: 25px;
}
.checkout-payment__method--card,
.checkout-payment__method--sofort {
margin-bottom: 25px;
}
.selected-panel--right .btn {
padding: 7.5px 15px;
}
.selected-panel--right .btn:after {
right: 5px;
}
.card-details__card-list ul li {
width: 100%;
margin-bottom: 0;
}
.order-info-block {
margin-bottom: 25px;
}
.delivery-address__address-details {
margin-bottom: 0;
}
}
@media (min-width: 768px) {
.checkout-tab-title--left {
border-left: 0 !important;
}
.checkout-tab-title--right {
border-right: 0 !important;
}
.checkout .inline-input-search input {
float: left;
width: 65%;
}
.checkout .inline-input-search .btn {
float: left;
width: 35%;
margin: 0;
padding: 15px 0;
}
.checkout .inline-input-search .btn:after {
right: 15px;
}
.checkout-premier .panel-body .row {
display: flex;
align-items: center;
}
.place-order .btn:after {
right: 150px;
}
.age-verfication__form {
flex-direction: row;
}
.age-verfication .reg-page__select {
margin-bottom: 0 !important;
}
.age-verfication .btn {
margin-left: 15px;
}
.age-verification-error {
margin-bottom: 20px;
}
}
@media (min-width: 992px) {
.place-order .btn:after {
right: 185px;
}
.edit-bag .btn:after {
right: 105px;
}
.pay-with-paypal .btn:after {
right: 150px;
}
}
@media (min-width: 1200px) {
.checkout .inline-input-search .btn:after {
right: 25px;
}
.place-order .btn:after {
right: 195px;
}
}
@media (min-width: 1880px) {
.place-order .btn:after {
right: 235px;
}
.pay-with-paypal .btn:after {
right: 195px;
}
}
.homepage-blocks {
width: 100%;
margin-bottom: 55px;
}
.homepage-blocks .margin--bottom--double {
margin-bottom: 20px;
}
@media (min-width: 480px) {
.homepage-blocks .margin--bottom--double {
margin-bottom: 20px;
}
}
@media (min-width: 992px) {
.homepage-blocks .margin--bottom--double {
margin-bottom: 40px;
}
}
@media (min-width: 1200px) {
.homepage-blocks .margin--bottom--double {
margin-bottom: 55px;
}
}
.homepage-blocks h2 {
font-size: 22px;
letter-spacing: 0.8px;
color: black;
margin: 0 0 15px 0;
}
.homepage-blocks .title-text--large {
font-size: 36px;
font-weight: 600;
margin-bottom: 5px;
}
.homepage-blocks p {
margin-bottom: 10px;
letter-spacing: 0.5px;
}
.homepage-blocks p:empty {
display: none;
}
.homepage-blocks .btn {
display: inline-block;
background-color: black;
font-size: 17px;
letter-spacing: 0.8px;
color: white;
letter-spacing: 1px;
padding: 10px 40px 10px 30px;
border-radius: 0;
transition: background 200ms ease;
will-change: background;
pointer-events: auto;
opacity: 1;
position: relative;
}
.homepage-blocks .btn:focus {
outline: 0;
}
.homepage-blocks .btn:after {
content: ">";
position: absolute;
font-size: 18px;
right: 24px;
top: 9px;
color: inherit;
transition: transform 200ms ease;
transform: translate(0, 0);
}
.homepage-blocks .btn:hover:after {
transform: translate(5px, 0);
}
.homepage-blocks .btn-inverse {
background-color: transparent;
color: black;
width: auto;
padding: 5px 10px 10px 0;
text-decoration: none;
}
.homepage-blocks .btn-inverse:hover {
text-decoration: none;
color: #5e5d5d !important;
}
.homepage-blocks .btn-inverse:after {
content: "";
}
.homepage-blocks .anchor-point:before {
content: "";
display: block;
height: 160px;
margin: -160px 0 0;
}
.homepage-blocks__header-text {
margin-bottom: 50px;
}
.homepage-blocks__img {
position: relative;
display: flex;
text-align: center;
align-items: center;
margin-bottom: 25px;
}
.homepage-blocks__img picture,
.homepage-blocks__img a {
display: block;
width: 100%;
}
.homepage-blocks__img .homepage-blocks__img-inner {
position: absolute;
width: 100%;
text-align: center;
padding: 0 20px;
}
.home-full-width {
text-align: center;
}
.home-full-width .homepage-blocks__img {
margin-bottom: 0;
}
.home-full-width a {
flex-basis: 100%;
}
.home-staggered__ltr {
margin-bottom: 50px;
}
.home-blocks__text {
padding: 0 15px;
text-align: center;
}
.home-full-width-bg {
padding: 50px 0;
}
.slide-container .slide {
position: relative;
}
.slide-container .slide .slide__background {
background-position: center center;
background-size: cover;
height: 596px;
width: 100%;
overflow: hidden;
}
.slide-container .slide .slide__foreground {
text-align: center;
position: absolute;
bottom: 10%;
width: 100%;
}
.slide-container .slide--sale {
width: 600px;
margin: 0 auto;
}
.slide-container .slide--sale .slide--sale__header {
border: 1px solid white;
border-width: 1px 0;
padding: 20px 0;
width: 600px;
margin: 0 auto 20px;
}
.slide-container .slide--sale .slide--sale__header h2,
.slide-container .slide--sale .slide--sale__header h3 {
font-weight: bold;
color: white;
font-size: 150px;
line-height: 150px;
margin: 0;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
}
.slide-container .slide--sale .slide--sale__header h2 {
letter-spacing: 0.25em;
}
.slide-container .slide--sale .slide--sale__header h3 {
font-size: 42px;
line-height: 42px;
letter-spacing: 0.15em;
}
.slide-container .slide--sale .slide--sale__buttons {
display: flex;
}
.slide-container .slide--sale .slide--sale__buttons a {
display: inline-block;
flex: 1 1 50%;
margin: 0 20px;
border: 1px solid white;
color: white;
text-decoration: none;
padding: 10px;
font-size: 30px;
line-height: 30px;
background: rgba(0, 0, 0, 0.2);
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
transition: background 200ms ease, color 200ms ease;
will-change: background, color;
}
.slide-container .slide--sale .slide--sale__buttons a:hover {
background-color: rgba(255, 255, 255, 0.75);
color: black;
}
.slide-container .slide--sale .slide--sale__buttons a:first-child {
margin-left: 0;
}
.slide-container .slide--sale .slide--sale__buttons a:last-child {
margin-right: 0;
}
.homepage .owl-carousel .owl-dots {
position: absolute;
bottom: 20px;
right: 15px;
left: auto;
width: auto;
}
a.list-group-item:after {
position: absolute;
right: 10px;
top: 13px;
color: #aaaaaa;
content: "\e080";
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.list-group-item-heading {
margin: 0;
font-size: 15px;
}
.homepage-box {
position: relative;
}
.homepage-box .homepage-box__background {
background-position: center center;
background-size: cover;
height: 100%;
width: 100%;
overflow: hidden;
}
.homepage-box .homepage-box__foreground {
position: absolute;
top: 45%;
left: 0;
width: 100%;
text-align: center;
}
.homepage-box .homepage-box__foreground h2,
.homepage-box .homepage-box__foreground h3 {
font-weight: bold;
color: white;
font-size: 40px;
line-height: 40px;
margin: 0;
letter-spacing: 0.25em;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
}
.homepage-box .homepage-box__foreground h3 {
font-size: 25px;
line-height: 25px;
}
.homepage-box .homepage-box__foreground .homepage-box__links {
display: flex;
align-items: center;
justify-content: center;
margin: 20px auto;
width: 75%;
}
.homepage-box .homepage-box__foreground .homepage-box__links a {
background: rgba(0, 0, 0, 0.2);
display: inline-block;
flex: 1 1 50%;
margin: 0 20px;
border: 1px solid white;
color: white;
text-decoration: none;
padding: 10px;
font-size: 17px;
line-height: 17px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
transition: background 200ms ease, color 200ms ease;
will-change: background, color;
}
.homepage-box .homepage-box__foreground .homepage-box__links a:hover {
background-color: rgba(255, 255, 255, 0.75);
color: black;
}
.homepage-box .homepage-box__foreground .homepage-box__links a:first-child {
margin-left: 0;
}
.homepage-box .homepage-box__foreground .homepage-box__links a:last-child {
margin-right: 0;
}
.homepage-box .homepage-box__foreground .homepage-box__text {
margin: 20px 0;
}
.homepage-box .homepage-box__foreground .homepage-box__text a {
color: white;
text-decoration: none;
border-bottom: 1px solid transparent;
transition: border 200ms ease;
will-change: border;
letter-spacing: 0.2em;
}
.homepage-box .homepage-box__foreground .homepage-box__text a:hover {
border-bottom-color: white;
}
.testimonials {
background: #98addb url(/img/static/homepage/testimonial-bg.jpg) no-repeat center center;
background-size: cover;
display: flex;
align-items: center;
height: 326px;
}
.testimonials > .container {
overflow: hidden;
flex: 0 0 100%;
}
.testimonials .testimonials__item {
text-align: center;
height: 100%;
}
.testimonials .testimonials__item blockquote {
padding: 0 50px;
margin: 0;
font-size: 17px;
line-height: 26px;
color: white;
border-left: 0;
cursor: default;
}
.testimonials .testimonials__item blockquote cite {
display: block;
margin-top: 20px;
color: #f9b25f;
font-style: normal;
}
.testimonials .owl-controls {
opacity: 1;
}
.testimonials .owl-nav > div {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAyCAMAAAB8gJvdAAAANlBMVEVMaXH5sl/5sl/5sl/5sl/5sl/5sl/5sl/5sl/5sl/5sl/5sl/5sl/5sl/5sl/5sl/5sl/5sl8xRm+SAAAAEXRSTlMAGhscHR4fICEiI9zd3uDh4sEU/rIAAABoSURBVHjazdTBEoAgCEVR1Cgrrfj/n80NSx9jM1Fsz46BS9SZFAjMchRGKtL33FSkMtLmAanUCHUe11OVXXVVLb/SS3Vy1U1191WLX3e8FgeH5/C94ydycBiPEY8PsmdF00quFWzN/Q0PZBvJuWi1YwAAAABJRU5ErkJggg==) no-repeat 0 0;
width: 30px;
height: 50px;
opacity: 1;
}
.testimonials .owl-nav > div.owl-next {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAyCAMAAAB8gJvdAAAANlBMVEVMaXH5sl/5sl/5sl/5sl/5sl/5sl/5sl/5sl/5sl/5sl/5sl/5sl/5sl/5sl/5sl/5sl/5sl8xRm+SAAAAEXRSTlMAGhscHR4fICEiI9zd3uDh4sEU/rIAAABnSURBVHjazdQ7EoAwCADRJBq/0cj9LysWjI1u4wyR9nUMbLgmdgEml30kFXn3vImoT88aVcGTMvnw0bN5beTFfP6l9+ZHI1/NFwcndlBYi4PCOXgqP5GrcjxYEylnj6PJyb0dFHN/AjuAG8kTMdgkAAAAAElFTkSuQmCC);
}
.top-picks {
background: #98addb url(/img/static/homepage/testimonial-bg.jpg) no-repeat center center;
background-size: cover;
}
.top-picks .default-heading {
color: white;
}
.top-picks p {
margin: 0 0 20px;
color: white;
}
.default-heading {
color: #6b80af;
text-align: center;
margin: 20px 0;
font-size: 35px;
}
.homepage-blog .title {
text-transform: capitalize;
font-size: 30px;
line-height: initial;
letter-spacing: normal;
margin: 0 0 10px;
}
.homepage-blog .homepage-blog__title {
font-size: 15px;
font-weight: normal;
color: black;
letter-spacing: normal;
letter-spacing: 1px;
}
.homepage-blog .homepage-blog__item {
position: relative;
overflow: hidden;
margin: 0 0 20px;
}
.homepage-blog .homepage-blog__item:last-child {
margin-bottom: 0;
}
.homepage-blog .homepage-blog__image {
margin-bottom: 5px;
}
.homepage-blog .homepage-blog__image--sidebar {
height: 140px;
width: 100%;
background-size: cover;
background-position: center center;
}
.homepage-blog .homepage-blog__image--sidebar a {
display: block;
width: 100%;
height: 100%;
}
.homepage-blog h2 {
font-size: 15px;
margin: 0;
letter-spacing: 2px;
line-height: 22px;
}
.homepage-blog .homepage-blog__readmore {
display: inline-block;
margin: 10px 0 0;
color: black;
text-decoration: none;
transition: color 200ms ease;
will-change: color;
}
.homepage-blog .homepage-blog__readmore:hover {
color: black;
}
.homepage-blog .homepage-blog__label {
font-size: 20px;
color: #727272;
margin: 10px 0 15px;
border-bottom: 1px solid #333333;
margin: 0 auto 10px;
display: inline-block;
}
.homepage-blog .homepage-blog__label a {
color: #727272;
text-decoration: none;
}
.homepage-blog__item--hero .homepage-blog__image {
max-height: none;
position: relative;
}
.homepage-blog__item--hero .homepage-blog__text {
position: absolute;
bottom: 5%;
left: 15%;
width: 70%;
background: rgba(255, 255, 255, 0.8);
padding: 10px;
text-align: center;
}
.homepage-blog__item--hero .homepage-blog__title {
font-size: 22px;
margin: 0 0 10px;
letter-spacing: 2px;
}
.homepage-sale {
margin: 40px 0 20px;
position: relative;
overflow: hidden;
}
.homepage-sale__btns {
width: 44%;
margin-left: 28%;
position: absolute;
bottom: 40px;
display: flex;
justify-content: space-between;
}
.homepage-sale__btn {
flex: 1 1 140px;
width: 140px;
background: white;
border: 1px solid black;
display: inline-block;
padding: 10px 15px;
position: relative;
text-align: center;
font-weight: bold;
}
.homepage-sale__btn--left {
left: 0;
margin-right: 10px;
}
.homepage-sale__btn--right {
float: right;
margin-left: 10px;
}
h2.title {
text-align: center;
position: relative;
font-size: 18px;
letter-spacing: 2px;
overflow: hidden;
}
h2.title span {
display: inline-block;
padding: 0 20px;
background: white;
}
h2.title:before {
content: '';
position: absolute;
display: block;
height: 1px;
background: black;
width: 99999999px;
left: 0;
top: 50%;
z-index: -1;
}
.sale-banner {
background: #cf2025;
color: white;
text-align: center;
letter-spacing: 2px;
width: 100%;
}
.outlet-banner {
background: #ffde00;
color: black;
text-align: center;
letter-spacing: 2px;
width: 100%;
}
.summer-banner {
background: #ff545f;
color: white;
text-align: center;
letter-spacing: 2px;
width: 100%;
}
.dynamic-hotspots {
position: relative;
}
.dynamic-hotspots .dynamic-hotspots__links {
position: absolute;
display: block;
top: 0;
left: 0;
width: 12%;
height: 8%;
}
.block-items__text {
text-align: center;
margin: 30px auto;
max-width: 540px;
}
.block-items__text p {
font-size: 26px;
font-weight: bold;
}
.block-items__text a {
position: relative;
display: block;
padding: 15px;
letter-spacing: 1px;
font-size: 20px;
font-weight: bold;
background: #bd203b;
color: white;
}
.block-items__text a:hover {
background: #a71c34;
}
.homepage-blocks__four {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.homepage-blocks__four .homepage-block--4 {
width: 250px;
margin: 20px 30px;
}
.sliding-popup-bottom {
z-index: 9999;
position: fixed;
margin: 0;
padding: 0;
left: 0;
bottom: 0;
text-align: center;
width: 100%;
}
.cookie-banner {
border-radius: 4px;
letter-spacing: 0.25px;
background-color: rgba(255, 255, 255, 0.98);
box-shadow: 1px 4px 14px 0 rgba(0, 0, 0, 0.275);
padding: 15px 20px;
text-align: left;
width: 100%;
display: flex;
justify-content: space-between;
}
.cookie-banner p {
margin-bottom: 0;
}
.cookie-banner__close {
padding: 0;
border: none;
color: #282d46;
background: transparent;
width: 100px;
padding: 0 10px;
text-align: right;
}
footer {
background-color: #3c4f58;
}
@media (min-width: 768px) {
.homepage-blocks {
margin-bottom: 20px;
}
.home-staggered__ltr {
display: flex;
align-items: center;
}
.home-staggered__rtl {
display: flex;
align-items: center;
}
.home-blocks__text {
padding: 0 0 0 15px;
text-align: initial;
}
.home-four__top {
margin-bottom: 50px;
}
.home-one--right {
width: 50%;
text-align: left;
float: right;
}
.home-one--left {
width: 50%;
text-align: left;
float: left;
padding-left: 50px;
}
.dynamic-hotspots .dynamic-hotspots__links {
width: 16%;
height: 6%;
}
.dynamic-hotspots .dynamic-hotspots__links--mens {
top: 86%;
left: 65%;
}
.dynamic-hotspots .dynamic-hotspots__links--womens {
top: 86%;
left: 47%;
}
.dynamic-hotspots .dynamic-hotspots__links--sale {
top: 86%;
left: 82%;
}
.homepage-sale .homepage-sale__slide {
width: 32%;
}
.homepage-blocks__four .homepage-block--4 {
width: 250px;
margin: 20px 30px;
}
.homepage-blocks__four .homepage-block--4 a {
background: none;
color: #333333;
text-decoration: underline;
padding: 0;
}
.homepage-blocks__four .homepage-block--4 a:active {
box-shadow: none;
}
.homepage-blocks__four .homepage-block--4 a:after {
display: none;
}
}
@media (min-width: 992px) {
.homepage-blocks {
margin-bottom: 40px;
}
.home-four__top {
margin-bottom: 0;
}
.dynamic-hotspots .dynamic-hotspots__links {
width: 12%;
height: 9%;
}
.dynamic-hotspots .dynamic-hotspots__links--mens {
top: 78%;
left: 58%;
}
.dynamic-hotspots .dynamic-hotspots__links--womens {
top: 78%;
left: 45%;
}
.dynamic-hotspots .dynamic-hotspots__links--sale {
top: 78%;
left: 73%;
}
.homepage-sale .homepage-sale__slide {
width: 16%;
}
.homepage-blocks__four .homepage-block--4 {
width: 300px;
margin: 20px 30px;
}
}
@media (min-width: 1200px) {
.homepage-blocks {
margin-bottom: 55px;
}
.homepage-blocks__header-text {
margin-bottom: 80px;
}
.home-two__left {
padding-right: 50px;
}
.home-two__right {
padding-left: 50px;
}
.home-three__left {
margin-right: 50px;
}
.sale-description {
min-height: 51px;
}
.homepage-sale .homepage-sale__slide {
width: 186px;
}
.home-four__left {
margin-right: 65px;
}
.home-staggered--smaller {
padding: 30px 0;
}
.homepage-blocks__four .homepage-block--4 {
width: 200px;
margin: 20px 30px;
}
}
@media (min-width: 1600px) {
.home-two__left {
padding-right: 100px;
}
.home-two__right {
padding-left: 100px;
}
.homepage-blocks__four .homepage-block--4 {
width: 250px;
margin: 20px 30px;
}
}
@media (max-width: 991px) {
.homepage-box {
margin-bottom: 20px;
}
.homepage-box__background img {
width: 100%;
}
.homepage-blog__item {
margin-bottom: 20px;
}
.homepage-blog__image img {
margin: 0 auto;
}
.home-full-width-bg__left {
margin-bottom: 20px;
}
.home-full-width-bg__right {
text-align: center;
}
}
@media (max-width: 767px) {
.homepage-blocks .anchor-point:before {
height: 110px;
margin: -110px 0 0;
}
.homepage-blocks__left {
margin-bottom: 50px;
}
.home-four .btn {
width: 130px;
padding: 10px 5px;
}
.dynamic-hotspots .dynamic-hotspots__links {
width: 34%;
height: 6%;
}
.dynamic-hotspots .dynamic-hotspots__links--mens {
top: 81%;
left: 33%;
}
.dynamic-hotspots .dynamic-hotspots__links--womens {
top: 73%;
left: 33%;
}
.dynamic-hotspots .dynamic-hotspots__links--sale {
top: 89%;
left: 33%;
}
.slide-container .slide--sale,
.slide-container .slide--sale .slide--sale__header {
width: auto;
border: 0;
}
.slide-container .slide .slide__background {
height: 500px;
}
.slide-container .slide--sale .slide--sale__header h2 {
font-size: 100px;
}
.slide-container .slide--sale .slide--sale__header h3 {
font-size: 32px;
}
.slide-container .slide--sale .slide--sale__buttons {
margin: 0 20px;
align-items: stretch;
}
.homepage-box .homepage-box__background {
max-height: 300px;
}
.homepage-box .homepage-box__foreground h3 {
margin-top: -20px;
}
.homepage-box .homepage-box__foreground .homepage-box__text {
display: none;
}
.testimonials {
min-height: 326px;
height: auto;
}
.testimonials .testimonials__item blockquote {
padding: 10px 50px;
}
.homepage-sale__btns {
width: 100%;
margin: 0;
padding: 0 20px;
bottom: 16%;
}
.homepage-sale__btn {
padding: 20px 10px;
margin: 0 5px;
}
.homepage-blocks__four .homepage-block--4 {
width: 100%;
margin: 20px 0;
}
}
@media (max-width: 414px) {
.homepage-sale__btns {
bottom: 5%;
}
}
@media (max-width: 382px) {
.homepage-sale__btns {
bottom: 5%;
}
.homepage-sale__btn {
padding: 15px 5px;
width: 100%;
}
}
body.expanded-mobile-nav .plp-filters-container {
z-index: 0;
}
body.show-panel-open .header {
z-index: 4;
}
body.show-panel-open .plp-page-container > .ajaxLoaderOverlay.show {
z-index: 3;
}
.nav-overlay.active ~ .page-container .plp-filters-container {
z-index: 2;
}
.plp-filters-container {
top: 86px;
background-color: white;
z-index: 4;
}
.filters-container {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 15px 20px;
background: white;
transition: top 200ms cubic-bezier(0, 0, 0.2, 1);
background-color: white;
height: auto;
transform: none;
overflow: visible;
margin-bottom: 10px;
}
.filters-container.container:before {
content: unset;
}
.filter-group {
letter-spacing: 1px;
color: black;
background-color: white;
transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1);
will-change: box-shadow;
}
.filter-group.open,
.filter-group:hover,
.filter-group:focus {
color: white;
background: #3c4f58;
border-radius: 4px;
}
.filter-group.open .filter-group__heading,
.filter-group:hover .filter-group__heading,
.filter-group:focus .filter-group__heading,
.filter-group.open .filter-group__group-count,
.filter-group:hover .filter-group__group-count,
.filter-group:focus .filter-group__group-count {
color: white;
background: #3c4f58;
}
.filter-group.open .filter-group__heading > svg,
.filter-group:hover .filter-group__heading > svg,
.filter-group:focus .filter-group__heading > svg,
.filter-group.open .filter-group__group-count > svg,
.filter-group:hover .filter-group__group-count > svg,
.filter-group:focus .filter-group__group-count > svg {
fill: white;
}
.filter-group:nth-last-child(2) after {
content: '';
}
.filter-group:nth-last-child(2) .filter-group__body {
left: auto;
right: 0;
}
.filter-group:nth-child(n+7) .filter-group__body {
left: auto;
right: 0;
}
.filter-group__heading {
width: 100%;
letter-spacing: 1px;
background-color: white;
text-align: left;
border: 1px solid black;
padding: 10px;
text-transform: uppercase;
}
.filter-group__heading svg {
display: inline-block;
float: right;
height: 16px;
width: 16px;
transform: rotate(0deg);
transition: all 200ms;
margin: 3px;
fill: black;
}
.filter-group__heading[aria-expanded=true] svg {
transform: rotate(180deg);
}
.filter-group__heading:hover,
.filter-group__heading:focus {
color: white;
background: #3c4f58;
}
.filter-group__heading:hover svg,
.filter-group__heading:focus svg {
fill: white;
}
.filter-group__heading:focus,
.filter-group__heading:active:focus {
outline: none;
}
.filter-group__heading svg + svg {
display: none;
}
.filter-group__heading ~ .filter-group__heading {
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.filter-group__body {
background-color: white;
border-radius: 0 6px 6px 6px;
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
height: auto;
max-height: 42vh;
min-width: 225px;
overflow-x: hidden;
overflow-y: auto;
padding: 0;
position: absolute;
width: 100% !important;
z-index: 3;
border-right-width: 0px;
font-size: 15px;
}
.filter-group__body .nav-link {
color: black;
padding: 0.5rem 0.5rem 0.5rem 2rem;
position: relative;
white-space: nowrap;
}
.filter-group__body .nav-link:before {
border: 1px solid black;
border-radius: 3px;
content: '';
height: 18px;
left: 8px;
position: absolute;
top: 10px;
width: 18px;
background-color: white;
}
.filter-group__body .nav-link:after {
content: "";
position: absolute;
display: none;
left: 14px;
top: 10px;
width: 7px;
height: 15px;
border: solid black;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.filter-group__body .nav-link.is-selected:after {
display: block;
}
.filter-group__body .nav-link.disabled {
opacity: 0.3;
cursor: not-allowed;
}
.filter-group__body .nav-link.disabled .filter-group-count {
color: white;
}
.filter-group__body nav {
background: white;
left: 1px;
padding: 4px;
position: relative;
top: -1px;
width: 100%;
}
.filter-group__body nav a {
font-size: 0.875rem;
}
.filter-group__scroll {
display: flex;
flex-direction: column;
}
.filter-group__count {
display: none;
color: #999999;
padding-left: 5px;
float: right;
}
.nav-link.is-selected .filter-group__count {
color: white;
}
.filter-group__meta {
color: #666666;
font-size: 0.875rem;
font-weight: bold;
padding: 6px 8px 0;
}
.filter-group__outline-btn {
background-color: white;
border: 1px solid #cccccc;
color: #666666;
display: inline-block;
font-size: 0.655rem !important;
}
.filter-group__outline-btn:hover {
border-color: #dddddd;
color: #666666;
text-decoration: none;
}
.filter-group__close svg {
height: 14px;
width: 14px;
}
.filter-group__close-all {
position: sticky;
bottom: 0;
width: 100%;
border: 1px solid #7e8285;
border-radius: 3px;
}
.filter-group__close-btn {
color: white;
background-color: #3c4f58;
border-collapse: collapse;
text-transform: uppercase;
font-weight: 500;
}
.filter-group__close-btn:hover {
color: white;
}
.filter-group__col {
flex: 1;
}
.filter-group__col-heading {
font-size: 0.875rem;
font-weight: bold;
padding-left: 5px;
}
.listing-navigation__title.btn {
background-color: lightgray;
width: 45%;
min-width: fit-content;
margin: auto;
}
.listing-navigation__title.btn > svg {
width: 14px;
height: 14px;
vertical-align: middle;
}
.filter-group__price .nav {
margin: 10px 0px;
overflow-y: unset;
}
.filter-group__price input {
width: 100%;
border: 1px solid black;
padding: 10px 15px 10px 25px;
font-weight: bold;
background-repeat: no-repeat;
background-position: 10px;
color: black;
}
.filter-group__price input.currency-Uk {
background-image: url('/Content/img/static/pound.png');
}
.filter-group__price input.currency-Usa,
.filter-group__price input.currency-Australia {
background-image: url('/Content/img/static/doller.png');
}
.filter-group__price input.currency-France,
.filter-group__price input.currency-Germany {
background-image: url('/Content/img/static/euro.png');
}
.filter-group__price input.currency-Russia {
background-image: url('/Content/img/static/ru.png');
}
.filter-group__price input::-webkit-outer-spin-button,
.filter-group__price input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.show-panel.filters-container {
display: block !important;
position: fixed;
z-index: 10000;
height: 100%;
width: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: auto;
}
.show-panel .filter-group__body {
height: auto;
}
.show-panel .filter-group__scroll {
height: fit-content;
margin-bottom: 20px;
}
.show-panel .filter-group > .dropdown-backdrop {
position: unset;
}
.show-panel.sortBy-container {
display: block !important;
position: fixed;
z-index: 10000;
height: 100%;
width: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: white;
}
.show-panel.sortBy-container .filter-group {
background-color: unset;
}
.show-panel.sortBy-container .filter-group__body {
display: flex;
flex-direction: column;
width: 95% !important;
margin-top: 10px;
box-shadow: none;
}
.show-panel .heading-bar {
border-bottom: 1px solid;
margin: 0 -15px;
}
.filter-group > .dropdown-backdrop {
position: unset;
}
.filter-done-button-wrap {
position: absolute;
height: 75px;
width: 100%;
border-top: 1px solid;
padding: 10px 10px;
margin-left: -15px;
margin-right: -15px;
}
.filter-done-button-wrap .btn {
background-color: #3c4f58;
color: white;
border-radius: 2px;
}
.filter-loader-mobile {
position: absolute;
top: 20px;
right: 25px;
width: 10px;
height: 10px;
display: none;
}
.filter-loader-mobile.show {
display: unset;
}
.filter-group.open .filter-group__heading {
box-shadow: 0 0 0 10px white, 0px 0px 0 11px #333333;
border-radius: 2px 2px 0 0;
}
.filter-group.open .filter-group__body {
box-shadow: 0px 10px 0px 10px white, 0px 9px 0px 10px white, -10px 2px 0 1px #333333, 10px 1px 0px 1px #333333, 0px 10px 0 11px #333333;
border-radius: 0 0 2px 2px;
border: 0;
background-clip: unset;
}
@media (max-width: 767px) {
.plp-filters-container {
top: 52px !important;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.filter-group__scroll {
overflow: auto;
height: calc(100vh - 150px);
}
}
@media (max-width: 1199px) {
.filter-group__meta {
padding: 0 20px;
}
.filter-group__scroll {
padding: 0 10px;
overflow: auto;
}
.filter-group__close-all:before {
display: none;
}
.filters-container {
width: 100vw;
}
.filter-group__col + .filter-group__col {
margin-top: 20px;
}
.filter-group[data-filtername="SortBy"] {
display: none;
}
.filter-group__heading svg:first-child {
display: inline-block;
float: right;
width: 18px;
height: 18px;
margin-top: 3px;
}
.filter-group__body {
padding: 0;
}
.filter-group__body.off-canvas-panel.is-active {
background-color: white;
}
}
@media (max-width: 992px) {
.plp-filters-container {
position: sticky;
top: 84px;
}
.filter-group {
margin: 12px 0;
}
}
.filters-current {
padding: 10px 15px;
margin-bottom: 10px;
font-weight: 600;
text-transform: capitalize;
}
.filters-current.filters-current-empty {
padding: 0;
}
.filters-current-mobile {
padding: 5px 0;
}
.filters-current__item {
display: inline-block;
border: 1px solid #e7e7e7;
padding: 10px;
margin-left: 10px;
margin-top: 5px;
}
.filters-current__item:hover {
text-decoration: none;
}
.filters-current__item svg {
width: 14px;
height: 14px;
vertical-align: middle;
margin-left: 5px;
}
.filters-current__item--clear {
font-weight: normal;
border: 0;
background-color: #6d7b82;
color: white;
text-decoration-color: #999999;
margin-right: 10px;
margin-left: 0;
border-radius: 4px;
}
.filters-current__item--clear:hover {
text-decoration: underline;
color: white;
background-color: #3c4f58;
}
@media (max-width: 1199px) {
.filters-current {
display: flex;
flex-wrap: wrap;
padding: 10px 15px;
margin-bottom: 0px;
}
.filters-current__item {
flex: 0 0 auto;
margin: 5px;
}
}
.filter-bar {
background: white;
display: flex;
flex-direction: row;
justify-content: space-evenly;
margin-top: 0.75rem;
padding: 0.5rem;
position: sticky;
text-align: center;
top: 55px;
z-index: 3;
}
.filter-bar a {
max-width: 50%;
}
.filter-bar > .btn.is-selected {
background-color: #111111;
border-color: #111111;
color: white;
font-weight: bold;
}
.heading-bar {
background: white;
min-height: 55px;
display: flex;
flex-direction: row !important;
flex-wrap: nowrap !important;
}
.heading-bar .container {
display: flex;
}
@media (max-width: 1199px) {
.heading-bar .container {
padding: 0;
max-width: none;
}
}
.heading-bar .btn-nav-toggler--bar {
/*background: color-yiq-manual(@heading-bar-color, @secondary, @white);*/
padding: 1.5px;
}
.heading-bar__title {
margin: 0;
padding: 0;
font-size: 18px;
align-self: center;
align-items: center;
}
.heading-bar__nav {
display: flex;
align-self: stretch;
align-items: center;
}
.heading-bar__nav .btn svg {
fill: black;
width: 20px;
height: 20px;
vertical-align: middle;
}
.heading-bar__nav .btn:focus {
box-shadow: none;
}
.heading-bar__button {
align-self: center;
height: 100%;
width: auto;
margin-left: auto;
}
@media (min-width: 1200px) {
.heading-bar {
min-height: 80px;
}
}
.paging-module {
display: flex;
padding: 5px;
justify-content: center;
align-items: center;
}
.paging-module .paging-module__found {
display: inline-block;
margin: 0 10px;
}
.paging-module .paging-module__style {
display: inline-block;
}
.paging-module .paging-module__view__select {
width: auto;
display: inline-block;
font-size: 0.9em;
border-radius: 0;
height: auto;
}
.paging-module .paging-module__sort {
text-align: center;
}
.paging-module .paging-module__mobile-filter {
margin-right: 4px;
}
.paging-module .paging-module__btn {
font-size: 12px;
color: black;
text-transform: initial;
}
.paging-module .paging-module__page-numbers {
border-right: none;
display: inline-block;
line-height: initial;
margin: 0;
}
.paging-module .paging-module__page-numbers > li {
display: inline-block;
line-height: 26px;
min-height: 26px;
vertical-align: middle;
}
.paging-module .paging-module__page-numbers > li > a {
vertical-align: middle;
}
.paging-module .paging-module__page-numbers .paging-module__previous,
.paging-module .paging-module__page-numbers .paging-module__next {
font-size: 1.7em;
position: relative;
top: -1px;
margin: 0 4px;
}
.paging-module__page-numbers--horizontal .clearAll {
margin-left: 10px;
}
.paging-module--bottom {
justify-content: center;
}
.btn-page-change {
font-family: 'objektiv-mk1', sans-serif;
font-size: 12px;
letter-spacing: 2px;
padding: 9px 25px;
text-transform: uppercase;
}
.js-infinite-scroll-loadmore,
.js-infinite-scroll-loadprev {
text-align: center;
font-size: 17px;
text-transform: uppercase;
letter-spacing: 1px;
cursor: pointer;
margin: 20px 0;
}
.js-infinite-scroll-loadmore .infinite-scroll__btn,
.js-infinite-scroll-loadprev .infinite-scroll__btn {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 2.8px;
padding: 16px 40px;
border: 1px solid black;
display: inline-block;
/*&:hover {
background-color: @colour-primary-900;
color: @colour-primary-100;
}*/
}
.js-infinite-scroll-loadmore .infinite-scroll__load-more-info,
.js-infinite-scroll-loadprev .infinite-scroll__load-more-info {
margin-top: 16px;
font-size: 14px;
line-height: 24px;
letter-spacing: 0;
text-transform: initial;
}
.paging-module__loading {
text-align: center;
display: none;
}
.paging-module__loading.active {
display: block;
}
.lds-roller {
display: inline-block;
position: relative;
width: 64px;
height: 64px;
}
.lds-roller div {
animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
transform-origin: 32px 32px;
}
.lds-roller div:after {
content: " ";
display: block;
position: absolute;
width: 6px;
height: 6px;
border-radius: 50%;
background: #333333;
margin: -3px 0 0 -3px;
}
.lds-roller div:nth-child(1) {
animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
top: 50px;
left: 50px;
}
.lds-roller div:nth-child(2) {
animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
top: 54px;
left: 45px;
}
.lds-roller div:nth-child(3) {
animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
top: 57px;
left: 39px;
}
.lds-roller div:nth-child(4) {
animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
top: 58px;
left: 32px;
}
.lds-roller div:nth-child(5) {
animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
top: 57px;
left: 25px;
}
.lds-roller div:nth-child(6) {
animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
top: 54px;
left: 19px;
}
.lds-roller div:nth-child(7) {
animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
top: 50px;
left: 14px;
}
.lds-roller div:nth-child(8) {
animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
top: 45px;
left: 10px;
}
@keyframes lds-roller {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@media (max-width: 767px) {
.paging-module.active {
display: none;
}
}
@media (min-width: 768px) {
.paging-module {
font-size: 12px;
}
.paging-module .paging-module__style > span {
margin-right: 10px;
}
.paging-module .paging-module__style .paging-module__btn {
padding: 7px 10px;
vertical-align: middle;
transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.paging-module .paging-module__page-numbers .paging-module__btn {
font-size: 12px;
border-radius: 0;
padding: 6px 10px;
min-width: 28px;
color: black;
}
.paging-module .paging-module__page-numbers .paging-module__previous,
.paging-module .paging-module__page-numbers .paging-module__next {
font-size: 12px;
top: 0;
margin: 0 4px;
}
.paging-module .paging-module__page-numbers .paging-module__spacer {
width: 20px;
text-align: center;
}
.paging-module__page-numbers-container {
text-align: center;
}
}
.listingPage {
overflow-x: hidden;
}
.listing-page-header {
background: #ebe9e2;
margin: 25px -15px;
}
.listing-page-header span {
display: flex;
justify-content: space-between;
max-width: 650px;
margin: 0 auto;
margin-top: 15px;
margin-bottom: 15px;
}
.listing-page-header span a {
font-weight: 400;
text-decoration: none;
}
.listing-page-header span a:hover {
font-weight: 500;
}
.plp-header {
padding-left: 0;
padding-right: 0;
}
.list-header__title {
font-Weight: bold;
font-size: 22px;
text-transform: capitalize;
margin: 15px 0;
}
.blacktext {
color: black;
}
.plp-page-container {
position: relative;
margin-bottom: 17px;
}
#listing-overlay {
visibility: hidden;
opacity: 0;
}
#listing-overlay.active {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 3;
bottom: 0;
background: black;
opacity: 0.6;
visibility: visible;
}
#listing-filters {
opacity: 0;
visibility: hidden;
display: none;
}
#listing-filters.active {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 3;
background: white;
opacity: 1;
visibility: visible;
display: block;
}
#listing-filters--sort-by {
opacity: 0;
visibility: hidden;
display: none;
}
#listing-filters--sort-by.active {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 4;
background: white;
opacity: 1;
visibility: visible;
display: block;
}
.listing-navigation {
color: black;
margin: 76px 0 0 0;
padding: 5px 0;
}
.listing-navigation .js-reset-filters {
display: none;
background: #e7e7e7;
border-radius: 0;
padding: 12px 30px 12px 12px;
position: relative;
font-weight: bold;
margin: -8px 0 0 20px;
letter-spacing: 1px;
transition: background-color 200ms ease-in-out;
cursor: pointer;
}
.listing-navigation .js-reset-filters:before {
content: ">";
font-size: 15px;
position: absolute;
top: 8px;
right: 14px;
}
.listing-navigation .js-reset-filters:hover {
background: #dadada;
}
.listing-navigation .js-reset-filters.active {
display: inline-block;
}
.listing-navigation__view {
margin: 0;
padding: 0;
list-style: none;
display: inline-block;
vertical-align: middle;
}
.listing-navigation__view li {
display: inline-block;
margin-right: 15px;
}
.listing-navigation__view li:last-child {
margin-right: 0;
}
.listing-navigation__view li .btn {
padding: 3px 15px;
text-transform: uppercase;
letter-spacing: 3px;
}
.listing-navigation__view li a {
transition: color 200ms ease;
will-change: color;
display: block;
font-size: 15px;
}
.listing-navigation__view li svg,
.listing-navigation__view li img {
position: relative;
height: 30px;
top: -4px;
}
.listing-navigation__view li.current a {
font-weight: 500;
}
.listing-navigation__view li .listing-navigation__3-row img {
width: 31px;
height: 30px;
background-image: url('/content/img/static/listing-navigation__3-row.png');
}
.listing-navigation__view li .listing-navigation__4-row img {
width: 42px;
height: 30px;
background-image: url('/content/img/static/listing-navigation__4-row.png');
}
.listing-page__bottom-nav .listing-navigation__view .page-view-all {
margin-right: 10px;
}
.listing-page__bottom-nav .listing-navigation__view .page-view-all a {
position: relative;
}
.listing-page__bottom-nav .listing-navigation__view .page-view-all a:hover {
color: white;
}
.listing-page__bottom-nav .listing-navigation__view .page-view-all a:hover span {
border-color: white;
}
.listing-page__bottom-nav .listing-navigation__view .page-next a {
position: relative;
}
.listing-page__bottom-nav .listing-navigation__view .page-next a:hover {
color: white;
}
.listing-page__bottom-nav .listing-navigation__view .page-next a:hover span {
border-color: white;
}
.listing-page__bottom-nav .listing-navigation__view .page-previous a:hover {
color: white;
}
.listing-page__bottom-nav .listing-navigation__view .page-previous a:hover span {
border-color: white;
}
.listing-page__bottom-nav .listing-navigation__view .current a {
color: black;
border-bottom: 1px solid black;
}
.listing-page__bottom-nav .listing-navigation__view li.page:hover a {
border-bottom: 1px solid black;
}
.listing-page__bottom-nav .listing-navigation__view li:not(.page) {
color: black;
width: 35px;
height: 35px;
font-weight: 500;
border-radius: 50%;
text-align: center;
margin-right: 5px;
cursor: pointer;
padding-top: 6px;
font-size: 20px;
transition: all 200ms ease-in-out;
}
.listing-page__bottom-nav .listing-navigation__view li:not(.page):hover {
background: #3c4f58;
}
.listing-page__bottom-nav .listing-navigation__view li:not(.page).page-view-all,
.listing-page__bottom-nav .listing-navigation__view li:not(.page).page-alle-anzeigen,
.listing-page__bottom-nav .listing-navigation__view li:not(.page).page-annuler-tout-voir,
.listing-page__bottom-nav .listing-navigation__view li:not(.page).page-tout-voir,
.listing-page__bottom-nav .listing-navigation__view li:not(.page).page-previous,
.listing-page__bottom-nav .listing-navigation__view li:not(.page).page-precedent,
.listing-page__bottom-nav .listing-navigation__view li:not(.page).page-next,
.listing-page__bottom-nav .listing-navigation__view li:not(.page).page-suivant,
.listing-page__bottom-nav .listing-navigation__view li:not(.page).page-cancel-view-all {
width: auto;
height: auto;
background: white;
border: none;
border-radius: initial;
}
.listing-page__bottom-nav .listing-navigation__view li:not(.page).page-view-all:hover,
.listing-page__bottom-nav .listing-navigation__view li:not(.page).page-alle-anzeigen:hover,
.listing-page__bottom-nav .listing-navigation__view li:not(.page).page-annuler-tout-voir:hover,
.listing-page__bottom-nav .listing-navigation__view li:not(.page).page-tout-voir:hover,
.listing-page__bottom-nav .listing-navigation__view li:not(.page).page-previous:hover,
.listing-page__bottom-nav .listing-navigation__view li:not(.page).page-precedent:hover,
.listing-page__bottom-nav .listing-navigation__view li:not(.page).page-next:hover,
.listing-page__bottom-nav .listing-navigation__view li:not(.page).page-suivant:hover,
.listing-page__bottom-nav .listing-navigation__view li:not(.page).page-cancel-view-all:hover {
border: none;
}
.listing-page__bottom-nav .listing-navigation__view li[class*="page-pr"],
.listing-page__bottom-nav .listing-navigation__view li[class*="page-n"],
.listing-page__bottom-nav .listing-navigation__view li[class*="page-zu"] {
width: auto;
height: auto;
background: white;
border: none;
border-radius: initial;
}
.listing-page__bottom-nav .listing-navigation__view li[class*="page-pr"]:hover,
.listing-page__bottom-nav .listing-navigation__view li[class*="page-n"]:hover,
.listing-page__bottom-nav .listing-navigation__view li[class*="page-zu"]:hover {
border: none;
}
.listing-navigation__close {
text-align: right;
font-size: 22px;
letter-spacing: 0.8px;
color: black;
margin: 20px 0;
cursor: pointer;
}
.three-per-row .listing-navigation__3-row img {
background-position: -36px;
}
.three-per-row .listing-navigation__4-row img {
background-position: -47px;
}
.three-per-row .productlist--no-results {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 30px;
}
@media (min-width: 768px) {
.three-per-row .productlist--no-results {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 992px) {
.three-per-row .productlist--no-results {
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 1200px) {
.three-per-row .productlist--no-results {
grid-template-columns: repeat(4, 1fr);
}
}
.three-per-row .productlist--no-results .associated-product {
height: auto !important;
}
.listing-navigation__title {
letter-spacing: 0.8px;
color: black;
margin: 0 10px 15px 0;
float: left;
position: relative;
cursor: pointer;
font-weight: 600;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
}
.listing-navigation__title--no-link {
margin: 0;
float: none;
}
.listing-navigation__title--no-link:after {
display: none;
}
.listing-navigation__btn a {
border: 1px solid #999999;
padding: 1px 3px;
}
.listing-navigation__filter select {
border: 0;
height: 30px;
margin-left: 30px;
float: left;
}
.listing-navigation--pagination li a {
padding: 0 5px;
}
.productlist .loading {
background: url(/img/loader.gif) no-repeat center center;
width: 100%;
}
.load-more {
text-align: center;
margin-top: 100px;
}
.load-more a {
display: inline-block;
border: 1px solid #b9b9b9;
background: white;
border-radius: 50px;
padding: 15px 50px;
text-align: center;
transition: background 200ms ease;
will-change: background;
}
.load-more a:hover {
background-color: #eeeeee;
}
.load-more a.disabled {
color: #999999;
border-color: #eeeeee;
cursor: not-allowed;
}
.load-more a.disabled:hover {
background-color: white;
}
.scroll-to-top {
display: block;
cursor: pointer;
position: fixed;
bottom: 10px;
right: 10px;
opacity: 0;
transition: 200ms ease opacity;
will-change: opacity;
z-index: 5;
}
.scroll-to-top svg {
width: 15px;
}
.scroll-to-top.visible {
opacity: 0.8;
}
.scroll-to-top:hover {
opacity: 1;
}
.scroll-to-top .scroll-to-top-icon {
width: 25px;
height: auto;
}
.listing-page__top-nav .listing-navigation--pagination {
display: none;
}
.listingPage .pageContents {
margin: 0;
}
.listingPage .breadcrumbs {
margin: 0;
}
.listingPage .listing-carousel {
height: 100%;
}
.listingPage .associated-product__description h2 a {
font-weight: bold;
font-size: 18px;
color: black;
}
.listingPage .associated-product__description p strong {
font-size: 18px;
}
.listingPage .associated-product .pricing__price {
font-size: 18px;
color: black;
font-weight: bold;
line-height: 16px;
}
.listingPage .nav-tabs > li > a {
letter-spacing: 0.5px;
color: black;
}
.listingPage .product-info__reviews .stars {
display: block;
margin: 0 auto;
}
.listingPage .owl-nav,
.listingPage .owl-dots {
cursor: pointer;
}
.listingPage .owl-nav {
opacity: 0;
transition: opacity 0.25s ease;
}
.listingPage .listing-carousel:hover .owl-nav {
opacity: 1;
}
@media (max-width: 1025px) {
.listingPage .owl-nav {
opacity: 1;
}
}
.listingPage .owl-dots {
bottom: 30px;
width: unset;
left: 50%;
transform: translateX(-50%);
}
.listingPage .owl-dots .owl-dot {
width: 12px;
height: 12px;
}
.listingPage .owl-dots--fake {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.listingPage .owl-dots--fake .owl-dot {
border-radius: 25px;
display: inline-block;
float: none;
background: #b0b0af;
margin: 0 5px 0 5px;
border: 1px solid #666666;
}
.listingPage .owl-dots--fake .owl-dot.active {
background: #333333;
}
.listingPage:hover .associated-product__buttons {
opacity: 1;
visibility: visible;
}
.listingPage .add-to-wishlist.active path {
fill: red;
}
.size-selector {
padding: 8px 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: white;
z-index: 3;
transform: translateY(100%);
transition: transform ease 0.5s;
border: 1px solid #595959;
}
.size-selector.visible {
transform: translateY(0);
}
.size-selector ul {
width: 100%;
padding: 0;
list-style-type: none;
display: flex;
flex-flow: row wrap;
justify-content: space-around;
}
.size-selector .size-selector__item {
padding: 5px 10px;
color: #595959;
transition: all ease 0.25s;
position: relative;
text-transform: lowercase;
}
.size-selector .size-selector__item:first-letter {
text-transform: uppercase;
}
.size-selector .size-selector__item:hover {
cursor: pointer;
opacity: 0.8;
}
.size-selector .size-selector__item[data-available="0"]:after {
content: '';
display: block;
width: 2px;
height: 70%;
background: #777777;
position: absolute;
top: 5px;
left: 45%;
transform: rotate(45deg);
}
.size-selector .size-selector__item.added {
background: #20b720;
border-radius: 5px;
color: white;
}
.size-selector p {
margin: 0;
}
.size-selector__preorder-check {
padding: 0;
transition: all ease 0.25s;
max-height: 0;
overflow: hidden;
}
.size-selector__preorder-check.visible {
max-height: 120px;
padding: 1rem;
}
.size-selector__preorder-check p {
margin-bottom: 5px;
}
.size-selector__dispatch-date {
color: #595959;
}
.size-selector__preorder-btns {
display: flex;
justify-content: center;
}
.size-selector__preorder-btns button {
margin: 0 5px;
border: none;
padding: 5px 8px;
background: #595959;
color: white;
}
.size-selector__preorder-btns button:hover {
opacity: 0.8;
cursor: pointer;
}
.associated-product {
display: block;
text-decoration: none;
margin-bottom: 0 !important;
}
.associated-product .associated-product__inner {
position: relative;
background: white;
transition: margin-top 200ms cubic-bezier(0.4, 0, 0.2, 1), right 200ms cubic-bezier(0.4, 0, 0.2, 1), bottom 200ms cubic-bezier(0.4, 0, 0.2, 1), left 200ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1);
will-change: top, right, bottom, left, box-shadow;
}
.associated-product .associated-product__image-wrap {
position: relative;
overflow: hidden;
}
.associated-product .associated-product__swatches {
overflow: hidden;
text-align: center;
min-height: 27px;
}
.associated-product .associated-product__swatches ul {
max-height: 0;
overflow: hidden;
opacity: 0;
visibility: hidden;
transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1), visibility 500ms cubic-bezier(0.4, 0, 0.2, 1), max-height 500ms cubic-bezier(0.4, 0, 0.2, 1);
transition-delay: 0;
will-change: opacity, visibility, height;
}
/*.associated-product--hover:not(.associated-product--advert):hover {
background: @color-cream;
.associated-product__inner {
background: @color-cream;
}
}
*/
.productPage .associated-product {
margin-bottom: 20px !important;
}
.associated-product__secondary {
padding: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 25px;
margin-bottom: 15px;
}
.associated-product__secondary .product-info__reviews {
position: static;
width: 100%;
}
.associated-product__secondary .product-info__reviews a {
flex-direction: row;
align-items: center;
grid-gap: 8px;
}
.associated-product__add-to-bag {
height: min-content;
width: min-content;
margin: 0 auto;
cursor: pointer;
display: flex;
align-items: center;
}
.associated-product__add-to-bag button {
padding: 5px 20px;
width: 100%;
height: 100%;
color: black;
text-transform: uppercase;
word-spacing: 3px;
background-color: transparent;
border: none;
}
.associated-product__add-to-bag button .btn-arrow.btn-arrow__forward {
border-color: black;
margin-left: 5px;
}
.associated-product__add-to-bag button:hover {
background: transparent;
border: none;
text-decoration: underline;
color: black;
}
.js-size-selector-ajax:has(> .js-size-selector.visible) {
opacity: 1;
}
.size-selector {
padding: 8px 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: white;
z-index: 5;
transform: translateY(100%);
transition: transform ease 0.5s, opacity ease 0.5s;
border: 1px solid #595959;
opacity: 0;
}
.size-selector.visible {
transform: translateY(0);
opacity: 1;
}
.size-selector ul {
width: 100%;
padding: 0;
list-style-type: none;
display: flex;
flex-flow: row wrap;
justify-content: space-around;
}
.size-selector .size-selector__item {
padding: 5px 10px;
color: #595959;
transition: all ease 0.25s;
position: relative;
}
.size-selector .size-selector__item:hover {
cursor: pointer;
opacity: 0.8;
}
.size-selector .size-selector__item[data-available="0"]:after {
content: '';
display: block;
width: 2px;
height: 70%;
background: #777777;
position: absolute;
top: 5px;
left: 45%;
transform: rotate(45deg);
}
.size-selector .size-selector__item.added {
background: #20b720;
border-radius: 5px;
color: white;
}
.size-selector p {
margin: 0;
}
.size-selector__preorder-check {
padding: 0;
transition: all ease 0.25s;
max-height: 0;
overflow: hidden;
}
.size-selector__preorder-check.visible {
max-height: 120px;
padding: 1rem;
}
.size-selector__preorder-check p {
margin-bottom: 5px;
}
.size-selector__dispatch-date {
color: #595959;
}
.size-selector__preorder-btns {
display: flex;
justify-content: center;
}
.size-selector__preorder-btns button {
margin: 0 5px;
border: none;
padding: 5px 8px;
background: #595959;
color: white;
}
.size-selector__preorder-btns button:hover {
opacity: 0.8;
cursor: pointer;
}
.associated-product__image-wrap .owl-nav > div {
top: 52%;
transform: translateY(-30%);
width: 80px;
height: 70px;
}
.associated-product__image-wrap .owl-nav .owl-next {
background: url(/img/skin/next-white.png) center no-repeat;
background-size: cover;
right: -8px;
}
.associated-product__image-wrap .owl-nav .owl-prev {
background: url(/img/skin/next-prev.png) center no-repeat;
background-size: cover;
left: -8px;
}
.associated-product__image {
position: relative;
z-index: 1;
}
.associated-product__image .hovered {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.associated-product__image img {
margin: auto;
display: block;
width: 100%;
height: auto;
}
.associated-product__image.loading img {
width: 100%;
}
.associated-product__image.loading:after {
content: ' ';
display: block;
background: url(/img/skin/listingpage/loading.gif) no-repeat center center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.associated-product__image .owl-nav > div {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 80px;
height: 70px;
text-indent: -9999px;
opacity: 0.9;
-webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-moz-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-o-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.associated-product__image .owl-nav .owl-next {
background: url(/img/skin/next-white.png) center no-repeat;
background-size: cover;
right: -8px;
}
.associated-product__image .owl-nav .owl-prev {
background: url(/img/skin/next-prev.png) center no-repeat;
background-size: cover;
left: -8px;
}
.associated-product__image:hover .owl-nav,
.associated-product__image:hover .owl-dots,
.associated-product__image:hover .associated-product__buttons {
opacity: 1;
visibility: visible;
}
.associated-product__description {
margin: 0 0 5px;
}
.associated-product__description h2 {
font-size: 24px;
margin: 5px 0 5px;
padding-top: 18px;
padding-bottom: 14px;
color: black;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
margin: 0;
}
@media (min-width: 1200px) and (max-width: 1599px) {
.associated-product__description h2 {
min-height: 60px;
}
}
.associated-product__description h2 a {
color: black;
font-weight: 500;
}
.associated-product__description p {
margin: 0 0 5px;
color: #67696f;
overflow: hidden;
}
.associated-product__description p strong {
font-size: 15px;
font-weight: bold;
}
.associated-product__description p em {
display: inline-block;
font-style: normal;
margin: 0 0 0 5px;
}
.associated-product__description .associated-product__code {
color: #67696f;
margin: 0;
padding: 0 10px;
}
.associated-product__swatches-more {
color: black;
transition: 0.3s;
min-height: 20px;
}
.productPage .associated-product__swatches-more {
display: none !important;
}
.associated-product__swatches-more a {
color: black;
}
.associated-product__reviews {
color: #67696f;
line-height: 19px;
display: flex;
align-items: center;
}
.associated-product__reviews span {
vertical-align: top;
}
.associated-product--yaml .associated-product__reviews {
min-height: 40px;
}
.associated-product--yaml .associated-product__reviews span,
.associated-product--yaml .associated-product__reviews a {
margin: 0 auto;
}
.associated-product--yaml .associated-product__image.loading {
background: none;
}
.associated-product--yaml .associated-product__image.loading:after {
display: none;
}
.associated-product__swatches--more,
.associated-product__swatches--offer {
color: #67696f;
margin: 6px 0 0;
}
.associated-product__swatches--offer {
color: #ee5f69;
}
.associated-product__buttons {
position: absolute;
bottom: 0;
right: 0;
width: 50px;
height: 50px;
z-index: 3;
}
.associated-product__buttons a {
position: relative;
display: block;
color: white;
bottom: 0px;
text-decoration: none;
height: 26px;
margin: 5px 0;
text-align: right;
}
.associated-product__buttons a svg {
display: block;
background: rgba(0,0,0,0);
max-width: 30px;
max-height: 30px;
position: absolute;
right: 5px;
top: 0;
}
.associated-product__buttons a img {
display: block;
width: 25px;
position: absolute;
right: 10px;
bottom: 10px;
}
.associated-product__promo {
position: absolute;
top: 25px;
left: -25px;
z-index: 2;
max-width: 75px;
}
.associated-product__promo img {
width: 100%;
}
.associated-product--yaml .associated-product__promo {
display: none;
}
.associated-product__price {
display: block;
color: black;
padding-bottom: 15px;
}
.associated-product__price p {
margin: 0;
color: black;
}
.productlist__clear {
clear: both;
}
.list-header__desc p {
font-weight: 400;
color: black;
padding: 0 15px;
margin: 10px 0 15px 0;
}
.list-header-container .list-header__desc {
max-width: 550px;
}
.list-header__desc.list-header__desc--full-width {
width: 100%;
}
.list-header__desc li {
padding: 15px 20px;
}
.list-header__desc li a {
position: relative;
}
.list-header__desc li a:after {
content: ">";
position: absolute;
right: -12px;
top: 2px;
color: black;
transition: transform 200ms ease;
transform: translate(0, 0);
}
.list-header__desc li a:hover:after {
transform: translate(5px, 0);
}
.list-header__desc li a:hover {
text-decoration: underline;
}
.associated-product--recent .associated-product__description h3 {
display: none;
}
.associated-product--recent .associated-product__reviews {
display: none;
}
.associated-product--recent .associated-product__swatches {
display: none;
}
.associated-product--recent .associated-product__swatches--more,
.associated-product--recent .associated-product__swatches--offer {
display: none;
}
.stars {
background: url(/img/skin/listingpage/stars-new.png) no-repeat 0 0;
display: inline-block;
width: 130px;
height: 22px;
background-position-x: 0;
}
.stars.stars--5 {
background-position-y: 0;
}
.stars.stars--4-5 {
background-position-y: -26px;
}
.stars.stars--4 {
background-position-y: -52px;
}
.stars.stars--3-5 {
background-position-y: -78px;
}
.stars.stars--3 {
background-position-y: -104px;
}
.stars.stars--2-5 {
background-position-y: -130px;
}
.stars.stars--2 {
background-position-y: -156px;
}
.stars.stars--1-5 {
background-position-y: -182px;
}
.stars.stars--1 {
background-position-y: -208px;
}
.stars.stars--0-5 {
background-position-y: -234px;
}
.stars.stars--0 {
background-position-y: -260px;
}
.searchresults .list-header__content {
padding: 0;
}
.error--noproducts {
font-size: 15px;
text-align: center;
font-weight: bold;
}
.owl-carousel.owl-carousel-ajax {
display: block;
}
.outlet-banner {
color: white;
background-color: #cd0021;
display: flex;
justify-content: center;
align-items: center;
}
.outlet-banner__item {
text-align: center;
flex: 0 1 auto;
}
.outlet-banner__item--banner {
flex-basis: 80%;
margin: 3%;
padding: 0 5%;
}
.outlet-banner__item--banner span,
.outlet-banner__item--banner a {
display: block;
}
.outlet-banner__item--links {
text-align: center;
margin: 0 7% 0 0;
}
.outlet-banner__midline {
letter-spacing: 0.5em;
position: relative;
}
.outlet-banner__midline span {
position: relative;
display: inline-block;
padding: 0 10px;
background: #cd0021;
}
.outlet-banner__midline:before {
content: '';
display: block;
position: absolute;
top: 50%;
width: 100%;
border-bottom: 1px solid white;
}
.outlet-banner__big {
font-size: 60px;
}
.outlet-banner__light {
font-size: 18px;
letter-spacing: 0.4em;
}
.outlet-banner__bold {
font-size: 28px;
letter-spacing: 0.3em;
margin: 5px 0;
}
.outlet-banner__normal {
margin: 0 0 10px;
font-size: 18px;
letter-spacing: 0.2em;
}
.outlet-banner__box {
margin: 0 0 10px;
}
.outlet-banner__box span {
display: inline-block;
background: white;
color: #cd0021;
padding: 5px 15px;
font-size: 20px;
letter-spacing: 0.3em;
}
.outlet-banner__small {
letter-spacing: 0.2em;
margin: 10px 0;
}
.outlet-banner__small span {
padding: 8px 15px;
}
.outlet-banner__link {
color: white;
}
.outlet-banner__tiny {
letter-spacing: 0.1em;
}
.outlet-banner__links {
margin: 20px 0 0;
padding: 0;
list-style: none;
display: block;
}
.outlet-banner__links li {
display: inline-block;
width: 49%;
float: left;
}
.outlet-banner__links li a {
display: block;
border: 1px solid white;
text-align: center;
margin: 0 20px 20px 0;
padding: 10px 8px;
color: white;
transition: 100ms background ease-in-out;
will-change: background;
font-weight: 600;
}
.outlet-banner__links li a:hover {
background-color: white;
color: #cd0021;
}
.outlet-yellow .outlet-banner {
background-color: #edd787;
color: black;
}
.outlet-yellow .sale-landing__links {
border-color: #edd787;
}
.outlet-yellow .sale-landing__links_red {
border-color: #cd0021;
}
.outlet-yellow .outlet-banner__midline:before {
border-bottom-color: black;
}
.outlet-yellow .outlet-banner__midline span {
background-color: #edd787;
}
.outlet-yellow .outlet-banner__box span {
color: black;
}
.outlet-yellow .outlet-banner__links li a:hover {
background-color: white;
color: #edd787;
}
.outlet-yellow .sale-landing__links ul li a {
border-color: #edd787;
}
.outlet-yellow .sale-landing__links ul li a:hover {
background-color: #edd787;
color: black;
}
.outlet-yellow .outlet-banner__links li a {
border-color: black;
color: black;
}
.outlet-yellow .outlet-banner__links li a:hover {
background-color: #ead071;
color: black;
}
.outlet-yellow .sale-landing__links ul li a.gender {
border-color: white;
text-decoration: underline;
font-weight: 700;
width: 150px;
}
.outlet-yellow .sale-landing__links ul li a.gender:hover {
background-color: white;
border-color: white;
color: black;
font-weight: 700;
width: 150px;
}
@media (max-width: 400px) {
.associated-product__reviews .readreviews-link {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
}
@media (max-width: 767px) {
.associated-product__reviews {
margin-top: 0;
}
.associated-product__image .associated-product__buttons {
display: block;
}
}
@media (min-width: 768px) {
.productlist .associated-product {
height: 600px;
padding: 15px;
}
.list-header-container {
background-repeat: no-repeat;
background-position: right;
}
.list-header {
max-height: 180px;
}
/* .associated-product__bottom {
padding: 15px 15px 0;
}*/
.filters--flex {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.filter-group--style,
.filter-group--size,
.filter-group--neck,
.filter-group--colour {
flex: 0 1 auto;
}
.filter-group--checklist ul li {
width: 25%;
}
}
@media (min-width: 992px) {
.associated-product:not(.associated-product--hover) .associated-product__bottom {
width: 100%;
transition: margin-right 200ms cubic-bezier(0.4, 0, 0.2, 1), z-index 200ms cubic-bezier(0.4, 0, 0.2, 1), position 200ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1);
will-change: margin-right, z-index, position, box-shadow;
}
.associated-product:not(.associated-product--hover) .associated-product__bottom:hover {
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.2);
z-index: 5;
background: #ebe9e2;
position: relative;
}
.associated-product:not(.associated-product--hover) .associated-product__bottom:hover .associated-product__swatches ul {
max-height: 105px;
opacity: 1;
visibility: visible;
}
.associated-product:not(.associated-product--hover) .associated-product__bottom:hover .associated-product__swatches-more {
opacity: 0;
display: none;
max-height: 0;
}
.associated-product.associated-product--hover:hover .associated-product__bottom {
width: 100%;
z-index: 4;
position: relative;
}
.associated-product.associated-product--hover:hover .associated-product__bottom .associated-product__swatches ul {
max-height: 105px;
opacity: 1;
visibility: visible;
}
.associated-product.associated-product--hover:hover .associated-product__bottom .associated-product__swatches-more {
opacity: 0;
display: none;
max-height: 0;
}
.associated-product.associated-product--hover:hover .associated-product__bottom .associated-product__secondary {
position: relative;
}
.associated-product.associated-product--hover:hover .associated-product__bottom .associated-product__secondary::before {
content: '';
position: absolute;
bottom: -20px;
left: -15px;
height: 20px;
width: 100px;
}
.associated-product.associated-product--hover:hover .associated-product__bottom .associated-product__secondary::after {
content: '';
position: absolute;
bottom: -20px;
right: -15px;
height: 20px;
width: 100px;
}
.productlist .associated-product {
height: 480px;
}
.three-per-row .associated-product {
height: 615px;
}
.filters--flex {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
}
.filter-group--gender,
.filter-group--style,
.filter-group--size,
.filter-group--neck,
.filter-group--colour {
flex: 1 1 auto;
max-width: 20%;
}
.filter-group--checklist ul li {
width: 50%;
}
}
@media (max-width: 1199px) {
.list-header {
height: auto;
}
.list-header__image {
background-position: top left;
background-size: auto;
}
.list-header__content {
padding: 20px;
}
}
@media (min-width: 1200px) {
.breadcrumbs {
position: relative;
}
.filter-group--size ul li,
.filter-group--gender ul li,
.filter-group--style ul li,
.filter-group--neck ul li,
.filter-group--colour ul li {
width: 100%;
}
.productlist .associated-product {
height: 530px;
}
.three-per-row .associated-product {
height: 700px;
}
}
@media (min-width: 1600px) {
.productlist .associated-product {
padding: 15px 15px;
height: 630px;
}
.three-per-row .associated-product {
height: 840px;
}
.filter-group__price .btn:after {
right: 50px;
}
.filter-group__price .btn-clear-filters:after {
right: 50px;
}
}
@media (max-width: 1599px) {
.outlet-banner__item--banner {
margin: 3% 0;
padding: 0;
flex-basis: 60%;
}
.outlet-banner__item--links {
margin: 0;
}
.outlet-banner__big {
font-size: 50px;
}
.outlet-banner__bold {
font-size: 25px;
}
.outlet-banner__item--links {
margin: 20px 3%;
}
.outlet-banner__links {
display: block;
}
.outlet-banner__links li {
display: block;
width: 100%;
float: none;
}
.outlet-banner__links li a {
margin: 0 0 20px 0;
}
}
@media (max-width: 991px) {
.list-header__image {
background-position: top left;
}
.scroll-to-top {
right: 0;
}
.list-header__title {
margin-bottom: 10px;
}
.associated-product__description h2 {
display: block;
max-height: fit-content;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.associated-product .associated-product__swatches ul {
max-height: 110px;
opacity: 1;
visibility: visible;
}
.productlist .associated-product {
height: 670px;
}
}
@media (max-width: 767px) {
.listing-page-header {
margin-top: 0;
}
.listing-page-header span {
flex-direction: column;
}
.listing-page-header span a {
margin-bottom: 10px;
}
.productlist .associated-product {
height: auto;
padding: 15px;
}
.productlist .associated-product .associated-product__description h2 {
height: auto;
margin: 10px;
}
.no-gutter-mobile {
padding-left: 0px !important;
padding-right: 0px !important;
}
.listing-navigation .js-reset-filters {
padding: 12px;
text-align: center;
position: relative;
font-weight: bold;
margin: 0;
letter-spacing: 1px;
transition: background-color 200ms ease-in-out;
cursor: pointer;
width: 100%;
}
.listing-navigation .js-reset-filters:before {
display: none;
}
.list-header-container {
background-image: none !important;
}
.list-header__desc li {
width: 100%;
}
.list-header {
padding: 20px 0;
}
#listing-container {
display: block;
}
.associated-product__promo {
top: 16px;
left: -19px;
max-width: 60px;
}
.breadcrumbs {
display: none;
}
.list-header {
height: auto;
}
.rootcategory-0category-4158 .list-header {
height: 100px;
}
.associated-product__description h3 {
min-height: 32px;
}
.list-header__image {
background-position: top left;
}
.rootcategory-0category-4158 .list-header__image {
height: 100px;
}
.associated-product__price {
width: 100%;
}
.outlet-banner {
flex-wrap: wrap;
}
.outlet-banner__item {
margin: 3% 10%;
flex-basis: 100%;
}
.outlet-banner__links {
display: block;
}
.outlet-banner__links li {
display: block;
}
.outlet-banner__links li a {
margin: 0 0 20px 0;
}
#listing-filters.active {
position: fixed;
z-index: 9;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
height: 100vh;
padding-bottom: 184px;
}
.listing-page__bottom-nav .listing-navigation__view .page-view-all {
margin-right: 10px;
}
.listing-page__bottom-nav .listing-navigation__view .page-view-all a:after {
right: -5px;
}
.listing-page__bottom-nav .listing-navigation__view li {
width: 25px;
height: 25px;
font-weight: normal;
margin-right: 5px;
}
.associated-product__secondary {
margin-top: 0;
}
}
@keyframes drift-fadeZoomIn {
0% {
transform: scale(1.5);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes drift-fadeZoomOut {
0% {
transform: scale(1);
opacity: 1;
}
15% {
transform: scale(1.1);
opacity: 1;
}
100% {
transform: scale(0.5);
opacity: 0;
}
}
@keyframes drift-loader-rotate {
0% {
transform: translate(-50%, -50%) rotate(0);
}
50% {
transform: translate(-50%, -50%) rotate(-180deg);
}
100% {
transform: translate(-50%, -50%) rotate(-360deg);
}
}
@keyframes drift-loader-before {
0% {
transform: scale(1);
}
10% {
transform: scale(1.2) translateX(6px);
}
25% {
transform: scale(1.3) translateX(8px);
}
40% {
transform: scale(1.2) translateX(6px);
}
50% {
transform: scale(1);
}
60% {
transform: scale(0.8) translateX(6px);
}
75% {
transform: scale(0.7) translateX(8px);
}
90% {
transform: scale(0.8) translateX(6px);
}
100% {
transform: scale(1);
}
}
@keyframes drift-loader-after {
0% {
transform: scale(1);
}
10% {
transform: scale(1.2) translateX(-6px);
}
25% {
transform: scale(1.3) translateX(-8px);
}
40% {
transform: scale(1.2) translateX(-6px);
}
50% {
transform: scale(1);
}
60% {
transform: scale(0.8) translateX(-6px);
}
75% {
transform: scale(0.7) translateX(-8px);
}
90% {
transform: scale(0.8) translateX(-6px);
}
100% {
transform: scale(1);
}
}
@-webkit-keyframes drift-fadeZoomIn {
0% {
-webkit-transform: scale(1.5);
opacity: 0;
}
100% {
-webkit-transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes drift-fadeZoomOut {
0% {
-webkit-transform: scale(1);
opacity: 1;
}
15% {
-webkit-transform: scale(1.1);
opacity: 1;
}
100% {
-webkit-transform: scale(0.5);
opacity: 0;
}
}
@-webkit-keyframes drift-loader-rotate {
0% {
-webkit-transform: translate(-50%, -50%) rotate(0);
}
50% {
-webkit-transform: translate(-50%, -50%) rotate(-180deg);
}
100% {
-webkit-transform: translate(-50%, -50%) rotate(-360deg);
}
}
@-webkit-keyframes drift-loader-before {
0% {
-webkit-transform: scale(1);
}
10% {
-webkit-transform: scale(1.2) translateX(6px);
}
25% {
-webkit-transform: scale(1.3) translateX(8px);
}
40% {
-webkit-transform: scale(1.2) translateX(6px);
}
50% {
-webkit-transform: scale(1);
}
60% {
-webkit-transform: scale(0.8) translateX(6px);
}
75% {
-webkit-transform: scale(0.7) translateX(8px);
}
90% {
-webkit-transform: scale(0.8) translateX(6px);
}
100% {
-webkit-transform: scale(1);
}
}
@-webkit-keyframes drift-loader-after {
0% {
-webkit-transform: scale(1);
}
10% {
-webkit-transform: scale(1.2) translateX(-6px);
}
25% {
-webkit-transform: scale(1.3) translateX(-8px);
}
40% {
-webkit-transform: scale(1.2) translateX(-6px);
}
50% {
-webkit-transform: scale(1);
}
60% {
-webkit-transform: scale(0.8) translateX(-6px);
}
75% {
-webkit-transform: scale(0.7) translateX(-8px);
}
90% {
-webkit-transform: scale(0.8) translateX(-6px);
}
100% {
-webkit-transform: scale(1);
}
}
.drift-zoom-pane {
background: rgba(255, 255, 255, 0.2);
/* This is required because of a bug that causes border-radius to not
work with child elements in certain cases. */
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
}
.drift-zoom-pane.drift-opening {
animation: drift-fadeZoomIn 180ms ease-out;
-webkit-animation: drift-fadeZoomIn 180ms ease-out;
}
.drift-zoom-pane.drift-closing {
animation: drift-fadeZoomOut 210ms ease-in;
-webkit-animation: drift-fadeZoomOut 210ms ease-in;
}
.drift-zoom-pane.drift-inline {
position: absolute;
width: 150px;
height: 150px;
border-radius: 75px;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);
}
.drift-loading .drift-zoom-pane-loader {
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
width: 66px;
height: 20px;
animation: drift-loader-rotate 1800ms infinite linear;
-webkit-animation: drift-loader-rotate 1800ms infinite linear;
}
.drift-zoom-pane-loader:before,
.drift-zoom-pane-loader:after {
content: "";
display: block;
width: 20px;
height: 20px;
position: absolute;
top: 50%;
margin-top: -10px;
border-radius: 20px;
background: rgba(255, 255, 255, 0.9);
}
.drift-zoom-pane-loader:before {
left: 0;
animation: drift-loader-before 1800ms infinite linear;
-webkit-animation: drift-loader-before 1800ms infinite linear;
}
.drift-zoom-pane-loader:after {
right: 0;
animation: drift-loader-after 1800ms infinite linear;
-webkit-animation: drift-loader-after 1800ms infinite linear;
animation-delay: -900ms;
-webkit-animation-delay: -900ms;
}
.drift-bounding-box {
background-color: rgba(255, 255, 255, 0.2);
border: 1px solid white;
}
.zoom {
width: 100%;
}
.zoom:hover {
cursor: zoom-in;
}
.zoom__message {
opacity: 0;
background: #6d7b82;
color: white;
letter-spacing: 1px;
text-align: center;
position: absolute;
bottom: 40px;
left: 50%;
padding: 10px;
width: 200px;
border-radius: 20px;
transform: translateX(-100px);
transition: opacity 300ms ease-in-out;
}
.zoom__message:hover {
background: #3c4f58;
}
.zoom__message.active {
opacity: 1;
}
.zoom__message--zoomed {
opacity: 1;
bottom: 160px;
background: rgba(0, 0, 0, 0.4);
color: white;
letter-spacing: 1px;
text-align: center;
position: absolute;
bottom: 40px;
left: 50%;
padding: 10px;
width: 200px;
border-radius: 20px;
transform: translateX(-100px);
transition: opacity 300ms ease-in-out;
z-index: 1;
}
/*.zoom__pane {
&.active {
width: 500px;
height: 574px;
position: absolute;
left: 105%;
top: 0;
z-index: 3;
}
}*/
.zoom__message--zoomed {
display: none;
}
.zoom__fullscreen {
position: relative;
height: 100%;
width: 100%;
z-index: 5;
top: 0;
left: 0;
background: black;
text-align: center;
}
.zoom__fullscreen img {
display: inline-block;
max-height: 100%;
height: 90vh;
margin: 5vh 0;
animation: drift-fadeZoomIn 180ms ease-out;
-webkit-animation: drift-fadeZoomIn 180ms ease-out;
}
.zoom__fullscreen img:hover {
cursor: zoom-in;
}
.zoom__fullscreen.zoom__fullscreen--xl {
height: 100vh;
overflow: hidden;
}
.zoom__fullscreen.zoom__fullscreen--xl img {
position: absolute;
left: 0;
top: 0;
height: auto;
width: 100%;
margin: 0;
max-height: none;
}
.zoom__fullscreen.zoom__fullscreen--xl .zoom__close:hover {
background: rgba(255, 255, 225, 0.2);
}
.zoom__fullscreen.zoom--touch img {
height: auto;
max-width: 100%;
margin-top: 10vh;
}
.zoom__fullscreen.zoom--touch .zoom__message {
opacity: 1;
bottom: 45%;
}
.zoom__fullscreen.zoom--touch.zoom__fullscreen--xl {
height: 100vh;
overflow: hidden;
}
.zoom__fullscreen.zoom--touch.zoom__fullscreen--xl > div:first-child {
width: 100%;
height: 100vh;
overflow: scroll;
-webkit-overflow-scrolling: touch;
}
.zoom__fullscreen.zoom--touch.zoom__fullscreen--xl img {
position: static;
left: 0;
top: 0;
height: auto;
max-width: 1200px;
width: 1200px;
margin: 0;
max-height: none;
}
.zoom__close {
position: absolute;
border-radius: 50%;
top: 10px;
right: 10px;
width: 50px;
height: 50px;
cursor: pointer;
border: 2px solid transparent;
display: flex;
justify-content: center;
align-items: center;
transition: border 200ms ease-in-out;
}
.zoom__close svg {
width: 25px;
}
.zoom__close:hover {
border: 2px solid white;
}
.carousel-zoom-container {
display: none;
position: fixed;
height: 100%;
width: 100%;
z-index: 5;
top: 0;
left: 0;
background: black;
text-align: center;
overflow: auto;
}
.carousel-zoom-container.active {
display: block;
}
.carousel-zoom-container .owl-carousel .owl-nav > div {
background: url(/img/skin/prev-next-black.png) left top no-repeat;
}
.carousel-zoom-container .owl-carousel .owl-nav .owl-next {
background-position: top right;
}
.carousel-zoom-container .owl-carousel .owl-dots {
bottom: -35px;
}
.carousel-zoom-inner {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.carousel-zoom-slides {
width: 100%;
max-width: 550px;
max-height: 100%;
}
.carousel-zoom-slides .product-carousel {
position: relative;
height: 100%;
}
@media (max-width: 767px) {
.zoom__message {
z-index: 1;
bottom: 60px;
}
}
@media (min-width: 992px) {
.carousel-zoom-container .owl-carousel .owl-nav > div {
background: url(/img/skin/prev-next.png) left top no-repeat;
}
.carousel-zoom-container .owl-carousel .owl-nav .owl-next {
right: -60px;
}
.carousel-zoom-container .owl-carousel .owl-nav .owl-prev {
left: -60px;
}
}
@media (min-width: 1600px) {
.carousel-zoom-slides {
max-width: 700px;
}
}
.breadcrumbs {
color: black;
margin: 0;
padding: 0;
list-style: none;
z-index: 2;
font-size: 14px;
}
.searchresults .breadcrumbs {
display: none;
}
.breadcrumbs a,
.breadcrumbs > span {
display: inline-block;
margin: 0;
padding: 0;
text-decoration: none;
font-weight: 500;
}
.breadcrumbs a span:not(.breadcrumbs--last),
.breadcrumbs > span span:not(.breadcrumbs--last) {
transition: color 200ms ease, border 200ms ease;
will-change: color, border;
}
.breadcrumbs a span:not(.breadcrumbs--last):after,
.breadcrumbs > span span:not(.breadcrumbs--last):after {
content: ">";
margin: 0 10px;
}
.breadcrumbs a:hover span,
.breadcrumbs > span:hover span {
text-decoration: none;
}
.breadcrumbs a:hover span:after,
.breadcrumbs > span:hover span:after {
border-bottom: 0;
}
.breadcrumbs:last-child a:after {
display: none;
}
.breadcrumbs.back a {
color: #6b80af;
font-weight: bold;
border-bottom: 1px solid #6b80af;
}
.breadcrumbs.back a:before {
content: '<';
display: inline-block;
padding: 0 5px 0 0;
}
.breadcrumbs.back a:after {
display: none;
}
.breadcrumbs.back a:hover {
text-decoration: none;
}
.breadcrumbs.back:after {
content: '|';
display: inline-block;
padding: 0 10px 0 15px;
}
.breadcrumbs__back {
background: #6d7b82;
color: white;
border-radius: 5px;
font-weight: 500;
text-transform: uppercase;
margin-right: 20px;
position: relative;
letter-spacing: 1px;
transition: all 200ms ease-in-out;
font-size: 14px;
}
.breadcrumbs__back > .btn-arrow__back {
border: solid white;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 4px 2px 3px 5px;
margin-right: 3px;
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}
.breadcrumbs__back:hover {
background: #3c4f58;
color: white;
}
.breadcrumbs__back:hover > .btn-arrow__back {
border-color: white;
}
.breadcrumb-container {
display: flex;
align-items: center;
height: 35px;
font-size: 14px;
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
.breadcrumb-container {
align-items: center;
}
}
.productPage .breadcrumbs {
position: relative;
display: inline-block;
}
.associated-product__swatches {
text-align: left;
}
.associated-product__swatches ul {
height: auto;
position: relative;
margin: 0;
padding: 0;
list-style: none;
}
.associated-product__swatches ul li {
margin: 0 10px 10px 0;
display: inline-flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.associated-product__swatches ul li.price-header {
display: block;
margin: 10px 0;
width: auto;
height: auto;
border: 0;
color: black;
letter-spacing: 0.5px;
}
.associated-product__swatches ul li.price-header:hover {
border: 0;
}
.associated-product__swatches ul li.active a {
color: white;
background-color: #6d7b82;
}
.associated-product__swatches ul li span.active a {
color: white;
background-color: #5e5d5d;
}
.associated-product__swatches ul li.outofstock {
position: relative;
opacity: 1;
}
.associated-product__swatches ul li + .price-header {
color: #595959;
}
.associated-product__swatches ul li a {
display: block;
overflow: hidden;
box-sizing: content-box;
border: solid 1px;
}
.associated-product__swatches ul li a:hover {
background-color: #6d7b82;
color: white;
}
.associated-product__swatches ul li a.disabled {
opacity: 0.4;
}
.associated-product__swatches ul li a span {
float: left;
display: block;
padding: 10px;
}
.associated-product__swatches ul li a span:not(:first-child) {
height: 17px;
}
.associated-product__swatches ul li a span:nth-child(2n) {
width: 17px;
}
.associated-product__swatches ul li a span:nth-child(3n) {
width: 17px;
}
.associated-product__swatches.always-show ul {
max-height: 35px;
opacity: 1;
visibility: visible;
}
@media (max-width: 991px) {
.associated-product__swatches.always-show ul {
max-height: 100px;
}
}
.associated-product__swatches--colour {
width: 100%;
height: 100%;
display: block;
border-radius: 50%;
text-transform: lowercase;
}
.associated-product__swatches--colour:first-letter {
text-transform: uppercase;
}
.listingPage .associated-product__swatches ul li {
margin: 4px;
}
.listingPage .associated-product__swatches ul li.active a,
.listingPage .associated-product__swatches ul li.selected a {
color: white;
background-color: #5e5d5d;
}
.listingPage .associated-product__swatches ul li.active:hover a,
.listingPage .associated-product__swatches ul li.selected:hover a {
color: white;
background-color: #5e5d5d;
}
.listingPage .associated-product__swatches ul li a {
display: block;
overflow: hidden;
box-sizing: content-box;
}
.listingPage .associated-product__swatches ul li a span {
float: left;
display: block;
}
.listingPage .associated-product__swatches ul li a span:not(:first-child) {
height: 12px;
}
.listingPage .associated-product__swatches ul li a span:nth-child(2n) {
width: 12px;
}
.listingPage .associated-product__swatches ul li a span:nth-child(3n) {
width: 12px;
}
@media (max-width: 767px) {
.productPage .associated-product__swatches {
max-height: none;
overflow: visible;
}
}
.delivery-promise__wrap {
display: flex;
align-content: center;
justify-content: center;
align-items: center;
gap: 20px;
margin: 10px auto 5px;
}
@media (max-width: 767px) {
.delivery-promise__wrap {
flex-direction: column;
text-align: center;
gap: 5px;
}
}
@media (min-width: 768px) {
}
.delivery-promise__icon {
margin: 0px 15px 0;
}
.delivery-promise__icon svg {
width: 40px;
height: 40px;
}
.delivery-promise__text {
margin: 0;
font-size: 18px;
font-weight: 400;
color: white;
}
.delivery-promise__heading {
margin: 0;
font-size: 18px;
font-weight: 400;
color: white;
}
.delivery-promise__btn {
margin: 0 80px;
text-transform: uppercase;
color: white;
background-color: #3c4f58;
border-color: #3c4f58;
}
.delivery-promise__btn > .btn-arrow {
border-color: white;
border-width: 0 1px 1px 0;
}
.delivery-promise__btn:hover {
border: 1px solid #7e8285;
color: white;
}
.delivery-promise__btn:hover > .btn-arrow {
border-color: white;
}
.delivery-promise__btn span {
margin-left: 3px;
}
@media (min-width: 768px) {
.delivery-promise__btn {
margin: 0 10px;
}
}
@media (min-width: 992px) {
.delivery-promise__btn {
margin: 0 30px;
}
}
.product-info__attributes {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 30px;
margin-top: 25px;
}
.product-info__attribute-wrap {
width: 75px;
}
.product-info__attribute {
position: relative;
}
.product-info__attribute.active .product-info__attribute-tooltip,
.product-info__attribute.active .product-info__attribute-tooltip-arrow {
display: block;
visibility: visible;
opacity: 1;
}
.product-info__attribute .product-info__attribute--image {
margin-left: auto;
margin-right: auto;
display: block;
}
.product-info__attribute .product-info__attribute--header {
text-transform: lowercase;
}
.product-info__attribute-tooltip {
display: none;
visibility: hidden;
opacity: 0;
position: absolute;
width: 350px;
bottom: calc(100% + 10px);
height: auto;
z-index: 10;
background-color: #3c4f58;
padding: 10px;
border-radius: 18px;
text-align: center;
color: white;
}
.product-info__attribute-tooltip .product-info__attribute-tooltip-title {
text-transform: uppercase;
font-weight: 500;
}
.product-info__attribute-tooltip .product-info__attribute-tooltip-body {
line-height: 18px;
}
.product-info__attribute-tooltip-arrow {
display: none;
visibility: hidden;
opacity: 0;
content: "";
top: -10px;
left: 50%;
transform: translateX(-50%);
position: absolute;
border: 5px solid;
padding-bottom: 5px;
border-color: #3c4f58 transparent transparent transparent;
}
.product-info__attribute-tooltip-arrow-wrap {
position: relative;
}
.product-info__attribute--image-wrapper {
position: relative;
}
.product-images__primary {
margin-bottom: 15px;
margin-top: 0;
padding-top: 15px;
}
.product-images__alternate {
margin: 15px 0;
}
.product-images__alternate img {
width: 100%;
}
.product-image__main-image {
cursor: pointer;
cursor: zoom-in;
cursor: -webkit-zoom-in;
}
.pageContents--popup .product-image__main-image {
cursor: default;
}
.associated-images > div {
transition: 200ms opacity ease;
will-change: opacity;
}
.associated-images.loading > div {
opacity: 0.5;
}
.associated-images.loading:after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(/img/loader.svg) no-repeat center center;
background-size: 50px;
}
.associated-images__scroll {
font-size: 30px;
text-align: center;
color: #dddddd;
cursor: pointer;
padding: 10px 0;
transition: opacity 200ms ease;
will-change: opacity;
}
.associated-images__scroll:not(.disabled):hover {
color: #aaaaaa;
}
.associated-images__scroll.disabled {
opacity: 0.25;
cursor: default;
}
.associated-images__scroller {
overflow: auto;
overflow-x: hidden;
}
.associated-images__container {
margin: 20px 0;
text-align: center;
}
.associated-images__container img {
display: inline-block;
margin: auto;
width: 100%;
text-indent: -9999px;
max-width: 100%;
border: 1px solid white;
}
.associated-images__container a {
display: block;
}
.associated-images__container .js-video {
position: relative;
}
.associated-images__container .js-video:after {
position: absolute;
top: 20%;
left: 20%;
content: ' ';
display: block;
background: url(/img/skin/video-icon.png) no-repeat center center;
background-size: contain;
width: 60%;
height: 60%;
}
.associated-images__container:first-child {
margin-top: 0;
}
.associated-images__container:last-child {
margin-bottom: 0;
}
.mobile-product-carousel {
margin-bottom: 40px;
padding-top: 15px;
}
.mobile-product-carousel .owl-carousel .owl-dots {
bottom: -37px;
}
.mobile-product-carousel .owl-carousel .owl-dots .owl-dot {
background: white;
border: 1px solid black;
width: 12px;
height: 12px;
}
.mobile-product-carousel .owl-carousel .owl-dots .owl-dot.active {
background: black;
}
.product-images-sticky img {
height: auto;
}
.complete-the-look__owl-carousel.owl-carousel {
padding: 0 25px;
}
.complete-the-look__owl-carousel.owl-carousel .associated-product {
max-width: inherit;
}
.complete-the-look__owl-carousel .owl-nav .owl-prev,
.complete-the-look__owl-carousel .owl-nav .owl-next {
background-image: url('../img/skin/basket/basket-yaml-arrow.png');
height: 25px;
width: 15px;
top: 50%;
}
.complete-the-look__owl-carousel .owl-nav .owl-prev.disabled,
.complete-the-look__owl-carousel .owl-nav .owl-next.disabled {
display: none;
}
.complete-the-look__owl-carousel .owl-nav .owl-prev {
transform: rotate(180deg);
}
.complete-the-look__owl-carousel .owl-dots {
bottom: 86px;
}
.complete-the-look__owl-carousel .associated-product__description {
margin: 1rem 0 5px;
}
.complete-the-look__owl-carousel .associated-product__description h2 {
font-size: 20px;
}
.social-share {
display: flex;
justify-content: center;
margin: 20px 0;
width: 100%;
}
.social-share__item {
flex: 0 0 auto;
margin: 0 5px;
float: left;
}
.product-info {
max-width: 100%;
margin: 0 auto;
padding-left: 5px;
}
.js-zoom-large-img {
width: 100%;
}
.product-info__header {
border-bottom: 0 !important;
margin-bottom: 0 !important;
position: relative;
}
.product-info--box {
padding-bottom: 0;
position: relative;
color: #555555;
margin: 0 0 5px;
}
.product-info--box.product-info__sizes {
padding-bottom: 0;
}
.product-info--box .loading {
background: rgba(255, 255, 255, 0.7) url(/img/loader.gif) no-repeat center center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
transition: opacity 400ms ease;
will-change: opacity;
}
.product-info--box .loading--hidden {
opacity: 0;
visibility: hidden;
}
.product-info--box strong {
color: black;
}
.product-info__title-wrap {
display: flex;
margin-bottom: 8px;
}
@media (max-width: 767px) {
.product-info__title-wrap {
flex-direction: column;
}
}
.productPage .associated-product__promo {
left: 5px;
}
.product-info__title {
letter-spacing: 0.8px;
margin: 5px 0 0;
width: 70%;
font-size: 18px;
font-weight: bold;
}
@media (max-width: 767px) {
.product-info__title {
width: 100%;
}
}
.product-info__title-qty {
font-weight: 600;
margin: 0 0 5px 0;
position: relative;
text-transform: uppercase;
top: 8px;
}
.product-info__sub-title {
display: flex;
align-items: center;
text-align: left !important;
margin-bottom: 10px;
}
.product-info__code {
font-size: 18px;
font-weight: 400;
margin-bottom: 35px;
}
.product-info__despatching {
color: #dd8888;
}
.product-info__despatching strong {
color: #dd8888;
}
.product-info__sash {
margin-top: 15px;
}
a.product-info__code:hover {
color: #9e8a8a;
text-decoration: underline;
}
.product-info__pricing {
margin: 0 0 12px 0;
}
@media (max-width: 767px) {
.product-info__pricing {
margin: 5px 0 0;
}
}
.product-info__quantity-wrap {
display: flex;
margin: 15px 0;
align-items: center;
}
.product-info__quantity-value {
margin: 1px 7px;
width: 35px;
border: none;
height: 20px;
display: block;
text-align: center;
font-size: 20px;
pointer-events: none;
padding: 0;
line-height: 19px;
-moz-appearance: textfield;
}
.product-info__quantity-value::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.product-info__quantity-value::-webkit-OUTER-spin-button {
-webkit-appearance: none;
margin: 0;
}
.product-info__quantity-down,
.product-info__quantity-up {
width: 22px;
height: 22px;
line-height: 12px;
text-align: center;
cursor: pointer;
padding-top: 3px;
font-size: 30px;
transition: border-color 200ms ease-in-out;
}
.product-info__quantity-down {
padding-top: 1px;
}
.product-info h3 {
color: #9d9d9d;
font-size: 20px;
margin: 20px 0 10px;
}
.product-info .associated-product__swatches--more,
.product-info .associated-product__swatches--offer {
display: none;
}
.productlist--reviews {
margin-top: 50px;
}
.productlist--reviews h2 {
margin: 20px 0 10px;
text-transform: inherit;
font-weight: 400;
font-size: 18px;
letter-spacing: 1px;
margin-bottom: 5px;
}
.productlist--reviews h2:first-of-type {
margin-top: 0;
}
.customer-review--header {
display: flex;
flex-direction: column;
}
.customer-review--header span {
right: 6px;
position: relative;
margin-bottom: 5px;
}
.customer-review__desc span {
font-weight: 400;
}
.product-features {
line-height: 24px;
margin-top: 30px;
}
.product-features .product-info__description {
line-height: 22px;
}
.product-features h2 {
margin: 20px 0 10px;
font-weight: bold;
font-size: 18px;
letter-spacing: 1px;
margin-bottom: 25px;
}
.product-features h2:first-of-type {
margin-top: 0;
}
.product-features p,
.product-features li {
font-weight: 400;
font-size: 15px;
margin-bottom: 4px;
letter-spacing: 0.5px;
line-height: 20px;
}
.product-features li::marker {
color: black;
}
.product-info__reviews {
line-height: 20px;
width: 30%;
margin: 10px 0;
display: flex;
align-self: flex-start;
justify-content: flex-end;
position: absolute;
right: 10px;
top: -5px;
}
@media (max-width: 767px) {
.product-info__reviews {
width: 100%;
align-self: flex-end;
}
}
.product-info__reviews .stars {
vertical-align: middle;
}
.product-info__reviews a {
text-decoration: none;
display: inline-block;
color: black;
display: flex;
flex-direction: column;
align-items: flex-end;
}
@media (max-width: 767px) {
.product-info__reviews a {
flex-direction: row-reverse;
align-items: center;
justify-content: center;
}
}
.product-info__reviews .product-info__reviews-count {
margin: 10px 0;
font-size: 18px;
}
@media (max-width: 767px) {
.product-info__reviews .product-info__reviews-count {
margin: 10px;
}
}
.product-info__colours {
margin-bottom: 15px;
}
.product-info__colours .product-info__colour {
font-size: 18px;
font-weight: 400;
}
.product-info__sizes {
display: flex;
justify-content: space-between;
align-items: center;
}
.product-info__options {
position: relative;
margin: 10px 0;
width: 100%;
}
@media (max-width: 767px) {
}
.product-info__options .product-option-wrap {
height: min-content;
display: inline-block;
}
.product-info__options .product-option {
position: relative;
display: inline-block;
font-size: 15px;
line-height: 40px;
text-align: center;
cursor: pointer;
transition: background 200ms ease;
will-change: background;
font-weight: 500;
padding: 0 10px;
border: solid 1px;
margin: 5px 5px 10px 0;
}
.product-info__options .product-option:hover {
background: #6d7b82;
color: white;
}
.product-info__options .product-option.active {
background: #6d7b82;
color: white;
}
.product-info__options .product-option.no-popup {
cursor: default;
}
.product-info__options .product-option.low-stock {
border-color: #ebb87b;
background: white;
}
.product-info__options .product-option.low-stock:hover {
background-color: #ebb87b;
color: black;
}
.product-info__options .product-option.low-stock.active {
background: #ebb87b;
color: black;
border-color: #ebb87b;
}
.product-info__options .product-option.no-stock {
background: white;
color: lightgray;
}
.product-info__options .product-option.no-stock:before {
transform: rotate(45deg);
}
.product-info__options .product-option.no-stock:after {
transform: rotate(-45deg);
display: none;
}
.product-info__options .product-option.no-stock .stock-message--low-stock {
display: none;
}
.product-info__options .stock-message {
display: inline-block;
position: absolute;
line-height: normal;
top: 42px;
left: 0;
width: 100%;
font-weight: normal;
line-height: 1;
letter-spacing: 0;
color: black;
}
.product-info__options #sizeDropdown {
width: 50%;
padding: 5px;
border: 1px solid black;
}
.product-info__options #sizeDropdown option:hover {
background-color: orange;
}
.product-info__options #sizeDropdown:active,
.product-info__options #sizeDropdown:focus {
outline: none;
box-shadow: none;
}
.product-info__options #sizeDropdown option {
text-align: left;
}
.product-sash {
position: absolute;
width: 150px;
height: 50px;
top: 34px;
left: -11px;
padding: 0;
}
.product-sash.product-sash--hidden {
visibility: hidden;
}
.product-info__size-guide {
color: black;
cursor: pointer;
letter-spacing: 0.5px;
margin: 10px 0 !important;
display: flex;
flex: 0 0 50%;
text-transform: uppercase;
}
.product-info__size-guide span {
display: inline-block;
cursor: pointer;
letter-spacing: 0.5px;
text-transform: uppercase;
text-align: right;
line-height: 30px;
padding-right: 20px;
}
.product-info__size-guide svg {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
width: 25px;
height: 25px;
}
@media (max-width: 767px) {
.product-info__size-guide {
width: 20%;
}
}
@media (max-width: 466px) {
.product-info__size-guide svg {
margin: 0 auto 0 0;
}
}
.product-info__size-guide:hover {
text-decoration: underline;
}
.product-info__size-guide img {
width: 35px;
margin-right: 10px;
}
.product-stock {
margin: 10px 0 0;
color: #9d9d9d;
}
.product-info__addtobagarea {
align-items: center;
padding: 0;
margin: -30px 0 0 0;
}
.product-info__quantity {
margin-top: 30px;
}
.product-info__quantity select {
width: 70px;
padding: 8px 15px;
border-radius: 0;
}
.product-info__addtobag-wrap {
display: flex;
align-items: center;
gap: 0 10px;
}
.product-info__addtobag {
width: 100%;
margin: 10px 0 10px 0;
position: relative;
}
.product-info__addtobag .in-the-bag.btn {
background: #3c4f58;
color: white;
}
.product-info__addtobag .in-the-bag.btn span {
border-color: white;
}
.product-info__addtobag .btn {
text-align: left;
text-transform: uppercase;
letter-spacing: 1px;
width: 50%;
padding: 10px 20px;
border-radius: 0;
transition: background 200ms ease;
will-change: background;
pointer-events: auto;
opacity: 1;
position: relative;
border-radius: 4px;
font-weight: 500;
color: white;
}
.product-info__addtobag .btn:focus {
outline: 0;
}
.product-info__addtobag .btn span:not(.btn-arrow__forward) {
position: relative;
display: inline-block;
padding: 0;
}
.product-info__addtobag .btn .btn-arrow__forward {
float: right;
margin-top: 3px;
}
.product-info__addtobag .btn:hover > .btn-arrow__forward {
border-color: white;
}
.product-info--slider .product-info__addtobag .btn:after {
right: 30%;
}
.product-info__alert {
opacity: 0;
letter-spacing: 1px;
width: 100%;
position: absolute;
top: 60px;
left: 0px;
z-index: -1;
text-align: center;
border-radius: 0;
border: 0;
padding: 15px 0;
font-weight: normal;
letter-spacing: 0.5px;
background: #ebb87b;
color: black;
transform: translate(0, 10px);
transition: opacity 150ms ease-in, transform 150ms ease-in;
}
.product-info__alert.active {
opacity: 1;
transform: translate(0);
z-index: 2;
}
.product-info__alert.active:before {
content: "";
position: absolute;
top: -10px;
left: 46%;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #ebb87b;
}
.product-info__addtobag-wishlist {
margin-top: 10px;
flex: 0 0 50%;
}
.product-info__wishlist {
display: flex;
align-items: center;
flex: 0 0 60%;
margin: 0 !important;
}
.product-info__wishlist svg,
.product-info__wishlist img {
display: inline-block;
height: 25px;
width: 25px;
vertical-align: middle;
}
.product-info__wishlist svg:hover + span,
.product-info__wishlist img:hover + span {
text-decoration: underline;
}
.product-info__wishlist span {
display: inline-block;
cursor: pointer;
letter-spacing: 0.5px;
text-transform: uppercase;
text-align: right;
padding-right: 20px;
}
.product-info__wishlist span:hover {
text-decoration: underline;
}
.product-info__ymal {
margin-top: 30px;
}
.product-info__ymal.product-info__complete-the-look {
margin-top: 30px;
}
.product-info__ymal .product-info__sub-title {
margin: 60px 0 15px;
font-size: 22px;
font-weight: 500;
justify-content: center;
letter-spacing: 1px;
}
.product-info__ymal .associated-product__add-to-bag button {
font-weight: 400;
}
.product-info__ymal .associated-product h3 {
text-align: center;
font-size: 15px;
}
.product-info__ymal .associated-product .associated-product__price {
text-align: center;
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
}
.product-info__ymal .associated-product .pricing__price--was {
font-size: 15px;
text-decoration: line-through;
margin-right: 5px;
}
.product-info__ymal .associated-product .pricing__price--now {
font-size: 15px;
}
.recently-viewed__owl-carousel--low {
padding: 0 25px;
}
.ymal__owl-carousel .associated-product,
.recently-viewed__owl-carousel .associated-product {
max-width: 33%;
padding: 0 2.5px;
}
.ymal__owl-carousel.owl-carousel,
.recently-viewed__owl-carousel.owl-carousel {
padding: 0 25px;
}
.ymal__owl-carousel.owl-carousel .associated-product,
.recently-viewed__owl-carousel.owl-carousel .associated-product {
max-width: inherit;
}
.ymal__owl-carousel .btn-arrow,
.recently-viewed__owl-carousel .btn-arrow {
padding: 3px 3px 4px 4px;
}
.ymal__owl-carousel .pricing__price,
.recently-viewed__owl-carousel .pricing__price {
font-weight: bold;
line-height: 14px;
}
.ymal__owl-carousel .associated-product__price,
.recently-viewed__owl-carousel .associated-product__price {
padding-bottom: 10px;
}
.ymal__owl-carousel .associated-product__image-wrap,
.recently-viewed__owl-carousel .associated-product__image-wrap {
margin: 0 15px;
}
.ymal__owl-carousel .associated-product__description h2 a,
.recently-viewed__owl-carousel .associated-product__description h2 a {
font-weight: 400;
font-size: 18px;
}
.ymal__owl-carousel .associated-product__description h2,
.recently-viewed__owl-carousel .associated-product__description h2 {
padding-top: 5px;
}
.ymal__owl-carousel .owl-nav.disabled,
.recently-viewed__owl-carousel .owl-nav.disabled {
display: block;
cursor: pointer;
}
.ymal__owl-carousel .owl-nav .owl-next,
.recently-viewed__owl-carousel .owl-nav .owl-next,
.ymal__owl-carousel .owl-nav .owl-prev,
.recently-viewed__owl-carousel .owl-nav .owl-prev {
cursor: pointer;
position: absolute;
background-image: url('../img/skin/basket/basket-yaml-arrow.png');
height: 25px;
width: 15px;
top: 50%;
}
.ymal__owl-carousel .owl-nav .owl-next,
.recently-viewed__owl-carousel .owl-nav .owl-next {
right: 5px;
}
.ymal__owl-carousel .owl-nav .owl-prev,
.recently-viewed__owl-carousel .owl-nav .owl-prev {
left: 5px;
transform: rotate(180deg);
}
.ymal__owl-carousel .owl-dots,
.recently-viewed__owl-carousel .owl-dots {
display: none;
}
.product-info__wishlist--added {
cursor: default;
color: black !important;
}
.product-info__wishlist--added span {
background: none;
cursor: default;
pointer-events: none;
}
.product-info__wishlist--added span:before {
content: "\e013";
font-family: 'Glyphicons Halflings';
display: inline-block;
padding-right: 5px;
}
.product-description {
margin: 20px 0 0;
color: #555555;
}
.product-info__feefo {
float: right;
}
.product-info__tabs {
margin-top: 30px;
}
.product-info__tabs .nav-tabs {
text-align: center;
}
.product-info__tabs .nav-tabs > li {
float: none;
display: inline-block;
margin: 0 auto;
}
.product-info__tabs .nav-tabs > li > a {
border-radius: 0;
border-width: 0;
padding: 10px;
margin: 0 15px;
font-size: 15px;
letter-spacing: 1.5px;
}
.product-info__tabs .nav-tabs > li.active > a,
.product-info__tabs .nav-tabs > li:hover > a {
border-width: 0 0 3px;
border-color: black;
background: white;
}
.product-info__tabs .tab-pane {
padding: 30px 10px 10px;
}
.product-info__tabs .tab-pane .modal-body {
padding: 0;
}
.productlist--recent > .associated-product {
display: none;
}
.productlist--recent > .associated-product:nth-child(-n+13) {
display: block;
}
.pricing__price {
line-height: 30px;
font-size: 18px;
font-weight: bold;
text-transform: lowercase;
}
.pricing__price--old {
color: #b0b0b0;
text-decoration: line-through;
margin-right: 10px;
}
.pricing__offer {
color: #ee5f69;
}
.pageContents--popup .product-description {
display: none;
}
.pageContents--popup .findoutmore-btn {
margin: 60px 0 0;
display: block;
}
.pageContents--popup .findoutmore-btn .btn {
background-color: #d6d6d6;
width: 100%;
}
.customer-review__scroll {
overflow: hidden;
}
.customer-review {
font-size: 18px;
padding: 20px 0;
margin: 0;
line-height: 30px;
font-weight: 500;
}
.customer-review .customer-review__desc {
margin-top: 5px;
letter-spacing: 0.5px;
position: relative;
}
.customer-review .hideContent {
overflow: hidden;
max-height: 90px;
text-overflow: ellipsis;
}
.customer-review .showContent {
height: auto;
max-height: inherit;
}
.customer-review .customer-review__date {
color: black;
text-decoration: none;
display: inline-block;
text-transform: uppercase;
margin-right: 10px;
}
@media (min-width: 991px) {
.customer-review .customer-review__date {
width: 33.33%;
display: flex;
justify-content: center;
}
}
.customer-review .customer-review__rating {
display: inline-block;
margin-right: 20px;
}
@media (min-width: 991px) {
.customer-review .customer-review__rating {
width: 33.33%;
}
}
@media (min-width: 991px) {
.customer-review .customer-review__displayname {
width: 33.33%;
text-align: right;
}
}
.customer-review .review-toggle-expand {
width: 100%;
background-color: transparent;
border: none;
margin: 0;
padding: 0;
text-align: left;
outline: none;
}
.customer-review .review-toggle-expand:hover {
text-decoration: underline;
}
.customer-review .readmore__fade {
background: linear-gradient(to top, white, rgba(255, 255, 255, 0));
height: 90px;
margin-top: -90px;
position: relative;
}
.customer-review__header {
display: flex;
justify-content: space-between;
}
@media (max-width: 991px) {
.customer-review__header {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
}
.feefo-logo {
display: inline-block;
background: white url(/img/skin/feefo.png) no-repeat center 0 !important;
width: 100px;
height: 23px;
float: right;
}
.reviews--buttons {
display: flex;
justify-content: space-between;
align-items: center;
}
.read-more-reviews {
display: inline-block;
cursor: pointer;
padding: 20px 0;
}
.read-more-reviews .read-more-reviews--link {
float: left;
margin-right: 12px;
transition: all 200ms ease-in-out;
text-transform: uppercase;
margin: 8px 20px 12px 0;
padding: 5px;
position: relative;
letter-spacing: 1px;
background: none;
border: none;
box-shadow: none;
color: black;
}
.read-more-reviews .read-more-reviews--link .btn-arrow__forward {
color: black;
border-color: black;
}
.read-more-reviews .read-more-reviews--link:hover {
text-decoration: underline;
}
.read-more-reviews .breadcrumbs__back {
background: #5e5d5d;
color: white;
border-radius: 0;
text-transform: uppercase;
margin: 8px 20px 12px 0;
padding: 5px;
position: relative;
letter-spacing: 1px;
transition: all 200ms ease-in-out;
}
.read-more-reviews .breadcrumbs__back > .btn-arrow__back {
border: solid white;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 5px 3px 4px 6px;
margin-right: 3px;
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}
.read-more-reviews .breadcrumbs__back:hover {
background: #3c4f58;
color: #5e5d5d;
}
.read-more-reviews .breadcrumbs__back:hover > .btn-arrow__back {
border-color: #5e5d5d;
}
.read-less-reviews {
display: inline-block;
cursor: pointer;
padding: 20px 0;
}
.read-less-reviews .read-less-reviews--link {
float: left;
margin-right: 12px;
background: none;
border: none;
box-shadow: none;
text-transform: uppercase;
color: black;
}
.read-less-reviews .read-less-reviews--link .btn-arrow__forward {
color: black;
border-color: black;
}
.read-less-reviews .read-less-reviews--link:hover {
text-decoration: underline;
}
.reviews-total {
float: right;
padding: 20px 0;
}
.wash-care h3,
.delivery-info h3,
.wash-care h4,
.delivery-info h4 {
color: #131217;
font-size: 18px;
font-weight: bold;
margin: 5px 0 10px;
}
.wash-care p,
.delivery-info p {
margin: 0 0 10px;
}
.wash-care strong,
.delivery-info strong {
font-weight: normal;
color: #485a84;
}
.js-mobilezoom {
display: none;
}
.giftvoucher-swatch {
cursor: pointer;
}
.gift-vouchers-pdp .product-info__options .product-option {
width: 50px;
height: 50px;
font-size: 20px;
margin: 0;
}
.product-image--gift-voucher {
position: relative;
}
.product-image--gift-voucher img {
cursor: default;
margin: 0 auto;
}
.product-image--gift-voucher .gift-voucher__value {
position: absolute;
left: 0;
top: 35%;
width: 100%;
color: #333333;
font-size: 50px;
}
.product-image--gift-voucher .gift-voucher__Recipient {
position: absolute;
left: 0;
top: 45%;
width: 100%;
color: #333333;
font-size: 18px;
}
.product-image--gift-voucher .gift-voucher__sender {
position: absolute;
left: 0;
top: 49%;
width: 100%;
color: #333333;
font-size: 18px;
}
.product-image--gift-voucher .gift-voucher__message {
position: absolute;
left: 0;
top: 53%;
width: 100%;
color: #333333;
font-size: 15px;
padding: 0 14%;
}
.gift-voucher__description {
padding: 15px 0;
}
.stock-reminder {
text-align: left;
}
.stock-reminder .stock-reminder__image {
padding: 0 0 15px 0;
}
.stock-reminder .stock-reminder__image img {
width: 100%;
}
.product-slide {
background: white;
position: fixed;
width: 100%;
padding: 30px 10px;
top: 0;
right: 0;
height: 100vh;
z-index: 10;
transition: transform 300ms ease-in-out;
transform: translate(500px, 0);
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
letter-spacing: 0.5px;
}
.product-slide h2 {
letter-spacing: 1px;
text-align: center;
font-weight: 400;
font-size: 18px;
color: black;
}
.product-slide .product-slide__close {
cursor: pointer;
}
.product-slide .product-slide__close h2 {
text-align: right;
margin: 0 0 30px 0;
font-weight: 500;
text-transform: uppercase;
}
.product-slide .product-slide__close h2:hover {
text-decoration: underline;
}
.product-slide .zoom:hover {
cursor: pointer;
}
.product-slide__units {
float: left;
font-size: 0.8em;
border: 2px solid black;
padding: 10px 0;
cursor: pointer;
}
span.product-slide__units--cm {
padding: 12px;
}
span.product-slide__units--inches {
padding: 12px;
}
.product-slide__measure-link {
float: right;
font-size: 0.8em;
font-weight: bold;
}
.product-slide__measure-link:hover {
text-decoration: underline;
}
.product-slide--size-guide {
z-index: 11;
}
.product-slide__size-guide {
width: 100%;
font-size: 0.8em;
}
.product-slide__size-guide tr {
background: #ececec;
}
.product-slide__size-guide th {
text-align: center;
color: white;
background: #5e5d5d;
font-weight: normal;
padding: 10px 0;
width: 20%;
vertical-align: middle !important;
border-right: 1px solid white;
}
.product-slide__size-guide th:last-child {
border-right: 0;
}
.product-slide__size-guide td {
text-align: center;
font-weight: bold;
padding: 15px 0 !important;
width: 20%;
}
.product-slide__size-guide .dark-row {
vertical-align: middle;
background-color: #ececec;
}
.product-slide__size-guide .dark-row td {
vertical-align: middle;
background-color: #ececec;
}
.product-slide__size-guide .light-row {
vertical-align: middle;
background-color: #f9f9f9;
}
.product-slide__size-guide .light-row td {
vertical-align: middle;
background-color: #f9f9f9;
}
.product-slide__size-guide .empty-cell {
background: white;
border-top: none;
}
.switch-measurements--active {
color: white;
background: black;
}
.product-slide__measure--image {
width: 250px;
margin: 0 auto 20px;
}
.product-slide__measure--list {
text-align: center;
max-width: 250px;
margin: 20px auto;
font-weight: bold;
}
.product-slide__measure--list-title {
margin-bottom: 10px;
font-weight: bold;
font-size: 18px;
}
.product-slide__measure--list-text {
font-size: 0.8em;
}
.product-slide.active {
transform: translate(0, 0);
}
.product-slide-overlay.active {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
z-index: 9;
background: rgba(0, 0, 0, 0.5);
}
.product-slide__loading {
background: white;
width: 100%;
height: 100vh;
position: absolute;
top: 0;
left: 0;
opacity: 0;
z-index: 10;
transition: opacity 300ms ease-in-out;
}
.product-slide__loading.active {
opacity: 1;
}
.product-info__view-details {
letter-spacing: 0.5px;
}
.product-info__view-details:hover {
text-decoration: underline;
}
.no-products-container .associated-product--advert {
width: 100%;
}
@media (min-width: 768px) {
}
.productPage .navbar-main {
margin-top: 0;
}
.productPage .complete-the-look__owl-carousel .associated-product__price,
.productPage .associated-product--ymal .associated-product__price {
text-align: center;
position: static;
transform: none;
}
.product-slide__dynamic-content .product-info__size-guide {
margin-left: 15px !important;
}
@media (max-width: 374px) {
.product-info__size-guide {
margin: 15px 0 0 0 !important;
}
}
@media (max-width: 767px) {
.productPage .associated-product__swatches {
max-height: none;
overflow: visible;
}
.productPage .product-info__tabs {
margin-top: 0;
}
.productPage .product-info__tabs .nav-tabs {
display: flex;
flex-wrap: wrap;
}
.productPage .product-info__tabs .nav-tabs > li {
flex: 0 1 auto;
}
.productPage .product-info__tabs .nav-tabs > li.active a {
border-color: black !important;
}
.productPage .product-info__tabs .nav-tabs > li a {
padding: 10px 0;
border-width: 0 0 3px;
border-color: white;
background: white;
}
.productPage .tab-content > .tab-pane {
padding: 30px 0 10px;
color: #555555;
}
.associated-images__scroller {
height: auto;
margin: 20px 0;
}
.associated-images__scroller img {
height: auto;
max-height: 100px;
width: auto;
}
.associated-images__container {
height: 100px;
float: left;
margin: 0 10px 10px 0;
}
.associated-images__scroll {
display: none;
}
.addBagConfirmation .margin-bottom {
margin-bottom: 20px;
}
.product-info__addtobagarea {
flex-wrap: wrap;
}
.product-info__wishlist {
text-align: left;
margin: 0;
}
.addBagConfirmation .btn {
font-size: 18px !important;
padding: 15px !important;
}
.productlist--recent > .associated-product {
display: none;
}
.productlist--recent > .associated-product:nth-child(-n+5) {
display: block;
}
.stock-reminder button {
width: 100%;
}
.product-slide {
transform: translate(100%, 0);
}
.you-may-also-like__owl-carousel .associated-product,
.recently-viewed__owl-carousel .associated-product {
max-width: 50%;
}
.customer-review__date {
text-align: right;
}
.product-info__reviews {
position: static;
justify-content: flex-start;
margin: 8px 0;
}
.product-info__reviews .product-info__reviews-count {
margin-left: 0;
margin-top: 5px;
margin-bottom: 5px;
}
}
@media (min-width: 589px) and (max-width: 767px) {
.complete-the-look__owl-carousel .owl-dots {
bottom: 70px;
}
}
@media (max-width: 991px) {
.product-info__sizes h2 {
display: flex;
flex-direction: initial;
align-items: flex-start;
}
.product-info__sizes h2 .js-size-guide {
margin: 20px 0;
}
}
@media (min-width: 768px) {
.product-slide {
width: 500px;
padding: 30px;
}
.mens-how-to-measure h2 {
font-size: 1.5em;
}
.product-info__addtobag .btn:after {
right: 90px;
}
.complete-the-look__owl-carousel .associated-product {
max-width: 30%;
}
}
@media (max-width: 991px) {
.product-info__addtobag .btn {
width: 100%;
}
.product-info__options #sizeDropdown {
width: 100%;
}
}
@media (min-width: 992px) {
.product-image--gift-voucher .gift-voucher__message {
padding: 0 20%;
}
.gift-vouchers-pdp .product-info__addtobag .btn:after {
right: 105px;
}
}
@media (min-width: 1200px) {
body.size-guide-open,
body.quick-view-open {
overflow: hidden;
margin-right: 17px;
-webkit-margin-end: 10px;
}
body.size-guide-open .quick-basket-container,
body.quick-view-open .quick-basket-container {
right: 17px;
-webkit-margin-end: 23px !important;
}
.gift-vouchers-pdp .product-info__addtobag .btn:after {
right: 145px;
}
.ymal__owl-carousel .owl-nav .owl-next,
.recently-viewed__owl-carousel .owl-nav .owl-next {
right: -10px;
}
.ymal__owl-carousel .owl-nav .owl-prev,
.recently-viewed__owl-carousel .owl-nav .owl-prev {
left: -10px;
transform: rotate(180deg);
}
}
@media (min-width: 1600px) {
.product-info__tabs .tab-pane {
padding: 30px 0 10px;
}
.product-image--gift-voucher .gift-voucher__message {
padding: 0 35%;
}
.gift-vouchers-pdp .product-info__addtobag .btn:after {
right: 215px;
}
}
@media (min-width: 1600px) {
.product-image--gift-voucher img {
max-height: calc(100vh - 150px);
}
}
@media (max-width: 991px) {
.associated-images__scroller {
height: auto;
margin: 20px 0;
}
.associated-images__scroller img {
height: auto;
max-height: 100px;
width: auto;
}
.associated-images__container {
height: 100px;
float: left;
margin: 0 10px 10px 0;
}
.product-image--gift-voucher {
position: relative;
}
.product-image--gift-voucher img {
cursor: default;
}
.product-image--gift-voucher .gift-voucher__value {
position: absolute;
left: 0;
top: 37%;
width: 100%;
color: #333333;
font-size: 30px;
}
.product-image--gift-voucher .gift-voucher__Recipient {
position: absolute;
left: 0;
top: 45%;
width: 100%;
color: #333333;
font-size: 18px;
}
.product-image--gift-voucher .gift-voucher__sender {
position: absolute;
left: 0;
top: 52%;
width: 100%;
color: #333333;
font-size: 18px;
}
.product-image--gift-voucher .gift-voucher__message {
position: absolute;
left: 0;
top: 187%;
width: 100%;
color: #333333;
font-size: 18px;
padding: 0 15%;
}
.customer-review__displayname {
display: block;
}
}
@media (max-width: 767px) {
.product-image--gift-voucher {
position: relative;
}
.product-image--gift-voucher img {
cursor: default;
}
.product-image--gift-voucher .gift-voucher__value {
position: absolute;
left: 0;
top: 37%;
width: 100%;
color: #333333;
font-size: 30px;
}
.product-image--gift-voucher .gift-voucher__Recipient {
position: absolute;
left: 0;
top: 42%;
width: 100%;
color: #333333;
font-size: 18px;
}
.product-image--gift-voucher .gift-voucher__sender {
position: absolute;
left: 0;
top: 47%;
width: 100%;
color: #333333;
font-size: 18px;
}
.product-image--gift-voucher .gift-voucher__message {
position: absolute;
left: 0;
top: 52%;
width: 100%;
color: #333333;
font-size: 18px;
padding: 0 15%;
}
}
@media (max-width: 400px) {
.reviews-total {
float: left;
display: block;
width: 100%;
}
.product-info__reviews .stars {
display: block;
}
.product-image--gift-voucher {
position: relative;
}
.product-image--gift-voucher img {
cursor: default;
}
.product-image--gift-voucher .gift-voucher__value {
position: absolute;
left: 0;
top: 36%;
width: 100%;
color: #333333;
font-size: 30px;
}
.product-image--gift-voucher .gift-voucher__Recipient {
position: absolute;
left: 0;
top: 46%;
width: 100%;
color: #333333;
font-size: 18px;
}
.product-image--gift-voucher .gift-voucher__sender {
position: absolute;
left: 0;
top: 51%;
width: 100%;
color: #333333;
font-size: 18px;
}
.product-image--gift-voucher .gift-voucher__message {
position: absolute;
left: 0;
top: 57%;
width: 100%;
color: #333333;
font-size: 18px;
padding: 0 15%;
display: none;
}
}
@media (min-width: 786px) {
.product-images-sticky {
top: 95px;
position: sticky;
z-index: 2;
}
}
@media (max-width: 1599px) {
.product-info__reviews {
position: static;
width: 100%;
justify-content: flex-start;
}
.product-info__reviews a {
flex-direction: row;
align-items: center;
gap: 10px;
}
}
.landing-page .static-page {
text-align: center;
}
.landing-page .static-page h1 {
letter-spacing: 0.15em;
margin: 0;
font-size: 70px;
}
.landing-page .static-page h1 span {
margin-bottom: -30px;
display: block;
font-size: 75px;
line-height: 75px;
letter-spacing: normal;
}
.landing-page .static-page p {
font-size: 20px;
letter-spacing: 0.1em;
margin: 30px auto;
max-width: 1020px;
}
.landing-page .static-page p strong {
font-weight: bold;
}
.landing-page .static-page p a {
color: black;
text-decoration: none;
font-weight: bold;
font-size: 18px;
}
.static-page {
margin: 30px 0;
}
.static-page h2 {
margin: 20px 0 5px;
}
p a {
text-decoration: underline;
color: black;
}
p a:hover {
text-decoration: underline;
color: black;
}
.no-underline {
text-decoration: none !important;
}
.error404 {
background: #3c4f58;
min-height: 750px;
}
.error404 h1,
.error404 h2 {
margin-top: 20px;
font-size: 18px;
color: white;
}
.error404 p {
color: white;
}
.error404 h1 {
font-size: 42px;
margin-top: 120px;
}
@media (max-width: 767px) {
.error404 h1 {
margin-top: 40px;
}
}
.error404 ul {
margin: 40px auto 0;
padding: 0;
list-style: none;
width: 90%;
}
.error404 ul li a {
display: block;
float: left;
margin: 0 1% 1%;
background: white;
border: 1px solid black;
width: 48%;
padding: 10px 5px;
text-align: center;
}
@media (max-width: 767px) {
.error404 {
background: #3c4f58;
background-size: 350px;
background-position: bottom center;
}
.error404 a {
min-height: 62px;
}
}
.slideshow {
position: relative;
}
.slideshow img {
position: absolute;
top: 0;
left: 0;
opacity: 0;
border-radius: 4px;
transition: opacity 1000ms ease;
will-change: opacity;
}
.slideshow img.active {
opacity: 1;
}
.validation-summary-errors {
color: #a94442;
background-color: #f2dede;
border: 1px solid #ebccd1;
padding: 15px;
border-radius: 4px;
margin-bottom: 10px;
}
.validation-summary-errors ul {
margin: 0;
padding: 0;
list-style: none;
}
.static-page-list {
display: block;
}
.static-page-list__section {
width: 100%;
display: inline-block;
}
.static-page-list__section h2 {
margin: 0 0 10px;
padding: 10px;
background: #d9f2ef;
font-weight: bold;
font-size: 20px;
}
.static-page-list__section ul {
margin: 0;
padding: 0;
list-style: none;
}
.static-page-list__section ul a {
text-decoration: none;
color: black;
display: block;
padding: 3px 10px;
}
.static-page-list__section ul a:hover {
color: #34aca1;
text-decoration: underline;
}
.deliveryOptions ul.deliveryInfo {
padding-left: 15px;
list-style-type: square;
}
.deliveryOptions li {
padding-bottom: 10px;
font-size: 1em;
}
.deliveryOptions .panel-default > .panel-heading {
color: white;
background-color: black;
border-color: #ffdc2e;
}
.deliveryOptions .panel-heading {
padding: 10px 15px;
border-bottom: 4px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.google-map iframe {
pointer-events: none;
}
.events .well h2 {
margin-top: 0;
}
.events address {
margin-bottom: 0;
}
.header-static {
background: url(/img/static/affiliates/header.jpg) no-repeat top right;
background-size: cover;
height: 156px;
margin: 0;
}
.header-static h1 {
font-size: 50px;
font-weight: 400;
position: relative;
margin: 0;
padding: 40px 0 0 30px;
color: white;
}
.header-static p {
font-size: 28px;
margin: 0;
padding: 0px 0 0 30px;
color: white;
}
.header-static--smaller-text h1 {
font-size: 32px;
color: white;
text-transform: initial;
}
.header-static--smaller-text p {
font-size: 28px;
color: white;
}
.header-static--basic {
background: none;
height: auto;
text-align: center;
}
.header-static--basic h1 {
color: black;
margin: 0 0 20px;
}
.header-static--caring {
background-image: url(/img/static/caring/header.jpg);
margin-bottom: 20px;
}
.header-static--faq {
background-image: url(/img/static/faq/header.jpg);
margin-bottom: 20px;
}
.header-static--terms {
background-image: url(/img/static/terms/header.jpg);
margin-bottom: 20px;
}
.delivery-static--returns {
margin-bottom: 20px;
}
.static-caring h2 {
margin-top: 0;
}
.static-caring__content .row {
margin-bottom: 40px;
}
.static-caring__content .img-responsive {
margin: 0 auto;
}
.header-static--contactus {
background-image: url(/img/static/contactus/header-new.jpg);
margin-bottom: 20px;
}
.header-static--privacy {
background-image: url(/img/static/privacy/header.jpg);
margin-bottom: 20px;
}
.header-static--cookies {
background-image: url(/img/static/cookies/header.jpg);
margin-bottom: 20px;
}
.header-static--returns {
background-image: url(/img/static/returns/header-new.jpg);
margin-bottom: 20px;
}
.header-static--delivery {
background-image: url(/img/static/delivery/delivery-new.jpg);
margin-bottom: 20px;
}
.header-static--christmas-returns {
background: url(/img/static/returns/christmas.jpg) no-repeat top right;
color: white;
margin-bottom: 20px;
}
.header-static--christmas-returns h1 {
color: white;
margin: 0;
padding-top: 60px;
}
.header-static--events {
background-image: url(/img/static/events/ourshows_page_banner_new.jpg);
margin-bottom: 20px;
}
.header-static--events h1 {
padding: 30px 0 0 30px;
}
.header-static--christmas {
background: url(/img/static/returns/christmas.jpg) repeat right top;
text-align: center;
color: white;
letter-spacing: 3px;
margin-bottom: 20px;
height: auto;
}
.header-static--christmas h1 {
color: white;
margin: 0;
padding-top: 60px;
}
.header-static--christmas p {
color: white;
font-size: 20px;
padding: 0 0 40px;
margin: 0;
}
.christmasDelivery-spacer {
margin-bottom: 20px;
overflow: hidden;
}
.header-sizing {
position: relative;
text-align: center;
}
.header-sizing h1 {
font-size: 32px;
padding: 30px 0 0;
margin: 0 0 20px;
font-family: 'Lucida Sans', sans-serif;
}
.header-sizing .tagline {
font-style: italic;
font-size: 18px;
margin: 0;
font-family: Georgia, serif;
width: 100%;
}
.header-sizing .title--withproduct {
margin-bottom: 3px;
}
.header-sizing .productname {
font-size: 18px;
margin: 0 0 20px;
font-family: Georgia, serif;
width: 100%;
}
.sizing-header {
font-size: 18px;
padding: 30px 0 0;
margin: 0 0 20px;
font-family: 'Lucida Sans', sans-serif;
}
.img-fullwidth {
display: block;
width: 100%;
height: auto;
margin-bottom: 10px;
}
.box-out {
background: #505050;
text-align: center;
color: white;
padding: 10px;
margin-bottom: 10px;
}
.address-fields span {
display: block;
}
.address-fields span:empty {
display: none;
}
.social-page {
background: url(/img/static/social/social_no_text.jpg) no-repeat top left;
background-size: cover;
height: 513px;
position: relative;
}
.social-page.social-page--fr {
background-image: url(/img/static/social/social_no_text--fr.jpg);
}
.social-page__title {
position: absolute;
top: 142px;
left: 117px;
font-size: 32px;
padding: 30px 0 0;
margin: 0 0 20px;
font-family: 'Lucida Sans', sans-serif;
}
.social-page__links {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 258px;
left: 147px;
}
.social-page__links li {
float: left;
margin-right: 24px;
}
.social-page__links li a {
background: url(/img/static/social/facebook_sm3.png) no-repeat 0 0;
background-size: 45px 40px;
display: block;
width: 45px;
height: 45px;
}
.social-page__links li a span {
display: none;
}
.social-page__links li a.twitter {
background-image: url(/img/static/social/twitter_sm3.png);
}
.social-page__links li a.instagram {
background-image: url(/img/static/social/instagram_sm3.png);
}
.social-page__links li a.pinterest {
background-image: url(/img/static/social/pinterest_sm3.png);
}
.social-page__links li a.googleplus {
background-image: url(/img/static/social/google_sm3.png);
}
.how-to-order {
border: 1px solid #f2f2f2;
margin-bottom: 30px;
display: flex;
flex-direction: column;
}
.how-to-order > div {
flex: 0 1 auto;
}
.how-to-order__header {
background: #f2f2f2;
text-align: center;
padding: 15px;
}
.how-to-order__header span {
padding-right: 5px;
color: #6b80af;
font-size: 30px;
line-height: 30px;
vertical-align: middle;
font-weight: bold;
}
.how-to-order__body {
position: relative;
padding: 10px;
text-align: center;
flex: 1 1 auto !important;
}
.how-to-order__image {
padding: 0 10px 10px;
justify-content: flex-end;
align-self: flex-end;
}
.gift-vouchers .step {
background: url(/img/skin/steps.png) no-repeat 0 0;
width: 66px;
height: 66px;
margin: 0 auto 20px;
}
.gift-vouchers .step span {
display: none;
}
.gift-vouchers .step.step--two {
background-position: -66px 0;
}
.gift-vouchers .step.step--three {
background-position: -135px 0;
}
.gift-vouchers .gift-vouchers--header {
text-align: center;
padding: 20px;
margin: 0 0 20px;
min-height: 175px;
}
.gift-vouchers .gift-vouchers--header h1 {
font-size: 34px;
margin: 0 0 10px;
text-shadow: 2px 2px 0px white;
color: #222222;
}
.gift-vouchers .gift-vouchers--header p {
margin: 0;
font-style: italic;
font-size: 34px;
text-shadow: 2px 2px 0px white;
}
.gift-vouchers .gift-vouchers--header img {
position: absolute;
top: 20px;
right: 40px;
}
.gift-vouchers textarea {
resize: none;
height: 13em;
}
.gift-vouchers p.margin-bottom {
margin-bottom: 30px;
}
.gift-vouchers .btn-lg {
margin-top: 5px;
}
.modal-voucher .modal-dialog,
.modal-voucher .modal-content {
width: 1220px;
height: 620px;
padding: 0;
}
.modal-voucher .modal-dialog .modal-close,
.modal-voucher .modal-content .modal-close {
display: none;
}
.giftcard-preview {
background: url(/img/skin/gift-voucher-scottsofstow.jpg) no-repeat 0 0;
width: 1220px;
height: 600px;
position: relative;
background-size: contain;
}
.giftcard-preview .btn {
position: absolute;
bottom: 10px;
right: 10px;
}
.giftcard-preview > div {
font-size: 20px;
position: absolute;
left: 40px;
text-align: left;
}
.giftcard-preview > div strong {
font-weight: normal;
display: inline-block;
width: 175px;
}
.giftcard-preview > div span {
font-size: 30px;
margin-left: 16px;
}
.giftcard-preview .giftcard-preview__to {
top: 80px;
}
.giftcard-preview .giftcard-preview__from {
top: 142px;
}
.giftcard-preview .giftcard-preview__message {
top: 197px;
}
.giftcard-preview .giftcard-preview__message span {
font-size: 20px;
text-align: left;
width: 500px;
display: inline-block;
}
.giftcard-preview .giftcard-preview__amount {
top: 345px;
}
.giftcard-preview .giftcard-preview__amount span {
font-size: 45px;
}
.giftcard-preview .giftcard-preview__code {
top: 413px;
}
.giftcard-preview .giftcard-preview__exp {
top: 470px;
}
.giftcard-preview .giftcard-preview__exp span {
font-size: 20px;
}
.giftcard-preview .giftcard-preview__order {
top: 470px;
left: 400px;
}
.giftcard-preview .giftcard-preview__order span {
font-size: 20px;
}
.expanding-panels .panel {
box-shadow: none;
}
.expanding-panels .panel-heading {
cursor: pointer;
}
.expanding-panels .panel-heading:not(.collapsed) i::before {
content: "\2212";
}
.expanding-panels .panel-body h2 {
color: #131217;
margin: 0 0 10px;
font-size: 1px;
font-weight: bold;
margin: 15px 0;
}
.expanding-panels .panel-body h3 {
color: #131217;
margin: 0 0 10px;
font-weight: bold;
}
.expanding-panels .panel-body a.btn {
text-decoration: none;
}
.expanding-panels .panel-body img {
max-width: 100%;
}
.faq-address {
padding: 0;
list-style: none;
margin: 25px;
}
.giftcard-preview dl {
margin-bottom: 0;
}
.giftcard-preview dl dd {
margin-bottom: 10px;
}
.img-fill {
width: 100%;
max-width: initial;
}
.tv-title {
font-family: "hurmegeometricsans4_regularRg", "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
text-align: center;
font-size: 24px;
font-weight: normal;
letter-spacing: 0.25em;
margin: 0;
color: black;
margin-top: 20px;
margin-bottom: 30px;
}
.tv-introbox {
background: #f5f4f9;
font-size: 18px;
text-align: center;
margin: 0 0 20px;
padding: 20px 50px;
}
.tv-introbox h2 {
text-align: center;
text-decoration: underline;
}
.tv-introbox p:last-child {
margin-bottom: 0;
}
.tv-offer {
text-align: center;
}
.tv-offer__desc {
padding: 0 10px;
color: #666666;
letter-spacing: 1.5px;
margin-bottom: 10px;
min-height: 40px;
}
.tv-offer__price {
padding: 0 10px;
color: #cf2025;
font-size: 26px;
font-weight: bold;
}
.tv-offer__was {
padding: 0 10px;
color: black;
}
.tv-bigtext {
font-size: 26px;
text-align: center;
position: relative;
margin: 50px 0;
padding: 30px 10px;
}
.tv-bigtext:before,
.tv-bigtext:after {
background: #c2b5be;
height: 2px;
width: 50%;
margin: 0 auto;
content: '';
display: block;
position: relative;
top: -20px;
}
.tv-bigtext:after {
top: auto;
bottom: -20px;
}
body.tv .video-placeholder {
position: relative;
margin-bottom: 30px;
}
body.tv .tv-banner {
margin-bottom: 30px;
}
body.tv .associated-product {
padding: 0 15px;
}
.sale-landing {
margin: 10px 0;
}
.sale-landing img {
margin-bottom: 0 !important;
}
.sale-landing__links {
border: 30px solid #cd0021;
background: white;
text-align: center;
padding: 20px;
}
.outlet-yellow .sale-landing__links {
border: 30px solid #edd787;
}
.outlet-red .sale-landing__links {
border: 30px solid #cd0021;
}
.sale-landing__links.ireland {
border-color: #cd0021;
}
.sale-landing__links h2 {
text-align: center;
color: black;
font-size: 22px;
}
.sale-landing__links ul {
margin: 0 auto 20px;
padding: 0;
list-style: none;
width: 85%;
display: flex;
justify-content: space-around;
}
.sale-landing__links ul li {
flex: 1 0 auto;
display: inline-block;
margin-right: 10px;
}
.sale-landing__links ul li:last-child {
margin-right: 0;
}
.sale-landing__links ul li a {
display: block;
border: 1px solid #ef5a5a;
padding: 10px;
transition: 200ms ease color, 200ms ease background-color;
}
.outlet-yellow .sale-landing__links ul li a {
border: 1px solid #edd787;
}
.sale-landing__links ul li a:hover {
color: white;
background: #ef5a5a;
}
.outlet-yellow .sale-landing__links ul li a:hover {
background: #edd787;
}
.outlet-red .sale-landing__links ul li a:hover {
background: #cd0021;
}
.sale-landing__links ul li strong {
display: block;
padding: 10px;
width: 125px;
text-align: right;
}
.sale-landing-footer {
background: #ef5a5a;
padding: 20px;
overflow: hidden;
text-align: center;
margin-bottom: 15px;
}
.sale-landing-footer.outlet-yellow {
background: #edd787;
}
.sale-landing-footer.outlet-red {
background: #cd0021;
}
.sale-landing-footer.ireland {
background: #cd0021;
}
.sale-landing-footer h2 {
color: black;
font-size: 22px;
margin: 0;
}
.sale-landing-footer ul {
margin: 20px auto 0;
padding: 0;
width: auto;
text-align: center;
list-style: none;
display: flex;
justify-content: center;
}
.sale-landing-footer ul li {
flex: 1 1 1%;
float: left;
display: inline-block;
margin-right: 20px;
}
.sale-landing-footer ul li:last-child {
margin-right: 0;
}
.sale-landing-footer ul li a {
display: block;
height: 100%;
width: 100%;
background: white;
color: black;
text-align: center;
padding: 20px;
}
.landing-page__description {
padding: 30px 0;
}
.outlet {
padding: 0 0 40px 0;
}
.outlet__shop-by-size {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin: 0 0 60px 0;
}
.outlet__shop-by-size li {
list-style: none;
display: inline-block;
width: 130px;
height: 50px;
border: 2px solid #e30613;
text-align: center;
line-height: 50px;
margin: 10px 10px 5px 10px;
position: relative;
cursor: pointer;
transition: background 200ms ease;
}
.outlet__shop-by-size li a {
display: block;
}
.outlet__shop-by-size li:hover {
background: #e30613;
}
.outlet__shop-by-size li:hover a {
color: white;
}
.outlet__title {
text-align: center;
}
.geo-modal {
border: 1px solid black;
padding: 30px;
text-align: center;
}
.geo-modal p {
margin: 0 0 20px;
}
.geo-modal p:last-child {
margin-bottom: 0;
}
.geo-modal a {
text-decoration: none;
min-width: 190px;
}
#geo_modal .modal-close {
top: 20px;
right: 35px;
}
.newletter-unsubscribe {
padding: 20px 0;
}
.blackfriday p {
font-weight: bold;
letter-spacing: 1px;
}
.blackfriday .static-page {
text-align: center;
}
.blackfriday .page-header {
text-align: center;
}
.blackfriday .page-header h2 {
color: black;
letter-spacing: 1px;
font-size: 20px;
font-family: Arial, Helvetica, sans-serif;
}
.blackfriday .page-header--line {
border-bottom: 0;
}
.blackfriday .page-header--line h2 {
display: inline-block;
background: white;
padding: 5px 40px;
font-weight: bold;
}
.blackfriday .page-header--line hr {
margin-top: -23px;
}
.blackfriday-box {
background: black;
color: white;
text-align: center;
padding: 40px 0;
font-family: Arial, Helvetica, sans-serif;
}
.blackfriday-box h1 {
color: white;
font-size: 60px;
font-weight: bold;
letter-spacing: 5px;
line-height: 80px;
font-family: Arial, Helvetica, sans-serif;
}
.blackfriday-box p {
font-size: 15px;
}
.blackfriday-countdown {
text-align: center;
padding: 40px 0;
margin: 20px 0 0 0;
border: 2px solid black;
font-family: Arial, Helvetica, sans-serif;
}
.blackfriday-countdown p {
font-size: 15px;
}
.blackfriday-countdown .blackfriday-countdown__timer {
font-size: 60px;
font-weight: bold;
letter-spacing: 5px;
}
.blackfriday-newsletter {
padding: 40px 0;
margin: 20px 0 0 0;
background: black;
color: white;
}
.blackfriday-newsletter h3 {
color: white;
font-size: 35px;
font-weight: bold;
letter-spacing: 2px;
line-height: 80px;
font-family: Arial, Helvetica, sans-serif;
}
.blackfriday-newsletter form input {
text-align: center;
display: inline-block;
padding: 8px 40px;
min-width: 400px;
color: #333333;
font-weight: bold;
letter-spacing: 1px;
font-family: Arial, Helvetica, sans-serif;
}
.blackfriday-newsletter form input::-webkit-input-placeholder {
color: black;
}
.blackfriday-newsletter form input::-moz-placeholder {
color: black;
}
.blackfriday-newsletter form input:-ms-input-placeholder {
color: black;
}
.blackfriday-newsletter form input:-moz-placeholder {
color: black;
}
.blackfriday-newsletter form button {
display: inline-block;
min-width: 150px;
background: white;
color: black;
font-weight: bold;
border-radius: 0;
}
.blackfriday-newsletter form button:hover {
background: black;
color: white;
-webkit-transition: background 150ms linear;
-moz-transition: background 150ms linear;
-o-transition: background 150ms linear;
transition: background 150ms linear;
will-change: background color;
}
.blackfriday-newsletter .womens-btn,
.blackfriday-newsletter .mens-btn {
display: none !important;
}
.box-link {
border: 1px solid black;
display: flex;
padding: 10px;
margin-bottom: 20px;
color: black;
text-align: center;
transition: background 200ms ease-in-out;
will-change: background;
justify-content: center;
align-items: center;
}
.box-link.box-link--no-margin {
margin-bottom: 0;
}
.box-link:hover {
background-color: #efefef;
}
.bootstrap-img {
display: block;
width: 100%;
height: 100%;
min-height: 400px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.img-center .img-responsive {
margin: 0 auto;
}
.composition-information {
padding: 30px;
margin: -15px;
text-align: center;
position: relative;
background: #def1f5 url(/img/static/composition/composition.jpg) no-repeat center bottom;
}
.composition-information p {
padding-bottom: 170px;
}
.composition-information img {
position: fixed;
top: -50px;
left: -50px;
}
.composition-information h2 {
font-size: 30px;
}
.value-products {
display: block;
position: absolute;
background: whitesmoke;
z-index: 1;
top: 56px;
max-width: 100%;
min-width: 300px;
left: 0;
padding: 0;
border-radius: 0 6px 6px 6px;
margin: 0 15px;
border: 1px solid #e3e3e3;
box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
}
.value-products:empty {
display: none;
}
.value-products .aSearchHead {
display: none;
}
.value-products .product {
position: relative;
overflow: hidden;
border-bottom: 1px solid #e3e3e3;
padding: 10px;
cursor: pointer;
user-select: none;
}
.value-products .product:hover {
background-color: #eeeeee;
}
.value-products .product:last-child {
border-bottom: 0;
margin-bottom: 0;
}
.value-products .prodImg {
float: left;
margin-right: 10px;
}
.value-products .prodInfo {
float: left;
margin-bottom: 10px;
}
.value-products .prodInfo h2 {
margin: 0 0 5px;
font-size: 15px;
}
.value-products .prodInfo > div {
display: inline-block;
margin-right: 6px;
}
.value-promise h2 {
color: black;
font-size: 24px;
}
.value-promise p {
font-size: 15px;
}
.value-promise p.small {
font-size: 12px;
}
.value-promise .btn-default {
text-decoration: none;
padding: 10px 20px;
border-color: black;
border-radius: 1px;
font-size: 15px;
color: black;
}
.value-promise form {
border: 1px solid #e3e3e3;
padding: 20px;
}
.value-promise form input {
padding: 10px;
height: auto;
}
.value-promise form .form-group {
margin-bottom: 20px;
}
.value-promise form .form-group.required label:after {
content: '*';
display: inline-block;
padding-left: 6px;
}
.value-promise .ajaxRelated {
max-height: 400px;
overflow: scroll;
overflow-x: hidden;
}
.value-promise .loading {
background: url(/img/loader.svg) no-repeat center center;
background-size: 25px;
width: 100%;
height: 50px;
}
.value-promise-thankyou {
border: 1px solid black;
padding: 30px;
position: relative;
}
.value-promise-thankyou .logo img {
margin: 0 auto;
}
.value-promise-thankyou .text {
font-size: 30px;
margin: 60px 0;
}
.value-promise-thankyou .text-small {
margin: 20px 0;
}
.value-promise-thankyou .links a {
margin: 0 30px 20px;
min-width: 160px;
}
.value-promise-thankyou .btn-default {
text-decoration: none;
padding: 10px 20px;
border-color: black;
border-radius: 1px;
font-size: 15px;
color: black;
}
.thankyou-brand-banner {
margin-top: 20px;
}
.thankyou-brand-banner .panel {
border: none;
box-shadow: none;
}
.thankyou-brand-banner .panel .panel-body {
padding: 20px 0;
}
.brands-banner {
display: flex;
flex-direction: column;
align-items: center;
}
.brands-banner .brands-banner__title h3 {
color: black;
}
.brands-banner .brands-banner__container img {
transition: all 0.8s;
width: 100%;
max-width: 180px;
}
.brands-banner .brands-banner__container img:hover {
transition: all 0.5s;
transform: translateY(-10px);
}
.brands-banner .brands-banner__container {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-auto-rows: auto;
gap: 15px;
padding-top: 10px;
}
.brands-banner .brands-banner__container div {
align-self: center;
justify-self: center;
}
@media (max-width: 1199px) {
.thankyou-banners {
margin-top: 20px;
}
}
.thankyou-offer .panel-body {
padding-left: 0;
padding-right: 0;
}
@media (min-width: 767px) {
.row-eq-height {
display: flex;
}
}
@media (min-width: 991px) {
.align-md-vertical {
display: flex;
justify-content: center;
flex-direction: column;
}
}
@media (min-width: 991px) {
.row-md-flex {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex: 1 1 auto;
}
}
@media (max-width: 1199px) {
.gift-vouchers .step {
margin: 20px 0;
}
.geo-modal a {
margin-bottom: 10px;
padding: 10px 0;
}
.header-static--christmas h1 {
padding: 40px 0 0;
}
.header-static--christmas p {
padding: 0 0 20px;
}
}
.contact-us__catalogue {
margin: 60px auto;
}
.contact-us__catalogue-box {
max-width: 300px;
margin: 0 auto;
margin-left: auto !important;
margin-right: auto !important;
flex: 0 1 auto;
border: 1px solid #c7c7c7;
margin: 0 10px;
display: block;
flex-direction: column;
justify-content: center;
align-content: center;
position: relative;
}
.contact-us__catalogue-box a {
flex: 1;
height: 100%;
display: flex;
text-align: center;
flex-direction: column;
justify-content: flex-end;
align-content: flex-end;
padding: 0;
padding: 64px 20px;
}
.contact-us__catalogue-box svg {
height: 50px;
display: block;
margin: 0 auto 10px;
}
.contact-us__catalogue-box img {
width: 100%;
height: auto;
}
@media (max-width: 767px) {
.row-flex {
display: block;
}
.box-link.box-link--no-margin {
margin-bottom: 20px;
}
.landing-page .static-page h1 {
font-size: 30px;
}
.landing-page .static-page h1 span {
margin-bottom: -10px;
font-size: 30px;
line-height: 30px;
}
.landing-page .static-page p {
font-size: 15px;
}
.header-static {
background: none;
text-align: center;
height: auto;
padding: 20px;
margin: 0 0 20px;
background: #595959;
}
.header-static h1 {
padding: 0;
font-size: 28px;
}
.header-static p {
font-size: 18px;
margin: 0;
padding: 15px 0 0 0px;
}
.header-static--christmas {
padding: 0 15px;
background: url(/img/static/returns/christmas.jpg) repeat center top;
}
.header-static--christmas h1 {
padding: 40px 0 0;
}
.header-static--christmas p {
padding: 0 0 20px;
}
.margin-bottom-xs {
margin-bottom: 40px;
}
.social-page {
background-position: 20% 0;
}
.social-page__title {
top: 25px;
left: 50px;
}
.social-page__links {
top: 188px;
left: 67px;
}
.social-page__links li {
margin-bottom: 24px;
}
.gift-vouchers .gift-vouchers--header {
text-align: center;
min-height: initial;
}
.gift-vouchers .gift-vouchers--header img {
display: none;
}
.sale-landing-footer ul {
flex-wrap: wrap;
}
.sale-landing-footer ul li {
flex-basis: 45%;
margin: 0 10px 20px;
}
.sale-landing-footer ul li:nth-child(even) {
margin-right: 0;
}
.sale-landing h2 {
display: none;
}
.sale-landing__links {
border-color: #a01238;
}
.outlet-yellow .sale-landing__links {
border-color: #edd787;
}
.sale-landing__links ul {
flex-wrap: wrap;
width: 100%;
}
.sale-landing__links ul li {
flex-basis: 45%;
margin: 0 2.5% 10px;
}
.sale-landing__links ul li:first-child {
flex-basis: 100%;
}
.sale-landing__links ul li:last-child {
margin-right: 2.5%;
}
.sale-landing__links ul li strong {
font-size: 18px;
text-align: center;
width: 100%;
}
.sale-landing__links ul li a {
padding: 15px;
font-weight: bold;
}
.geo-modal a {
margin-bottom: 20px;
margin-bottom: 10px;
padding: 15px 0;
width: 100%;
min-width: initial;
}
.modal-dialog {
width: 100%;
}
.modal-message .modal-dialog {
margin: 20px auto;
}
.static-caring__content .row {
margin-bottom: 20px;
}
.blackfriday .page-header--line {
margin-top: 0;
}
.blackfriday .page-header--line h2 {
padding: 5px;
}
.blackfriday .page-header--line hr {
display: none;
}
.blackfriday-box h2 {
font-size: 30px;
line-height: 40px;
}
.blackfriday-countdown .blackfriday-countdown__timer {
font-size: 30px;
font-weight: bold;
letter-spacing: 5px;
}
.blackfriday-newsletter h3 {
color: white;
font-size: 30px;
line-height: 40px;
}
.blackfriday-newsletter form .form-group {
margin: 5px 15px 10px 15px;
}
.blackfriday-newsletter form input {
padding: 8px 0;
min-width: 100%;
}
.composition-information img {
position: relative;
top: 0;
left: 0;
margin: 0 auto 10px;
}
.header-sizing .tagline {
position: relative;
top: auto;
margin: 10px 0;
}
.rwd-table thead,
.rwd-table th {
display: none;
}
.rwd-table td.rwd-cell {
display: block;
}
.rwd-table td.rwd-cell:first-child {
padding-top: 0.5em;
}
.rwd-table td.rwd-cell:first-child:before {
display: block;
width: 100%;
}
.rwd-table td.rwd-cell:last-child {
padding-bottom: 0.5em;
}
.rwd-table td.rwd-cell:before {
content: attr(data-th) ": ";
font-weight: bold;
width: 3em;
display: inline-block;
}
.table-rotate th {
height: 140px;
white-space: nowrap;
}
.table-rotate th > div {
transform: translate(-6px, -6px) rotate(270deg);
width: 30px;
}
.value-products {
top: auto;
}
.value-products .prodImg {
width: 20%;
}
.value-products .prodInfo {
width: 70%;
}
}
.border-danger {
border: 1px solid #dc3545 !important;
}
.competition h1 {
color: #f42d6e;
font-size: 70px;
font-weight: bold;
font-family: hurme_geometric_sans_4bold;
margin: 0;
}
.competition h2 {
font-size: 28px;
font-weight: bold;
}
.competition h3 {
font-size: 18px;
font-weight: bold;
}
.competition .alert-danger {
color: white;
background: #a94442;
border: 0;
width: 100%;
text-align: center;
}
.competition .reg-page__form.mothers-day .btn {
background-color: #f42d6e !important;
}
.competition .reg-page__form .checkbox label {
line-height: 32px;
}
.competition .thank-you-banner {
background: #71565f;
padding: 30px 10%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
}
.competition .thank-you-banner h2 {
color: white;
font-size: 20px;
margin-bottom: 1em;
}
.competition .thank-you-banner h3 {
color: white;
margin-bottom: 1em;
}
.competition-text {
background-color: #64c192;
display: flex;
align-items: center;
}
.competition-complete {
position: relative;
text-align: center;
}
.competition-complete .competition-complete__text {
width: 100%;
color: white;
padding: 0 15px;
}
.competition-complete .competition-complete__text h2 {
color: white;
margin: 0;
}
.competition-complete .competition-complete__text h3 {
color: white;
margin: 0 0 10px 0;
}
.competition-complete .competition-complete__text .h3,
.competition-complete .competition-complete__text .h4 {
line-height: 30px;
}
.competition-complete .competition-complete__text .form-submit {
color: black;
background: white;
}
.competition-complete .competition-complete__text .form-submit:after {
color: black;
}
.competition-complete .competition-complete__text--bespoke {
bottom: auto;
top: 30%;
}
.competition-complete .competition-complete__text--bespoke h3 {
margin-bottom: 30px;
}
.competition-complete .competition-complete__text--bespoke padding {
margin-bottom: 30px;
}
.competition-finished {
background: #003f50;
padding: 50px 0;
margin: 0 0 50px;
}
.competition-finished .competition-finished__text {
font-weight: bold;
font-size: 20px;
margin-bottom: 40px;
color: white;
}
.competition-finished .form-submit {
color: black !important;
background: white !important;
}
.competition-finished .form-submit:after {
color: black !important;
}
.competition-finished--bespoke {
background: #8a2042;
}
.competition__terms {
padding: 20px 0;
}
.competition--fab h2 {
color: #d33b34;
}
.competition--fab .competition-complete {
background: #ff9c9b;
}
.competition--bakedin h1 {
color: #98c21d;
}
.competition--bakedin h2 {
color: #0063a4;
}
.competition--bakedin .form-submit {
background-color: #98c21d;
}
.competition--bakedin .competition-complete__text .form-submit {
background-color: white;
color: black;
}
.competition--bakedin .competition-complete__text .form-submit:after {
color: black;
}
.competition--bakedin .bg-competition {
background-color: #0063a4;
}
.competition--womensprize h2,
.competition--womensprize h1 {
color: #df625d;
}
.competition--womensprize .form-submit {
background-color: #df625d;
}
.competition--womensprize .competition-complete__text .form-submit {
background-color: white;
color: black;
}
.competition--womensprize .competition-complete__text .form-submit:after {
color: black;
}
.competition--womensprize .bg-competition {
background-color: #df625d;
}
.competition--forest {
margin: 20px 0;
}
.competition--forest h2,
.competition--forest h3 {
color: #d568a2;
}
.competition--forest .competition-complete {
background: #ff9c9b;
}
.competition--forest .competition-image {
padding: 60px 0 0 0;
}
.competition--forest .competition-complete-forest .form-group .btn {
background: white;
color: #333333;
}
.competition--forest .competition-complete-forest .form-group .btn:after {
color: #333333;
}
.competition--artist-residence h1,
.competition--artist-residence h3 {
color: #812332;
}
.competition--artist-residence .competition-complete__text {
padding: 30px;
bottom: 25%;
font-size: 20px;
}
.request-a-catalogue {
padding: 50px 0;
}
@media (max-width: 445px) {
.sale-landing-footer ul {
flex-wrap: wrap;
}
.sale-landing-footer ul li {
flex-basis: 100%;
margin: 0 0 20px;
}
}
@media (max-width: 767px) {
.alert-message {
width: 100%;
padding: 0 50px;
position: fixed;
top: 70px;
left: 0;
z-index: 1;
}
.competition .reg-page__form .checkbox .reg-page__form--checkbox-two-lines {
line-height: 16px;
}
}
@media (min-width: 768px) {
.sale-landing-footer ul li a {
padding: 12px;
}
.competition-form h2 span {
display: block;
margin-bottom: 10px;
}
.competition-complete .competition-complete__text--bespoke {
top: 25%;
}
.brands-banner .brands-banner__container {
grid-template-columns: repeat(10, 1fr);
gap: 26px;
}
}
@media (min-width: 992px) {
.sale-landing-footer ul li a {
padding: 20px;
}
.competition-complete .competition-complete__text--bespoke {
top: 35%;
}
}
@media (min-width: 1200px) {
.sale-landing-footer ul li a {
padding: 20px;
}
}
html.is-gd body {
font-family: 'EB Garamond', Arial;
}
html.is-gd .account-container .nav-tabs li a[aria-expanded="true"],
html.is-gd .account-container .nav-tabs li a:hover {
background-color: #22254f;
}
html.is-gd .breadcrumbs__back {
background: #5e5d5d;
}
html.is-gd .breadcrumbs__back:hover {
background: #22254f;
}
html.is-gd .btn-primary {
background-color: #5e5d5d;
border-color: #7e8285;
}
html.is-gd .btn-primary:hover,
html.is-gd .btn-primary:focus,
html.is-gd .btn-primary:active {
background-color: #22254f;
border-color: #22254f;
color: white;
}
html.is-gd .btn-primary.disabled:hover,
html.is-gd .btn-primary[disabled]:hover,
html.is-gd .btn-primary.disabled:focus,
html.is-gd .btn-primary[disabled]:focus,
html.is-gd .btn-primary.disabled:active,
html.is-gd .btn-primary[disabled]:active {
background-color: #13142b;
border-color: #13142b;
}
html.is-gd .read-more-reviews .read-more-reviews--link,
html.is-gd .read-less-reviews .read-less-reviews--link {
background-color: transparent;
}
html.is-gd .read-more-reviews .read-more-reviews--link:hover,
html.is-gd .read-less-reviews .read-less-reviews--link:hover {
color: black;
}
html.is-gd .form-group .btn,
html.is-gd .basket .btn,
html.is-gd .checkout .btn,
html.is-gd .checkout-login-reg .btn,
html.is-gd .checkout-thank-you .btn {
background: #5e5d5d;
}
html.is-gd .basket .btn-checkout {
background-color: #0ebe59;
}
html.is-gd .basket .btn-checkout:hover {
background-color: #0ebe59;
}
html.is-gd .basket .product-info__ymal .product-info__addtobag btn {
background: #5e5d5d;
}
html.is-gd .basket .product-info__ymal .product-info__addtobag btn:hover {
color: #22254f;
}
html.is-gd .basket__offer-code .btn,
html.is-gd .basket__gift-voucher .btn {
background: #5e5d5d;
}
html.is-gd .checkout .nav-tabs li.active a,
html.is-gd .checkout-login-reg .nav-tabs li.active a,
html.is-gd .checkout-process-payment .nav-tabs li.active a,
html.is-gd .checkout-thank-you .nav-tabs li.active a,
html.is-gd .checkout .nav-tabs li:hover a,
html.is-gd .checkout-login-reg .nav-tabs li:hover a,
html.is-gd .checkout-process-payment .nav-tabs li:hover a,
html.is-gd .checkout-thank-you .nav-tabs li:hover a {
background-color: transparent;
}
html.is-gd .checkout .nav-tabs li a,
html.is-gd .checkout-login-reg .nav-tabs li a,
html.is-gd .checkout-process-payment .nav-tabs li a,
html.is-gd .checkout-thank-you .nav-tabs li a {
background-color: #5e5d5d;
}
html.is-gd .reg-page__form .form-submit--invert,
html.is-gd .form-group .form-submit--invert,
html.is-gd .basket .form-submit--invert,
html.is-gd .checkout .form-submit--invert,
html.is-gd .checkout-login-reg .form-submit--invert,
html.is-gd .checkout-thank-you .form-submit--invert {
background-color: transparent;
}
html.is-gd .delivery-notice--qualify {
background: #5e5d5d;
}
html.is-gd .associated-product__add-to-bag button {
background-color: transparent;
}
html.is-gd .associated-product__add-to-bag button:hover,
html.is-gd .associated-product__add-to-bag button:focus,
html.is-gd .associated-product__add-to-bag button:active {
background: none;
color: black;
text-decoration: underline;
}
html.is-gd .delivery-address__full-address .btn:hover {
background: #22254f;
}
html.is-gd .delivery-promise__btn {
background: #22254f;
border-color: #22254f;
}
html.is-gd .product-info__options .product-option:hover,
html.is-gd .product-info__options .product-option:active {
background: #5e5d5d;
}
html.is-gd .filters-current__item--clear:hover {
background-color: #22254f;
}
html.is-gd .filter-group.open,
html.is-gd .filter-group:hover,
html.is-gd .filter-group:focus {
background: #22254f;
}
html.is-gd .filter-group.open .filter-group__heading,
html.is-gd .filter-group:hover .filter-group__heading,
html.is-gd .filter-group:focus .filter-group__heading,
html.is-gd .filter-group.open .filter-group__group-count,
html.is-gd .filter-group:hover .filter-group__group-count,
html.is-gd .filter-group:focus .filter-group__group-count {
background: #22254f;
}
html.is-gd .filter-group__heading:hover,
html.is-gd .filter-group__heading:focus {
background: #22254f;
}
html.is-gd .filter-group__close-btn {
background: #22254f;
}
html.is-gd footer {
background-color: #22254f;
}
html.is-gd .footer-social__newsletter button:hover {
background: #22254f;
}
html.is-gd .navbar-sub-links > li:hover a {
color: #5e5d5d;
}
html.is-gd .filter-done-button-wrap .btn,
html.is-gd .filters-current__item--clear .reg-page__form {
background-color: #5e5d5d;
}
html.is-gd .filter-done-button-wrap .btn:hover,
html.is-gd .filters-current__item--clear .reg-page__form:hover {
background-color: #5e5d5d;
}
html.is-gd .footer-social__newsletter button {
background-color: #5e5d5d;
}
html.is-gd .reg-page__form .btn:hover,
html.is-gd .form-group .btn:hover,
html.is-gd .basket .btn:hover,
html.is-gd .checkout .btn:hover,
html.is-gd .checkout-login-reg .btn:hover,
html.is-gd .checkout-thank-you .btn:hover {
background-color: #22254f;
}
html.is-gd .reg-page__form .form-submit:hover,
html.is-gd .form-group .form-submit:hover,
html.is-gd .basket .form-submit:hover,
html.is-gd .checkout .form-submit:hover,
html.is-gd .checkout-login-reg .form-submit:hover,
html.is-gd .checkout-thank-you .form-submit:hover {
background-color: #22254f;
}
html.is-gd .nav-dropdown-container--wishlist.wishlist-active #headerWishlistLink svg {
fill: #22254f;
}
html.is-gd .navbar-topnav .navbar-brand img {
max-width: 200px;
}
html.is-gd .product-info__addtobag .in-the-bag.btn {
background: #22254f;
}
html.is-gd .associated-product__swatches ul li.active a {
background-color: #5e5d5d;
}
html.is-gd .associated-product__swatches ul li a:hover {
background-color: #5e5d5d;
}
html.is-gd .product-info__attribute-tooltip {
background-color: #22254f;
}
html.is-gd .product-info__attribute-tooltip-arrow {
border-color: #22254f transparent transparent transparent;
}
html.is-gd .search-dropdown__close .btn.btn-search:hover {
background-color: #22254f;
}
html.is-gd .quick-basket.basket-active .header-basket-number svg {
fill: #22254f;
}
html.is-gd .zoom__message {
background: #5e5d5d;
}
html.is-gd .zoom__message:hover {
background: #22254f;
}
html.is-gd .navbar-logo {
height: auto;
width: 100px;
}
html.is-gd .dropdown__search {
flex-direction: row;
}
html.is-gd .quick-basket__checkout a {
background: #0ebe59;
}
@media (max-width: 767px) {
html.is-gd .navbar-main .navbar-brand img {
height: auto;
width: 100px;
}
html.is-gd navbar-main-links li .menu-state .chevron-plus,
html.is-gd navbar-main-links li .menu-state .chevron-minus {
line-height: 26px;
}
}
@media (min-width: 767px) {
html.is-gd #menu2.is_stuck .navbar-logo {
top: 5px;
}
}
@media (max-width: 1199px) {
html.is-gd .navbar-logo {
top: 5px;
}
}
html.is-sw body {
font-family: 'EB Garamond', Arial;
}
html.is-sw .account-container .nav-tabs li a[aria-expanded="true"],
html.is-sw .account-container .nav-tabs li a:hover {
background-color: #aac3e4;
}
html.is-sw .breadcrumbs__back {
background: #5e5d5d;
}
html.is-sw .breadcrumbs__back:hover {
background: #aac3e4;
}
html.is-sw .btn-primary {
background-color: #5e5d5d;
border-color: #7e8285;
}
html.is-sw .btn-primary:hover,
html.is-sw .btn-primary:focus,
html.is-sw .btn-primary:active {
background-color: #aac3e4;
border-color: #aac3e4;
color: white;
}
html.is-sw .btn-primary.disabled:hover,
html.is-sw .btn-primary[disabled]:hover,
html.is-sw .btn-primary.disabled:focus,
html.is-sw .btn-primary[disabled]:focus,
html.is-sw .btn-primary.disabled:active,
html.is-sw .btn-primary[disabled]:active {
background-color: #83a8d8;
border-color: #83a8d8;
}
html.is-sw .read-more-reviews .read-more-reviews--link,
html.is-sw .read-less-reviews .read-less-reviews--link {
background-color: transparent;
}
html.is-sw .read-more-reviews .read-more-reviews--link:hover,
html.is-sw .read-less-reviews .read-less-reviews--link:hover {
color: black;
}
html.is-sw .form-group .btn,
html.is-sw .basket .btn,
html.is-sw .checkout .btn,
html.is-sw .checkout-login-reg .btn,
html.is-sw .checkout-thank-you .btn {
background: #5e5d5d;
}
html.is-sw .basket .product-info__ymal .product-info__addtobag btn {
background: #5e5d5d;
}
html.is-sw .basket .product-info__ymal .product-info__addtobag btn:hover {
color: #aac3e4;
}
html.is-sw .basket__offer-code .btn,
html.is-sw .basket__gift-voucher .btn {
background: #5e5d5d;
}
html.is-sw .checkout .nav-tabs li.active a,
html.is-sw .checkout-login-reg .nav-tabs li.active a,
html.is-sw .checkout-process-payment .nav-tabs li.active a,
html.is-sw .checkout-thank-you .nav-tabs li.active a,
html.is-sw .checkout .nav-tabs li:hover a,
html.is-sw .checkout-login-reg .nav-tabs li:hover a,
html.is-sw .checkout-process-payment .nav-tabs li:hover a,
html.is-sw .checkout-thank-you .nav-tabs li:hover a {
background-color: transparent;
}
html.is-sw .checkout .nav-tabs li a,
html.is-sw .checkout-login-reg .nav-tabs li a,
html.is-sw .checkout-process-payment .nav-tabs li a,
html.is-sw .checkout-thank-you .nav-tabs li a {
background-color: #5e5d5d;
}
html.is-sw .reg-page__form .form-submit--invert,
html.is-sw .form-group .form-submit--invert,
html.is-sw .basket .form-submit--invert,
html.is-sw .checkout .form-submit--invert,
html.is-sw .checkout-login-reg .form-submit--invert,
html.is-sw .checkout-thank-you .form-submit--invert {
background-color: transparent;
}
html.is-sw .delivery-notice--qualify {
background: #5e5d5d;
}
html.is-sw .associated-product__add-to-bag button {
background-color: transparent;
}
html.is-sw .associated-product__add-to-bag button:hover,
html.is-sw .associated-product__add-to-bag button:focus,
html.is-sw .associated-product__add-to-bag button:active {
background: none;
color: black;
text-decoration: underline;
}
html.is-sw .delivery-address__full-address .btn:hover {
background: #aac3e4;
}
html.is-sw .delivery-promise__btn {
background: #aac3e4;
border-color: #aac3e4;
}
html.is-sw .product-info__options .product-option:hover,
html.is-sw .product-info__options .product-option:active {
background: #aac3e4;
}
html.is-sw .product-info__options .product-option.active {
background: #aac3e4;
}
html.is-sw .navbar-topnav .navbar-brand {
height: 80px;
align-items: center;
}
html.is-sw .navbar-topnav .navbar-brand img {
max-height: 80px;
}
html.is-sw .navbar-logo svg,
html.is-sw .navbar-logo img {
width: 200px;
max-height: 80px;
}
html.is-sw .nav-dropdown-container--wishlist.wishlist-active #headerWishlistLink svg {
fill: #aac3e4;
}
html.is-sw .product-info__attribute-tooltip {
background-color: #aac3e4;
}
html.is-sw .product-info__attribute-tooltip-arrow {
border-color: #aac3e4 transparent transparent transparent;
}
html.is-sw .search-dropdown__close .btn.btn-search:hover {
background-color: #aac3e4;
}
html.is-sw .navbar-sub-links > li:hover a {
color: #5e5d5d;
}
html.is-sw .filter-done-button-wrap .btn,
html.is-sw .filters-current__item--clear .reg-page__form {
background-color: #5e5d5d;
}
html.is-sw .filter-done-button-wrap .btn:hover,
html.is-sw .filters-current__item--clear .reg-page__form:hover {
background-color: #5e5d5d;
}
html.is-sw .footer-social__newsletter button {
background-color: #5e5d5d;
}
html.is-sw .reg-page__form .btn:hover,
html.is-sw .form-group .btn:hover,
html.is-sw .basket .btn:hover,
html.is-sw .checkout .btn:hover,
html.is-sw .checkout-login-reg .btn:hover,
html.is-sw .checkout-thank-you .btn:hover {
background-color: #aac3e4;
}
html.is-sw .reg-page__form .form-submit:hover,
html.is-sw .form-group .form-submit:hover,
html.is-sw .basket .form-submit:hover,
html.is-sw .checkout .form-submit:hover,
html.is-sw .checkout-login-reg .form-submit:hover,
html.is-sw .checkout-thank-you .form-submit:hover {
background-color: #aac3e4;
}
html.is-sw .listing-page-header {
background-color: #e1e6f0;
background-image: none;
}
html.is-sw .associated-product__swatches ul li.active a {
background-color: #aac3e4;
}
html.is-sw .associated-product__swatches ul li a:hover {
background-color: #aac3e4;
}
html.is-sw .filters-current__item--clear:hover {
background-color: #2c3483;
}
html.is-sw .filter-group.open,
html.is-sw .filter-group:hover,
html.is-sw .filter-group:focus {
background: #2c3483;
}
html.is-sw .filter-group.open .filter-group__heading,
html.is-sw .filter-group:hover .filter-group__heading,
html.is-sw .filter-group:focus .filter-group__heading,
html.is-sw .filter-group.open .filter-group__group-count,
html.is-sw .filter-group:hover .filter-group__group-count,
html.is-sw .filter-group:focus .filter-group__group-count {
background: #2c3483;
}
html.is-sw .filter-group__heading:hover,
html.is-sw .filter-group__heading:focus {
background: #2c3483;
}
html.is-sw .filter-group__close-btn {
background: #2c3483;
}
html.is-sw .product-info__addtobag .in-the-bag.btn {
background: #2c3483;
border-color: #2c3483;
}
html.is-sw .product-info__addtobag .in-the-bag.btn:hover {
border-color: #2c3483;
}
html.is-sw .quick-basket__item:hover {
background-color: #aac3e4;
}
html.is-sw .basket .btn-checkout {
background-color: #c35fab;
}
html.is-sw footer {
background-color: #aac3e4;
}
html.is-sw .footer-social,
html.is-sw .footer-nav {
background-color: #e1e6f0;
}
html.is-sw .footer-social__newsletter button:hover {
background: #aac3e4;
}
html.is-sw .quick-basket.basket-active .header-basket-number svg {
fill: #c35fab;
}
html.is-sw .nav-dropdown-container--wishlist.wishlist-active #headerWishlistLink svg {
fill: #c35fab;
}
html.is-sw .quick-basket__checkout a {
background: #c35fab;
}
html.is-sw .zoom__message {
background: #5e5d5d;
}
html.is-sw .zoom__message:hover {
background: #aac3e4;
}
html.is-sw .dropdown__search {
flex-direction: row;
}
@media (max-width: 767px) {
html.is-sw .navbar-main .navbar-brand img {
height: auto;
width: 140px;
margin: 17px 0;
}
html.is-sw .navbar-main-links li .menu-state .chevron-plus,
html.is-sw .navbar-main-links li .menu-state .chevron-minus {
line-height: 26px;
}
}
@media (min-width: 767px) {
html.is-sw #menu2 .navbar-logo {
width: 110px;
top: 32px;
}
}
/* Icon Hang */
@-webkit-keyframes hvr-icon-hang {
0% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
50% {
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
@keyframes hvr-icon-hang {
0% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
50% {
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
@-webkit-keyframes hvr-icon-hang-sink {
100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
@keyframes hvr-icon-hang-sink {
100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
.hvr-icon-hang {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-hang:before {
content: "\f078";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.hvr-icon-hang:hover:before,
.hvr-icon-hang:focus:before,
.hvr-icon-hang:active:before {
-webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
animation-name: hvr-icon-hang-sink, hvr-icon-hang;
-webkit-animation-duration: 0.3s, 1.5s;
animation-duration: 0.3s, 1.5s;
-webkit-animation-delay: 0s, 0.3s;
animation-delay: 0s, 0.3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
}
/*
* Owl Carousel - Animate Plugin
*/
.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/*
* Owl Carousel - Auto Height Plugin
*/
.owl-height {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
/*
* Core Owl Carousel CSS File
*/
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
display: none;
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
-webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
/* No Js */
.no-js .owl-carousel {
display: block;
}
/*
* Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
transform-style: preserve-3d;
}
/*
* Owl Carousel - Video Plugin
*/
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: black;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: scale 100ms ease;
-moz-transition: scale 100ms ease;
-ms-transition: scale 100ms ease;
-o-transition: scale 100ms ease;
transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transition: scale(1.3, 1.3);
-moz-transition: scale(1.3, 1.3);
-ms-transition: scale(1.3, 1.3);
-o-transition: scale(1.3, 1.3);
transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
}
/* Ion.RangeSlider
// css version 1.8.1
// by Denis Ineshin | ionden.com
// ===================================================================================================================*/
/* =====================================================================================================================
// RangeSlider */
.irs {
position: relative;
display: block;
}
.irs-line {
position: relative;
display: block;
overflow: hidden;
}
.irs-line-left,
.irs-line-mid,
.irs-line-right {
position: absolute;
display: block;
top: 0;
}
.irs-line-left {
left: 0;
width: 10%;
}
.irs-line-mid {
left: 10%;
width: 80%;
}
.irs-line-right {
right: 0;
width: 10%;
}
.irs-diapason {
position: absolute;
display: block;
left: 0;
width: 100%;
}
.irs-slider {
position: absolute;
display: block;
cursor: default;
z-index: 1;
}
.irs-slider.single {
left: 10px;
}
.irs-slider.single:before {
position: absolute;
display: block;
content: "";
top: -50%;
left: -100%;
width: 300%;
height: 200%;
background: transparent;
}
.irs-slider.from {
left: 100px;
}
.irs-slider.from:before {
position: absolute;
display: block;
content: "";
top: -50%;
left: -200%;
width: 300%;
height: 200%;
background: transparent;
}
.irs-slider.to {
left: 300px;
}
.irs-slider.to:before {
position: absolute;
display: block;
content: "";
top: -50%;
left: 0;
width: 300%;
height: 200%;
background: transparent;
}
.irs-slider.last {
z-index: 2;
}
.irs-min {
position: absolute;
display: block;
left: 0;
cursor: default;
}
.irs-max {
position: absolute;
display: block;
right: 0;
cursor: default;
}
.irs-from,
.irs-to,
.irs-single {
position: absolute;
display: block;
top: 0;
left: 0;
cursor: default;
white-space: nowrap;
}
.irs-grid {
position: absolute;
display: none;
bottom: 0;
left: 0;
width: 100%;
height: 20px;
}
.irs-with-grid .irs-grid {
display: block;
}
.irs-grid-pol {
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 8px;
background: black;
}
.irs-grid-pol.small {
height: 4px;
}
.irs-grid-text {
position: absolute;
bottom: 0;
left: 0;
width: 100px;
white-space: nowrap;
text-align: center;
font-size: 9px;
line-height: 9px;
color: black;
}
/* Ion.RangeSlider, Nice Skin
// css version 1.7.0
// by Denis Ineshin | ionden.com
// ===================================================================================================================*/
/* =====================================================================================================================
// Skin details */
.irs {
height: 40px;
margin: 8px 5px 0;
}
.irs-with-grid {
height: 60px;
}
.irs-line {
height: 5px;
top: 25px;
}
.irs-line-left {
height: 5px;
background-position: 0 -30px;
}
.irs-line-mid {
height: 5px;
background-position: 0 0;
}
.irs-line-right {
height: 5px;
background-position: 100% -30px;
}
.irs-diapason {
height: 5px;
top: 25px;
background-position: 0 -60px;
}
.irs-slider {
cursor: pointer;
width: 22px;
height: 22px;
top: 17px;
background-position: 0 -90px;
}
#irs-active-slider,
.irs-slider:hover {
background-position: 0 -120px;
}
.irs-min,
.irs-max {
color: #999999;
font-size: 10px;
line-height: 1.333;
text-shadow: none;
top: 0;
padding: 1px 3px;
border-radius: 3px;
}
.lt-ie9 .irs-min,
.lt-ie9 .irs-max {
background: #cccccc;
}
.irs-from,
.irs-to,
.irs-single {
color: black;
font-size: 10px;
line-height: 1.333;
text-shadow: none;
padding: 1px 5px;
border-radius: 3px;
}
.lt-ie9 .irs-from,
.lt-ie9 .irs-to,
.lt-ie9 .irs-single {
background: white;
}
.irs-grid-pol {
background: #99a4ac;
}
.irs-grid-text {
color: #99a4ac;
}
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}
.v-card {
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;
min-width: 0;
word-wrap: break-word;
background-color: white;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 0.125rem;
}
.v-card-body {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1.25rem;
}
.v-card-body:empty {
min-height: 90px;
}
.v-card-body:empty:after {
content: "+";
font-size: 59px;
font-weight: 300;
color: rgba(0, 0, 0, 0.3);
background-color: rgba(0, 0, 0, 0.075);
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.v-card-body:empty:hover:after {
cursor: pointer;
background-color: rgba(0, 0, 0, 0.1);
}
.v-card-text:last-child {
margin-bottom: 0;
}
.v-card-header,
.v-card-footer {
padding: 0.75rem 1.25rem;
margin-bottom: 0;
background-color: rgba(0, 0, 0, 0.1);
border-bottom: 0 solid transparent;
}
.v-card-header:first-child {
border-radius: calc(0.125rem) calc(0.125rem) 0 0;
}
.v-card-columns .v-card {
margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
.v-card-columns .v-card {
display: inline-block;
width: 100%;
}
}
.vybe-heading {
margin: 0;
}
.v-card-header-title {
margin: 0;
color: theme-color('dark');
}
.v-card-collapse {
position: relative;
}
.hovering .v-card-collapse .v-card-collapse__toggle,
.active .v-card-collapse .v-card-collapse__toggle {
opacity: 1;
visibility: visible;
}
.v-card-collapse .v-card-collapse__toggle {
font-size: 1.1rem;
font-weight: bold;
padding: 3px 4px;
letter-spacing: 0.5px;
position: absolute;
right: -3px;
bottom: calc(101%);
color: white;
background: #f06eaa;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border: 0;
display: inline-block;
opacity: 0;
visibility: hidden;
}
.v-card-collapse .v-card-header {
display: flex;
color: #495057;
}
.v-card-collapse .v-card-header:hover {
text-decoration: none;
}
.v-card-collapse .v-card-collapse-icon {
height: 12px;
width: 12px;
margin: 0 0 0 auto;
position: relative;
display: inline-block;
align-self: center;
overflow: hidden;
transform: rotate(360deg);
transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.v-card-collapse .v-card-collapse-icon:before,
.v-card-collapse .v-card-collapse-icon:after {
content: "";
height: 2px;
width: 100%;
background: #495057;
position: absolute;
top: 50%;
left: 50%;
transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.v-card-collapse .v-card-collapse-icon:before {
transform: translate3d(-50%, -50%, 0) rotate(0);
}
.v-card-collapse .v-card-collapse-icon:after {
transform: translate3d(-50%, -50%, 0) rotate(0);
}
.v-card-collapse .collapsed .v-card-collapse-icon {
transform: rotate(0);
}
.v-card-collapse .collapsed .v-card-collapse-icon:before {
transform: translate3d(-50%, -50%, 0) rotate(0);
}
.v-card-collapse .collapsed .v-card-collapse-icon:after {
transform: translate3d(-50%, -50%, 0) rotate(90deg);
}
.is-carousel-empty-check:empty:after {
content: "Drop a new slide here";
font-size: 22px;
min-height: 90px;
}
.is-carousel-empty-check:not(:empty) {
padding: 3px 18px;
background-color: rgba(0, 0, 0, 0.1);
}
.is-carousel-item-empty-check:empty:after {
content: "Empty Slide" !important;
}
.is-carousel-item-empty-check:not(:empty) {
padding: 0;
}
.cms-edit .v-carousel {
display: block;
}
.cms-edit .v-carousel .js-drop-point .is-carousel-empty-check:empty:after {
content: "Drop a new slide here";
font-size: 22px;
min-height: 90px;
}
.cms-edit .v-carousel .js-drop-point .is-carousel-empty-check:not(:empty) {
padding: 3px 18px;
background-color: rgba(0, 0, 0, 0.1);
}
.cms-edit .v-slide {
display: block;
width: 100%;
position: relative;
z-index: 1;
margin: 16px 0;
}
.cms-edit .v-slide .js-drop-point .is-carousel-empty-check:empty:after {
content: "Drop a new slide here";
font-size: 22px;
min-height: 90px;
}
.cms-edit .v-slide .js-drop-point .is-carousel-empty-check:not(:empty) {
padding: 3px 18px;
background-color: rgba(0, 0, 0, 0.1);
}
.v-carousel {
display: none;
width: 100%;
position: relative;
z-index: 1;
}
.v-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden;
}
.v-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.v-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px);
}
.v-carousel .owl-wrapper,
.v-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
}
.v-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.v-carousel .owl-item img {
display: block;
width: 100%;
}
.v-carousel .owl-nav.disabled,
.v-carousel .owl-dots.disabled {
display: none;
}
.v-carousel .owl-nav .owl-prev,
.v-carousel .owl-nav .owl-next,
.v-carousel .owl-dot {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.v-carousel .owl-nav button.owl-prev,
.v-carousel .owl-nav button.owl-next,
.v-carousel button.owl-dot {
background: none;
color: inherit;
border: none;
padding: 0 !important;
font: inherit;
}
.v-carousel.owl-loaded {
display: block;
}
.v-carousel.owl-loading {
opacity: 0;
display: block;
}
.v-carousel.owl-hidden {
opacity: 0;
}
.v-carousel.owl-refresh .owl-item {
visibility: hidden;
}
.v-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.v-carousel.owl-grab {
cursor: move;
cursor: grab;
}
.v-carousel.owl-rtl {
direction: rtl;
}
.v-carousel.owl-rtl .owl-item {
float: right;
}
.no-js .v-carousel {
display: block;
}
.v-carousel .animated {
animation-duration: 1000ms;
animation-fill-mode: both;
}
.v-carousel .owl-animated-in {
z-index: 0;
}
.v-carousel .owl-animated-out {
z-index: 1;
}
.v-carousel .fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.owl-height {
transition: height 500ms ease-in-out;
}
.v-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease;
}
.v-carousel .owl-item .owl-lazy[src^=""],
.v-carousel .owl-item .owl-lazy:not([src]) {
max-height: 0;
}
.v-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d;
}
.v-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: black;
}
.v-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
cursor: pointer;
z-index: 1;
transition: transform 100ms ease;
}
.v-carousel .owl-video-play-icon:hover {
transform: scale(1.3, 1.3);
}
.v-carousel .owl-video-playing .owl-video-tn,
.v-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.v-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease;
}
.v-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%;
}
.v-carousel .owl-nav {
margin-top: 10px;
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.v-carousel .owl-nav [class*='owl-'] {
color: white;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #d6d6d6;
display: inline-block;
cursor: pointer;
border-radius: 3px;
}
.v-carousel .owl-nav [class*='owl-']:focus {
outline: none;
}
.v-carousel .owl-nav [class*='owl-']:hover {
background: #869791;
color: white;
text-decoration: none;
}
.v-carousel .owl-nav .disabled {
opacity: 0.5;
cursor: default;
}
.v-carousel .owl-nav.disabled + .owl-dots {
margin-top: 10px;
}
.v-carousel .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.v-carousel .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline;
}
.v-carousel .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #d6d6d6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 200ms ease;
border-radius: 30px;
}
.v-carousel .owl-dots .owl-dot.active span,
.v-carousel .owl-dots .owl-dot:hover span {
background: #869791;
}
.v-d-none {
display: none !important;
}
.v-d-inline {
display: inline !important;
}
.v-d-inline-block {
display: inline-block !important;
}
.v-d-block {
display: block !important;
}
.v-d-table {
display: table !important;
}
.v-d-table-row {
display: table-row !important;
}
.v-d-table-cell {
display: table-cell !important;
}
.v-d-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.v-d-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
@media (min-width: 576px) {
.v-d-sm-none {
display: none !important;
}
.v-d-sm-inline {
display: inline !important;
}
.v-d-sm-inline-block {
display: inline-block !important;
}
.v-d-sm-block {
display: block !important;
}
.v-d-sm-table {
display: table !important;
}
.v-d-sm-table-row {
display: table-row !important;
}
.v-d-sm-table-cell {
display: table-cell !important;
}
.v-d-sm-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.v-d-sm-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.v-d-md-none {
display: none !important;
}
.v-d-md-inline {
display: inline !important;
}
.v-d-md-inline-block {
display: inline-block !important;
}
.v-d-md-block {
display: block !important;
}
.v-d-md-table {
display: table !important;
}
.v-d-md-table-row {
display: table-row !important;
}
.v-d-md-table-cell {
display: table-cell !important;
}
.v-d-md-flex,
.network-bar {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.v-d-md-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 992px) {
.v-d-lg-none {
display: none !important;
}
.v-d-lg-inline {
display: inline !important;
}
.v-d-lg-inline-block {
display: inline-block !important;
}
.v-d-lg-block {
display: block !important;
}
.v-d-lg-table {
display: table !important;
}
.v-d-lg-table-row {
display: table-row !important;
}
.v-d-lg-table-cell {
display: table-cell !important;
}
.v-d-lg-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.v-d-lg-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 1200px) {
.v-d-xl-none {
display: none !important;
}
.v-d-xl-inline {
display: inline !important;
}
.v-d-xl-inline-block {
display: inline-block !important;
}
.v-d-xl-block {
display: block !important;
}
.v-d-xl-table {
display: table !important;
}
.v-d-xl-table-row {
display: table-row !important;
}
.v-d-xl-table-cell {
display: table-cell !important;
}
.v-d-xl-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.v-d-xl-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 1600px) {
.v-d-xxl-none {
display: none !important;
}
.v-d-xxl-inline {
display: inline !important;
}
.v-d-xxl-inline-block {
display: inline-block !important;
}
.v-d-xxl-block {
display: block !important;
}
.v-d-xxl-table {
display: table !important;
}
.v-d-xxl-table-row {
display: table-row !important;
}
.v-d-xxl-table-cell {
display: table-cell !important;
}
.v-d-xxl-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.v-d-xxl-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media print {
.v-d-print-none {
display: none !important;
}
.v-d-print-inline {
display: inline !important;
}
.v-d-print-inline-block {
display: inline-block !important;
}
.v-d-print-block {
display: block !important;
}
.v-d-print-table {
display: table !important;
}
.v-d-print-table-row {
display: table-row !important;
}
.v-d-print-table-cell {
display: table-cell !important;
}
.v-d-print-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.v-d-print-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
.v-flex-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.v-flex-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.v-flex-row-reverse {
-webkit-box-orient: horizontal !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.v-flex-column-reverse,
.v-flex-row-reverse {
-webkit-box-direction: reverse !important;
}
.v-flex-column-reverse {
-webkit-box-orient: vertical !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.v-flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.v-flex-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.v-flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.v-flex-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.v-flex-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.v-flex-grow-1 {
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.v-flex-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.v-flex-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.v-justify-content-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.v-justify-content-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.v-justify-content-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.v-justify-content-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.v-justify-content-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.v-align-items-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.v-align-items-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.v-align-items-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.v-align-items-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.v-align-items-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.v-align-content-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.v-align-content-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.v-align-content-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.v-align-content-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.v-align-content-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.v-align-content-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.v-align-self-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.v-align-self-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.v-align-self-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.v-align-self-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.v-align-self-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.v-align-self-stretch,
.social-icon-set {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
@media (min-width: 576px) {
.v-flex-sm-row {
-webkit-box-orient: horizontal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.v-flex-sm-column,
.v-flex-sm-row {
-webkit-box-direction: normal !important;
}
.v-flex-sm-column {
-webkit-box-orient: vertical !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.v-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;
}
.v-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;
}
.v-flex-sm-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.v-flex-sm-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.v-flex-sm-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.v-flex-sm-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.v-flex-sm-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.v-flex-sm-grow-1 {
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.v-flex-sm-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.v-flex-sm-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.v-justify-content-sm-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.v-justify-content-sm-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.v-justify-content-sm-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.v-justify-content-sm-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.v-justify-content-sm-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.v-align-items-sm-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.v-align-items-sm-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.v-align-items-sm-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.v-align-items-sm-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.v-align-items-sm-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.v-align-content-sm-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.v-align-content-sm-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.v-align-content-sm-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.v-align-content-sm-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.v-align-content-sm-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.v-align-content-sm-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.v-align-self-sm-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.v-align-self-sm-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.v-align-self-sm-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.v-align-self-sm-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.v-align-self-sm-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.v-align-self-sm-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 768px) {
.v-flex-md-row {
-webkit-box-orient: horizontal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.v-flex-md-column,
.v-flex-md-row {
-webkit-box-direction: normal !important;
}
.v-flex-md-column {
-webkit-box-orient: vertical !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.v-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;
}
.v-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;
}
.v-flex-md-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.v-flex-md-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.v-flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.v-flex-md-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.v-flex-md-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.v-flex-md-grow-1 {
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.v-flex-md-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.v-flex-md-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.v-justify-content-md-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.v-justify-content-md-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.v-justify-content-md-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.v-justify-content-md-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.v-justify-content-md-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.v-align-items-md-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.v-align-items-md-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.v-align-items-md-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.v-align-items-md-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.v-align-items-md-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.v-align-content-md-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.v-align-content-md-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.v-align-content-md-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.v-align-content-md-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.v-align-content-md-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.v-align-content-md-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.v-align-self-md-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.v-align-self-md-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.v-align-self-md-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.v-align-self-md-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.v-align-self-md-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.v-align-self-md-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 992px) {
.v-flex-lg-row {
-webkit-box-orient: horizontal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.v-flex-lg-column,
.v-flex-lg-row {
-webkit-box-direction: normal !important;
}
.v-flex-lg-column {
-webkit-box-orient: vertical !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.v-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;
}
.v-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;
}
.v-flex-lg-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.v-flex-lg-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.v-flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.v-flex-lg-fill,
.menu__links > * > a,
.menu__links > a {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.v-flex-lg-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.v-flex-lg-grow-1 {
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.v-flex-lg-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.v-flex-lg-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.v-justify-content-lg-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.v-justify-content-lg-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.v-justify-content-lg-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.v-justify-content-lg-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.v-justify-content-lg-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.v-align-items-lg-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.v-align-items-lg-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.v-align-items-lg-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.v-align-items-lg-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.v-align-items-lg-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.v-align-content-lg-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.v-align-content-lg-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.v-align-content-lg-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.v-align-content-lg-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.v-align-content-lg-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.v-align-content-lg-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.v-align-self-lg-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.v-align-self-lg-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.v-align-self-lg-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.v-align-self-lg-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.v-align-self-lg-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.v-align-self-lg-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 1200px) {
.v-flex-xl-row {
-webkit-box-orient: horizontal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.v-flex-xl-column,
.v-flex-xl-row {
-webkit-box-direction: normal !important;
}
.v-flex-xl-column {
-webkit-box-orient: vertical !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.v-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;
}
.v-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;
}
.v-flex-xl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.v-flex-xl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.v-flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.v-flex-xl-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.v-flex-xl-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.v-flex-xl-grow-1 {
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.v-flex-xl-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.v-flex-xl-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.v-justify-content-xl-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.v-justify-content-xl-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.v-justify-content-xl-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.v-justify-content-xl-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.v-justify-content-xl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.v-align-items-xl-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.v-align-items-xl-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.v-align-items-xl-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.v-align-items-xl-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.v-align-items-xl-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.v-align-content-xl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.v-align-content-xl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.v-align-content-xl-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.v-align-content-xl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.v-align-content-xl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.v-align-content-xl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.v-align-self-xl-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.v-align-self-xl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.v-align-self-xl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.v-align-self-xl-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.v-align-self-xl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.v-align-self-xl-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 1600px) {
.v-flex-xxl-row {
-webkit-box-orient: horizontal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.v-flex-xxl-column,
.v-flex-xxl-row {
-webkit-box-direction: normal !important;
}
.v-flex-xxl-column {
-webkit-box-orient: vertical !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.v-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;
}
.v-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;
}
.v-flex-xxl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.v-flex-xxl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.v-flex-xxl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.v-flex-xxl-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.v-flex-xxl-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.v-flex-xxl-grow-1 {
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.v-flex-xxl-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.v-flex-xxl-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.v-justify-content-xxl-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.v-justify-content-xxl-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.v-justify-content-xxl-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.v-justify-content-xxl-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.v-justify-content-xxl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.v-align-items-xxl-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.v-align-items-xxl-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.v-align-items-xxl-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.v-align-items-xxl-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.v-align-items-xxl-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.v-align-content-xxl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.v-align-content-xxl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.v-align-content-xxl-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.v-align-content-xxl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.v-align-content-xxl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.v-align-content-xxl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.v-align-self-xxl-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.v-align-self-xxl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.v-align-self-xxl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.v-align-self-xxl-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.v-align-self-xxl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.v-align-self-xxl-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
.v-font-family-arial {
font-family: Arial !important;
}
.v-font-weight-light {
font-weight: lighter !important;
}
.v-font-weight-normal {
font-weight: normal !important;
}
.v-font-weight-bold {
font-weight: bold !important;
}
.v-font-style-italic {
font-style: italic !important;
}
.v-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.v-no-gutters {
margin-right: 0;
margin-left: 0;
}
.v-no-gutters > .v-col,
.v-no-gutters > [class*=v-col-] {
padding-right: 0;
padding-left: 0;
}
.v-col,
.v-col-1,
.v-col-2,
.v-col-3,
.v-col-4,
.v-col-5,
.v-col-6,
.v-col-7,
.v-col-8,
.v-col-9,
.v-col-10,
.v-col-11,
.v-col-12,
.v-col-auto,
.v-col-lg,
.v-col-lg-1,
.v-col-lg-2,
.v-col-lg-3,
.v-col-lg-4,
.v-col-lg-5,
.v-col-lg-6,
.v-col-lg-7,
.v-col-lg-8,
.v-col-lg-9,
.v-col-lg-10,
.v-col-lg-11,
.v-col-lg-12,
.v-col-lg-auto,
.v-col-md,
.v-col-md-1,
.v-col-md-2,
.v-col-md-3,
.v-col-md-4,
.v-col-md-5,
.v-col-md-6,
.v-col-md-7,
.v-col-md-8,
.v-col-md-9,
.v-col-md-10,
.v-col-md-11,
.v-col-md-12,
.v-col-md-auto,
.v-col-sm,
.v-col-sm-1,
.v-col-sm-2,
.v-col-sm-3,
.v-col-sm-4,
.v-col-sm-5,
.v-col-sm-6,
.v-col-sm-7,
.v-col-sm-8,
.v-col-sm-9,
.v-col-sm-10,
.v-col-sm-11,
.v-col-sm-12,
.v-col-sm-auto,
.v-col-xl,
.v-col-xl-1,
.v-col-xl-2,
.v-col-xl-3,
.v-col-xl-4,
.v-col-xl-5,
.v-col-xl-6,
.v-col-xl-7,
.v-col-xl-8,
.v-col-xl-9,
.v-col-xl-10,
.v-col-xl-11,
.v-col-xl-12,
.v-col-xl-auto,
.v-col-xxl,
.v-col-xxl-1,
.v-col-xxl-2,
.v-col-xxl-3,
.v-col-xxl-4,
.v-col-xxl-5,
.v-col-xxl-6,
.v-col-xxl-7,
.v-col-xxl-8,
.v-col-xxl-9,
.v-col-xxl-10,
.v-col-xxl-11,
.v-col-xxl-12,
.v-col-xxl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.v-col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.v-col-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.v-col-1,
.v-col-auto {
-webkit-box-flex: 0;
}
.v-col-1 {
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.v-col-2 {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.v-col-2,
.v-col-3 {
-webkit-box-flex: 0;
}
.v-col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.v-col-4 {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.v-col-4,
.v-col-5 {
-webkit-box-flex: 0;
}
.v-col-5 {
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.v-col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.v-col-6,
.v-col-7 {
-webkit-box-flex: 0;
}
.v-col-7 {
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.v-col-8 {
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.v-col-8,
.v-col-9 {
-webkit-box-flex: 0;
}
.v-col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.v-col-10 {
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.v-col-10,
.v-col-11 {
-webkit-box-flex: 0;
}
.v-col-11 {
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.v-col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.v-order-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.v-order-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.v-order-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.v-order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.v-order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.v-order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.v-order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.v-order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.v-order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.v-order-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.v-order-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.v-order-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.v-order-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.v-order-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.v-order-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.v-offset-1 {
margin-left: 8.33333%;
}
.v-offset-2 {
margin-left: 16.66667%;
}
.v-offset-3 {
margin-left: 25%;
}
.v-offset-4 {
margin-left: 33.33333%;
}
.v-offset-5 {
margin-left: 41.66667%;
}
.v-offset-6 {
margin-left: 50%;
}
.v-offset-7 {
margin-left: 58.33333%;
}
.v-offset-8 {
margin-left: 66.66667%;
}
.v-offset-9 {
margin-left: 75%;
}
.v-offset-10 {
margin-left: 83.33333%;
}
.v-offset-11 {
margin-left: 91.66667%;
}
@media (min-width: 576px) {
.v-col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.v-col-sm-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.v-col-sm-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.v-col-sm-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.v-col-sm-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.v-col-sm-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.v-col-sm-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.v-col-sm-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.v-col-sm-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.v-col-sm-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.v-col-sm-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.v-col-sm-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.v-col-sm-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.v-col-sm-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.v-order-sm-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.v-order-sm-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.v-order-sm-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.v-order-sm-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.v-order-sm-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.v-order-sm-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.v-order-sm-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.v-order-sm-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.v-order-sm-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.v-order-sm-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.v-order-sm-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.v-order-sm-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.v-order-sm-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.v-order-sm-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.v-order-sm-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.v-offset-sm-0 {
margin-left: 0;
}
.v-offset-sm-1 {
margin-left: 8.33333%;
}
.v-offset-sm-2 {
margin-left: 16.66667%;
}
.v-offset-sm-3 {
margin-left: 25%;
}
.v-offset-sm-4 {
margin-left: 33.33333%;
}
.v-offset-sm-5 {
margin-left: 41.66667%;
}
.v-offset-sm-6 {
margin-left: 50%;
}
.v-offset-sm-7 {
margin-left: 58.33333%;
}
.v-offset-sm-8 {
margin-left: 66.66667%;
}
.v-offset-sm-9 {
margin-left: 75%;
}
.v-offset-sm-10 {
margin-left: 83.33333%;
}
.v-offset-sm-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 768px) {
.v-col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.v-col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.v-col-md-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.v-col-md-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.v-col-md-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.v-col-md-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.v-col-md-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.v-col-md-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.v-col-md-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.v-col-md-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.v-col-md-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.v-col-md-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.v-col-md-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.v-col-md-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.v-order-md-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.v-order-md-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.v-order-md-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.v-order-md-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.v-order-md-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.v-order-md-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.v-order-md-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.v-order-md-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.v-order-md-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.v-order-md-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.v-order-md-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.v-order-md-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.v-order-md-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.v-order-md-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.v-order-md-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.v-offset-md-0 {
margin-left: 0;
}
.v-offset-md-1 {
margin-left: 8.33333%;
}
.v-offset-md-2 {
margin-left: 16.66667%;
}
.v-offset-md-3 {
margin-left: 25%;
}
.v-offset-md-4 {
margin-left: 33.33333%;
}
.v-offset-md-5 {
margin-left: 41.66667%;
}
.v-offset-md-6 {
margin-left: 50%;
}
.v-offset-md-7 {
margin-left: 58.33333%;
}
.v-offset-md-8 {
margin-left: 66.66667%;
}
.v-offset-md-9 {
margin-left: 75%;
}
.v-offset-md-10 {
margin-left: 83.33333%;
}
.v-offset-md-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 992px) {
.v-col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.v-col-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.v-col-lg-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.v-col-lg-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.v-col-lg-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.v-col-lg-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.v-col-lg-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.v-col-lg-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.v-col-lg-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.v-col-lg-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.v-col-lg-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.v-col-lg-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.v-col-lg-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.v-col-lg-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.v-order-lg-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.v-order-lg-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.v-order-lg-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.v-order-lg-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.v-order-lg-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.v-order-lg-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.v-order-lg-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.v-order-lg-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.v-order-lg-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.v-order-lg-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.v-order-lg-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.v-order-lg-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.v-order-lg-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.v-order-lg-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.v-order-lg-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.v-offset-lg-0 {
margin-left: 0;
}
.v-offset-lg-1 {
margin-left: 8.33333%;
}
.v-offset-lg-2 {
margin-left: 16.66667%;
}
.v-offset-lg-3 {
margin-left: 25%;
}
.v-offset-lg-4 {
margin-left: 33.33333%;
}
.v-offset-lg-5 {
margin-left: 41.66667%;
}
.v-offset-lg-6 {
margin-left: 50%;
}
.v-offset-lg-7 {
margin-left: 58.33333%;
}
.v-offset-lg-8 {
margin-left: 66.66667%;
}
.v-offset-lg-9 {
margin-left: 75%;
}
.v-offset-lg-10 {
margin-left: 83.33333%;
}
.v-offset-lg-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1200px) {
.v-col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.v-col-xl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.v-col-xl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.v-col-xl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.v-col-xl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.v-col-xl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.v-col-xl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.v-col-xl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.v-col-xl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.v-col-xl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.v-col-xl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.v-col-xl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.v-col-xl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.v-col-xl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.v-order-xl-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.v-order-xl-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.v-order-xl-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.v-order-xl-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.v-order-xl-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.v-order-xl-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.v-order-xl-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.v-order-xl-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.v-order-xl-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.v-order-xl-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.v-order-xl-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.v-order-xl-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.v-order-xl-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.v-order-xl-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.v-order-xl-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.v-offset-xl-0 {
margin-left: 0;
}
.v-offset-xl-1 {
margin-left: 8.33333%;
}
.v-offset-xl-2 {
margin-left: 16.66667%;
}
.v-offset-xl-3 {
margin-left: 25%;
}
.v-offset-xl-4 {
margin-left: 33.33333%;
}
.v-offset-xl-5 {
margin-left: 41.66667%;
}
.v-offset-xl-6 {
margin-left: 50%;
}
.v-offset-xl-7 {
margin-left: 58.33333%;
}
.v-offset-xl-8 {
margin-left: 66.66667%;
}
.v-offset-xl-9 {
margin-left: 75%;
}
.v-offset-xl-10 {
margin-left: 83.33333%;
}
.v-offset-xl-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1600px) {
.v-col-xxl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.v-col-xxl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.v-col-xxl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.v-col-xxl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.v-col-xxl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.v-col-xxl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.v-col-xxl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.v-col-xxl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.v-col-xxl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.v-col-xxl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.v-col-xxl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.v-col-xxl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.v-col-xxl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.v-col-xxl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.v-order-xxl-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.v-order-xxl-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.v-order-xxl-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.v-order-xxl-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.v-order-xxl-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.v-order-xxl-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.v-order-xxl-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.v-order-xxl-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.v-order-xxl-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.v-order-xxl-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.v-order-xxl-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.v-order-xxl-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.v-order-xxl-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.v-order-xxl-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.v-order-xxl-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.v-offset-xxl-0 {
margin-left: 0;
}
.v-offset-xxl-1 {
margin-left: 8.33333%;
}
.v-offset-xxl-2 {
margin-left: 16.66667%;
}
.v-offset-xxl-3 {
margin-left: 25%;
}
.v-offset-xxl-4 {
margin-left: 33.33333%;
}
.v-offset-xxl-5 {
margin-left: 41.66667%;
}
.v-offset-xxl-6 {
margin-left: 50%;
}
.v-offset-xxl-7 {
margin-left: 58.33333%;
}
.v-offset-xxl-8 {
margin-left: 66.66667%;
}
.v-offset-xxl-9 {
margin-left: 75%;
}
.v-offset-xxl-10 {
margin-left: 83.33333%;
}
.v-offset-xxl-11 {
margin-left: 91.66667%;
}
}
.vybe-heading {
margin: 0;
}
img[src="/temp/placeholder.png"] {
margin: 0 auto;
}
area:active,
area:focus {
outline: 0;
}
.v-overflow-visible {
overflow: visible !important;
}
.v-overflow-auto {
overflow: auto !important;
}
.v-overflow-hidden {
overflow: hidden !important;
}
.v-overflow-scroll {
overflow: scroll !important;
}
.v-overflow-x-scroll {
overflow-x: scroll !important;
}
.v-overflow-y-scroll {
overflow-y: scroll !important;
}
.v-overflow-auto {
overflow: scroll !important;
}
.v-overflow-x-auto {
overflow-x: auto !important;
}
.v-overflow-y-auto {
overflow-y: auto !important;
}
.v-m-0 {
margin: 0 !important;
}
.v-mt-0,
.v-my-0 {
margin-top: 0 !important;
}
.v-mr-0,
.v-mx-0 {
margin-right: 0 !important;
}
.v-mb-0,
.v-my-0 {
margin-bottom: 0 !important;
}
.v-ml-0,
.v-mx-0 {
margin-left: 0 !important;
}
.v-m-1 {
margin: 4px !important;
}
.v-mt-1,
.v-my-1 {
margin-top: 4px !important;
}
.v-mr-1,
.v-mx-1 {
margin-right: 4px !important;
}
.v-mb-1,
.v-my-1 {
margin-bottom: 4px !important;
}
.v-ml-1,
.v-mx-1 {
margin-left: 4px !important;
}
.v-m-2 {
margin: 8px !important;
}
.v-mt-2,
.v-my-2 {
margin-top: 8px !important;
}
.v-mr-2,
.v-mx-2 {
margin-right: 8px !important;
}
.v-mb-2,
.v-my-2 {
margin-bottom: 8px !important;
}
.v-ml-2,
.v-mx-2 {
margin-left: 8px !important;
}
.v-m-3 {
margin: 16px !important;
}
.v-mt-3,
.v-my-3 {
margin-top: 16px !important;
}
.v-mr-3,
.v-mx-3 {
margin-right: 16px !important;
}
.v-mb-3,
.v-my-3 {
margin-bottom: 16px !important;
}
.v-ml-3,
.v-mx-3 {
margin-left: 16px !important;
}
.v-m-4 {
margin: 24px !important;
}
.v-mt-4,
.v-my-4 {
margin-top: 24px !important;
}
.v-mr-4,
.v-mx-4 {
margin-right: 24px !important;
}
.v-mb-4,
.v-my-4 {
margin-bottom: 24px !important;
}
.v-ml-4,
.v-mx-4 {
margin-left: 24px !important;
}
.v-m-5 {
margin: 48px !important;
}
.v-mt-5,
.v-my-5 {
margin-top: 48px !important;
}
.v-mr-5,
.v-mx-5 {
margin-right: 48px !important;
}
.v-mb-5,
.v-my-5 {
margin-bottom: 48px !important;
}
.v-ml-5,
.v-mx-5 {
margin-left: 48px !important;
}
.v-p-0 {
padding: 0 !important;
}
.v-pt-0,
.v-py-0 {
padding-top: 0 !important;
}
.v-pr-0,
.v-px-0 {
padding-right: 0 !important;
}
.v-pb-0,
.v-py-0 {
padding-bottom: 0 !important;
}
.v-pl-0,
.v-px-0 {
padding-left: 0 !important;
}
.v-p-1 {
padding: 4px !important;
}
.v-pt-1,
.v-py-1 {
padding-top: 4px !important;
}
.v-pr-1,
.v-px-1 {
padding-right: 4px !important;
}
.v-pb-1,
.v-py-1 {
padding-bottom: 4px !important;
}
.v-pl-1,
.v-px-1 {
padding-left: 4px !important;
}
.v-p-2 {
padding: 8px !important;
}
.v-pt-2,
.v-py-2 {
padding-top: 8px !important;
}
.v-pr-2,
.v-px-2 {
padding-right: 8px !important;
}
.v-pb-2,
.v-py-2 {
padding-bottom: 8px !important;
}
.v-pl-2,
.v-px-2 {
padding-left: 8px !important;
}
.v-p-3 {
padding: 16px !important;
}
.v-pt-3,
.v-py-3 {
padding-top: 16px !important;
}
.v-pr-3,
.v-px-3 {
padding-right: 16px !important;
}
.v-pb-3,
.v-py-3 {
padding-bottom: 16px !important;
}
.v-pl-3,
.v-px-3 {
padding-left: 16px !important;
}
.v-p-4 {
padding: 24px !important;
}
.v-pt-4,
.v-py-4 {
padding-top: 24px !important;
}
.v-pr-4,
.v-px-4 {
padding-right: 24px !important;
}
.v-pb-4,
.v-py-4 {
padding-bottom: 24px !important;
}
.v-pl-4,
.v-px-4 {
padding-left: 24px !important;
}
.v-p-5 {
padding: 48px !important;
}
.v-pt-5,
.v-py-5 {
padding-top: 48px !important;
}
.v-pr-5,
.v-px-5 {
padding-right: 48px !important;
}
.v-pb-5,
.v-py-5 {
padding-bottom: 48px !important;
}
.v-pl-5,
.v-px-5 {
padding-left: 48px !important;
}
.v-m-auto {
margin: auto !important;
}
.v-mt-auto,
.v-my-auto {
margin-top: auto !important;
}
.v-mr-auto,
.v-mx-auto {
margin-right: auto !important;
}
.v-mb-auto,
.v-my-auto {
margin-bottom: auto !important;
}
.v-ml-auto,
.v-mx-auto {
margin-left: auto !important;
}
@media (min-width: 768px) {
.v-m-sm-0 {
margin: 0 !important;
}
.v-mt-sm-0,
.v-my-sm-0 {
margin-top: 0 !important;
}
.v-mr-sm-0,
.v-mx-sm-0 {
margin-right: 0 !important;
}
.v-mb-sm-0,
.v-my-sm-0 {
margin-bottom: 0 !important;
}
.v-ml-sm-0,
.v-mx-sm-0 {
margin-left: 0 !important;
}
.v-m-sm-1 {
margin: 4px !important;
}
.v-mt-sm-1,
.v-my-sm-1 {
margin-top: 4px !important;
}
.v-mr-sm-1,
.v-mx-sm-1 {
margin-right: 4px !important;
}
.v-mb-sm-1,
.v-my-sm-1 {
margin-bottom: 4px !important;
}
.v-ml-sm-1,
.v-mx-sm-1 {
margin-left: 4px !important;
}
.v-m-sm-2 {
margin: 8px !important;
}
.v-mt-sm-2,
.v-my-sm-2 {
margin-top: 8px !important;
}
.v-mr-sm-2,
.v-mx-sm-2 {
margin-right: 8px !important;
}
.v-mb-sm-2,
.v-my-sm-2 {
margin-bottom: 8px !important;
}
.v-ml-sm-2,
.v-mx-sm-2 {
margin-left: 8px !important;
}
.v-m-sm-3 {
margin: 16px !important;
}
.v-mt-sm-3,
.v-my-sm-3 {
margin-top: 16px !important;
}
.v-mr-sm-3,
.v-mx-sm-3 {
margin-right: 16px !important;
}
.v-mb-sm-3,
.v-my-sm-3 {
margin-bottom: 16px !important;
}
.v-ml-sm-3,
.v-mx-sm-3 {
margin-left: 16px !important;
}
.v-m-sm-4 {
margin: 24px !important;
}
.v-mt-sm-4,
.v-my-sm-4 {
margin-top: 24px !important;
}
.v-mr-sm-4,
.v-mx-sm-4 {
margin-right: 24px !important;
}
.v-mb-sm-4,
.v-my-sm-4 {
margin-bottom: 24px !important;
}
.v-ml-sm-4,
.v-mx-sm-4 {
margin-left: 24px !important;
}
.v-m-sm-5 {
margin: 48px !important;
}
.v-mt-sm-5,
.v-my-sm-5 {
margin-top: 48px !important;
}
.v-mr-sm-5,
.v-mx-sm-5 {
margin-right: 48px !important;
}
.v-mb-sm-5,
.v-my-sm-5 {
margin-bottom: 48px !important;
}
.v-ml-sm-5,
.v-mx-sm-5 {
margin-left: 48px !important;
}
.v-p-sm-0 {
padding: 0 !important;
}
.v-pt-sm-0,
.v-py-sm-0 {
padding-top: 0 !important;
}
.v-pr-sm-0,
.v-px-sm-0 {
padding-right: 0 !important;
}
.v-pb-sm-0,
.v-py-sm-0 {
padding-bottom: 0 !important;
}
.v-pl-sm-0,
.v-px-sm-0 {
padding-left: 0 !important;
}
.v-p-sm-1 {
padding: 4px !important;
}
.v-pt-sm-1,
.v-py-sm-1 {
padding-top: 4px !important;
}
.v-pr-sm-1,
.v-px-sm-1 {
padding-right: 4px !important;
}
.v-pb-sm-1,
.v-py-sm-1 {
padding-bottom: 4px !important;
}
.v-pl-sm-1,
.v-px-sm-1 {
padding-left: 4px !important;
}
.v-p-sm-2 {
padding: 8px !important;
}
.v-pt-sm-2,
.v-py-sm-2 {
padding-top: 8px !important;
}
.v-pr-sm-2,
.v-px-sm-2 {
padding-right: 8px !important;
}
.v-pb-sm-2,
.v-py-sm-2 {
padding-bottom: 8px !important;
}
.v-pl-sm-2,
.v-px-sm-2 {
padding-left: 8px !important;
}
.v-p-sm-3 {
padding: 16px !important;
}
.v-pt-sm-3,
.v-py-sm-3 {
padding-top: 16px !important;
}
.v-pr-sm-3,
.v-px-sm-3 {
padding-right: 16px !important;
}
.v-pb-sm-3,
.v-py-sm-3 {
padding-bottom: 16px !important;
}
.v-pl-sm-3,
.v-px-sm-3 {
padding-left: 16px !important;
}
.v-p-sm-4 {
padding: 24px !important;
}
.v-pt-sm-4,
.v-py-sm-4 {
padding-top: 24px !important;
}
.v-pr-sm-4,
.v-px-sm-4 {
padding-right: 24px !important;
}
.v-pb-sm-4,
.v-py-sm-4 {
padding-bottom: 24px !important;
}
.v-pl-sm-4,
.v-px-sm-4 {
padding-left: 24px !important;
}
.v-p-sm-5 {
padding: 48px !important;
}
.v-pt-sm-5,
.v-py-sm-5 {
padding-top: 48px !important;
}
.v-pr-sm-5,
.v-px-sm-5 {
padding-right: 48px !important;
}
.v-pb-sm-5,
.v-py-sm-5 {
padding-bottom: 48px !important;
}
.v-pl-sm-5,
.v-px-sm-5 {
padding-left: 48px !important;
}
.v-m-sm-auto {
margin: auto !important;
}
.v-mt-sm-auto,
.v-my-sm-auto {
margin-top: auto !important;
}
.v-mr-sm-auto,
.v-mx-sm-auto {
margin-right: auto !important;
}
.v-mb-sm-auto,
.v-my-sm-auto {
margin-bottom: auto !important;
}
.v-ml-sm-auto,
.v-mx-sm-auto {
margin-left: auto !important;
}
}
@media (min-width: 992px) {
.v-m-md-0 {
margin: 0 !important;
}
.v-mt-md-0,
.v-my-md-0 {
margin-top: 0 !important;
}
.v-mr-md-0,
.v-mx-md-0 {
margin-right: 0 !important;
}
.v-mb-md-0,
.v-my-md-0 {
margin-bottom: 0 !important;
}
.v-ml-md-0,
.v-mx-md-0 {
margin-left: 0 !important;
}
.v-m-md-1 {
margin: 4px !important;
}
.v-mt-md-1,
.v-my-md-1 {
margin-top: 4px !important;
}
.v-mr-md-1,
.v-mx-md-1 {
margin-right: 4px !important;
}
.v-mb-md-1,
.v-my-md-1 {
margin-bottom: 4px !important;
}
.v-ml-md-1,
.v-mx-md-1 {
margin-left: 4px !important;
}
.v-m-md-2 {
margin: 8px !important;
}
.v-mt-md-2,
.v-my-md-2 {
margin-top: 8px !important;
}
.v-mr-md-2,
.v-mx-md-2 {
margin-right: 8px !important;
}
.v-mb-md-2,
.v-my-md-2 {
margin-bottom: 8px !important;
}
.v-ml-md-2,
.v-mx-md-2 {
margin-left: 8px !important;
}
.v-m-md-3 {
margin: 16px !important;
}
.v-mt-md-3,
.v-my-md-3 {
margin-top: 16px !important;
}
.v-mr-md-3,
.v-mx-md-3 {
margin-right: 16px !important;
}
.v-mb-md-3,
.v-my-md-3 {
margin-bottom: 16px !important;
}
.v-ml-md-3,
.v-mx-md-3 {
margin-left: 16px !important;
}
.v-m-md-4 {
margin: 24px !important;
}
.v-mt-md-4,
.v-my-md-4 {
margin-top: 24px !important;
}
.v-mr-md-4,
.v-mx-md-4 {
margin-right: 24px !important;
}
.v-mb-md-4,
.v-my-md-4 {
margin-bottom: 24px !important;
}
.v-ml-md-4,
.v-mx-md-4 {
margin-left: 24px !important;
}
.v-m-md-5 {
margin: 48px !important;
}
.v-mt-md-5,
.v-my-md-5 {
margin-top: 48px !important;
}
.v-mr-md-5,
.v-mx-md-5 {
margin-right: 48px !important;
}
.v-mb-md-5,
.v-my-md-5 {
margin-bottom: 48px !important;
}
.v-ml-md-5,
.v-mx-md-5 {
margin-left: 48px !important;
}
.v-p-md-0 {
padding: 0 !important;
}
.v-pt-md-0,
.v-py-md-0 {
padding-top: 0 !important;
}
.v-pr-md-0,
.v-px-md-0 {
padding-right: 0 !important;
}
.v-pb-md-0,
.v-py-md-0 {
padding-bottom: 0 !important;
}
.v-pl-md-0,
.v-px-md-0 {
padding-left: 0 !important;
}
.v-p-md-1 {
padding: 4px !important;
}
.v-pt-md-1,
.v-py-md-1 {
padding-top: 4px !important;
}
.v-pr-md-1,
.v-px-md-1 {
padding-right: 4px !important;
}
.v-pb-md-1,
.v-py-md-1 {
padding-bottom: 4px !important;
}
.v-pl-md-1,
.v-px-md-1 {
padding-left: 4px !important;
}
.v-p-md-2 {
padding: 8px !important;
}
.v-pt-md-2,
.v-py-md-2 {
padding-top: 8px !important;
}
.v-pr-md-2,
.v-px-md-2 {
padding-right: 8px !important;
}
.v-pb-md-2,
.v-py-md-2 {
padding-bottom: 8px !important;
}
.v-pl-md-2,
.v-px-md-2 {
padding-left: 8px !important;
}
.v-p-md-3 {
padding: 16px !important;
}
.v-pt-md-3,
.v-py-md-3 {
padding-top: 16px !important;
}
.v-pr-md-3,
.v-px-md-3 {
padding-right: 16px !important;
}
.v-pb-md-3,
.v-py-md-3 {
padding-bottom: 16px !important;
}
.v-pl-md-3,
.v-px-md-3 {
padding-left: 16px !important;
}
.v-p-md-4 {
padding: 24px !important;
}
.v-pt-md-4,
.v-py-md-4 {
padding-top: 24px !important;
}
.v-pr-md-4,
.v-px-md-4 {
padding-right: 24px !important;
}
.v-pb-md-4,
.v-py-md-4 {
padding-bottom: 24px !important;
}
.v-pl-md-4,
.v-px-md-4 {
padding-left: 24px !important;
}
.v-p-md-5 {
padding: 48px !important;
}
.v-pt-md-5,
.v-py-md-5 {
padding-top: 48px !important;
}
.v-pr-md-5,
.v-px-md-5 {
padding-right: 48px !important;
}
.v-pb-md-5,
.v-py-md-5 {
padding-bottom: 48px !important;
}
.v-pl-md-5,
.v-px-md-5 {
padding-left: 48px !important;
}
.v-m-md-auto {
margin: auto !important;
}
.v-mt-md-auto,
.v-my-md-auto {
margin-top: auto !important;
}
.v-mr-md-auto,
.v-mx-md-auto {
margin-right: auto !important;
}
.v-mb-md-auto,
.v-my-md-auto {
margin-bottom: auto !important;
}
.v-ml-md-auto,
.v-mx-md-auto {
margin-left: auto !important;
}
}
@media (min-width: 1200px) {
.v-m-lg-0 {
margin: 0 !important;
}
.v-mt-lg-0,
.v-my-lg-0 {
margin-top: 0 !important;
}
.v-mr-lg-0,
.v-mx-lg-0 {
margin-right: 0 !important;
}
.v-mb-lg-0,
.v-my-lg-0 {
margin-bottom: 0 !important;
}
.v-ml-lg-0,
.v-mx-lg-0 {
margin-left: 0 !important;
}
.v-m-lg-1 {
margin: 4px !important;
}
.v-mt-lg-1,
.v-my-lg-1 {
margin-top: 4px !important;
}
.v-mr-lg-1,
.v-mx-lg-1 {
margin-right: 4px !important;
}
.v-mb-lg-1,
.v-my-lg-1 {
margin-bottom: 4px !important;
}
.v-ml-lg-1,
.v-mx-lg-1 {
margin-left: 4px !important;
}
.v-m-lg-2 {
margin: 8px !important;
}
.v-mt-lg-2,
.v-my-lg-2 {
margin-top: 8px !important;
}
.v-mr-lg-2,
.v-mx-lg-2 {
margin-right: 8px !important;
}
.v-mb-lg-2,
.v-my-lg-2 {
margin-bottom: 8px !important;
}
.v-ml-lg-2,
.v-mx-lg-2 {
margin-left: 8px !important;
}
.v-m-lg-3 {
margin: 16px !important;
}
.v-mt-lg-3,
.v-my-lg-3 {
margin-top: 16px !important;
}
.v-mr-lg-3,
.v-mx-lg-3 {
margin-right: 16px !important;
}
.v-mb-lg-3,
.v-my-lg-3 {
margin-bottom: 16px !important;
}
.v-ml-lg-3,
.v-mx-lg-3 {
margin-left: 16px !important;
}
.v-m-lg-4 {
margin: 24px !important;
}
.v-mt-lg-4,
.v-my-lg-4 {
margin-top: 24px !important;
}
.v-mr-lg-4,
.v-mx-lg-4 {
margin-right: 24px !important;
}
.v-mb-lg-4,
.v-my-lg-4 {
margin-bottom: 24px !important;
}
.v-ml-lg-4,
.v-mx-lg-4 {
margin-left: 24px !important;
}
.v-m-lg-5 {
margin: 48px !important;
}
.v-mt-lg-5,
.v-my-lg-5 {
margin-top: 48px !important;
}
.v-mr-lg-5,
.v-mx-lg-5 {
margin-right: 48px !important;
}
.v-mb-lg-5,
.v-my-lg-5 {
margin-bottom: 48px !important;
}
.v-ml-lg-5,
.v-mx-lg-5 {
margin-left: 48px !important;
}
.v-p-lg-0 {
padding: 0 !important;
}
.v-pt-lg-0,
.v-py-lg-0 {
padding-top: 0 !important;
}
.v-pr-lg-0,
.v-px-lg-0 {
padding-right: 0 !important;
}
.v-pb-lg-0,
.v-py-lg-0 {
padding-bottom: 0 !important;
}
.v-pl-lg-0,
.v-px-lg-0 {
padding-left: 0 !important;
}
.v-p-lg-1 {
padding: 4px !important;
}
.v-pt-lg-1,
.v-py-lg-1 {
padding-top: 4px !important;
}
.v-pr-lg-1,
.v-px-lg-1 {
padding-right: 4px !important;
}
.v-pb-lg-1,
.v-py-lg-1 {
padding-bottom: 4px !important;
}
.v-pl-lg-1,
.v-px-lg-1 {
padding-left: 4px !important;
}
.v-p-lg-2 {
padding: 8px !important;
}
.v-pt-lg-2,
.v-py-lg-2 {
padding-top: 8px !important;
}
.v-pr-lg-2,
.v-px-lg-2 {
padding-right: 8px !important;
}
.v-pb-lg-2,
.v-py-lg-2 {
padding-bottom: 8px !important;
}
.v-pl-lg-2,
.v-px-lg-2 {
padding-left: 8px !important;
}
.v-p-lg-3 {
padding: 16px !important;
}
.v-pt-lg-3,
.v-py-lg-3 {
padding-top: 16px !important;
}
.v-pr-lg-3,
.v-px-lg-3 {
padding-right: 16px !important;
}
.v-pb-lg-3,
.v-py-lg-3 {
padding-bottom: 16px !important;
}
.v-pl-lg-3,
.v-px-lg-3 {
padding-left: 16px !important;
}
.v-p-lg-4 {
padding: 24px !important;
}
.v-pt-lg-4,
.v-py-lg-4 {
padding-top: 24px !important;
}
.v-pr-lg-4,
.v-px-lg-4 {
padding-right: 24px !important;
}
.v-pb-lg-4,
.v-py-lg-4 {
padding-bottom: 24px !important;
}
.v-pl-lg-4,
.v-px-lg-4 {
padding-left: 24px !important;
}
.v-p-lg-5 {
padding: 48px !important;
}
.v-pt-lg-5,
.v-py-lg-5 {
padding-top: 48px !important;
}
.v-pr-lg-5,
.v-px-lg-5 {
padding-right: 48px !important;
}
.v-pb-lg-5,
.v-py-lg-5 {
padding-bottom: 48px !important;
}
.v-pl-lg-5,
.v-px-lg-5 {
padding-left: 48px !important;
}
.v-m-lg-auto {
margin: auto !important;
}
.v-mt-lg-auto,
.v-my-lg-auto {
margin-top: auto !important;
}
.v-mr-lg-auto,
.v-mx-lg-auto {
margin-right: auto !important;
}
.v-mb-lg-auto,
.v-my-lg-auto {
margin-bottom: auto !important;
}
.v-ml-lg-auto,
.v-mx-lg-auto {
margin-left: auto !important;
}
}
@media (min-width: 1600px) {
.v-m-xl-0 {
margin: 0 !important;
}
.v-mt-xl-0,
.v-my-xl-0 {
margin-top: 0 !important;
}
.v-mr-xl-0,
.v-mx-xl-0 {
margin-right: 0 !important;
}
.v-mb-xl-0,
.v-my-xl-0 {
margin-bottom: 0 !important;
}
.v-ml-xl-0,
.v-mx-xl-0 {
margin-left: 0 !important;
}
.v-m-xl-1 {
margin: 4px !important;
}
.v-mt-xl-1,
.v-my-xl-1 {
margin-top: 4px !important;
}
.v-mr-xl-1,
.v-mx-xl-1 {
margin-right: 4px !important;
}
.v-mb-xl-1,
.v-my-xl-1 {
margin-bottom: 4px !important;
}
.v-ml-xl-1,
.v-mx-xl-1 {
margin-left: 4px !important;
}
.v-m-xl-2 {
margin: 8px !important;
}
.v-mt-xl-2,
.v-my-xl-2 {
margin-top: 8px !important;
}
.v-mr-xl-2,
.v-mx-xl-2 {
margin-right: 8px !important;
}
.v-mb-xl-2,
.v-my-xl-2 {
margin-bottom: 8px !important;
}
.v-ml-xl-2,
.v-mx-xl-2 {
margin-left: 8px !important;
}
.v-m-xl-3 {
margin: 16px !important;
}
.v-mt-xl-3,
.v-my-xl-3 {
margin-top: 16px !important;
}
.v-mr-xl-3,
.v-mx-xl-3 {
margin-right: 16px !important;
}
.v-mb-xl-3,
.v-my-xl-3 {
margin-bottom: 16px !important;
}
.v-ml-xl-3,
.v-mx-xl-3 {
margin-left: 16px !important;
}
.v-m-xl-4 {
margin: 24px !important;
}
.v-mt-xl-4,
.v-my-xl-4 {
margin-top: 24px !important;
}
.v-mr-xl-4,
.v-mx-xl-4 {
margin-right: 24px !important;
}
.v-mb-xl-4,
.v-my-xl-4 {
margin-bottom: 24px !important;
}
.v-ml-xl-4,
.v-mx-xl-4 {
margin-left: 24px !important;
}
.v-m-xl-5 {
margin: 48px !important;
}
.v-mt-xl-5,
.v-my-xl-5 {
margin-top: 48px !important;
}
.v-mr-xl-5,
.v-mx-xl-5 {
margin-right: 48px !important;
}
.v-mb-xl-5,
.v-my-xl-5 {
margin-bottom: 48px !important;
}
.v-ml-xl-5,
.v-mx-xl-5 {
margin-left: 48px !important;
}
.v-p-xl-0 {
padding: 0 !important;
}
.v-pt-xl-0,
.v-py-xl-0 {
padding-top: 0 !important;
}
.v-pr-xl-0,
.v-px-xl-0 {
padding-right: 0 !important;
}
.v-pb-xl-0,
.v-py-xl-0 {
padding-bottom: 0 !important;
}
.v-pl-xl-0,
.v-px-xl-0 {
padding-left: 0 !important;
}
.v-p-xl-1 {
padding: 4px !important;
}
.v-pt-xl-1,
.v-py-xl-1 {
padding-top: 4px !important;
}
.v-pr-xl-1,
.v-px-xl-1 {
padding-right: 4px !important;
}
.v-pb-xl-1,
.v-py-xl-1 {
padding-bottom: 4px !important;
}
.v-pl-xl-1,
.v-px-xl-1 {
padding-left: 4px !important;
}
.v-p-xl-2 {
padding: 8px !important;
}
.v-pt-xl-2,
.v-py-xl-2 {
padding-top: 8px !important;
}
.v-pr-xl-2,
.v-px-xl-2 {
padding-right: 8px !important;
}
.v-pb-xl-2,
.v-py-xl-2 {
padding-bottom: 8px !important;
}
.v-pl-xl-2,
.v-px-xl-2 {
padding-left: 8px !important;
}
.v-p-xl-3 {
padding: 16px !important;
}
.v-pt-xl-3,
.v-py-xl-3 {
padding-top: 16px !important;
}
.v-pr-xl-3,
.v-px-xl-3 {
padding-right: 16px !important;
}
.v-pb-xl-3,
.v-py-xl-3 {
padding-bottom: 16px !important;
}
.v-pl-xl-3,
.v-px-xl-3 {
padding-left: 16px !important;
}
.v-p-xl-4 {
padding: 24px !important;
}
.v-pt-xl-4,
.v-py-xl-4 {
padding-top: 24px !important;
}
.v-pr-xl-4,
.v-px-xl-4 {
padding-right: 24px !important;
}
.v-pb-xl-4,
.v-py-xl-4 {
padding-bottom: 24px !important;
}
.v-pl-xl-4,
.v-px-xl-4 {
padding-left: 24px !important;
}
.v-p-xl-5 {
padding: 48px !important;
}
.v-pt-xl-5,
.v-py-xl-5 {
padding-top: 48px !important;
}
.v-pr-xl-5,
.v-px-xl-5 {
padding-right: 48px !important;
}
.v-pb-xl-5,
.v-py-xl-5 {
padding-bottom: 48px !important;
}
.v-pl-xl-5,
.v-px-xl-5 {
padding-left: 48px !important;
}
.v-m-xl-auto {
margin: auto !important;
}
.v-mt-xl-auto,
.v-my-xl-auto {
margin-top: auto !important;
}
.v-mr-xl-auto,
.v-mx-xl-auto {
margin-right: auto !important;
}
.v-mb-xl-auto,
.v-my-xl-auto {
margin-bottom: auto !important;
}
.v-ml-xl-auto,
.v-mx-xl-auto {
margin-left: auto !important;
}
}
.v-text-left {
text-align: left !important;
}
.v-text-center {
text-align: center !important;
}
.v-text-right {
text-align: right !important;
}
.v-text-normal {
text-transform: initial !important;
}
.v-text-capitalize {
text-transform: capitalize !important;
}
.v-text-uppercase {
text-transform: uppercase !important;
}
.v-text-decoration-strike-through {
text-decoration: line-through !important;
}
.v-text-decoration-underline {
text-decoration: underline !important;
}
.v-text-decoration-overline {
text-decoration: overline !important;
}
/**
* Swiper 3.4.2
* Most modern mobile touch slider and framework with hardware accelerated transitions
*
* http://www.idangero.us/swiper/
*
* Copyright 2017, Vladimir Kharlampidi
* The iDangero.us
* http://www.idangero.us/
*
* Licensed under MIT
*
* Released on: March 10, 2017
*/
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
float: left;
}
.swiper-container-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-transition-property: -webkit-transform, height;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform, height;
}
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-wp8-horizontal {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-wp8-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
-moz-background-size: 27px 44px;
-webkit-background-size: 27px 44px;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%235e5d5d'%2F%3E%3C%2Fsvg%3E");
left: 10px;
right: auto;
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%235e5d5d'%2F%3E%3C%2Fsvg%3E");
right: 10px;
left: auto;
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%;
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: black;
opacity: 0.2;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
background: white;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: white;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: black;
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-o-transform: translate(0, -50%);
-ms-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 5px 0;
display: block;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 5px;
}
.swiper-pagination-progress {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progress .swiper-pagination-progressbar {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
-webkit-transform-origin: right top;
-moz-transform-origin: right top;
-ms-transform-origin: right top;
-o-transform-origin: right top;
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progress {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-vertical > .swiper-pagination-progress {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-progress.swiper-pagination-white {
background: rgba(255, 255, 255, 0.5);
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
background: white;
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
background: black;
}
.swiper-container-3d {
-webkit-perspective: 1200px;
-moz-perspective: 1200px;
-o-perspective: 1200px;
perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent));
background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
-ms-perspective: 1200px;
}
.swiper-container-cube,
.swiper-container-flip {
overflow: visible;
}
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-slide {
visibility: hidden;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: black;
opacity: 0.6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-moz-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
-moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
display: block;
content: "";
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
-webkit-background-size: 100%;
background-size: 100%;
background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg);
}
}