@CHARSET "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-weight: normal;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
/* apply a natural box layout model to all elements */
*, *:before, *:after {
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
html, body {
width: 100%;
height: 100%;
position: absolute;
}
input {
border-radius: 0;
}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}
.container12, .container16 {
margin:0 auto;
padding:0;
position:relative;
width:1680px;
}
.row {/*margin-bottom:20px;*/}
.column1, .column2, .column3, .column4, .column5, .column6, .column7, .column8, .column9, .column10, .column11, .column12, .column13, .column14, .column15, .column16 {
display:inline;
float:left;
/*margin-left:10px;
margin-right:10px;*/
}
.container12 .alpha, .container16 .alpha {margin-left:0;}
.container12 .omega, .container16 .omega {margin-right:0;}
.container12 .column1 {width:140px;}
.container12 .column2 {width:280px;}
.container12 .column3 {width:420px;}
.container12 .column4 {width:560px;}
.container12 .column5 {width:700px;}
.container12 .column6 {width:840px;}
.container12 .column7 {width:980px;}
.container12 .column8 {width:1120px;}
.container12 .column9 {width:1260px;}
.container12 .column10 {width:1400px;}
.container12 .column11 {width:1540px;}
.container12 .column12 {width:1680px;}
.container12 .prefix1 {padding-left:140px;}
.container12 .prefix2 {padding-left:280px;}
.container12 .prefix3 {padding-left:420px;}
.container12 .prefix4 {padding-left:560px;}
.container12 .prefix5 {padding-left:700px;}
.container12 .prefix6 {padding-left:840px;}
.container12 .prefix7 {padding-left:980px;}
.container12 .prefix8 {padding-left:1120px;}
.container12 .prefix9 {padding-left:1260px;}
.container12 .prefix10 {padding-left:1400px;}
.container12 .prefix11 {padding-left:1540px;}
.container16 .column1 {width:105px;}
.container16 .column2 {width:210px;}
.container16 .column3 {width:315px;}
.container16 .column4 {width:420px;}
.container16 .column5 {width:525px;}
.container16 .column6 {width:630px;}
.container16 .column7 {width:735px;}
.container16 .column8 {width:840px;}
.container16 .column9 {width:945px;}
.container16 .column10 {width:1050px;}
.container16 .column11 {width:1155px;}
.container16 .column12 {width:1260px;}
.container16 .column13 {width:1365px;}
.container16 .column14 {width:1470px;}
.container16 .column15 {width:1575px;}
.container16 .column16 {width:1680px;}
.container16 .prefix1 {padding-left:105px;}
.container16 .prefix2 {padding-left:210px;}
.container16 .prefix3 {padding-left:315px;}
.container16 .prefix4 {padding-left:420px;}
.container16 .prefix5 {padding-left:525px;}
.container16 .prefix6 {padding-left:630px;}
.container16 .prefix7 {padding-left:735px;}
.container16 .prefix8 {padding-left:840px;}
.container16 .prefix9 {padding-left:945px;}
.container16 .prefix10 {padding-left:1050px;}
.container16 .prefix11 {padding-left:1155px;}
.container16 .prefix12 {padding-left:1260px;}
.container16 .prefix13 {padding-left:1365px;}
.container16 .prefix14 {padding-left:1470px;}
.container16 .prefix15 {padding-left:1575px;}
@media only screen and (min-width: 1140px) and (max-width: 1679px) {
.container12, .container16 {width:1140px;}
.container12 .column1 {width:95px;}
.container12 .column2 {width:190px;}
.container12 .column3 {width:285px;}
.container12 .column4 {width:380px;}
.container12 .column5 {width:475px;}
.container12 .column6 {width:570px;}
.container12 .column7 {width:665px;}
.container12 .column8 {width:760px;}
.container12 .column9 {width:855px;}
.container12 .column10 {width:950px;}
.container12 .column11 {width:1045px;}
.container12 .column12 {width:1140px;}
.container12 .prefix1 {padding-left:95px;}
.container12 .prefix2 {padding-left:190px;}
.container12 .prefix3 {padding-left:285px;}
.container12 .prefix4 {padding-left:380px;}
.container12 .prefix5 {padding-left:475px;}
.container12 .prefix6 {padding-left:570px;}
.container12 .prefix7 {padding-left:665px;}
.container12 .prefix8 {padding-left:760px;}
.container12 .prefix9 {padding-left:855px;}
.container12 .prefix10 {padding-left:950px;}
.container12 .prefix11 {padding-left:1045px;}
.container16 .column1 {width:71.25px;}
.container16 .column2 {width:142.5px;}
.container16 .column3 {width:213.75px;}
.container16 .column4 {width:285px;}
.container16 .column5 {width:356.25px;}
.container16 .column6 {width:427.5px;}
.container16 .column7 {width:498.75px;}
.container16 .column8 {width:570px;}
.container16 .column9 {width:641.25px;}
.container16 .column10 {width:712.5px;}
.container16 .column11 {width:783.75px;}
.container16 .column12 {width:855px;}
.container16 .column13 {width:926.25px;}
.container16 .column14 {width:997.5px;}
.container16 .column15 {width:1068.75px;}
.container16 .column16 {width:1140px;}
.container16 .prefix1 {padding-left:71.25px;}
.container16 .prefix2 {padding-left:142.5px;}
.container16 .prefix3 {padding-left:213.75px;}
.container16 .prefix4 {padding-left:285px;}
.container16 .prefix5 {padding-left:356.25px;}
.container16 .prefix6 {padding-left:427.5px;}
.container16 .prefix7 {padding-left:498.75px;}
.container16 .prefix8 {padding-left:570px;}
.container16 .prefix9 {padding-left:641.25px;}
.container16 .prefix10 {padding-left:712.5px;}
.container16 .prefix11 {padding-left:783.75px;}
.container16 .prefix12 {padding-left:855px;}
.container16 .prefix13 {padding-left:926.25px;}
.container16 .prefix14 {padding-left:997.5px;}
.container16 .prefix15 {padding-left:1068.75px;}
}
@media only screen and (min-width: 960px) and (max-width: 1139px) {
.container12, .container16 {width:960px;}
.container12 .column1 {width:80px;}
.container12 .column2 {width:160px;}
.container12 .column3 {width:240px;}
.container12 .column4 {width:320px;}
.container12 .column5 {width:400px;}
.container12 .column6 {width:480px;}
.container12 .column7 {width:560px;}
.container12 .column8 {width:640px;}
.container12 .column9 {width:720px;}
.container12 .column10 {width:800px;}
.container12 .column11 {width:880px;}
.container12 .column12 {width:960px;}
.container12 .prefix1 {padding-left:80px;}
.container12 .prefix2 {padding-left:160px;}
.container12 .prefix3 {padding-left:240px;}
.container12 .prefix4 {padding-left:320px;}
.container12 .prefix5 {padding-left:400px;}
.container12 .prefix6 {padding-left:480px;}
.container12 .prefix7 {padding-left:560px;}
.container12 .prefix8 {padding-left:640px;}
.container12 .prefix9 {padding-left:720px;}
.container12 .prefix10 {padding-left:800px;}
.container12 .prefix11 {padding-left:880px;}
.container16 .column1 {width:60px;}
.container16 .column2 {width:120px;}
.container16 .column3 {width:180px;}
.container16 .column4 {width:240px;}
.container16 .column5 {width:300px;}
.container16 .column6 {width:360px;}
.container16 .column7 {width:420px;}
.container16 .column8 {width:480px;}
.container16 .column9 {width:540px;}
.container16 .column10 {width:600px;}
.container16 .column11 {width:660px;}
.container16 .column12 {width:720px;}
.container16 .column13 {width:780px;}
.container16 .column14 {width:840px;}
.container16 .column15 {width:900px;}
.container16 .column16 {width:960px;}
.container16 .prefix1 {padding-left:60px;}
.container16 .prefix2 {padding-left:120px;}
.container16 .prefix3 {padding-left:180px;}
.container16 .prefix4 {padding-left:240px;}
.container16 .prefix5 {padding-left:300px;}
.container16 .prefix6 {padding-left:360px;}
.container16 .prefix7 {padding-left:420px;}
.container16 .prefix8 {padding-left:480px;}
.container16 .prefix9 {padding-left:540px;}
.container16 .prefix10 {padding-left:600px;}
.container16 .prefix11 {padding-left:660px;}
.container16 .prefix12 {padding-left:720px;}
.container16 .prefix13 {padding-left:780px;}
.container16 .prefix14 {padding-left:840px;}
.container16 .prefix15 {padding-left:900px;}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.container12, .container16 {width:768px;}
.container12 .column1 {width:64px;}
.container12 .column2 {width:128px;}
.container12 .column3 {width:192px;}
.container12 .column4 {width:256px;}
.container12 .column5 {width:320px;}
.container12 .column6 {width:384px;}
.container12 .column7 {width:448px;}
.container12 .column8 {width:512px;}
.container12 .column9 {width:576px;}
.container12 .column10 {width:640px;}
.container12 .column11 {width:704px;}
.container12 .column12 {width:768px;}
.container12 .prefix1 {padding-left:64px;}
.container12 .prefix2 {padding-left:128px;}
.container12 .prefix3 {padding-left:192px;}
.container12 .prefix4 {padding-left:256px;}
.container12 .prefix5 {padding-left:320px;}
.container12 .prefix6 {padding-left:384px;}
.container12 .prefix7 {padding-left:448px;}
.container12 .prefix8 {padding-left:512px;}
.container12 .prefix9 {padding-left:576px;}
.container12 .prefix10 {padding-left:640px;}
.container12 .prefix11 {padding-left:704px;}
.container16 .column1 {width:48px;}
.container16 .column2 {width:96px;}
.container16 .column3 {width:144px;}
.container16 .column4 {width:192px;}
.container16 .column5 {width:240px;}
.container16 .column6 {width:288px;}
.container16 .column7 {width:336px;}
.container16 .column8 {width:384px;}
.container16 .column9 {width:432px;}
.container16 .column10 {width:480px;}
.container16 .column11 {width:528px;}
.container16 .column12 {width:576px;}
.container16 .column13 {width:624px;}
.container16 .column14 {width:672px;}
.container16 .column15 {width:720px;}
.container16 .column16 {width:768px;}
.container16 .prefix1 {padding-left:48px;}
.container16 .prefix2 {padding-left:96px;}
.container16 .prefix3 {padding-left:144px;}
.container16 .prefix4 {padding-left:192px;}
.container16 .prefix5 {padding-left:240px;}
.container16 .prefix6 {padding-left:288px;}
.container16 .prefix7 {padding-left:336px;}
.container16 .prefix8 {padding-left:384px;}
.container16 .prefix9 {padding-left:432px;}
.container16 .prefix10 {padding-left:480px;}
.container16 .prefix11 {padding-left:528px;}
.container16 .prefix12 {padding-left:576px;}
.container16 .prefix13 {padding-left:624px;}
.container16 .prefix14 {padding-left:672px;}
.container16 .prefix15 {padding-left:720px;}
}
@media only screen and (max-width: 767px) {
.container12, .container16 {width:100%;}
.container12 .column1, .container16 .column1,
.container12 .column2, .container16 .column2,
.container12 .column3, .container16 .column3,
.container12 .column4, .container16 .column4,
.container12 .column5, .container16 .column5,
.container12 .column6, .container16 .column6,
.container12 .column7, .container16 .column7,
.container12 .column8, .container16 .column8,
.container12 .column9, .container16 .column9,
.container12 .column10, .container16 .column10,
.container12 .column11, .container16 .column11,
.container12 .column12, .container16 .column12,
.container16 .column13,
.container16 .column14,
.container16 .column15,
.container16 .column16 {
/*margin:0 0 20px 0;*/
margin: 0;
width:100%;
}
.container12 .prefix1, .container12 .prefix2, .container12 .prefix3, .container12 .prefix4, .container12 .prefix5, .container12 .prefix6, .container12 .prefix7, .container12 .prefix8, .container12 .prefix9, .container12 .prefix10, .container12 .prefix11, .container16 .prefix1, .container16 .prefix2, .container16 .prefix3, .container16 .prefix4, .container16 .prefix5, .container16 .prefix6, .container16 .prefix7, .container16 .prefix8, .container16 .prefix9, .container16 .prefix10, .container16 .prefix11, .container16 .prefix12, .container16 .prefix13, .container16 .prefix14, .container16 .prefix15 {padding-left:0;}
.row {margin:0;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container12, .container16 {width:100%;}
.container12 .column1, .container16 .column1,
.container12 .column2, .container16 .column2,
.container12 .column3, .container16 .column3,
.container12 .column4, .container16 .column4,
.container12 .column5, .container16 .column5,
.container12 .column6, .container16 .column6,
.container12 .column7, .container16 .column7,
.container12 .column8, .container16 .column8,
.container12 .column9, .container16 .column9,
.container12 .column10, .container16 .column10,
.container12 .column11, .container16 .column11,
.container12 .column12, .container16 .column12,
.container16 .column13,
.container16 .column14,
.container16 .column15,
.container16 .column16 {
/*margin:0 0 20px 0;*/
margin: 0;
width:100%;
}
.container12 .prefix1, .container12 .prefix2, .container12 .prefix3, .container12 .prefix4, .container12 .prefix5, .container12 .prefix6, .container12 .prefix7, .container12 .prefix8, .container12 .prefix9, .container12 .prefix10, .container12 .prefix11, .container16 .prefix1, .container16 .prefix2, .container16 .prefix3, .container16 .prefix4, .container16 .prefix5, .container16 .prefix6, .container16 .prefix7, .container16 .prefix8, .container16 .prefix9, .container16 .prefix10, .container16 .prefix11, .container16 .prefix12, .container16 .prefix13, .container16 .prefix14, .container16 .prefix15 {padding-left:0;}
.row {margin:0;}
}
.clearfix:before, .clearfix:after,
.row:before, .row:after,
.container12:before, .container12:after, .container16:before, .container16:after {
content:'.';
display:block;
height:0;
overflow:hidden;
visibility:hidden;
width:0;
}
.clear {
clear:both;
display:block;
height:0;
overflow:hidden;
visibility:hidden;
width:0;
}
.row:after, .clearfix:after, .container12:after, .container16:after {clear:both;}
/* For IE7. Move this to separate file when you notice some problems */
.row, .clearfix {zoom: 1;}
img, object, embed {max-width:100%;}
img {height:auto;}
.select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle; }
.select2-container .select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: block;
height: 28px;
user-select: none;
-webkit-user-select: none; }
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding-left: 8px;
padding-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
padding-right: 8px;
padding-left: 20px; }
.select2-container .select2-selection--multiple {
box-sizing: border-box;
cursor: pointer;
display: block;
min-height: 32px;
user-select: none;
-webkit-user-select: none; }
.select2-container .select2-selection--multiple .select2-selection__rendered {
display: inline-block;
overflow: hidden;
padding-left: 8px;
text-overflow: ellipsis;
white-space: nowrap; }
.select2-container .select2-search--inline {
float: left; }
.select2-container .select2-search--inline .select2-search__field {
box-sizing: border-box;
border: none;
font-size: 100%;
margin-top: 5px; }
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none; }
.select2-dropdown {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
box-sizing: border-box;
display: block;
position: absolute;
left: -100000px;
width: 100%;
z-index: 9999; }
.select2-results {
display: block; }
.select2-results__options {
list-style: none;
margin: 0;
padding: 0; }
.select2-results__option {
padding: 6px;
user-select: none;
-webkit-user-select: none; }
.select2-results__option[aria-selected] {
cursor: pointer; }
.select2-container--open .select2-dropdown {
left: 0; }
.select2-container--open .select2-dropdown--above {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.select2-container--open .select2-dropdown--below {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0; }
.select2-search--dropdown {
display: block;
padding: 4px; }
.select2-search--dropdown .select2-search__field {
padding: 4px;
width: 100%;
box-sizing: border-box; }
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none; }
.select2-search--dropdown.select2-search--hide {
display: none; }
.select2-close-mask {
border: 0;
margin: 0;
padding: 0;
display: block;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 99;
background-color: #fff;
filter: alpha(opacity=0); }
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px; }
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #747372;
line-height: 28px; }
.select2-container--default .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-size: 18px;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #747372; }
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px; }
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #4a144d transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0; }
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left; }
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
left: 1px;
right: auto; }
.select2-container--default.select2-container--disabled .select2-selection--single {
background-color: #eee;
cursor: default; }
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
display: none; }
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #4a144d transparent;
border-width: 0 4px 5px 4px; }
.select2-container--default .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text; }
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0 5px;
width: 100%; }
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
color: #747372;
margin-top: 5px;
float: left; }
.select2-container--default .select2-selection--multiple .select2-selection__clear {
cursor: pointer;
float: right;
margin-top: 5px;
margin-right: 10px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: #999;
cursor: pointer;
display: inline-block;
margin-right: 2px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #333; }
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder {
float: right; }
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto; }
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto; }
.select2-container--default.select2-container--focus .select2-selection--multiple {
border: solid black 1px;
outline: 0; }
.select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: #eee;
cursor: default; }
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
display: none; }
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
border-top-left-radius: 0;
border-top-right-radius: 0; }
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa; }
.select2-container--default .select2-search--inline .select2-search__field {
background: transparent;
border: none;
outline: 0; }
.select2-container--default .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto; }
.select2-container--default .select2-results__option[role=group] {
padding: 0; }
.select2-container--default .select2-results__option[aria-disabled=true] {
color: #999; }
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #ddd; }
.select2-container--default .select2-results__option .select2-results__option {
padding-left: 1em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
padding-left: 0; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
margin-left: -1em;
padding-left: 2em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -2em;
padding-left: 3em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -3em;
padding-left: 4em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -4em;
padding-left: 5em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -5em;
padding-left: 6em; }
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #5897fb;
color: white; }
.select2-container--default .select2-results__group {
cursor: default;
display: block;
padding: 6px; }
.select2-container--classic .select2-selection--single {
background-color: #f6f6f6;
border: 1px solid #aaa;
border-radius: 4px;
outline: 0;
background-image: -webkit-linear-gradient(top, #ffffff 50%, #eeeeee 100%);
background-image: -o-linear-gradient(top, #ffffff 50%, #eeeeee 100%);
background-image: linear-gradient(to bottom, #ffffff 50%, #eeeeee 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); }
.select2-container--classic .select2-selection--single:focus {
border: 1px solid #5897fb; }
.select2-container--classic .select2-selection--single .select2-selection__rendered {
color: #747372;
line-height: 28px; }
.select2-container--classic .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
margin-right: 10px; }
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
color: #747372; }
.select2-container--classic .select2-selection--single .select2-selection__arrow {
background-color: #ddd;
border: none;
border-left: 1px solid #aaa;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0); }
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
border-color: #4a144d transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0; }
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left; }
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
border: none;
border-right: 1px solid #aaa;
border-radius: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
left: 1px;
right: auto; }
.select2-container--classic.select2-container--open .select2-selection--single {
border: 1px solid #5897fb; }
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
background: transparent;
border: none; }
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #4a144d transparent;
border-width: 0 4px 5px 4px; }
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
background-image: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 50%);
background-image: -o-linear-gradient(top, #ffffff 0%, #eeeeee 50%);
background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); }
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-image: -webkit-linear-gradient(top, #eeeeee 50%, #ffffff 100%);
background-image: -o-linear-gradient(top, #eeeeee 50%, #ffffff 100%);
background-image: linear-gradient(to bottom, #eeeeee 50%, #ffffff 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0); }
.select2-container--classic .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
outline: 0; }
.select2-container--classic .select2-selection--multiple:focus {
border: 1px solid #5897fb; }
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
list-style: none;
margin: 0;
padding: 0 5px; }
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
display: none; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
color: #4a144d;
cursor: pointer;
display: inline-block;
margin-right: 2px; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #555; }
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
float: right; }
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto; }
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto; }
.select2-container--classic.select2-container--open .select2-selection--multiple {
border: 1px solid #5897fb; }
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0; }
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.select2-container--classic .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
outline: 0; }
.select2-container--classic .select2-search--inline .select2-search__field {
outline: 0; }
.select2-container--classic .select2-dropdown {
background-color: white;
border: 1px solid transparent; }
.select2-container--classic .select2-dropdown--above {
border-bottom: none; }
.select2-container--classic .select2-dropdown--below {
border-top: none; }
.select2-container--classic .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto; }
.select2-container--classic .select2-results__option[role=group] {
padding: 0; }
.select2-container--classic .select2-results__option[aria-disabled=true] {
color: grey; }
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
background-color: #3875d7;
color: white; }
.select2-container--classic .select2-results__group {
cursor: default;
display: block;
padding: 6px; }
.select2-container--classic.select2-container--open .select2-dropdown {
border-color: #5897fb; }
/*
Cloud Zoom CSS. (c)2012-2015 Star Plugins.
*/
/* CSS for lens */
.cloudzoom-lens {
border:5px solid #888;
width:100px;
height:100px;
box-shadow: -0px -0px 10px rgba(0,0,0,0.40);
cursor:crosshair;
z-index: 9999;
}
/* CSS for zoom window. */
.cloudzoom-zoom {
border:1px solid #888;
width:600px;
height:200px;
box-shadow: -0px -0px 10px rgba(0,0,0,0.40);
z-index: 9999;
}
/* CSS for zoom window in 'inside' mode. */
.cloudzoom-zoom-inside {
border:none;
box-shadow:none;
z-index: 9999;
}
/* CSS for captions */
.cloudzoom-caption {
display:none; /* CSS captions should be hidden initially */
text-align: left;
background-color:#000;
color:#fff;
font-weight:bold;
padding:10px;
font-family: sans-serif;
font-size:11px;
}
/* A blank image */
.cloudzoom-blank {
background-image:url('/ddo/img/cloudzoom/blank.png');
}
/* The animated ajax loading image */
.cloudzoom-ajax-loader {
background-image:url('/ddo/img/cloudzoom/ajax-loader.gif');
width:32px;
height:32px;
}
.ui-helper-hidden-accessible { display:none!important; }
#footer-bottom .widget_review .revw_cnt p,
#footer-bottom .widget_review .revw_cnt h5,
#footer-bottom .widget_review .revw_cnt span {
color: #fbbcc2;
}
#footer-bottom .widget_review .revw_cnt {
padding-left: 10px;
padding-right: 0;
}
#footer-bottom .owl-carousel1 .item {
width: 265px;
}
#cookie-notice {
position: fixed;
bottom: 0;
background: rgba(174, 96, 158, 0.9);
z-index: 105;
color: #fff;
border-top: 2px solid #4a144d;
font-size: 12px;
line-height: 1.2;
width: 100%;
}
#cookie-notice p {
padding: 15px 35px;
}
#cookie-notice.hidden {
display: none;
}
abbr {
display: none;
}
#cookie-notice .controls {
background: #4a144d;
padding: 6px 0;
text-align: center;
}
#cookie-notice .read-more {
text-decoration: underline;
}
#cookie-notice .close {
position: absolute;
top: 4px;
right: 8px;
border-radius: 50%;
font-size: 20px;
}
#cookie-notice .controls a:first-child {
border-right: 1px solid #f87985;
padding-right: 14px;
}
label.error {
/*color: #f87985;*/
color: #AE609E;
font-size: 12px;
display: none;
margin-left: 10px;
}
.side label.error {
color: #FFF;
margin: 0px;
}
input.error {
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
opacity: 1;
}
.message_box {
border-left: 0px;
border-right: 0px;
padding: 10px 0px;
text-align: center;
top: 95px;
font-size: 16px;
left: 0px;
width: 100%;
z-index: 99;
opacity: 1;
box-shadow: 0px 1px 13px #000000;
-webkit-transition: opacity 5s ease-in-out;
-moz-transition: opacity 5s ease-in-out;
-o-transition: opacity 5s ease-in-out;
transition: opacity 5s ease-in-out;
}
.message_box.hide {
opacity: 0;
}
strong {
font-weight: 700;
}
.message_box_error {
color: #FFF;
background: #f87985;
position: absolute;
}
.message_box_succes {
color: #FFF;
background: #6accc1;
position: absolute;
}
.clear {
clear: both;
}
button {
border: none;
background: none;
padding: 0px;
margin: 0px;
cursor: pointer;
}
html {
background: url('/ddo/img/bg.jpg');
margin: 0px;
}
body {
height: 100%;
margin: 0px;
}
a {
text-decoration: none;
color: inherit;
}
a:hover {
text-decoration: underline;
}
a.button:hover {
text-decoration: none;
}
input#autocomplete.ui-autocomplete-output {
font-size: 12px;
}
#open-menu {
display: none;
}
.mobile_banner {
display: none;
}
#mobile_fixed_placeholder {
height: 95px;
}
#mobile_fixed {
position: fixed;
z-index: 99999;
width: 100%;
top: 0px;
left: 0px;
}
@media only screen and (min-width: 0) and (max-width: 420px) {
.mobile_fixed--hidden {
display: none;
}
}
#search {
position: fixed;
width: 100%;
top: 0;
transition: top .5s ease-in-out;
z-index: 1;
}
#search form {
background-color: #d3f8f4;
box-shadow: 0 0 10px #888;
padding: 10px 8px 5px 10px;
}
#search.active {
top: 80px;
z-index: 20;
}
#search .placeholder, #filter .placeholder {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
background-color: #fff;
opacity: 0;
pointer-events: none;
transition: opacity .5s ease-in-out;
z-index: -1;
}
#search.active .placeholder, #filter.active .placeholder {
opacity: .7;
pointer-events: all;
}
#search form {
display: flex;
justify-content: center;
align-items: center;
}
#search form input {
flex: 1 1 100%;
border-right: 0;
margin: 0;
}
#search form button {
border: 2px solid #f87985;
border-left: 0;
height: 30px;
}
/*Language-popup*/
#language-popup {
width: 640px;
max-width: 100%;
position: fixed;
top: 50%;
left: 50%;
margin-left: -320px;
margin-top: -115px;
background: #FFF;
padding: 25px 100px 50px 100px;
z-index: 999999;
}
@media only screen and (max-width: 767px) {
#language-popup {
display: flex;
justify-content: center;
flex-direction: column;
height: 100%;
}
}
#language-popup .title {
margin-bottom: 25px;
font-family: 'Pinyon Script', cursive;
font-size: 40px;
font-weight: 300;
margin-bottom: 20px;
line-height: 45px;
font-size: 46px;
text-align: center;
}
#language-popup .text {
margin-bottom: 25px;
font-size: 14px;
text-align: center;
}
#language-popup ul {
}
#language-popup li {
height: 35px;
line-height: 32px;
border: 2px solid #ccc;
margin-bottom: 5px;
display: block;
font-size: 14px;
color: #4a144d;
padding-left: 50px;
position: relative;
}
#language-popup li.nl {
background: url('/ddo/img/nl.png') no-repeat center left 15px;
}
#language-popup li.gb {
background: url('/ddo/img/gb.png') no-repeat center left 15px;
}
#language-popup li.de {
background: url('/ddo/img/de.png') no-repeat center left 15px;
}
#language-popup li.fr {
background: url('/ddo/img/fr.png') no-repeat center left 15px;
}
#language-popup li a {
display: block;
text-decoration: none;
vertical-align: middle;
}
#language-popup li img {
display: inline-block;
margin: 0px 10px 0px 15px;
vertical-align: top;
}
#language-popup .fa {
position: absolute;
top: 9px;
left: 19px;
display: none;
}
#language-popup li.loading {
background: none;
}
#language-popup li.loading .fa {
display: inline-block;
}
/*Language-popup*/
#site {
position: relative;
min-height: 100%;
font-family: 'Merriweather', serif;
}
#header {
background: #4a144d;
height: 45px;
text-align: center;
}
.padding {
padding: 0px 8px;
}
.language {
margin-top: 10px;
display: inline-block;
vertical-align: top;
text-align: left;
}
.language li {
float: left;
width: 29px;
height: 20px;
margin-right: 20px;
border: 2px solid #a14769;
opacity: 0.5;
}
.language li a {
display: block;
}
.language li:hover, .language li.active {
border: 2px solid #f87985;
opacity: 1;
}
.top-menu {
display: inline-block;
vertical-align: top;
text-align: left;
}
.top-menu li {
float: left;
margin-left: 30px;
color: #FFF;
font-size: 13px;
line-height: 38px;
}
#popup-container {
position: relative;
}
#open-popup {
cursor: pointer;
position: relative;
}
#ajax_result_count {
position: absolute;
top: 4px;
padding: 0px 4px;
border-radius: 20px;
text-align: center;
color: #f87985;
background: #FFF;
height: 16px;
min-width: 16px;
left: 16px;
line-height: 16px;
}
@media only screen and (max-width: 767px) {
#ajax_result_count {
top: -10px;
left: 14px;
color: #FFF;
background: #f87985;
height: 20px;
min-width: 20px;
line-height: 20px;
}
}
#overlay {
display: none;
position: fixed;
height: 100%;
width: 100%;
top: 0px;
left: 0px;
z-index: 9999;
background: #000;
opacity: 0.2;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}
#overlay.active {
display: block;
}
#overlay.hide {
opacity: 0;
}
.popup--v2 {
display: none;
position: absolute;
background: #6accc1;
width: 330px;
top: 100%;
left: -20px;
left: -100px;
z-index: 999999;
padding-top: 25px;
opacity: 1;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}
.popup--v2.active {
display: block;
}
.popup--v2.hide {
opacity: 0;
}
.popup_close {
position: absolute;
top: 0px;
right: 18px;
cursor: pointer;
color: #FFF;
z-index: 9;
font-size: 18px!important;
}
.popup--v2 p {
margin: 0px 30px;
font-size: 14px;
line-height: 37px;
color: #FFF;
}
.popup--v2 .round {
color: #4a144d;
font-size: 18px;
line-height: 37px;
margin: 0px 30px;
background: url('/ddo/img/round.png') no-repeat center right;
}
.popup--v2 .button {
background: url('/ddo/img/svg/cart-linear-white.svg') no-repeat center left 5px #4a144d;
background-size: 24px;
line-height: 50px;
margin: 25px 50px;
padding: 0px;
font-size: 16px;
color: #FFF;
font-family: 'Merriweather', serif;
}
.popup--v2 .button::before {
height: 50px;
border-right: 10px solid #4a144d;
border-top: 25px solid #4a144d;
border-left: 10px solid transparent;
border-bottom: 25px solid #4a144d;
}
.popup--v2 .button::after {
height: 50px;
border-right: 10px solid transparent;
border-top: 25px solid #4a144d;
border-left: 10px solid #4a144d;
border-bottom: 25px solid #4a144d;
}
.popup--v2 .point {
position: absolute;
top: -11px;
left: 43px;
left: 50%;
margin-left: -11px;
height: 11px;
width: 22px;
background: url('/ddo/img/popup.png') no-repeat center center;
}
#open-popup:hover {
text-decoration: underline;
}
.top-menu li:first-child {
background: url('/ddo/img/svg/user-highlight.svg') no-repeat center left;
background-size: 24px;
}
.top-menu li:first-child a {
padding-left: 30px;
}
.top-menu li:nth-child(2) {
background: url('/ddo/img/svg/cart-highlight.svg') no-repeat center left;
background-size: 24px;
}
.top-menu li:nth-child(2) a {
padding-left: 40px;
}
.top-menu li:nth-child(3) {
background: url('/ddo/img/phone.png') no-repeat center left;
}
.top-menu li:nth-child(3) a {
padding-left: 22px;
}
.top-menu li a {
color: #FFF;
line-height: 45px;
display: block;
}
.top-menu form {
display: inline;
font-size: 0px;
}
.top-menu form input[type="text"], .top-menu form input[type="search"] {
outline-color: #f87985;
font-family: "Merriweather", sans-serif;
border: none;
height: 22px;
width: 200px;
margin-left: 0px;
font-size: 12px;
vertical-align: middle;
padding-left: 5px;
-webkit-appearance: none;
border-radius: 0px;
border: 1px solid #000;
border-right: none;
}
.search_button {
width: 35px;
height: 22px;
display: inline-block;
vertical-align: middle;
padding: 0px 0px 0px 0px;
background: url('/ddo/img/svg/search-filled.svg') no-repeat center center #FFF;
background-size: 14px;
margin: 0px;
border: none;
border-radius: 0;
top: 0px;
position: relative;
border: 1px solid #000;
border-left: none;
}
.search_button.error_page {
height: 30px;
border: 2px solid #f87985;
vertical-align: top;
margin-top: 7px;
border-left: 0px;
outline: none;
}
input[type="text"].error_page {
vertical-align: top;
border-right: 0px;
outline: none;
}
.search_button img {
display: none;
}
/* this is the auto suggestion box */
#ui-id-1 {
font-family: "Merriweather", sans-serif;
font-size: 12px;
}
#menu {
background: #ae609e;
height: 50px;
position: relative;
}
#menu ul {
height: 26px;
margin: 12px auto;
display: table;
table-layout: fixed;
}
#menu li {
padding: 0 12px;
border-right: 1px solid #f87985;
font-size: 14px;
line-height: 26px;
display: table-cell;
}
#menu li:last-child {
border: 0;
}
#menu a {
color: #FFF;
display: block;
}
#menu .submenu {
position: absolute;
top: 100%;
height: auto;
left: 0px;
width: 100%;
z-index: 9999;
background: #fbd2d6;
display: none;
margin: 0px;
padding-top: 20px;
}
#menu .submenu.brand_sub ul {
margin-bottom: 20px;
}
#menu .submenu.brand_sub ul {
margin-bottom: 10px;
}
#menu .submenu.brand_sub li {
font-weight: normal;
}
#menu .submenu.brand_sub a {
font-size: 12px;
}
#menu .submenu.brand_sub li.highlight {
/*font-weight: bold;*/
}
#menu .submenu.brand_sub li.highlight a {
/*font-size: 14px;*/
}
#menu .hover_menu.active .submenu {
display: block;
}
#menu .submenu ul {
width: 25%;
float: left;
padding: 0px 15px;
height: auto;
margin: 0px;
display: block;
}
#menu .submenu ul ul {
width: 100%;
padding: 0px;
padding-left: 0px;
margin-bottom: 10px;
}
#menu .submenu ul ul a {
font-size: 12px;
}
#menu .submenu li {
display: block;
line-height: 26px;
border: none;
padding: 0px;
}
#menu .submenu li {
font-weight: bold;
}
#menu .submenu ul ul li {
font-weight: normal;
}
#menu .submenu a {
color: #4a144d;
font-size: 14px;
}
.submenu .line {
border-color: #4a144d;
height: 1px;
width: 100%;
}
.submenu .title {
font-size: 15px;
margin-bottom: 10px;
font-weight: 700;
}
.submenu .text {
font-size: 14px;
padding: 0px 0px 15px;
}
/*Menu redesign 03-01-17*/
#menu .submenu ul.categories {
padding-left: 33px;
}
#menu .submenu ul.categories li {
list-style: disc outside none;
display: list-item;
font-weight: normal;
}
#menu .submenu ul.categories li.active {
font-weight: 700;
}
#menu .submenu ul.categories li a {
font-size: 12px;
}
#menu .submenu ul.sub_categories {
padding-left: 18px;
display: none;
}
#menu .submenu .active ul.sub_categories {
display: block;
}
#menu .submenu ul.sub_categories li {
font-weight: normal;
}
#menu .submenu ul.sub_categories li.active {
font-weight: 700;
}
#menu .submenu ul.sub_categories li a {
font-size: 12px;
}
/*Menu redesign 03-01-17*/
.image.relative {
position: relative;
}
.image .overlay {
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: url('/ddo/img/border.png') no-repeat center center;
position: absolute;
background-size: 100%;
}
#banner {
position: relative;
/*min-height: 500px;*/
background: #d3f8f4;
}
#banner img {
margin: 0px auto;
}
#banner.small {
background: #d3f8f4;
/*min-height: 330px;*/
}
#banner .container12 {
/*min-height: 500px;*/
}
#banner.small .container12 {
/*min-height: 330px;*/
}
#banner.small #logo {
top: 50px;
}
#banner .image {
display: block;
/*position: absolute;*/
bottom: 0px;
left: 15px;
padding: 60px 0;
}
#banner .image.nopadding {
padding: 0px;
}
#banner .image img {
display: block;
}
#logo {
position: absolute;
top: 90px;
left: 50%;
margin-left: -363px;
}
.open_filter {
display: none;
}
#filter_container {
height: 60px;
position: sticky !important;
top: 95px !important;
left: 0px !important;
right: 0px !important;
z-index: 9999;
}
#filter {
background: #4a144d;
height: 60px;
width: 100%;
border-top: 4px solid #4a144d;
position: relative;
color: #e4e3dd;
font-size: 20px;
text-align: center;
line-height: 100px;
z-index: 100;
}
#filter-top {
width: 198px;
height: 67px;
background: url('/ddo/img/filter.png') no-repeat center center;
position: absolute;
bottom: 100%;
left: 50%;
margin-left: -99px;
overflow: hidden;
}
#filter ul {
width: 100%;
display: table;
height: 28px;
margin-top: 12px;
line-height: 28px;
table-layout: fixed;
}
#filter li {
padding: 0px 2.5px;
vertical-align: top;
display: table-cell;
}
#filter li.whole {
font-size: 0px;
}
#filter li span.half {
display: inline-block;
width: 50%;
padding: 0px;
margin-top: 1px;
}
#filter li span.half:first-child {
padding-right: 2.5px;
}
#filter li span.half:last-child {
padding-left: 2.5px;
}
#filter select {
margin: 0;
width: 100%;
}
#filter.clean {
height: 0px;
border-top: 0px;
border-bottom: 4px solid #ae609e;
}
#filter.clean #filter-top {
z-index: 999;
bottom: auto;
top: -58px;
background: url('/ddo/img/filter2.png') no-repeat center center;
}
.content {
background: #f1eae2;
padding-top: 10px;
padding-bottom: 10px;
}
.content-block {
background: #ffffff;
padding: 25px;
margin-bottom: 40px;
}
.content-block .image {
float: left;
margin-right: 20px;
}
.content-block .image.relative {
height: 263px;
overflow: hidden;
}
.content-block .image img {
display: block;
}
.content-block .title {
margin-top: 30px;
margin-bottom: 20px;
}
.content-block .text {
text-align: center;
}
.text input[type="text"], .text input[type="password"], .text select, .text input[type="submit"], button {
display: block;
margin: 0px;
margin-bottom: 0px;
margin-top: 7px;
margin-left: 0px;
width: 302px;
border-radius: 0;
}
.text button {
width: 302px;
margin-left: 0px;
}
.text .select2-container {
margin-top: 7px;
}
.text table input[type="submit"] {
margin-left: 0px;
border: none;
text-transform: uppercase;
background: #5e6363;
height: auto;
line-height: 30px;
}
.text label.error {
margin: 0px;
}
.text textarea {
display: block;
border: 2px solid #f87985;
height: 150px;
margin-top: 7px;
width: 302px;
padding: 5px 15px;
font-family: 'Open Sans', sans-serif;
color: #360947;
font-size: 14px;
resize: none;
}
.text .g-recaptcha {
margin-top: 7px;
}
.text.small {
font-size: 14px;
line-height: 24px;
margin-top: 20px;
}
.text h2 {
/* font-family: 'Pinyon Script', cursive;
font-size: 40px;
font-weight: normal;
line-height: 35px;
margin-bottom: 10px; */
font-family: 'Merriweather', serif;
font-size: 22px;
font-weight: 400;
line-height: 1.3em;
margin-bottom: 5px;
}
.text h3 {
font-family: 'Pinyon Script', cursive;
font-size: 32px;
font-weight: normal;
line-height: 35px;
margin-bottom: 10px;
}
.text p {
padding-bottom: 24px;
}
.button, #contact_form input[type="submit"] {
display: inline-block;
border: none;
margin: 0px auto;
cursor: pointer;
color: #4a144d;
font-size: 35px;
height: 50px;
background: #6accc1;
text-align: center;
line-height: 50px;
text-decoration: none;
position: relative;
padding: 0px 35px;
font-family: 'Pinyon Script', cursive;
}
.button::before, #contact_form input[type="submit"]::before {
height: 50px;
width: 0px;
border-right: 10px solid #6accc1;
border-top: 25px solid #6accc1;
border-left: 10px solid transparent;
border-bottom: 25px solid #6accc1;
content: " ";
position: absolute;
right: 100%;
top: 0px;
}
.button::after, #contact_form input[type="submit"]::after {
height: 50px;
width: 0px;
border-right: 10px solid transparent;
border-top: 25px solid #6accc1;
border-left: 10px solid #6accc1;
border-bottom: 25px solid #6accc1;
content: " ";
position: absolute;
left: 100%;
top: 0px;
}
.text .button {
margin-top: 50px;
}
.title {
color: #4a144d;
text-align: center;
font-size: 26px;
font-weight: 700;
line-height: 1.3em;
}
.title.left {
text-align: left;
}
.subtitle {
color: #4a144d;
text-align: left;
font-size: 26px;
line-height: 20px;
margin-top: 15px;
}
.line {
margin: 20px 0px;
border-bottom: 1px solid #AE609E;
}
.title.top {
margin-bottom: 25px;
}
.text {
font-size: 16px;
line-height: 23px;
color: #4a144d;
}
.text.justify {
text-align: justify!important;
}
.text strong {
font-weight: bold;
}
.text em {
font-style: italic;
}
.text ul {
list-style: disc;
margin-left: 16px;
}
.text ol {
list-style: decimal;
margin-left: 16px;
}
.text a {
text-decoration: underline;
}
.colors {
display: none;
}
#related {
}
#related .title {
margin-bottom: 25px;
}
#related .padding {
width: 25%;
}
.text.no_products {
text-align: left;
}
input[type="number"] {
color: #444;
height: 28px;
width: 98px;
display: inline-block;
margin-top: 10px;
vertical-align: middle;
border: 1px solid #f87985;
padding: 0px 5px;
}
.product-color {
border: 1px solid #ccc;
display: inline-block;
height: 25px;
width: 25px;
cursor: pointer;
margin: 0 4px 4px 0;
padding: 1px;
vertical-align: middle;
margin-top: 5px;
margin-bottom: 15px;
}
.product-color span {
background: #000;
width: 100%;
height: 100%;
display: block;
}
.product-color:hover, .product-color.active {
border: 1px solid #000;
}
.products {
margin-top: 10px;
margin-bottom: 30px;
}
.products.related {
padding-top: 35px;
padding-bottom: 15px;
background: #d3f8f4;
}
.products.related .padding {
width: 25%;
}
.products.search_products .padding {
width: 25%;
}
.products.margin {
margin-bottom: 0px;
}
.products .padding {
width: 33.33%;
float: left;
margin-bottom: 16px;
}
.product-new {
position: relative;
padding: 20px;
background: #d3f8f4;
overflow: hidden;
}
.product-new .info a p, .product-new .info a h3 {
min-height: 62px;
}
.product-new a:hover {
text-decoration: none;
}
.product-new .ribbon {
background-color: #d3f8f4;
transform: rotate(-45deg);
-webkit-transform: -webkit-rotate(-45deg);
text-align: center;
line-height: 40px;
position: absolute;
width: 100%;
left: -106px;
top: 19px;
font-size: 22px;
box-shadow: 2px 2px 7px 2px #0000001f;
-webkit-box-shadow: 2px 2px 7px 2px #0000001f;
left: -41%;
top: 4%;
z-index: 11;
}
.product-new .image, .product-new .image:hover {
overflow: hidden;
/* height: 286px; */
/* margin-bottom: 42px; */
height: auto;
margin-bottom: 83px;
position: relative;
}
.product-new .image::after {
content: ' ';
display: block;
padding-bottom: 133.33%;
}
.product-new .image img {
position: absolute!important;
top: 0;
left: 50%;
transform: translateX(-50%);
display: block;
width: auto;
height: auto;
max-height: 100%;
max-width: 100%;
}
.product-new.portait img {
}
.product-new.landscape img {
}
.product-new .info {
bottom: 0px;
left: 0px;
display: block;
position: absolute;
background: rgba(211, 248, 244, 0.75);
color: #4a144d;
padding: 10px 20px 10px 20px;
font-size: 13px;
text-align: center;
line-height: 20px;
/*font-weight: 700;*/
opacity: 1;
width: 100%;
-webkit-transition: all 0.4s; /* Safari */
transition: all 0.4s;
}
@media only screen and (max-width: 767px) {
/* .product-new .image {
margin-bottom: 0px;
height: auto;
} */
.product-new .info {
position: static;
overflow: hidden;
opacity: 1;
padding: 10px 0 0;
height: auto;
}
.product-new .info a p {
min-height: auto;
margin-bottom: 10px;
}
}
.product-new:hover .image img {
position: relative;
z-index: 10;
}
.product-new:hover {
background-color: #6accc1;
}
.product-new:hover .button::before, .product-new:hover .button::after {
background-color: transparent;
}
.product-new .info span {
font-weight: 400;
text-transform: lowercase;
}
.product-new .shopping-cart-button {
background-image: url(/ddo/img/svg/cart-linear-white.svg);
background-repeat: no-repeat;
background-position: center;
background-color: #f87985;
background-size: 24px;
position: relative;
border: none;
height: 40px;
padding: 0px;
margin: 0 20px;
width: 24px;
display: block;
}
@media handheld, only screen and (max-width: 767px) {
.product-new .shopping-cart-button {
/*height: 30px;
background-size: 18px;*/
margin-top: 7px;
}
}
.product-new .shopping-cart-button::before {
content: ' ';
height: 40px;
border-right: 10px solid #f87985;
border-top: 20px solid #f87985;
border-left: 10px solid transparent;
border-bottom: 20px solid #f87985;
right: 100%;
position: absolute;
top: 0;
}
@media handheld, only screen and (max-width: 767px) {
/*.product-new .shopping-cart-button:before {
height: 30px;
border-right-width: 8px;
border-top-width: 15px;
border-left-width: 8px;
border-bottom-width: 15px;
}*/
}
.product-new .shopping-cart-button::after {
content: ' ';
height: 40px;
border-right: 10px solid transparent;
border-top: 20px solid #f87985;
border-left: 10px solid #f87985;
border-bottom: 20px solid #f87985;
position: absolute;
left: 100%;
top: 0;
}
@media handheld, only screen and (max-width: 767px) {
/*.product-new .shopping-cart-button:after {
height: 30px;
border-right-width: 8px;
border-top-width: 15px;
border-left-width: 8px;
border-bottom-width: 15px;
}*/
}
.product-new .size-select {
margin: 0;
margin-right: 8px;
border: 2px solid #6accc1;
flex: 1 1 100%;
appearance: none;
background: url('/ddo/img/icon/down.png') no-repeat center right;
background-color: white;
background-size: 20px;
height: 40px;
}
@media handheld, only screen and (max-width: 767px) {
.product-new .size-select {
/*height: 30px;*/
margin-top: 7px;
}
}
.product-new form {
display: flex;
margin-top: 8px;
margin-bottom: 5px;
}
@media handheld, only screen and (max-width: 767px) {
.product-new form {
padding: 0 15px;
}
}
.product-new .placeholder {
height: 30px;
}
.product-new .button {
font-family: 'Merriweather', serif;
font-size: 15px;
height: 40px;
line-height: 40px;
display: block;
padding: 0px;
width: calc(100% - 40px);
margin: 0 20px;
opacity: 1;
-webkit-transition: all 0.4s; /* Safari */
transition: all 0.4s;
}
.product-new .button::before {
height: 40px;
border-right: 10px solid #6accc1;
border-top: 20px solid #6accc1;
border-left: 10px solid transparent;
border-bottom: 20px solid #6accc1;
}
.product-new .button::after {
height: 40px;
border-right: 10px solid transparent;
border-top: 20px solid #6accc1;
border-left: 10px solid #6accc1;
border-bottom: 20px solid #6accc1;
}
.red .product-new .button {
background: #f87985;
}
.red .product-new .button::before {
border-right: 10px solid #f87985;
border-top: 20px solid #f87985;
border-left: 10px solid transparent;
border-bottom: 20px solid #f87985;
}
.red .product-new .button::after {
border-right: 10px solid transparent;
border-top: 20px solid #f87985;
border-left: 10px solid #f87985;
border-bottom: 20px solid #f87985;
}
.product-new .button span {
color: #FFF;
background: url('/ddo/img/price.png') no-repeat center center;
opacity: 0.8;
margin-right: 8px;
}
.product-new .button span.vip {
opacity: 1;
background: none;
color: inherit;
}
.product {
position: relative;
padding: 20px;
background: #d3f8f4;
overflow: hidden;
}
.product .image img {
display: block;
width: 100%;
}
.product .ribbon {
background-color: #d3f8f4;
transform: rotate(-45deg);
-webkit-transform: -webkit-rotate(-45deg);
text-align: center;
line-height: 40px;
position: absolute;
width: 100%;
left: -106px;
top: 19px;
font-size: 22px;
box-shadow: 2px 2px 7px 2px #0000001f;
-webkit-box-shadow: 2px 2px 7px 2px #0000001f;
left: -41%;
top: 4%;
z-index: 11;
}
.product .image {
height: 286px;
overflow: hidden;
}
.product .info {
bottom: 0px;
left: 0px;
display: block;
position: absolute;
background: rgba(211, 248, 244, 0.75);
color: #4a144d;
padding: 10px 20px 25px 20px;
font-size: 13px;
text-align: center;
line-height: 20px;
/*font-weight: 700;*/
opacity: 1;
width: 100%;
height: 44%;
-webkit-transition: all 0.4s; /* Safari */
transition: all 0.4s;
}
.product:hover .image img {
position: relative;
z-index: 10;
}
.product:hover {
background-color: #6accc1;
}
.product:hover .button::before, .product:hover .button::after {
background-color: transparent;
}
.product .info span {
font-weight: 400;
text-transform: lowercase;
}
.product .placeholder {
height: 60px;
}
.product .button {
font-family: 'Merriweather', serif;
font-size: 15px;
height: 40px;
line-height: 40px;
display: block;
margin: 0px;
padding: 0px;
position: absolute;
bottom: 20px;
left: 40px;
width: 175px;
opacity: 1;
-webkit-transition: all 0.4s; /* Safari */
transition: all 0.4s;
}
.product .button::before {
height: 40px;
border-right: 10px solid #6accc1;
border-top: 20px solid #6accc1;
border-left: 10px solid transparent;
border-bottom: 20px solid #6accc1;
}
.product .button::after {
height: 40px;
border-right: 10px solid transparent;
border-top: 20px solid #6accc1;
border-left: 10px solid #6accc1;
border-bottom: 20px solid #6accc1;
}
.red .product .button {
background: #f87985;
}
.red .product .button::before {
border-right: 10px solid #f87985;
border-top: 20px solid #f87985;
border-left: 10px solid transparent;
border-bottom: 20px solid #f87985;
}
.red .product .button::after {
border-right: 10px solid transparent;
border-top: 20px solid #f87985;
border-left: 10px solid #f87985;
border-bottom: 20px solid #f87985;
}
.product .button span {
color: #FFF;
background: url('/ddo/img/price.png') no-repeat center center;
opacity: 0.8;
margin-right: 8px;
}
.product .button span.vip {
opacity: 1;
background: none;
color: inherit;
}
.top_content .text {
font-size: 14px;
margin-top: 20px;
text-align: justify;
}
.bottom-content {
/* background: url('/ddo/img/krul.png') no-repeat center top 20px #fbbcc2; */
/* background: #fbbcc2; */
padding: 20px;
margin-bottom: 0px;
}
.bottom-content.color {
/* background: url('/ddo/img/krul.png') no-repeat center top 20px; */
}
.bottom-content .text {
font-size: 14px;
line-height: 24px;
text-align: justify;
}
.bottom-content .title, .bottom-content .text h2 {
text-align: center;
}
.side {
position: relative;
background: #f87985;
margin-top: 40px;
margin-bottom: 25px;
border: 4px solid #fbbcc2;
}
.side .title {
margin: 40px 0px 15px;
}
.curl {
background: url('/ddo/img/krul.png') no-repeat center center;
height: 100px;
width: 100%;
}
#categories + .review {
margin: 100px 0 50px;
}
.side .text {
color: #360947;
padding: 0px 20px;
text-align: center;
font-size: 14px;
line-height: 25px;
margin-bottom: 20px;
}
.side form {
padding: 0px 20px;
}
.side ul {
text-align: center;
color: #FFF;
font-size: 15px;
line-height: 30px;
margin: 30px 0px;
}
.side ul li a {
color: #FFF;
}
.side .image {
padding: 20px;
text-align: center;
}
.side .button, #contact_form input[type="submit"] {
color: #ffffff;
background: #4a144d;
padding: 0px;
width: 167px;
margin: 5px 20px 20px;
}
.side .button::before, #contact_form input[type="submit"]::before {
border-right: 10px solid #4a144d;
border-top: 25px solid #4a144d;
border-left: 10px solid transparent;
border-bottom: 25px solid #4a144d;
}
.side .button::after, #contact_form input[type="submit"]::after {
border-right: 10px solid transparent;
border-top: 25px solid #4a144d;
border-left: 10px solid #4a144d;
border-bottom: 25px solid #4a144d;
}
.side-faq {
margin-top: 60px;
}
.side-faq.margin {
margin: 60px 15px 60px 15px;
}
.side-faq.side-faq-mobile {
display: none;
}
@media only screen and (max-width: 767px) {
.side-faq.side-faq-mobile {
display: block;
}
}
.side-faq.top-home {
margin-top: 20px;
}
.side-faq .faq {
color: white;
padding: 10px;
text-align: left;
background-position: top 15px right 10px;
}
.side-faq .faq.active {
background: url(/ddo/img/faq-active-purple.png) no-repeat top 15px right 10px;
}
.side-faq .faq .q {
color: white;
font-size: 15px;
width: 90%;
margin: 0 0 15px 0;
}
.side-faq .faq .a {
line-height: 21px;
color: white;
border-top: 1px solid white;
padding-top: 15px;
margin-bottom: 10px;
}
.side-models {
background: white;
padding: 20px;
}
.side-models .title {
font-size: 15px;
line-height: 30px;
text-align: left;
padding: 10px 10px;
border-bottom: solid 1px #6accc1;
}
.side-models ul {
list-style: initial;
list-style-position: inside;
color: #360947;
}
.side-models ul li {
padding: 10px 10px;
border-bottom: solid 1px #6accc1;
}
.side-models .li-active {
font-weight: 600;
}
table input[type="text"], table input[type="password"], table select, table input[type="submit"], button {
margin-left: 10px;
width: 200px;
}
input[type="text"], input[type="password"], select {
border: 2px solid #f87985;
height: 30px;
padding: 0px 15px;
margin: 7px 0px;
font-family: 'Open Sans', sans-serif;
color: #360947;
font-size: 14px;
}
input[type="submit"], button {
border: 2px solid #f87985;
height: 30px;
padding: 0px 15px;
margin: 7px 0px;
background: #4a144d;
font-family: 'Open Sans', sans-serif;
color: #FFF;
font-size: 14px;
}
#newsletter input[type="text"], #newsletter input[type="password"], #newsletter select, #newsletter textarea {
width: 90%!important;
padding: 0px 10px;
background: #FFF;
}
#newsletter select, #newsletter textarea, #contact_form select, #contact_form textarea {
border: 1px solid #f87985;
border-radius: 0px;
height: 30px;
outline: none;
margin: 7px 0px;
padding: 0px 15px;
border-radius: 0px;
width: 100%;
font-family: 'Open Sans', sans-serif;
color: #360947;
font-size: 14px;
}
#contact_form {
margin-top: 30px;
}
#contact_form .recaptcha_placeholder {
width: 207px;
overflow: hidden;
}
#contact_form table input[type="text"], #contact_form table input[type="password"], #contact_form table select, #contact_form table input[type="submit"], #contact_form button {
width: 100%;
margin-left: 0px;
}
#newsletter textarea, #contact_form textarea {
resize: none;
padding: 10px;
height: 100px;
}
.side-top {
background: url('/ddo/img/top.png') no-repeat center center;
height: 22px;
width: 100%;
position: absolute;
bottom: 100%;
left: 0px;
}
.side-bot {
background: url('/ddo/img/bot.png') no-repeat center center;
height: 22px;
width: 100%;
position: absolute;
top: 100%;
left: 0px;
}
.review {
border: 4px solid #ae609e;
background: #d3f8f4;
position: relative;
margin: 50px 0px;
}
.review-top {
position: absolute;
left: 0px ;
top: -54.5px;
width: 100%;
height: 56px;
background: url('/ddo/img/review-top.png') no-repeat center center;
}
.review .title {
margin: 25px 0px 15px;
}
.review .text {
color: #4a144d;
padding: 0px 20px;
text-align: center;
font-size: 14px;
line-height: 20px;
margin-bottom: 20px;
}
.review .text.small {
font-size: 12px;
cursor: pointer;
}
.review .text.small a {
cursor: pointer;
text-decoration: none;
}
.review .text.small a:hover {
text-decoration: underline;
}
.review .text.italic {
font-style: italic;
}
.prices {
color: #360947;
font-weight: 700;
font-size: 15px;
line-height: 20px;
margin-bottom: 0px;
text-align: center;
}
.prices span {
color: #4A144D;
}
.review .name {
color: #4A144D;
font-size: 14px;
line-height: 20px;
padding: 0px 20px;
text-align: center;
margin-bottom: 20px;
font-weight: 700;
}
.review .name a {
color: #4A144D;
font-size: 14px;
line-height: 20px;
}
.review .image {
margin: 20px;
}
.stars {
line-height: 100px;
text-align: center;
}
.stars li {
display: inline-block;
background: url('/ddo/img/svg/star.svg') no-repeat center center;
width: 22px;
height: 25px;
}
.stars li.filled {
background: url('/ddo/img/svg/star-filled.svg') no-repeat center center;
}
.stars li.empty {
background: inherit;
line-height: 25px;
}
.faq .total_stars {
width: 50%;
position: absolute;
top: 0px;
right: 40px;
text-align: right;
}
.faq.active .total_stars {
opacity: 0;
}
.faq.relative {
position: relative;
}
.total_stars li {
margin-left: 0px;
display: inline-block;
vertical-align: middle;
}
.total_stars.spacing {
margin-bottom: 16px;
}
.total_stars li.filled {
background: url('/ddo/img/svg/star-filled.svg') no-repeat center center;
width: 22px;
height: 25px;
}
.total_stars li {
background: url('/ddo/img/svg/star.svg') no-repeat center center;
width: 22px;
height: 25px;
}
.total_stars li.empty {
background: inherit;
line-height: 33px;
}
.review-bot {
position: absolute;
left: 0px ;
bottom: -54.5px;
width: 100%;
height: 56px;
background: url('/ddo/img/review-bot.png') no-repeat center center;
}
.review.review--news-author-mobile {
display: none;
}
@media only screen and (max-width: 767px) {
.review.review--news-author-mobile {
display: block;
}
}
.review--news-author .review-image {
width: 40%;
height: auto;
margin: 0 auto 16px auto;
display: block;
border-radius: 100%;
}
.review--news-author h3 {
font-family: 'Merriweather', serif;
font-size: 25px;
font-weight: 600;
margin-bottom: 0;
}
.review--news-author h4 {
color: #4A144D;
margin-bottom: 10px;
}
#guide {
font-family: 'Open Sans', sans-serif;
color: #4a144d;
line-height: 18px;
padding: 0px 15px 0px;
}
#guide ul {
font-size: 0px;
}
#guide.less_padding {
padding-bottom: 5px;
}
#guide li {
font-size: 12px;
display: inline-block;
}
#guide span {
margin: 0px 2px;
}
#guide a {
color: #4a144d;
}
#guide li:last-child span {
display: none;
}
#guide li span {
}
#faq {
margin-bottom: 60px;
}
.faq {
cursor: pointer;
text-align: justify;
border-bottom: 1px solid #f87985;
padding-right: 40px;
background: url('/ddo/img/faq.png') no-repeat top 5px right 10px;
}
.faq ul {
list-style: disc;
}
.faq li {
margin-left: 18px;
}
.faq .product_faq ul.stars {
display: inline-block;
width: 50%;
text-align: right;
}
.faq .product_faq_top {
font-size: 0px;
}
.faq .product_faq_name {
color: #4a144d;
font-size: 14px;
line-height: 24px;
font-weight: 700;
width: 50%;
display: inline-block;
}
.faq .product_faq_content {
font-size: 12px;
line-height: 20px;
}
.faq .product_faq li {
margin-left: 0px;
}
.faq.active {
background: url('/ddo/img/faq-active.png') no-repeat top 5px right 10px;
}
.faq.active .a {
display: block;
cursor: default;
}
.q {
color: #4a144d;
font-size: 16px;
line-height: 24px;
margin: 15px 0px;
font-weight: 700;
}
.a {
font-size: 14px;
line-height: 24px;
color: #4a144d;
display: none;
margin-bottom: 25px;
}
.a a {
color: #f87985;
}
.top-content {
padding: 0px 45px;
}
.top-content .text {
margin-top: 0px;
text-align: justify;
font-size: 14px;
line-height: 24px;
}
.top-content .title {
margin-bottom: 10px;
}
#categories {
background: #ffffff;
padding: 0 10px;
margin-bottom: 40px;
margin-top: 5px;
position: relative;
}
#categories button {
display: none;
}
#categories ul {
}
#categories li a.active {
font-weight: 700;
}
#categories li {
line-height: 1.5em;
}
#categories a {
display: block;
color: #4a144d;
font-size: 16px;
padding: 10px 0 10px 25px;
border-bottom: 1px solid #6accc1;
background: url('/ddo/img/dot.png') no-repeat center left 10px;
}
#categories .subs a {
padding-left: 35px;
background: url('/ddo/img/dot.png') no-repeat center left 20px;
}
#categories .sub a {
padding-left: 45px;
background: url('/ddo/img/dot.png') no-repeat center left 30px;
}
#categories .sub .sub a {
padding-left: 55px;
background-position: center left 40px;
}
#categories .sub .sub .sub a {
padding-left: 65px;
background-position: center left 50px;
}
#categorie .last a {
padding-left: 55px;
background: url('/ddo/img/dot.png') no-repeat center left 40px;
}
#categories .sub {
display: none;
}
#categories .sub.active {
display: block;
}
.margin-top {
margin-top: 10px;
}
#pagination {
background: #f87985;
width: 100%;
padding-right: 15px;
text-align: center;
position: relative;
}
@media only screen and (max-width: 959px) {
#pagination {
text-align: left;
}
}
#pagination .select2-container {
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
}
#pagination ul, #pagination p {
display: inline-block;
font-weight: 700;
color: #4a144d;
font-size: 15px;
}
#pagination ul .fa {
font-size: 14px;
}
#pagination ul {
padding: 0 8px;
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: center;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
#pagination ul {
justify-content: flex-start;
}
}
#pagination li {
float: left;
}
#pagination li:first-child {
padding: 16px 12px;
}
#pagination li:last-child {
padding: 16px 12px;
}
#pagination li a, #pagination li .pages-link {
padding: 16px 12px;
display: block;
}
.pages strong {
color: #FFF;
}
#pagination p {
padding-right: 80px;
}
#pagination a, #pagination .pages-link {
display: block;
}
#pagination a:hover, #pagination .active a, #pagination .pages-link:hover, #pagination .active .pages-link {
color: #FFF;
text-decoration: underline;
}
#pagination a, #pagination .pages-link {
color: #4a144d;
}
@media handheld, only screen and (max-width: 767px) {
#pagination ul {
padding: 0px;
}
#pagination li:first-child {
padding: 0px;
}
#pagination li:last-child {
padding: 0px;
}
}
.category-logo {
/*margin-bottom: 400px;*/
text-align: center;
}
.category-logo img {
display: inline-block;
}
.zoomContainer {
display: none;
}
.big-image {
background: #d3f8f4;
padding: 20px;
margin-bottom: 10px;
}
.big-image img {
display: block;
}
.big-image.big-image--container {
height: auto;
position: relative;
}
.big-image.big-image--container:after {
content: ' ';
display: block;
padding-bottom: 100%;
}
.big-image.big-image--container img {
display: block;
max-width: calc(100% - 50px);
max-height: calc(100% - 50px);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.small-image {
width: 33.33%;
padding: 10px 15px;
float: left;
}
.small-image img {
display: block;
width: 100%;
}
.small-image.small-image--container {
height: auto;
position: relative;
}
.small-image.small-image--container:after {
content: ' ';
display: block;
padding-bottom: 100%;
}
.small-image.small-image--container img {
display: block;
width: auto;
max-width: calc(100% - 30px);
max-height: calc(100% - 20px);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.faq.active .a {
word-break: break-word;
}
.product-info {
padding: 20px 30px 0px 15px;
}
.product_info_left {
width: 40%;
float: left;
}
.product_info_left input[type="number"] {
width: 100px;
}
.product_info_right {
width: 60%;
float: right;
}
.product_info_right .button.addtocart, .product_info_right .button.addtolist {
width: auto;
max-width: 280px;
}
.product_info_right .button.addtocart {
margin-top: 33px;
}
.product_info_right #ajax_message {
padding: 10px 0px;
}
.product-info.no_padding_top {
padding-top: 0px;
}
.product-top {
padding: 0px 15px 0px;
margin-bottom: 5px;
}
.product-top .title {
text-align: left;
}
.product-info .title {
text-align: left;
}
.product-info ul {
font-size: 14px;
line-height: 24px;
color: #4a144d;
}
.product-info ul .main_price {
font-size: 20px;
margin-bottom: 5px;
}
.product-info ul span {
color: #4A1465;
}
.product-info span.lower {
color: inherit;
text-transform: lowercase;
}
.error_size {
color: #f87985;
text-align: center;
line-height: 24px;
padding: 10px 0px 0px;
font-size: 16px;
display: none;
}
.wishlist_succes {
color: #f87985;
text-align: center;
line-height: 24px;
padding: 10px 0px 0px;
font-size: 16px;
display: none;
}
#ajax_message {
text-align: center;
padding: 20px 0px;
}
.error_color {
color: #f87985;
display: none;
text-align: center;
}
.out_of_stock {
color: #f87985;
text-align: center;
}
.button.addtocart {
color: #4a144d;
font-family: 'Merriweather', serif;
font-size: 20px;
height: 55px;
margin-top: 35px;
line-height: 55px;
width: 280px;
padding: 0px 30px;
display: block;
background: url('/ddo/img/svg/cart-linear-white.svg') no-repeat center left #6accc1;
background-size: 24px;
}
.button.addtocart img {
vertical-align: middle;
}
.button.addtocart::before {
display: block;
height: 100%;
border-right: 10px solid #6accc1;
border-top: 27.5px solid #6accc1;
border-left: 10px solid transparent;
border-bottom: 27.5px solid #6accc1;
}
.button.addtocart::after {
display: block;
height: 100%;
border-right: 10px solid transparent;
border-top: 27.5px solid #6accc1;
border-left: 10px solid #6accc1;
border-bottom: 27.5px solid #6accc1;
}
.product-info table {
font-size: 14px;
line-height: 24px;
color: #4a144d;
font-weight: 700;
width: 100%;
}
@media only screen and (max-width: 959px) {
.product-info table {
max-width: 275px;
}
}
.product-info table label.error {
margin-left: 0px;
}
.total {
font-family: 'Open Sans', sans-serif;
font-size: 20px;
color: #4a144d;
padding: 0px 20px;
}
.price {
float: right;
}
.button.addtolist {
height: 40px;
display: block;
padding: 0px 50px;
margin-top: 20px;
line-height: 40px;
color: #ffffff;
font-size: 14px;
width: 280px;
font-family: 'Merriweather', serif;
background: url('/ddo/img/hart-arrow-white.png') no-repeat center left #f87985;
}
.button.addtolist::before {
height: 40px;
border-right: 10px solid #f87985;
border-top: 20px solid #f87985;
border-left: 10px solid transparent;
border-bottom: 20px solid #f87985;
display: block;
}
.button.addtolist::after {
height: 40px;
border-right: 10px solid transparent;
border-top: 20px solid #f87985;
border-left: 10px solid #f87985;
border-bottom: 20px solid #f87985;
display: block;
}
#footer-top {
background: #270927;
height: 135px;
line-height: 135px;
border-bottom: 3px solid #6accc1;
}
#footer-logo {
padding: 0px 15px;
float: left;
}
#footer-logo img {
vertical-align: middle;
display: inline-block;
}
.footer-line {
border-left: 1px solid #6accc1;
}
#social {
float: right;
padding-top: 10px;
margin-right: 300px;
}
#social li {
background: url('/ddo/img/social.png') no-repeat center center;
width: 34px;
line-height: 38px;
text-align: center;
color: #270927;
height: 35px;
float: left;
margin-left: 10px;
}
#social li i {
font-size: 20px;
display: inline-block;
}
#social li a {
color: #270927;
}
#social.blog {
float: left;
}
#social.blog li {
margin-left: 0;
margin-right: 10px;
}
#footer-mid {
background: #d3f8f4;
height: 22px;
}
#footer-image {
position: absolute;
top: -111px;
right: 65px;
width: 224px;
height: 244px;
/* background-image: url('/ddo/img/footer-image-2024-3.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain; */
z-index: 99;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
#footer-image {
top: -75px;
right: 22px;
width: 180px;
height: 195px;
}
}
#footer-image img {
width: 100%;
height: 100%;
object-fit: contain;
}
#footer-bottom {
background: #270927;
border-top: 3px solid #6accc1;
}
.sitemap {
color: #f87985;
font-size: 14px;
line-height: 28px;
margin-top: 120px;
font-weight: 700;
margin-bottom: 30px;
}
.sitemap li.first_item {
color: #f87985;
font-size: 14px;
line-height: 28px;
font-weight: 700;
}
.sitemap li.first_item a {
color: inherit;
font-weight: inherit;
}
.sitemap a {
color: #fbbcc2;
font-weight: 400;
}
.sitemap.nomargin {
margin-top: 0px;
}
#payment_logos {
text-align: center;
padding: 20px 0;
background-color: #d3f8f4;
}
#payment_logos .border {
border-right: 1px solid #270927;
display: inline-block;
padding-right: 10px;
}
.footer-payment-logo {
height: 48px;
padding: 5px;
}
#footer-end {
text-align: center;
/*color: #f87985;*/
line-height: 1.2em;
color: #270927;
background-color: #d3f8f4;
padding-bottom: 30px;
font-size: 12px;
}
#footer-end a {
color: #270927;
font-weight: 400;
font-size: 12px;
}
/*Select2*/
.product-info .select2-container {
width: 100px!important;
margin-top: 10px;
font-family: 'Open Sans', sans-serif;
color: #4a144d;
font-size: 16px;
font-weight: 400;
}
.product-info .select2-container--default .select2-selection--single {
border-radius: 0px;
outline: none;
border: 1px solid #f87985;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background: #f87985!important;
color: #4a144d;
}
.select2-container--default .select2-results__option[aria-selected=true] {
background: #FFF;
color: #4a144d;
}
.select2-dropdown {
border-radius: 0px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-size: 14px;
}
.select2-results__option {
padding-left: 8px;
}
#filter .select2-container {
width: 100%!important;
margin-top: 0px;
font-family: 'Open Sans', sans-serif;
color: #4a144d;
font-size: 14px;
font-weight: 400;
text-align: left;
}
#filter .select2-container--default .select2-selection--single {
border-radius: 0px;
outline: none;
border: 1px solid #f87985;
}
.select2-selection__clear {
padding: 0 5px;
}
/*Select2*/
/*Brands*/
.brand {
width: 20%;
float: left;
padding: 15px;
}
.brand img {
display: block;
width: 100%;
}
.brand .inner {
position: relative;
min-height: 200px;
display: block;
border: 1px solid #4a144d;
background: #d3f8f4;
padding: 20px;
}
.brand .inner:hover {
border: 1px solid #ae609e;
}
.brand .inner:hover .overlay {
display: block;
}
.brand .overlay {
position: absolute;
top: 0px;
display: block;
left: 0px;
text-align: center;
width: 100%;
height: 100%;
}
.brand .info {
padding: 10px 0px 0px;
color: #4a144d;
font-size: 13px;
text-align: center;
line-height: 20px;
min-height: 50px;
}
/*Brands*/
/*News start*/
.news_block {
width: 33.33%;
float: left;
margin-bottom: 30px;
}
.news_column {
border: 1px solid #ae609e;
}
.news_column:hover .news_content {
background: none;
}
.news_img img {
display: block;
}
.news_content {
position: relative;
padding: 15px 15px 0px 15px;
height: 170px;
background: rgba(74, 20, 77, 0.1);
}
.news_content.news_content--detail {
height: 195px;
}
.date {
font-size: 12px;
color: #4a144d;
}
.news_content a:hover {
text-decoration: none;
}
.news_content .text {
font-size: 14px;
height: 115px;
overflow: hidden;
text-align: left;
}
@media (max-width: 959px) {
.news_content .text {
height: 95px;
}
}
.news_content .read_more {
bottom: 15px;
right: 15px;
font-size: 12px;
color: #f87985;
}
.news_title {
font-size: 18px;
line-height: 24px;
height: 48px;
overflow: hidden;
margin-bottom: 5px;
}
.news_content .text {
font-size: 14px;
text-decoration: none;
}
.news_item {
margin-bottom: 20px;
}
.news_item .news_summary {
position: relative;
height: 200px;
}
.news_summary {
margin-bottom: 20px;
}
.news_item .news_summary .text {
height: 170px;
overflow: hidden;
}
.read_more {
position: absolute;
bottom: 0px;
right: 0px;
}
.read_more:hover {
text-decoration: underline!important;
}
/*News end*/
/*Guestbook start*/
#guestbook {
width: 100%;
margin-top: 20px;
}
#guestbook table, #contact_form table {
width: 100%;
}
.text #guestbook input[type="text"], .text #guestbook textarea, .text #guestbook button {
width: 100%;
max-width: 304px;
}
#guestbook .recaptcha_placeholder {
width: 90%;
margin: 0 auto;
overflow: hidden;
}
#guestbook button, #contact_form button {
font-size: 25px;
}
.guestbook_item {
padding-bottom: 20px;
border-bottom: 1px solid #6accc1;
}
.message_owner {
font-size: 1.1em;
font-weight: bold;
}
/*Guestbook end*/
/*New product info 30 09 2019*/
.product-info--secondary .product_info_container {
font-size: 0px;
}
.product-info--secondary .product_info_left {
float: none;
display: inline-block;
width: 40%;
vertical-align: top;
}
.product-info--secondary .product_info_left--full-width, .product-info--secondary .product_info_right--full-width {
width: 100%;
margin-bottom: 12px;
}
.size-container {
font-size: 0px;
/* padding-bottom: 12px; */
}
.size {
display: inline-block;
position: relative;
}
.size__tooltip {
background-color: #f7b363;
font-size: 12px;
line-height: 18px;
font-family: 'Open Sans', sans-serif;
text-align: center;
padding: 4px;
display: none;
position: absolute;
left: 0px;
bottom: calc(100% + 4px);
white-space: nowrap;
z-index: 2;
}
@media only screen and (max-width: 959px) {
.size:nth-child(6n-2) .size__tooltip, .size:nth-child(6n-1) .size__tooltip,.size:nth-child(6n) .size__tooltip {
left: auto;
right: 4px;
}
}
.size__input {
display: none;
}
.size__replacement {
cursor: pointer;
display: inline-block;
text-align: center;
vertical-align: middle;
height: 40px;
width: auto;
min-width: 40px;
line-height: 36px;
background: transparent;
color: #4A144D;
font-size: 12px;
font-weight: bold;
position: relative;
margin: 0px 4px 4px 0px;
border-radius: 4px;
border: 2px solid #4A144D;
font-family: 'Merriweather', serif;
}
.size__replacement:hover {
opacity: 0.5;
}
.size__input:checked+.size__replacement {
background-color: #6accc1;
color: #4A144D;
}
.product-info--secondary .product_info_right {
float: none;
display: inline-block;
width: 60%;
vertical-align: top;
position: relative;
padding-top: 24px;
}
.size__replacement--stock:hover {
border-color: #f7b363;
background: transparent;
color: #4A144D;
}
.size__replacement--stock:hover~.size__tooltip {
display: block;
}
@media only screen and (min-width: 1680px) {
.product-info--secondary .product_info_right {
padding-left: 24px;
max-width: 400px;
}
}
@media only screen and (max-width: 1139px) {
.product-info--secondary .product_info_left {
width: 100%;
margin-bottom: 12px;
}
.product-info--secondary .product_info_right {
width: 100%;
}
}
.product-info--secondary table {
font-size: 14px!important;
}
.product-info--secondary #add-to-bag {
margin: 0px 0px 12px 20px;
max-width: calc(100% - 90px);
font-size: 16px;
min-height: 55px;
line-height: 25px;
padding: 15px 0px 15px 30px;
height: auto;
text-align: left;
font-weight: bold;
}
.product-info--secondary .button.addtolist {
font-size: 0px;
max-width: 100%;
height: 45px;
width: 45px;
margin: 0px;
padding: 0px;
background: url('/ddo/img/svg/heart-highlight.svg') no-repeat center center;
background-size: 30px;
position: absolute;
top: 29px;
right: 0px;
opacity: 0.6;
transition: opacity .3s ease-in-out 0s;
}
.product-info--secondary .button.addtolist:hover {
background: url('/ddo/img/svg/heart-highlight-filled.svg') no-repeat center center;
background-size: 30px;
}
@media handheld, only screen and (max-width: 767px) {
.product-info--secondary .button.addtolist, .product-info--secondary .button.addtolist:hover {
top: 5px;
background-size: contain;
}
}
.product-info--secondary .button.addtolist:hover {
opacity: 1;
}
.product-info--secondary .button.addtolist:before, .product-info--secondary .button.addtolist:after {
display: none;
}
.product-info--secondary .select2-container {
margin-bottom: 10px;
}
.product-info--secondary #ajax_message {
padding: 0px;
}
.product_info_usp {
font-size: 12px;
line-height: 24px;
color: #4a144d;
padding-left: 24px;
background: url('/ddo/img/svg/heart-highlight.svg') no-repeat center left;
background-size: 14px;
}
.product_info_usp--tooltip {
cursor: pointer;
}
.product_info_usp--tooltip:hover .tooltip {
display: block;
}
.product_info_usp .tooltip {
display: none;
position: absolute;
background-color: #d3f8f4;
border-radius: 4px;
padding: 8px;
}
.product_info_usp strong {
font-weight: bold;
}
/*
layout for 1680px
*/
@media only screen and (min-width: 1680px) {
#contact_form .recaptcha_placeholder {
width: 342px;
}
#related .padding {
width: 18.5%;
}
.products .padding {
width: 25%;
}
.product .button {
width: 205px;
}
.product .image {
height: 325px;
}
.review-top {
top: -56px;
}
.brand {
width: 12.5%;
}
}
/*
layout for 960px
*/
@media only screen and (min-width: 960px) and (max-width: 1139px) {
#contact_form .recaptcha_placeholder {
width: 162px;
display: none;
}
.product_info_right .button.addtocart {
font-size: 18px;
}
.products .padding {
/* width: 50%; */
width: 33.3333%;
}
.product-new .size-select {
font-size: 12px;
}
.product-new .info {
padding: 10px 10px 10px 10px;
}
.product-new {
padding: 10px;
}
.product-new .ribbon {
font-size: 18px;
}
.product .image {
height: 386px;
}
.product .button {
width: 250px;
}
.product .info {
padding: 10px 30px 25px 30px;
}
#footer-logo img {
width: 350px;
}
#logo, #banner.small #logo {
top: 70px;
width: 600px;
margin-left: -300px;
}
#social {
margin-right: 290px;
}
.language li {
margin-right: 10px;
}
.top-menu li {
margin-left: 15px;
}
.top-menu li:first-child a, .top-menu li:nth-child(2) a {
padding-left: 30px;
}
.top-menu li:nth-child(3) a {
padding-left: 20px;
}
.top-menu li:last-child a {
padding-right: 50px;
}
#menu li {
font-size: 13px;
padding: 0px 8px;
}
.title {
font-size: 23px;
}
.side .button, #contact_form input[type="submit"] {
width: 123px;
}
.button {
font-size: 26px;
}
.review {
margin: 35px 0px;
}
.review-top {
top: -38px;
height: 40px;
background: url('/ddo/img/review-top.png') no-repeat center top;
}
.review-bot {
bottom: -38px;
height: 40px;
background: url('/ddo/img/review-bot.png') no-repeat center bottom;
}
#newsletter input[type="text"], #newsletter input[type="password"], #newsletter select {
width: 150px;
}
#related .padding {
width: 37.5%;
}
.brand {
width: 20%;
}
}
/*
layout for 768px
*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#contact_form .recaptcha_placeholder {
width: 144px;
}
.product_info_right .button.addtocart, .product_info_right .button.addtolist {
font-size: 13px;
}
.product-info table {
font-size: 10px;
}
.faq .product_faq ul.stars li {
background-size: 100%;
width: 16.5px;
height: 18.75px;
}
.button.addtolist {
padding-right: 20px;
}
#related .padding {
width: 37%;
}
#guestbook .recaptcha_placeholder {
width: 236px;
overflow: hidden;
}
.product .image {
height: 303px;
}
#newsletter input[type="text"], #newsletter input[type="password"], #newsletter select {
width: 120px;
}
.side #newsletter .button {
width: 80px;
font-size: 18px;
}
.content-block .image.relative {
margin-bottom: 30px;
}
#footer-top {
line-height: 80px;
}
#logo {
top: 55px;
width: 500px;
margin-left: -250px;
}
.padding {
padding: 0px 10px;
}
.products .padding {
width: 50%;
}
#footer-logo img {
width: 350px;
}
#social {
margin: 0px;
padding: 10px;
}
#footer-logo {
float: none;
}
.language li {
margin-right: 10px;
}
.top-menu li {
margin-left: 14px;
font-size: 10px;
}
.top-menu form input[type="text"], .top-menu form input[type="search"] {
width: 125px;
}
.top-menu li:first-child a {
padding-left: 25px;
}
.top-menu li:nth-child(2) a {
padding-left: 22px;
}
.top-menu li:nth-child(3) a {
padding-left: 16px;
}
#menu li {
font-size: 11px;
margin-left: 12px;
padding: 0px 5px;
}
.title {
font-size: 18px;
}
.side .button, #contact_form input[type="submit"] {
width: 105px;
font-size: 22px;
}
input[type="text"] {
padding: 0px 5px;
font-size: 11px;
}
.button {
font-size: 26px;
}
.product .button {
width: 178px;
}
.review {
margin: 35px 0px;
}
.review-top {
top: -23px;
height: 25px;
background: url('/ddo/img/review-top.png') no-repeat center top;
}
.review-bot {
bottom: -23px;
height: 25px;
background: url('/ddo/img/review-bot.png') no-repeat center bottom;
}
.stars {
line-height: 80px;
}
.side .text {
padding: 0px 10px;
}
.side form {
padding: 0px 10px;
}
.side .image {
padding: 10px;
}
.side ul {
margin: 30px 10px;
font-size: 12px;
}
.review .text, .review .name {
padding: 10px;
}
.review .text.small {
font-size: 12px;
}
.review .image {
margin: 10px;
}
.top-menu input[type="text"] {
width: 100px;
}
#filter .select2-container {
font-size: 12px;
}
.select2-dropdown {
font-size: 12px;
}
#categories a {
font-size: 14px;
}
.products.related .padding {
width: 50%;
}
.products.related .product .button {
width: 284px;
}
/*Brands*/
.brand {
width: 25%;
}
.brand .info {
font-size: 12px;
height: 50px;
}
/*Brands*/
/*News*/
.news_block {
width: 33.33%;
float: left;
margin-bottom: 20px;
}
}
/*
layout for handheld
*/
@media handheld, only screen and (max-width: 767px) {
.faq .product_faq ul.stars li, .faq .total_stars li.heel, .faq .total_stars li.half {
background-size: 100%;
width: 11px;
height: 12.5px;
}
.faq .product_faq ul.stars {
width: 40%;
}
.faq .product_faq_name {
width: 60%;
font-size: 12px;
}
#related .padding {
width: 100%;
}
.q {
font-size: 14px;
}
.a {
font-size: 12px;
line-height: 20px;
}
.message_box {
top: 81px;
}
#header {
background: #d3f8f4;
height: 80px;
padding-top: 10px;
position: relative;
box-shadow: 0px 0px 10px #888888;
}
#header .container12 {
height: inherit;
}
.footer-line {
border-left: none;
}
#mobile_fixed_placeholder {
height: 80px;
}
.mobile_fixed_placeholder--small {
height: 44px !important;
}
#mobile_logo {
width: 240px;
display: block;
}
#mobile_only {
position: absolute;
bottom: 12px;
right: 12px;
font-size: 0px;
}
#mobile_only li {
font-size: 13px;
height: 30px;
margin-right: 7px;
line-height: 30px;
display: inline-block;
}
#mobile_only li.filter {
background: url('/ddo/img/svg/filter-filled.svg') no-repeat center left;
background-size: 20px;
height: 30px;
min-width: 30px;
}
#mobile_only li.search {
background: url('/ddo/img/svg/search-filled.svg') no-repeat center left;
background-size: 20px;
height: 30px;
min-width: 30px;
}
#mobile_only li.account {
background: url('/ddo/img/svg/user-filled.svg') no-repeat center left;
background-size: 20px;
padding-left: 25px;
}
#mobile_only li.shopping-cart {
background: url('/ddo/img/svg/cart-highlight.svg') no-repeat center left;
background-size: 20px;
padding-left: 40px;
}
#mobile_only li.account.new, #mobile_only li.shopping-cart.new {
padding-left: 0;
}
#mobile_only li.account a {
height: 30px;
min-width: 30px;
display: block;
}
.mobile_language a {
height: 20px;
border: 2px solid #a14769;
display: inline-block;
}
.mobile_language img {
width: 25px;
height: 16px;
}
.mobile_language a.active {
border: 2px solid #f87985;
}
.language {
position: absolute;
bottom: 20px;
right: 12px;
}
.language li {
margin-right: 0px;
margin-left: 10px;
}
.text {
font-size: 14px;
}
#menu {
height: auto;
}
#menu ul {
display: none;
height: auto;
padding-bottom: 12px;
}
#menu.active ul {
display: block;
}
#menu li {
border: none;
float: none;
width: 100%;
padding: 0px;
margin-left: 50px;
font-size: 14px;
display: block;
}
#menu .submenu {
display: none!important;
}
.top-menu {
display: none;
}
.top-menu.active {
display: block;
}
.top-menu li {
margin: 0px;
width: 100%;
text-align: left;
padding-left: 50px!important;
line-height: 30px;
}
.top-menu li a {
line-height: inherit;
}
.top-menu input[type="text"] {
margin-left: 0px;
}
.top-menu form input[type="text"], .top-menu form input[type="search"] {
margin-left: 0px;
}
#banner {
background: #d3f8f4;
padding-bottom: 60px;
min-height: 0px;
}
#banner.small {
min-height: 0px;
}
#banner {
display: block;
padding-bottom: 0px;
}
#banner .container12 {
width: 100%;
}
#logo, #banner.small #logo {
position: inherit;
width: 100%;
padding: 20px;
margin: 0px;
left: auto;
top: auto;
}
#logo img {
width: 100%;
}
#filter {
height: auto;
}
#filter.new {
position: fixed;
}
#filter.new.active {
top: 80px;
}
#filter.new form {
background: #d3f8f4;
padding: 10px 8px 5px 10px;
box-shadow: 0 0 10px #888;
}
.shopping-cart-text {
display: none;
}
#filter ul {
height: auto;
display: block;
line-height: 40px;
padding: 0;
margin: 0;
}
#filter li {
display: block;
}
.title {
line-height: normal;
font-size: 24px;
}
.content-block .image {
margin: 0px;
float: none;
width: 100%;
}
.content-block .image img {
width: 100%;
}
#footer-bottom {
height: auto;
padding-top: 60px;
border: none;
}
.side .button, #contact_form input[type="submit"] {
width: 182px;
}
.sitemap {
margin-top: 0px;
}
#footer-top {
height: auto;
border-bottom: 0px;
line-height: 80px;
padding-bottom: 40px;
}
#footer-image {
right: 50%;
top: 50%;
margin-right: -60px;
margin-top: -49px;
background-size: 100%;
width: 120px;
height: 120px;
}
#social {
padding-top: 0px;
float: none;
margin: 0px;
width: 100%;
display: block;
text-align: center;
}
#footer-logo {
float: none;
text-align: center;
}
#social li {
float: none;
margin: 0px 5px;
display: inline-block;
}
.side .image img {
display: block;
margin: 0px auto;
}
.review .image img {
width: 100%;
}
.bottom-content {
background: #fbbcc2;
padding: 25px 20px 20px;
margin-top: 5px;
}
.bottom-content .title, .bottom-content .text h2 {
margin-bottom: 0px;
}
.bottom-content .text {
font-size: 12px;
line-height: 22px;
}
.total {
padding: 0px;
font-size: 18px;
}
.button.addtocart, .button.addtolist {
font-size: 14px;
text-align: right;
padding: 0px 5px 0px;
width: 215px;
}
#open-menu {
display: inline-block;
color: #FFF;
font-size: 22px;
/*border: 1px solid #FFF;*/
border: none;
padding: 2px;
position: absolute;
top: auto;
width: 100px;
left: 50%;
margin-top: 2px;
margin-left: -50px;
outline: none;
}
#banner .container12, #banner.small .container12 {
min-height: 0px;
}
table input[type="text"], table input[type="password"], table select, table input[type="submit"] {
width: 100%;
}
.mobile {
display: none;
}
.curl {
background: none;
height: 20px;
}
.content-block .image.relative {
height: 230px;
}
#filter {
border-top: 0px solid #ae609e;
top: -414px;
transition: top .5s ease-in-out;
box-shadow: 0 0 10px #888;
}
#filter .select2-container--default .select2-selection--single {
border-width: 2px;
}
#filter-top {
display: none;
}
.open_filter {
display: none;
background: #f1eae2;
margin: 0px;
padding-top: 20px;
}
.open_filter button {
display: block;
margin: 0px auto;
outline: none;
}
#filter.active {
top: 0;
z-index: 20;
}
#mobile_fixed {
position: fixed;
/* height: 45px; */
width: 100%;
top: 0px;
left: 0px;
}
.popup--v2 {
top: 32px;
left: auto;
right: 0px;
width: 298px;
}
.popup--v2.hide, #overlay.hide {
display: none;
}
.popup_close {
top: 10px;
}
.popup--v2 .point {
left: 62%;
}
.popup--v2 .button {
background: #4a144d;
width: 198px;
}
.mobile_banner {
display: block;
}
.mobile_banner img {
display: block;
}
#banner {
display: none;
}
#banner.category-banner {
display: block;
margin: 0 15px;
}
/*Brands*/
.brand {
width: 50%;
}
.brand .inner {
padding: 10px;
}
.brand .info {
font-size: 12px;
height: 50px;
}
/*Brands*/
/*News*/
.news_image {
text-align: center;
}
.news_item .news_summary {
height: auto;
}
.news_item .news_summary .text {
height: auto;
overflow: visible;
}
.read_more {
position: static;
margin-top: 10px;
text-align: right;
display: block;
}
.news_content .text {
text-align: justify;
}
/*News*/
/*Products*/
.products .padding, .products.search_products .padding {
width: 100%;
padding: 0px 5px;
}
.product-new .image, .product-new .image:hover {
width: 100%;
overflow: visible;
margin-bottom: 0;
}
.product-new .image::after {
display: none;
}
.product-new .image img {
position: static!important;
top: auto;
left: auto;
transform: unset;
display: block;
width: 100%;
height: auto;
max-height: none;
max-width: none;
}
.product .image {
height: auto;
}
.product {
padding: 10px;
}
.product .info {
position: static;
overflow: hidden;
opacity: 1;
line-height: 17px;
font-size: 12px;
padding: 10px 0px 0px;
height: auto;
}
.product .placeholder {
display: none;
}
.products.related .padding {
width: 100%;
}
.button_padding {
padding: 0px 15px;
width: 100%;
position: relative;
}
.product .button::before {
right: auto;
left: -5px;
}
.product .button::after {
left: auto;
right: -5px;
}
.desktop .product .button::after,
.desktop .product .button::before {
top: auto;
}
.product .button, .products.related .product .button {
width: 100%;
left: 0px;
position: static;
}
.product .image img {
width: 100%;
}
.product-top {
padding-top: 10px;
}
/*Products*/
/*News*/
.news_block {
width: 100%;
float: left;
margin-bottom: 20px;
}
.bottom-content.color {
background: #fbbcc2;
}
#overlay {
z-index: 99;
}
.product:hover .info, .product:hover .button {
opacity: 1;
}
.review {
display: none;
}
.popup--v2 p {
margin: 0px 25px;
}
#categories button {
display: block;
position: absolute;
top: 0px;
right: 0px;
line-height: 45px;
border: none;
height: 45px;
width: 45px;
padding: 0px;
margin: 0px;
background: none;
font-family: 'Open Sans', sans-serif;
color: #4a144d;
font-size: 20px;
outline: none;
}
#categories button .fa {
vertical-align: middle;
}
#categories ul.subs {
display: none;
}
#categories ul.subs.active {
display: block;
}
.content {
padding-top: 15px;
}
.products {
margin-top: 15px;
margin-bottom: 0px;
}
.top_content .text {
display: none;
}
.top-content .title {
margin-bottom: 10px;
}
#guide {
padding-bottom: 5px;
}
#categories {
margin: 10px 0px;
}
.open_filter {
display: block;
}
/*Language-popup*/
#language-popup {
top: 3%;
left: 5%;
width: 90%;
height: 94%;
margin: 0px;
padding: 20px;
}
#language-popup .title {
font-size: 40px;
}
#language-popup .text {
font-size: 12px;
}
#language-popup li {
font-size: 10px;
padding-left: 42px;
}
#language-popup li.nl {
background: url('/ddo/img/nl.png') no-repeat center left 9px;
}
#language-popup li.gb {
background: url('/ddo/img/gb.png') no-repeat center left 9px;
}
#language-popup li.de {
background: url('/ddo/img/de.png') no-repeat center left 9px;
}
/*Language-popup*/
#pagination {
text-align: center;
padding-right: 0px;
padding-bottom: 12px;
}
#pagination .select2-container {
position: relative;
bottom: auto;
right: auto;
transform: none;
}
#pagination .select2-container .select2-container--default .select2-selection--single .select2-selection__arrow {
right: 12px;
}
}
/*
layout for large handheld
*/
@media handheld, only screen and (min-width: 480px) and (max-width: 767px) {
.padding {
padding: 0px 10px;
}
/*Brands*/
.brand {
width: 33.3333%;
}
.brand .inner {
padding: 10px;
}
.brand .info {
font-size: 12px;
height: 50px;
}
/*Brands*/
/*Products*/
.product {
padding: 15px;
}
.product .image {
height: auto;
}
.product .button, .products.related .product .button {
width: 100%;
left: 0px;
}
.product .button {
font-size: 13px;
}
.product .placeholder {
display: none;
}
/*Products*/
#mobile_logo {
width: 300px;
display: block;
}
#mobile_only {
position: absolute;
bottom: 12px;
right: 12px;
font-size: 0px;
}
#mobile_only li {
font-size: 13px;
height: 30px;
margin-right: 7px;
line-height: 30px;
display: inline-block;
}
#mobile_only li:first-child {
background: url('/ddo/img/icon/user.svg') no-repeat center left;
background-size: 20px;
padding-left: 25px;
}
#mobile_only li:last-child {
background: url('/ddo/img/icon/shopping-cart.svg') no-repeat center left;
background-size: 20px;
padding-left: 25px;
}
.language {
position: absolute;
bottom: 20px;
right: 12px;
}
.language li {
margin-right: 0px;
margin-left: 10px;
}
.content-block .image.relative {
height: 357px;
}
.side .button, #contact_form input[type="submit"] {
width: 302px;
}
/*News*/
.news_block {
width: 50%;
float: left;
margin-bottom: 20px;
}
}
.read-more {
font-style: italic;
}
.desktop-small-logo {
background: url('/ddo/img/mobile_logo.png') no-repeat center center;
background-size: contain;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 40px;
display: none;
}
@media only screen and (max-width: 767px) {
.desktop-small-logo {
display: block;
}
.desktop .language {
display: none;
}
.top-menu.desktop {
position: absolute;
bottom: 15px;
left: 0;
right: 0;
text-align: center;
display: block;
padding-left: 10px;
white-space: nowrap;
}
.top-menu.desktop li {
display: inline-block;
padding: 0;
margin: 0;
width: auto;
padding-right: 15px;
padding-left: 0 !important;
float: none;
}
.top-menu.desktop li a {
margin: 0 5px;
color: #4a144d;
}
.top-menu.desktop li:last-child {
display: none;
}
.desktop .popup--v2 .point,
.desktop .popup--v2 {
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
}
/*
@media only screen and (min-width: 650px) {
.desktop-small-logo {
height: 60px;
}
}
*/
.qshops_logo {
padding: 0 15px 15px;
display: inline-block;
transform: translateY(50%);
-webkit-transform: translateY(50%);
-moz-transform: translateY(50%);
}
.handheld .qshops_logo {
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
}
#reset-filters {
margin: 0;
width: auto;
padding: 0 20px;
width: 100%;
font-size: 12px;
}
#reset-button {
margin: 0;
padding: 0 20px;
width: 100%;
font-size: 12px;
border: 2px solid #f87985;
height: 30px;
background: #4a144d;
font-family: open sans,sans-serif;
color: #fff;
display: block;
cursor: pointer;
}
.desktop .reset-filters-container {
width: 125px;
}
#filter .select2-container--default .select2-selection--single .select2-selection__clear {
position: absolute;
right: 16px;
top: 0;
}
.tag_image {
position: absolute;
top: 25px;
right: 25px;
z-index: 1;
}
.tag_information {
background-repeat: no-repeat;
background-position: center left 5px;
padding-left: 70px;
display: flex;
align-items: center;
font-size: 14px;
font-style: italic;
line-height: 20px;
font-weight: 100;
min-height: 65px;
}
.tag_information.no_image {
padding-left: 0;
min-height: 0;
}
.wwk_container {
margin: 20px 0;
}
.wwk--sidebar.wwk--sidebar-left {
z-index: 200 !important;
}
h5 {
font-family: 'Gochi Hand', cursive;
font-weight: bold;
font-size: 16px;
color: #000000;
}
h6 {
font-family: 'Gochi Hand', cursive;
font-size: 13px;
color: #000000;
}
.autocomplete {
position: relative;
}
.autocomplete-loader {
font-size: 15px !important;
color: #000;
position: absolute;
top: -7px;
right: 40px;
display: none;
}
.autocomplete input,
.top-menu form.autocomplete input {
outline-style: none;
font-size: 13px;
width: 263px;
}
.autocomplete .result-container {
position: absolute;
top: 11px;
left: -1px;
right: -1px;
font-size: 11px;
background: white;
z-index: 99;
max-height: 500px;
color: #000;
line-height: 1.1em;
width: 300px;
border: 1px solid #4a144d;
border-top: 0;
}
.autocomplete .result {
overflow-y: scroll;
height: 100%;
max-height: 480px;
padding-bottom: 46px;
}
.autocomplete a.show-all {
font-size: 11px;
color: #000;
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: #fff;
/* border-top: 1px solid #4a144d; */
text-align: center;
padding-right: 0 !important;
}
a.result-product {
height: 75px;
display: block;
width: 100%;
clear: both;
position: relative;
/* border-bottom: 1px solid #4a144d; */
color: #000 !important;
line-height: inherit !important;
display: block !important;
padding-right: 0 !important;
}
a.result-product:hover {
background-color: #D3F8F4;
}
.result-product:last-child {
border-bottom: 0;
}
.result-title {
width: 50%;
position: absolute;
left: 25%;
top: 50%;
transform: translateY(-50%);
padding: 5px;
}
.result-image {
width: 25%;
float: left;
height: 100%;
}
.result-price {
width: 25%;
float: right;
font-weight: 900;
line-height: 75px;
text-align: center;
}
.result-divider {
line-height: 2em;
border-bottom: 1px solid #000;
padding: 0 15px;
}
@media (max-width: 959px) {
.autocomplete input, .top-menu form.autocomplete input {
width: auto;
}
}
.product.orientation-landscape img {
height: 57%;
margin: 0 auto;
position: relative;
width: auto;
}
.product .button::before,
.product .button::after {
background: rgba(211, 248, 244);
}
.button--full-width {
width: 100%;
}
.mobile_fixed_placeholder--small {
height: 46px;
}
.divider {
position: absolute;
right: -17px;
top: 8px;
font-size: 30px;
color: #f87985;
}
.button--no-border {
border: 0;
padding: 0;
cursor: pointer;
}
/*Language select 27 - 08 - 2020*/
.language-select {
position: relative;
padding: 4px 8px;
z-index: 1;
display: inline-block;
background: #4a144d;
cursor: pointer;
margin-top: 8px;
}
.language-select__selected-country {
color: #fff;
font-size: 12px;
font-family: 'Merriweather', serif;
vertical-align: middle;
}
.language-select__icon {
width: 15px;
vertical-align: middle;
}
.language-select__container {
position: absolute;
top: 100%;
right: -1px;
border: 1px solid #000;
background: #FFF;
display: none;
}
.language-select--active .language-select__container {
display: table;
}
.language-select--active .language-select__icon {
transform: rotate(180deg);
}
.language-select__item {
padding: 8px;
background: #FFF;
transition: background .3s ease-in-out 0s;
display: table-row;
}
.language-select__item:hover {
background: #d3f8f4;
text-decoration: none;
}
.language-select__name {
font-size: 12px;
color: #000;
padding: 8px;
font-family: 'Merriweather', serif;
display: table-cell;
border-bottom: 1px solid #000;
text-align: left;
vertical-align: middle;
}
.language-select__flag {
display: table-cell;
padding: 8px;
border-bottom: 1px solid #000;
vertical-align: middle;
}
.language-select__item:last-child > * {
border-bottom: 0;
}
.language-select__flag img {
display: block;
width: 25px;
max-width: none;
}
.language-select-overlay {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
display: none;
}
.language-select-overlay--active {
display: block;
}
/*Language select 27 - 08 - 2020*/
.desktop-hidden {
display: none;
}
@media handheld, only screen and (max-width: 767px) {
.desktop-hidden {
display: block;
}
}
/*Shoppingcart popup 08-02-21*/
.popup--v2 {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #d3f8f4;
width: 700px;
max-width: calc(100% - 32px);
max-height: calc(100% - 32px);
overflow-y: auto;
box-shadow: 0px 1px 8px #4a144d;
}
/* #popup.popup--v2, #popup.popup--v2.hide {
display: block;
opacity: 1;
} */
.popup--v2 .popup-v2-title {
color: #4a144d;
text-align: center;
font-size: 24px;
line-height: 1.5em;
font-weight: bold;
}
.popup--v2 .popup-v2-content, .popup--v2 .popup-v2-content p {
color: #4a144d;
text-align: center;
font-size: 14px;
line-height: 1.5em;
}
.popup--v2 .popup-v2-product-image {
margin-top: 20px;
margin-bottom: 10px;
position: relative;
width: 100%;
height: 200px;
}
.popup--v2 .popup-v2-product-image img {
display: block;
max-height: calc(100% - 20px);
max-width: calc(100% - 20px);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border: 10px solid #6accc1;
}
.popup--v2 .popup-v2-product-info, .popup--v2 .popup-v2-product-info p {
color: #4a144d;
text-align: center;
font-size: 16px;
line-height: 1.5em;
font-weight: bold;
}
.popup--v2 .popup-v2-product-buttons {
display: flex;
display: -ms-flexbox;
flex-direction: row;
-ms-flex-direction: row;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding: 25px 45px;
}
.popup--v2 .popup-v2-product-buttons .popup_atb {
padding-left: 40px;
}
.popup--v2 .popup-v2-product-buttons .popup_close {
top: auto;
right: auto;
width: calc(50% - 50px);
background-color: #6accc1;
line-height: 50px;
margin: 0;
padding: 0;
font-size: 16px!important;
color: #fff;
text-align: center;
height: 50px;
position: relative;
margin: 0;
border: none;
font-family: inherit;
}
.popup--v2 .popup-v2-product-buttons .popup_close:hover {
text-decoration: none;
}
.popup--v2 .popup-v2-product-buttons .popup_close:before {
content: " ";
position: absolute;
right: 100%;
top: 0;
width: 0;
height: 50px;
border-right: 10px solid #6accc1;
border-top: 25px solid #6accc1;
border-left: 10px solid transparent;
border-bottom: 25px solid #6accc1;
}
.popup--v2 .popup-v2-product-buttons .popup_close:after {
content: " ";
position: absolute;
left: 100%;
top: 0;
width: 0;
height: 50px;
border-right: 10px solid transparent;
border-top: 25px solid #6accc1;
border-left: 10px solid #6accc1;
border-bottom: 25px solid #6accc1;
}
.popup--v2 .popup-v2-product-buttons .button {
width: calc(50% - 50px);
margin: 0;
}
@media handheld, only screen and (max-width: 767px) {
.popup--v2 .popup-v2-title {
font-size: 18px;
}
.popup--v2 .popup-v2-product-buttons .popup_close {
width: 100%;
}
.popup--v2 .popup-v2-product-buttons .button {
width: 100%;
margin-top: 12px;
}
}
.logo-header {
height: 43px;
position: absolute;
left: 0;
top: 2px;
}
@media only screen and (max-width: 1630px) {
.logo-header {
height: 35px;
top: 5px;
}
}
@media only screen and (max-width: 1500px) {
.logo-header {
height: 25px;
top: 10px;
}
}
@media only screen and (max-width: 1350px) {
.logo-header {
display: none;
}
}
.termsfeed-com---palette-light .cc-nb-reject {
color: #111!important;
background-color: #eaeaea!important;
}
@media handheld, only screen and (max-width: 767px) {
#search.search--hidden {
display: none;
}
}
#CybotCookiebotDialog input[type=checkbox] {
display: initial;
}
.slider-container {
width: 100%;
height: 50px;
overflow: hidden;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.slider-text span {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: row wrap;
transform: translate(-50%, -50%);
opacity: 0;
animation: fadeInOut 8s infinite;
}
.slider-text span:nth-child(1) { animation-delay: 0s; }
.slider-text span:nth-child(2) { animation-delay: 2s; }
.slider-text span:nth-child(3) { animation-delay: 4s; }
.slider-text span:nth-child(4) { animation-delay: 6s; }
@keyframes fadeInOut {
0%, 20% { opacity: 1; } /* USP fully visible */
25%, 100% { opacity: 0; } /* USP fades out */
}
.footer-logo {
color: #fbbcc2;
font-family: 'Pinyon Script', cursive;
font-size: 50px;
padding: 0px 15px;
float: left;
}
.footer-logo a {
text-decoration: none;
}
@media handheld, only screen and (max-width: 767px) {
.footer-logo {
font-size: 34px;
float: none;
text-align: center;
}
}
th {
font-weight: 600;
}
.pointer {
cursor: pointer;
}
#shop-total td:nth-child(2) {
text-align: right;
}
.check {
padding: 0px 15px;
}
.check label.error {
margin: 0px;
}
.check input[type="number"] {
border: 1px solid #AE609E;
color: #000000;
}
.check.done {
opacity: 0.5;
}
.carttitle {
font-size: 20px;
line-height: 30px;
color: #4a144d;
font-weight: 700;
border-bottom: 1px solid #AE609E;
margin-bottom: 25px;
}
.carttitle.done {
background: url('/ddo/img/carttitle.png') no-repeat center right 25px;
}
.item {
font-family: 'Open Sans', sans-serif;
}
.item-left {
float: left;
width: 30%;
padding-top: 10px;
padding-right: 0px;
}
.item-right {
float: left;
width: 65%;
padding-left: 15px;
}
.item-right td {
font-size: 14px;
line-height: 28px;
}
.item-right input[type="number"] {
margin-top: 0px;
}
.item .line {
margin: 20px 0px;
border-bottom: 1px solid #f87985;
}
.item-name {
font-size: 14px;
color: #4a144d;
line-height: 20px;
margin-bottom: 10px;
font-weight: 700;
}
.item table {
font-size: 14px;
line-height: 40px;
width: 100%;
table-layout: fixed;
/*
Dit uitgezet omdat het de shoppingcart verpestte
margin: 0px 20px;
*/
}
/*
Dit uitgezet omdat het de shoppingcart verpestte
.item table td {
width: 50%;
}
*/
.orders {
width: 100%;
text-align: left;
font-size: 14px;
margin-bottom: 20px;
line-height: 26px;
}
.orders:target + .account_review textarea, #account .orders:target + .account_review button, .orders:target + .account_review .rating {
display: block;
}
.item .delete {
color: #5e6363;
color: #000;
font-size: 14px;
margin-top: 15px;
}
.item .delete img {
max-width: none;
}
.item-prijs {
font-weight: 700;
}
.check .select2-container {
width: 100%!important;
margin-top: 10px;
margin-left: 0px;
font-family: 'Open Sans', sans-serif;
color: #4a144d;
font-size: 16px;
font-weight: 400;
}
.check .line {
margin: 15px 0px 18px;
}
.check .select2-container--default .select2-selection--single {
border-radius: 0px;
outline: none;
border: 1px solid #f87985;
}
#shop-total {
/*background: #f87985;*/
background: unset;
/*color: #ffffff;*/
color: unset;
font-size: 14px;
line-height: 30px;
margin: 0;
padding: 10px 20px;
padding-left: 0;
font-family: 'Open Sans';
}
#shop-total tr td:last-child {
text-align: right;
}
#shop-total .total {
border-top: 2px solid #4a144d;
font-size: 14px;
padding: 0px;
font-weight: 700;
}
.flex {
display: flex;
justify-content: space-between;
}
.flex .shop-button {
margin-left: 20px;
margin-right: 20px;
flex: 0 0 39%;
}
.shop-button {
display: block;
border: none;
margin: 0px auto;
margin-top: 5px;
cursor: pointer;
color: #4A144D!important;
font-size: 14px;
min-height: 40px;
background: #6accc1;
text-align: center;
line-height: 20px;
text-decoration: none;
position: relative;
font-weight: 700;
padding: 10px 5px;
font-family: 'Merriweather', serif;
width: calc(100% - 80px);
}
.shop-button.secondary {
background-color: #5E6363;
color: #fff!important;
}
.shop-button.secondary:before {
border-right-color: #5E6363;
border-top-color: #5E6363;
border-bottom-color: #5E6363;
}
.shop-button.secondary:after {
border-left-color: #5E6363;
border-top-color: #5E6363;
border-bottom-color: #5E6363;
}
form .shop-button {
width: calc(100% - 40px);
}
/*shop button 18-11-2019 start*/
.shop-button--center {
margin: 0px auto!important;
}
.shop-center.active .shop-button.shop-button--center, .shop-center.active .paragraph, .shop-center.active .shop-button.shop-button--center:after, .shop-center.active .shop-button.shop-button--center:before, .shop-center.active .line {
display: none;
}
.shop-center--hide-text .shop-center {
display: none;
}
.shop-center--hide-text.active .shop-center {
display: block;
text-align: center;
font-family: 'Merriweather', serif;
margin: 12px 0;
}
.shop-center.active .order-text {
font-size: 12px !important;
}
#lost-password-container p, #new-account .flex .shop-button {
display: none;
}
#lost-password-container.active p, #new-account.active .flex .shop-button, #new-account.active .line {
display: block;
}
/*shop button 18-11-2019 end*/
.shop-button:hover {
text-decoration: none!important;
}
.shop-button::before {
height: 100%;
width: 0px;
border-right: 10px solid #6accc1;
border-top: 20px solid #6accc1;
border-left: 10px solid transparent;
border-bottom: 20px solid #6accc1;
content: " ";
position: absolute;
right: 100%;
top: 0px;
}
.shop-button::after {
height: 100%;
width: 0px;
border-right: 10px solid transparent;
border-top: 20px solid #6accc1;
border-left: 10px solid #6accc1;
border-bottom: 20px solid #6accc1;
content: " ";
position: absolute;
left: 100%;
top: 0px;
}
.shop-button.margin {
margin-top: 15px;
}
.shop-button.lost {
color: #FFF;
background: #f87985;
}
.payment {
font-size: 14px;
color: #4a144d;
margin: 0px 20px 10px 0px;
}
.payment img {
max-height: 18px;
}
.payment--spacing-left {
margin-left: 24px;
}
.payment .parcelshops {
line-height: 1.3em;
}
.shop-button.lost::before {
border-right: 10px solid #f87985;
border-top: 20px solid #f87985;
border-left: 10px solid transparent;
border-bottom: 20px solid #f87985;
}
.shop-button.lost::after {
border-right: 10px solid transparent;
border-top: 20px solid #f87985;
border-left: 10px solid #f87985;
border-bottom: 20px solid #f87985;
}
.shop-center {
padding: 0px 0px;
font-family: 'Open Sans', sans-serif;
}
.shop-center .text {
font-size: 14px;
}
.shop-center form {
margin: 0px 0px;
}
.shop-center .no_margin {
margin: 0px;
}
.orders_wishlist input[type="checkbox"] {
display: block;
}
.shop-center input[type="radio"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: none;
}
.shop-center p {
font-size: 14px;
color: #4a144d;
margin: 15px 20px 0px 0px;
}
.shop-center input[type="text"], .shop-center input[type="password"], .shop-center input[type="email"], .shop-center select {
/*border: 1px solid #f87985;*/
border: 1px solid #AE609E;
border-radius: 0px;
height: 30px;
padding: 0px 10px;
outline: none;
margin: 7.5px 0px;
width: 100%;
font-family: 'Open Sans', sans-serif;
/*color: #360947;*/
/*color: #AE609E;*/
color: #000000;
font-size: 14px;
}
.shop-center textarea {
border: 1px solid #f87985;
height: 130px;
line-height: 20px;
padding: 6px 15px;
text-align: center;
margin: 0px 0px 15px;
width: 100%;
font-family: 'Open Sans', sans-serif;
color: #360947;
font-size: 14px;
resize: none;
}
.shop-center textarea.textarea-gift {
height: 30px;
margin: 7px 0px 0px;
padding: 4px 10px;
width: calc(100% - 12px);
text-align: left;
border-color: #AE609E;
}
.shop-center p.choose-newsletter {
text-align: left;
margin-top: 20px;
}
.shop-accept {
margin: 0px 0px;
font-size: 12px;
font-family: 'Open Sans', sans-serif;
}
#input_purple input[type="text"],
#input_purple input[type="email"],
#input_purple input[type="password"],
#input_purple select,
#input_purple input[type="tel"] {
color: #4A114D;
}
/*radio and checkbox*/
input[type="checkbox"] {
display:none;
}
input[type="checkbox"] + label span.radio-box {
display:inline-block;
width:16px;
height:16px;
margin:-1px 10px 0 0;
vertical-align:middle;
background: url('/ddo/img/check.png') left top no-repeat;
cursor:pointer;
}
label.checkbox {
color: #4a144d;
font-size: 14px;
line-height: 16px;
font-family: 'Open Sans', sans-serif;
}
label.checkbox a {
color: #4a144d;
text-decoration: underline;
}
input[type="checkbox"]:checked + label span.radio-box {
background: url('/ddo/img/check-active.png') left top no-repeat;
}
input[type="radio"] {
margin-left: 0px;
}
input[type="radio"] + label span.radio-box {
display:inline-block;
width:18px;
height:18px;
margin-right: 10px;
vertical-align:middle;
background: url('/ddo/img/radio.png') center center no-repeat;
cursor:pointer;
padding-bottom: 30px;
}
label.radio {
color: #4a144d;
font-size: 14px;
line-height: 16px;
font-family: 'Open Sans', sans-serif;
}
label.radio a {
color: #4a144d;
text-decoration: underline;
}
input[type="radio"]:checked + label span.radio-box {
background: url('/ddo/img/radio-active.png') center center no-repeat;
}
#account .text table input[type="submit"] {
margin-left: 10px;
outline: none;
-webkit-appearance: none;
border-radius: 0px;
border: 0px solid #f87985;
text-transform: uppercase;
padding: 0px 15px;
background: #5e6363;
font-family: 'Open Sans', sans-serif;
color: #FFF;
font-size: 14px;
display: block;
float: left;
margin-right: 15px;
text-align: center;
text-decoration: none;
line-height: 30px;
}
#account input[type="submit"], #account button {
border: none;
text-transform: uppercase;
background: #5e6363;
}
#account .text label.error {
margin-left: 10px;
}
#account th {
text-align: left;
}
#account .title.left {
margin-bottom: 10px;
}
#account input[type="radio"] {
margin-left: 10px;
}
#account .text input[type="text"], #account .text input[type="password"], #account .text select, #account .text input[type="submit"], button {
margin-left: 10px;
}
#account .toptext {
font-size: 13px;
padding: 5px 0;
}
#account_buttons button, #account_buttons a {
border: 0px solid #f87985;
text-transform: uppercase;
padding: 0px 15px;
margin: 7px 0px;
background: #5e6363;
font-family: 'Open Sans', sans-serif;
color: #FFF;
font-size: 14px;
display: block;
width: 200px;
float: left;
margin-right: 15px;
text-align: center;
text-decoration: none;
line-height: 30px;
}
#account_buttons button.green, #account_buttons a.green {
background: #6accc1;
/*color: #4a144d;
border-color: #4a144d;*/
}
.orders_wishlist {
width: 100%;
}
.orders_wishlist p, .orders_wishlist a {
vertical-align: top;
}
.orders_wishlist tr th {
text-align: left;
font-weight: 600;
padding-left: 5px;
padding-bottom: 5px;
}
.orders_wishlist a {
text-decoration: none;
}
.orders_wishlist a:hover {
text-decoration: underline;
}
/*radio and checkbox*/
/*first_step open and close*/
.first_step .shop-center form {
height: 0px;
overflow: hidden;
opacity: 0;
transition: all 1.5s;
}
.first_step .shop-center.active form {
height: auto;
opacity: 1;
}
/* .first_step .shop-center p {
cursor: pointer;
} */
/* .first_step .shop-center p:hover {
text-decoration: underline;
} */
/*first_step open and close*/
/*Orders*/
#account #order_buttons a.status {
background: #f87985;
float: left;
}
#exchange #shop-total {
float: right;
}
#exchange #shop-total table {
width: 100%;
}
#account #order_buttons {
font-size: 0px;
text-align: right;
margin-bottom: 20px;
}
#account #order_buttons button, #account #order_buttons a {
min-width: 120px;
padding: 0px 15px;
display: inline-block;
margin: 7.5px 0px;
margin-right: 10px;
font-size: 14px;
outline: none;
background: #5e6363;
text-decoration: none;
border: none;
height: 32px;
text-transform: uppercase;
line-height: 32px;
text-align: center;
color: #FFF;
font-family: 'Open Sans', sans-serif;
cursor: pointer;
}
#account #order_buttons button.big {
width: 240px;
}
#account #order_buttons button:first-child {
float: left;
}
.table {
display: table;
width: 100%;
}
.table.orders {
font-size: 12px;
text-align: left;
}
.table .table_row.bold {
font-weight: 700;
}
.table_row {
display: table-row;
}
.cell {
display: table-cell;
}
.orders .cell {
width: 20%;
vertical-align: middle;
padding-right: 15px;
}
.orders.information .cell {
width: auto;
vertical-align: top;
}
#account .orders.information .cell select {
margin-bottom: 20px;
margin-left: 0px;
}
#account .text .orders.information ul {
list-style: none;
margin-left: 0px;
}
#account .orders.information input[type="radio"] {
margin-left: 0px;
}
.cell:last-child {
padding-right: 0px;
}
#account td {
vertical-align: top;
line-height: 40px;
}
#account .orders_wishlist td {
line-height: 28px;
}
.orders .cell.big {
width: 40%
}
.orders .cell.small {
width: 15%;
}
#add_returns {
width: auto;
}
.add_returns, .add_pickup {
height: 0px;
overflow: hidden;
}
.add_returns.active, .add_pickup.active {
height: auto;
}
.account_review {
}
.account_review.active textarea, #account .account_review.active button, .account_review.active .rating {
display: block;
}
.account_review textarea, #account .cell textarea {
width: 100%;
resize: none;
height: 200px;
border: 1px solid #5e6363;
font-size: 14px;
padding: 10px;
display: none;
}
#account .cell textarea {
display: block;
}
.account_review a, #account button.return {
background: #5e6363;
border: none;
padding: 0px;
line-height: 30px;
margin: 7.5px 0px;
text-align: center;
display: block;
width: 100%;
color: #FFF;
font-size: 18px;
font-family: 'Open Sans', sans-serif;
cursor: pointer;
width: 180px;
display: block;
margin-right: 10px;
font-size: 14px;
text-transform: uppercase;
text-decoration: none;
}
#account button.return {
margin: 0px;
}
.account_review a {
background: #6accc1;
}
.account_review a:hover {
text-decoration: none;
}
#account .account_review button {
width: 160px;
font-size: 14px;
float: right;
display: none;
}
/*Stars*/
.rating {
margin-top: 10px;
overflow: hidden;
display: none;
float: left;
}
.rating-input {
position: absolute;
opacity: 0;
}
.rating-star {
display: block;
float: right;
width: 16px;
height: 16px;
background: url('/ddo/img/stars.png') 0 -16px;
background: url('/ddo/img/svg/star.svg') no-repeat center center;
}
.rating-star:hover,
.rating-star:hover ~ .rating-star,
.rating-input:checked ~ .rating-star {
background: url('/ddo/img/svg/star-filled.svg') no-repeat center center;
}
#account .text .account_review label.error {
margin-left: 0px;
}
/*Stars*/
/*Orders*/
/* address book */
.account_addresses {
display: flex;
display: -ms-flexbox;
flex-direction: row;
-ms-flex-direction: row;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
margin-bottom: 24px;
}
.account_address {
background: #FFF;
padding: 15px;
width: calc(50% - 12px);
margin-right: 12px;
margin-top: 12px;
line-height: 24px;
font-size: 16px;
position: relative;
}
.account_address ul {
margin: 0px;
list-style: none;
}
.account_address input[type="image"] {
position: absolute;
top: 10px;
right: 20px;
}
/* address book */
/*return*/
#account .table {
display: table;
width: 100%;
font-size: 12px;
}
#account .tr {
display: table-row;
}
#account .tr.bold {
font-weight: 700;
}
#account .td, #account .th {
display: table-cell;
vertical-align: top;
padding-top: 15px;
line-height: 42.5px;
}
#account .td.small, #account .th.small {
width: 12.5%;
}
#account .td.img, #account .th.img {
width: 14%;
padding-right: 12px;
}
#account .td.big, #account .th.big {
width: 60%;
}
#account .table .product_name {
line-height: 20px;
}
#account .table .product_color {
line-height: 20px;
}
#account .table .product_size {
line-height: 20px;
}
#account .table .color_name {
line-height: 20px;
}
#account .table .product_price {
white-space: nowrap;
}
/*return*/
/*
layout for 960px
*/
@media only screen and (min-width: 960px) and (max-width: 1160px) {
}
/*
layout for 768px
*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.carttitle.done {
background: url('/ddo/img/carttitle.png') no-repeat center right 0px;
}
.check .carttitle, .carttitle {
font-size: 16px;
}
.shop-button {
font-size: 14px;
}
.check .select2-container {
font-size: 12px;
}
.item-right {
padding-left: 5px;
}
.item-left {
padding-right: 5px;
}
.item table {
font-size: 12px;
}
.shop-center {
padding: 0px;
}
}
/*
layout for handheld
*/
@media handheld, only screen and (max-width: 767px) {
#account_buttons {
margin-top: 10px;
}
#account_buttons button, #account_buttons a {
margin: 0px 0px 10px;
}
#account td.mobile {
display: none;
}
.carttitle.done {
background: url('/ddo/img/carttitle.png') no-repeat center right 0px;
}
.check .carttitle, .carttitle {
font-size: 16px;
margin-top: 20px;
}
.shop-button {
font-size: 14px;
}
.check .select2-container {
font-size: 12px;
}
.item-right {
padding-left: 5px;
}
.item-left {
padding-right: 5px;
}
.item table {
font-size: 12px;
}
.shop-center {
padding: 0px;
}
#account .text input[type="text"], #account .text input[type="password"], #account .text select, #account .text input[type="submit"], #account button {
width: 100%;
margin-left: 0px;
margin-top: 0px;
}
#account .text table input[type="submit"] {
margin-left: 0px;
}
#account table.text {
width: 100%;
}
.account_address {
width: 100%;
margin-right: 0;
}
table.account select, #account .select {
width: 100%;
}
#account textarea.comment {
width: 100%;
}
#account .add-return {
width: 100%;
}
#account .td.img, #account .th.img {
width: 30%;
}
#account .td .product_name {
line-height: 20px;
padding-bottom: 10px;
}
#account .table .td ul {
margin-left: 0px;
}
}
#newsletter-group-choice {
padding-left: 20px;
}
#newsletter-choice {
font-size: 14px;
}
#newsletter-choice input[type="radio"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: none;
}
#shop-total td {
padding-right: 10px;
}
.row--margin-bottom {
margin-bottom: 30px;
}
.free-shipping {
font-weight: bolder;
color: #6ACCC1;
}
.handheld .shoppingcart_form input[type="number"] {
margin-top: 0;
}
.paragraph--title {
font-size: 16px;
color: #5E6363 !important;
text-decoration: none !important;
}
.paragraph--center {
text-align: center;
}
.addresses {
display: flex;
flex-flow: wrap;
gap: 1%;
row-gap: 6px;
}
.addresses label {
font-size: 14px;
background-color: #B6B6B6;
font-family: 'Merriweather', serif;
display: block;
padding: 8px;
flex: 0 0 49%;
box-sizing: border-box;
line-height: 25px;
}
.addresses input:checked + label {
background-color: #fff;
background-image: url('/ddo/img/carttitle.png');
background-repeat: no-repeat;
background-position: top 8px right 8px;
}
.section {
display: flex;
gap: 8px;
justify-content: space-between;
}
.input {
flex: 1 1 100%;
}
.input.half {
flex: 1 1 50%;
}
.input.quarter {
flex: 1 1 25%;
}
.input.three-quarter {
flex: 1 1 75%;
}
.usps {
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 10px 0;
border-top: 2px solid #97598B;
border-bottom: 2px solid #97598B;
margin: 0 15px 10px;
font-size: 14px;
}
@media handheld, only screen and (max-width: 767px) {
.usps {
padding: 0;
}
}
.usps .usps__item {
display: flex;
flex-direction: row;
align-items: center;
}
.usps .usps__item--image {
width: 16px;
margin-right: 10px;
}
.usps.swiper {
border: none;
}
.usps.swiper .usps__item {
justify-content: center;
}
.payment__gateways {
margin-left: 28px !important;
width: calc(100% - 150px) !important;
display: block;
}
.item-count-container {
position: relative
}
.item-stock-container {
position: absolute;
left: 74px;
top: 100%;
}
.item-stock-message {
background: #ffffff;
padding: 10px;
border-radius: 5px;
position: relative;
display: inline-block;
box-shadow: 1px 1px 1px #aaaaaa;
margin-top: 10px;
line-height: 1.5em;
}
.item-stock-message::before {
content: '';
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #ffffff;
position: absolute;
top: -10px;
}
.open-menu{
position: absolute;
bottom: 7px;
left: 13px;
cursor: pointer;
}
.open-menu span{
height: 3px;
width: 21px;
border-radius: 3px;
background-color: #4a144d;
margin-bottom: 3px;
display: block;
}
#nav-mobile {
background-color: #d3f8f4;
position: fixed;
top: 0px;
left: -300px;
padding-top: 27px;
overflow-x: scroll;
height: 100%;
font-size: 14px;
width: 300px;
z-index: 9999;
-webkit-transition: left .5s ease-out;
-moz-transition: left .5s ease-out;
-o-transition: left .5s ease-out;
transition: left .5s ease-out;
}
#nav-mobile input[type="text"] {
width: 155px;
border: 0px;
vertical-align: top;
margin: 0px;
font-size: 10px;
}
#nav-mobile .search_button {
height: 30px;
vertical-align: top;
border: 0;
}
#nav-mobile .fa-caret-down {
display: none;
}
#nav-mobile .sub-sub-item {
padding: 20px 0;
}
#nav-mobile .open_sub, .close_sub {
color: #4a144d;
}
#nav-mobile .open-subsub, .close-subsub.fa,
#nav-mobile .open_sub, .close_sub.fa {
float:right;
font-size: 18px;
}
#nav-mobile li {
padding: 15px 22px;
border-bottom: 1px solid #c1c1c1;
}
#nav-mobile li.mobile-nav-sale {
background: #f87985;
color: #FFF;
}
#nav-mobile li.mobile-nav-sale a, #nav-mobile li.mobile-nav-sale i {
color: #FFF!important;
}
#nav-mobile li.active .fa-caret-down {
display:block;
}
#nav-mobile li.active .fa-caret-right {
display:none;
}
#nav-mobile li.active .has-sub:not(.sub-sub-active) .fa-caret-down {
display:none;
}
#nav-mobile li.active .has-sub:not(.sub-sub-active) .fa-caret-right {
display:block;
}
#nav-mobile li.active ul {
/*display: block;*/
}
#nav-mobile li ul {
display: none;
padding: 10px 0px;
}
#nav-mobile li ul li {
border-bottom: 0px;
padding: 20px 0px 10px 10px;
}
#nav-mobile a {
color: #4a144d;
font-weight: 400;
letter-spacing: 0.5px;
}
#nav-mobile.active {
left:0px;
}
#nav-mobile .close-menu {
color: #4a144d;
text-align: right;
margin-bottom: 15px;
}
.c-mask {
position: fixed;
z-index: 100;
top: 0;
left: 0;
overflow: hidden;
width: 0;
height: 0;
background-color: #fff;
opacity: 0;
transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;
}
.c-mask.active {
width: 100%;
height: 100%;
opacity: 0.7;
transition: opacity 0.3s;
}
#nav-mobile.nav-mobile--flex > li {
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: space-between;
padding: 0;
}
#nav-mobile.nav-mobile--flex .open_sub, #nav-mobile.nav-mobile--flex .close_sub {
float: unset;
height: 44px;
width: 44px;
display: flex;
align-items: center;
justify-content: center;
}
#nav-mobile.nav-mobile--flex .close_sub {
display: none;
}
#nav-mobile li.active .close_sub {
display: flex;
}
#nav-mobile.nav-mobile--flex > li > a {
padding: 15px 22px;
display: inline-block;
flex-grow: 1;
}
#nav-mobile.nav-mobile--flex .sub-item {
padding: 0;
width: 100%;
}
#nav-mobile.nav-mobile--flex .sub-item li {
padding: 0;
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: space-between;
}
#nav-mobile.nav-mobile--flex .sub-item a {
padding: 15px 0 15px 32px;
display: block;
flex-grow: 1;
}
#nav-mobile.nav-mobile--flex .sub-sub-item {
width: 100%;
padding: 0;
}
#nav-mobile.nav-mobile--flex .sub-sub-item a {
padding-left: 44px;
}
#nav-mobile.nav-mobile--flex .sub-sub-item .sub-sub-item a {
padding-left: 56px;
}
#nav-mobile.nav-mobile--flex .sub-item .open-subsub, #nav-mobile.nav-mobile--flex .sub-item .close-subsub {
float: unset;
height: 44px;
width: 44px;
display: flex;
align-items: center;
justify-content: center;
}
#nav-mobile.nav-mobile--flex li.active .has-sub:not(.sub-sub-active) .open-subsub {
display: flex;
}
#nav-mobile.nav-mobile--flex li.active .open-subsub {
display: none;
}
#nav-mobile.nav-mobile--flex .mobile_language {
justify-content: flex-start;
gap: 4px;
padding: 15px 22px;
}
#nav-mobile.nav-mobile--flex .mobile_language a {
padding: 0;
flex-grow: 0;
}
.open_sub_a.active, .open_sub_b.active, .open_sub_c.active {
text-decoration: underline;
}
.open_sub_b a {
position: relative;
}
.open_sub_b > a span {
opacity: 0;
position: absolute;
top: 38px;
left: 0px;
width: 100%;
height: 2px;
background: #fbd2d6;
}
.open_sub_b.active > a span {
opacity: 1;
}
#tab_nav {
font-size: 0px;
position: relative;
}
#tab_nav > ul {
width: 100%;
/* background: #ae609e; */
background: #97598B;
border-bottom: 0px solid #f87985;
line-height: 50px;
text-align: center;
}
#tab_nav > ul > li {
display: inline-block;
font-size: 14px;
border-left: 1px solid #f87985;
border-right: 1px solid #f87985;
text-align: center;
vertical-align: middle;
color: #FFF;
}
#tab_nav > ul > li.tab_nav-sale {
background: #f87985;
/* color: #FFF; */
color: #4A144D
}
#tab_nav .tab_nav-sale .sub_a, #tab_nav .tab_nav-sale .sub_b {
background: #f87985;
}
#tab_nav .tab_nav-sale .sub_a > li, #tab_nav .tab_nav-sale .sub_b > li {
/* color: #FFF; */
color: #4A144D
}
#tab_nav > ul > li:first-child {
border-left: 0px solid #f87985;
}
#tab_nav > ul > li:last-child {
border-right: 0px solid #f87985;
}
#tab_nav a {
padding: 0px 17px;
display: block;
text-decoration: none;
color: inherit;
}
#tab_nav a:hover {
text-decoration: underline;
}
#tab_nav .sub_a.active {
display: block;
}
#tab_nav .sub_a {
display: none;
position: absolute;
top: 100%;
left: 0px;
width: 100%;
background: #fbd2d6;
text-align: center;
font-size: 0px;
height: 40px;
line-height: 40px;
border-bottom: 2px solid #f87985;
}
.sub_a > li {
vertical-align: middle;
line-height: 40px;
font-size: 14px;
color: #4a144d;
display: inline-block;
border-left: 1px solid #f87985;
border-right: 1px solid #f87985;
}
.sub_a > li:first-child {
border-left: 2px solid #f87985;
}
.sub_a > li:last-child {
border-right: 2px solid #f87985;
}
#tab_nav .sub_b.active {
display: block;
}
#tab_nav .sub_b {
display: none;
width: 100%;
text-align: left;
background: #fbd2d6;
border-bottom: 2px solid #f87985;
position: absolute;
top: 40px;
left: 0px;
font-size: 0px;
line-height: 20px;
padding: 20px 0px;
}
#tab_nav .sub_b > li {
width: 25%;
font-size: 14px;
color: #4a144d;
display: inline-block;
vertical-align: top;
font-weight: 700;
}
#tab_nav .sub_b > li > ul {
margin-top: 10px;
font-size: 14px;
font-weight: 400;
}
#tab_nav .sub_c.active {
display: block;
}
#tab_nav .sub_c {
display: none;
border-bottom: 2px solid #f87985;
width: 100%;
background: #fbd2d6;
position: absolute;
top: 100%;
left: 0px;
font-size: 0px;
line-height: 20px;
padding: 20px 0px;
text-align: left;
}
#tab_nav .sub_c ul {
width: 25%;
display: inline-block;
vertical-align: top;
margin-bottom: 20px;
}
#tab_nav .sub_c li {
color: #4a144d;
font-size: 14px;
}
#tab_nav .sub_c .tab_nav_content {
width: 100%;
}
/* 14-11-19 start */
.open_sub_a.open_sub_a--2:after {
display: none;
}
#tab_nav .sub_a.sub_a--2 {
height: auto;
text-align: left;
min-height: 570px;
}
#tab_nav .sub_a.sub_a--2:after {
height: 100%;
width: 2px;
background: #f87985;
position: absolute;
top: 0px;
left: 20%;
content: ' ';
}
.sub_a.sub_a--2 > li {
display: block;
border-left: 0px;
border-right: 0px;
width: 20%;
}
.sub_a.sub--2 > li:last-child {
border-right: 0px;
}
.sub_a.sub_a--2 > li:first-child {
border: 0px;
}
#tab_nav .sub_b.sub_b--2 {
top: 0px;
right: 0px;
width: 80%;
left: auto;
height: 100%;
min-height: 570px;
padding: 10px 0px;
}
#tab_nav .sub_b.sub_b--2 > li > ul {
margin: 3px 3px 0px;
}
#tab_nav .sub_a.sub_a--2, #tab_nav .sub_c.sub_c--2 {
max-width: 1140px;
left: 50%;
transform: translateX(-50%);
}
.open_sub_b > a .fa {
opacity: 0;
position: absolute;
top: 50%;
font-size: 12px;
right: 17px;
transform: translateY(-50%);
}
.open_sub_b:hover > a .fa {
opacity: 1;
}
#tab_nav .all-categories {
font-style: italic;
margin: 5px 3px 20px;
font-size: 11px !important;
}
/* 14-11-19 end */
/* Start Tabnav banner 10-03-20*/
#tab_nav .sub_b.sub_b--2 {
z-index: 1;
}
.tab_nav__image-placeholder {
width: 80% !important;
position: absolute;
right: 0px;
top: 0px;
height: 100%;
overflow: hidden;
}
.tab_nav__image {
display: block;
max-width: 100%;
max-height: 100%;
position: absolute;
transform: translateY(-50%);
top: 50%;
right: 0px;
}
.tab_nav__image--background {
top: 0px;
transform: none;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
/* End Tabnav banner 10-03-20*/
/* Column nav: Based on highlighted category 06-08-2024 */
#tab_nav .sub_column {
/* display: flex; */
}
#tab_nav .sub_column li {
/* width: 100%; */
width: fit-content;
}
#tab_nav .sub_column li ul {
display: flex;
flex-direction: column;
gap: 5px;
}
#tab_nav .sub_column li ul li {
font-size: 14px;
color: #4a144d;
font-weight: 700;
}
#tab_nav .sub_column li ul li ul {
margin-left: 3px;
display: flex;
flex-direction: column;
gap: 3px;
}
#tab_nav .sub_column li ul li ul li {
font-weight: 400;
margin-bottom: 0;
}
#tab_nav .sub_b.sub_column.active {
display: flex;
/* justify-content: space-between; */
}
/* End Column nav */
/*
layout for 960px
*/
@media only screen and (min-width: 960px) and (max-width: 1139px) {
#tab_nav a {
padding: 0px 14px;
}
#tab_nav > ul > li {
font-size: 12px;
}
.sub_a > li {
font-size: 12px;
}
#tab_nav .sub_b > li {
font-size: 12px;
}
#tab_nav .sub_b > li > ul {
font-size: 12px;
}
#tab_nav .sub_c > li {
font-size: 12px;
}
#tab_nav .sub_c > li > ul {
font-size: 12px;
}
}
/*
layout for 768px
*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#tab_nav a {
padding: 0px 12px;
}
#tab_nav > ul > li {
font-size: 12px;
}
.sub_a > li {
font-size: 12px;
}
#tab_nav .sub_b > li {
font-size: 12px;
}
#tab_nav .sub_b > li > ul {
font-size: 12px;
}
#tab_nav .sub_c > li {
font-size: 12px;
}
#tab_nav .sub_c > li > ul {
font-size: 12px;
}
}
/*
layout for handheld
*/
@media handheld, only screen and (max-width: 767px) {
}
/*
layout for large handheld
*/
@media handheld, only screen and (min-width: 480px) and (max-width: 767px) {
}
.handheld #filter_container {
height: 0;
}
.text-red {
color: red;
}
.qtip{position:absolute;left:-28000px;top:-28000px;display:none;max-width:280px;min-width:50px;font-size:10.5px;line-height:12px;direction:ltr;box-shadow:none;padding:0}.qtip-content,.qtip-titlebar{position:relative;overflow:hidden}.qtip-content{padding:5px 9px;text-align:left;word-wrap:break-word}.qtip-titlebar{padding:5px 35px 5px 10px;border-width:0 0 1px;font-weight:700}.qtip-titlebar+.qtip-content{border-top-width:0!important}.qtip-close{position:absolute;right:-9px;top:-9px;z-index:11;cursor:pointer;outline:0;border:1px solid transparent}.qtip-titlebar .qtip-close{right:4px;top:50%;margin-top:-9px}* html .qtip-titlebar .qtip-close{top:16px}.qtip-icon .ui-icon,.qtip-titlebar .ui-icon{display:block;text-indent:-1000em;direction:ltr}.qtip-icon,.qtip-icon .ui-icon{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-decoration:none}.qtip-icon .ui-icon{width:18px;height:14px;line-height:14px;text-align:center;text-indent:0;font:normal 700 10px/13px Tahoma,sans-serif;color:inherit;background:-100em -100em no-repeat}.qtip-default{border:1px solid #F1D031;background-color:#FFFFA3;color:#555}.qtip-default .qtip-titlebar{background-color:#FFEF93}.qtip-default .qtip-icon{border-color:#CCC;background:#F1F1F1;color:#777}.qtip-default .qtip-titlebar .qtip-close{border-color:#AAA;color:#111}.qtip-light{background-color:#fff;border-color:#E2E2E2;color:#454545}.qtip-light .qtip-titlebar{background-color:#f1f1f1}.qtip-dark{background-color:#505050;border-color:#303030;color:#f3f3f3}.qtip-dark .qtip-titlebar{background-color:#404040}.qtip-dark .qtip-icon{border-color:#444}.qtip-dark .qtip-titlebar .ui-state-hover{border-color:#303030}.qtip-cream{background-color:#FBF7AA;border-color:#F9E98E;color:#A27D35}.qtip-red,.qtip-red .qtip-icon,.qtip-red .qtip-titlebar .ui-state-hover{border-color:#D95252}.qtip-cream .qtip-titlebar{background-color:#F0DE7D}.qtip-cream .qtip-close .qtip-icon{background-position:-82px 0}.qtip-red{background-color:#F78B83;color:#912323}.qtip-red .qtip-titlebar{background-color:#F06D65}.qtip-red .qtip-close .qtip-icon{background-position:-102px 0}.qtip-green{background-color:#CAED9E;border-color:#90D93F;color:#3F6219}.qtip-green .qtip-titlebar{background-color:#B0DE78}.qtip-green .qtip-close .qtip-icon{background-position:-42px 0}.qtip-blue{background-color:#E5F6FE;border-color:#ADD9ED;color:#5E99BD}.qtip-blue .qtip-titlebar{background-color:#D0E9F5}.qtip-blue .qtip-close .qtip-icon{background-position:-2px 0}
.qtip-content {
font-family: 'Open Sans', sans-serif; font-size: 11px;
}