html {
overflow-x: hidden;
}
body {
font-family: 'Mulish', sans-serif;
font-size: 16px;
margin: 0;
padding: 0;
color: #1a2e2c;
background: #f4fffe;
}
#all_page {
background: #f4fffe;
}
p {
font-family: 'Mulish', sans-serif;
font-size: 1em;
font-weight: 300;
line-height: 1.375em;
margin-top: 30px;
color: #1a2e2c;
}
a {
font-family: 'Mulish', sans-serif;
text-decoration: underline;
color: #008f84;
}
table {
width: 90%;
margin: 30px auto;
border-collapse: collapse;
margin-top: 35px;
text-align: left;
}
table#dochazka {
font-size: 1.3em;
}
table#price_table {
margin: 35px;
}
table#price_table th {
font-weight: 300;
font-size: 0.8em;
color: #fff;
background: #00b4a6;
}
table td,
table th {
padding: 10px 15px;
}
table th.price,
table td.price {
text-align: right;
font-weight: bold;
}
a:hover {
text-decoration: none;
color: #008f84;
}
.small {
font-size: 0.8em;
}
.mainColor {
color: #00b4a6 !important;
}
.iframe_cont {
position: relative;
overflow: hidden;
padding-top: 65%;
}
.iframe_cont iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
padding: 15px;
}
h1 {
font-size: 36pt;
font-weight: 700;
line-height: 1.2em;
margin: 30px 0 10px 0;
color: #1a2e2c;
font-family: 'Mulish', sans-serif;
}
h2 {
font-size: 2.25em;
font-weight: 600;
font-family: 'Mulish', sans-serif;
color: #1a2e2c;
}
h3 {
font-size: 1.75em;
font-weight: 400;
font-style: normal;
font-variant: normal;
line-height: 1.25em;
line-height: 15.4px;
margin-top: 45px;
color: #008f84;
font-family: 'Mulish', sans-serif;
}
blockquote {
font-size: 21px;
font-weight: 400;
font-style: normal;
font-variant: normal;
line-height: 30px;
}
pre {
font-size: 13px;
font-weight: 400;
font-style: normal;
font-variant: normal;
line-height: 18.5714px;
color: #fff;
}
#main_menu_container {
background: #fff;
height: 92px;
line-height: 92px;
}
#main_menu_container ul {
float: right;
margin: 0;
padding: 0;
}
#main_menu_container ul li {
display: inline-block;
}
#main_menu_container ul li a {
font-size: 16px;
transition: 0.1s;
text-decoration: none;
color: #1a2e2c;
padding: 0 15px;
}
#main_menu_container ul li a:hover {
color: #00b4a6;
}
#mini_menu {
background: #fff;
width: 60%;
min-height: 250px;
position: absolute;
left: -100%;
top: 80px;
z-index: 10;
filter: drop-shadow(0px -8px 21px rgba(0,0,0,0.7));
}
#top_menu_container {
position: relative;
background: url("/images/top-menu.png") repeat-x;
height: 49px;
line-height: 48px;
}
#top_menu_container #show_mini_menu {
display: block;
position: absolute;
top: -3px;
right: 10px;
font-size: 35px;
text-decoration: none;
color: #fff;
z-index: 2;
}
#top_menu_container #show_mini_menu::before {
content: "☰";
}
#top_menu_container #show_mini_menu.close::before {
content: "✕";
}
#top_menu_container #motto {
float: left;
font-size: 19px;
font-weight: 300;
color: #fff;
margin-left: 35px;
position: relative;
bottom: 2px;
}
#top_menu_container #idpasky_logo {
background: #0ab0c3;
background: linear-gradient(180deg, #0ab0c3 0%, #09898b 100%);
display: block;
width: 226px;
height: 57px;
float: left;
position: relative;
z-index: 2;
text-align: center;
filter: drop-shadow(0px -8px 21px rgba(0,0,0,0.7));
}
#top_menu_container #idpasky_logo a {
display: block;
width: 185px;
height: 42px;
margin: auto;
margin-top: 6px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 100% 100%;
filter: drop-shadow(0px 0px 3px #134346);
}
#top_menu_container .menu_ico {
display: block;
width: 21px;
height: 21px;
margin: 12px 3px;
position: relative;
}
#top_menu_container .menu_ico .badge {
font-size: 0.8em;
display: inline-block;
background: #f00;
color: #fff;
position: absolute;
width: 17px;
height: 17px;
line-height: 17px;
border-radius: 17px;
text-align: center;
right: -7px;
top: -7px;
}
#top_menu_container .menu_ico .badge.green {
background: #008000;
}
#top_menu_container .menu_ico#cart_ico {
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 85% 85%;
background-position: center center;
}
#top_menu_container .menu_ico#login_ico,
#top_menu_container .menu_ico.profile_ico {
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 100% 100%;
}
#top_menu_container .menu_ico#lang_cz {
top: 1px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 94% 94%;
}
#top_menu_container ul {
float: right;
margin: 0;
padding: 0;
}
#top_menu_container ul li {
text-align: right;
display: inline-block;
}
#top_menu_container ul li a {
padding: 0 15px;
color: #fff;
text-decoration: no;
}
#header {
height: 666px;
background: url("/images/header-back.png") repeat-x top #1f1f1f;
position: relative;
}
#header #band_panel {
font-size: 16px;
position: absolute;
top: 35px;
width: 100%;
height: 190px;
background: #fff;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 2px;
filter: drop-shadow(0px 15px 8px rgba(0,0,0,0.6));
background: #fff;
background: linear-gradient(180deg, #fff 0%, #f3f3f3 80%, #d8d8d8 95%);
-webkit-transition: background-image 0.3s ease-in-out;
transition: background-image 0.3s ease-in-out;
}
#header a {
text-decoration: none;
}
#header a.full_panel {
position: relative;
}
#header a.full_panel.active:after {
background: url("/images/menu-hover.png") repeat-x;
background-size: auto 100%;
opacity: 1;
}
#header a.full_panel:hover:after {
opacity: 1;
}
#header a.full_panel:after {
transition: opacity 1s ease;
background: url("/images/menu-hover.png") repeat-x;
background-size: auto 100%;
content: "";
opacity: 0;
width: 100%;
height: inherit;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
#header ul {
margin: 0;
padding: 0;
list-style: none;
}
#header .separator {
position: absolute;
right: -8px;
top: 0;
background: url("/images/menu-left-shadow.png") no-repeat center right;
width: 8px;
height: 184px;
}
#header .full_panel {
height: 184px;
text-align: center;
}
#header #band_panel_inner {
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #00b4a6;
height: 186px;
}
#header .band img {
width: 90%;
position: relative;
}
#header .band .price {
position: absolute;
height: 35px;
padding: 0 3px;
border: 1px solid #fff;
color: #fff;
filter: drop-shadow(0px 15px 8px rgba(0,0,0,0.6));
font-size: 0.8em;
font-weight: 300;
right: 10px;
bottom: 10px;
}
#header .band .price strong {
font-size: 1.7em;
margin: 0 2px;
font-weight: 800;
display: inline-block;
position: relative;
top: 3px;
}
#header .band .mm {
font-size: 0.6em;
font-weight: 300;
position: relative;
bottom: 3px;
}
#header .band .color strong {
font-weight: 700;
}
#header .band.band_19 .price {
background-color: #0fa541;
}
#header .band.band_19 .color {
color: #0fa541;
}
#header .band.band_19 img {
right: 7px;
}
#header .band.band_25 .price {
background-color: #dc1a5d;
}
#header .band.band_25 .color {
color: #dc1a5d;
}
#header .band.band_25 img {
bottom: 8px;
right: 17px;
}
#header .band.band_premium .price {
background-color: #b08800;
}
#header .band.band_premium .color {
color: #b08800;
}
#header .band.band_premium img {
bottom: 4px;
}
#header .band.other {
text-align: left;
}
#header .band.other strong {
color: #3f61ad;
margin-top: 29px;
display: inline-block;
font-size: 18px;
margin-left: 10px;
}
#header .band.other ul {
margin-left: 10px;
}
#header .band.other ul li {
margin-top: 6px;
padding-left: 0px;
}
#header .band.other ul li span {
width: 10px;
height: 10px;
margin-right: 10px;
display: inline-block;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 100% 100%;
}
#header .band.other ul li a {
text-decoration: underline;
color: #008f84;
}
#header .band.other ul li a:hover {
text-decoration: none;
}
#header .band h2 {
color: #455a64;
font-size: 1.3em;
height: 45px;
font-weight: 500;
background: url("/images/menu-header-shadow.png") no-repeat bottom center;
}
#header #header_image {
position: absolute;
background: url("/images/crowd.png") no-repeat top center #1f1f1f;
bottom: 0;
left: 0;
height: 500px;
width: 100%;
}
#header #header_bottom_line {
bottom: 0;
left: 0;
width: 100%;
height: 50px;
position: absolute;
background: rgba(255,255,255,0.5);
}
#header #main_subject {
font-size: 52px;
color: #fff;
font-weight: 600;
width: 100%;
position: absolute;
top: 40%;
height: 95px;
}
#header #main_subject .inside_panel {
display: none;
}
#header #main_subject .inside_panel.shown {
display: block;
}
#header #main_subject #pasky_name {
width: 372px;
text-align: right;
float: left;
line-height: 1.1em;
}
#header #main_subject #pasky_separator {
float: left;
width: 5px;
height: 100%;
background: #00b4a6;
margin: 0 33px;
margin-top: 9px;
font-size: 1.5em;
}
#header #main_subject #pasky_size {
float: left;
font-size: 2.58em;
font-weight: 800;
line-height: 0.83em;
left: -15px;
}
#header #main_subject #pasky_size span {
font-size: 0.25em;
color: #00b4a6;
font-weight: 500;
position: relative;
}
#header #main_subject ul {
float: right;
list-style: none;
margin: 0;
padding: 0;
}
#header #main_subject ul li {
margin: 0;
padding: 0;
margin-bottom: 5px;
font-size: 0.5em;
color: #fff;
font-weight: 300;
position: relative;
}
#header #main_subject ul li .star {
width: 20px;
height: 21px;
display: block;
position: absolute;
left: -35px;
top: 7px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 100% 100%;
}
#header .container {
position: relative;
height: 666px;
margin: 0 auto;
padding: 0;
}
#header img#band {
top: auto;
position: absolute;
left: 10%;
bottom: -30%;
z-index: 2;
filter: drop-shadow(0px 0px 20px #fff);
}
#header #calc_panel {
position: absolute;
width: 50%;
height: 300px;
right: 0;
z-index: 2;
bottom: -100px;
}
#header #calc_panel #order_bands {
position: absolute;
width: 300px;
padding: 15px;
background: #e63946;
bottom: -100px;
color: #fff;
left: 50%;
margin-left: -150px;
font-weight: 800;
text-align: center;
font-size: 1.5em;
}
#header #calc_panel #inner {
position: relative;
text-align: center;
background: #fff;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 2px;
filter: drop-shadow(0px 15px 8px rgba(0,0,0,0.6));
z-index: 2;
background: #fff;
background: linear-gradient(180deg, #fff 0%, #f3f3f3 80%, #d8d8d8 95%);
height: 300px;
width: 100%;
}
#header #calc_panel #inner .inner_cont {
border-radius: inherit;
border: 1px solid #00b4a6;
padding: 10px;
height: 296px;
}
#header #calc_panel #inner .qty_stripe {
color: #fff;
font-size: 1.4em;
padding: 15px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: #0e2422;
}
#header #calc_panel #inner .qty_stripe input[type=text] {
font-weight: 500;
width: 125px;
margin: 0 15px;
text-align: center;
border: 3px solid #008f84;
}
#header #calc_panel #inner .noprint_panel {
background: url("/images/menu-left-shadow.png") no-repeat center right;
}
#header #calc_panel #inner .price_box {
height: 60px;
background: url("/images/menu-header-shadow.png") no-repeat bottom center;
}
#header #calc_panel #inner strong {
color: #e63946;
}
#header #calc_panel #inner .noprint_panel .price {
position: relative;
top: 10px;
}
#header #calc_panel #inner h3 {
text-align: center;
font-weight: 900;
text-transform: uppercase;
margin: 25px 0 4px 0;
color: #e63946;
font-size: 1.7em;
background: url("/images/menu-header-shadow.png") no-repeat bottom center;
padding-bottom: 30px;
}
#header #calc_panel #inner h3 span {
color: #0e2422;
}
#header #calc_panel #inner .sum_with_dph {
margin-top: 5px;
font-weight: 300;
color: #00b4a6;
}
#header #calc_panel #inner .sum_with_dph strong {
font-weight: 300;
color: #00b4a6;
}
#header #calc_panel #left_name {
position: absolute;
height: 290px;
background: #e63946;
color: #fff;
width: 60px;
left: -58px;
z-index: 1;
top: 10px;
border-radius: 5px;
}
#header #calc_panel #left_name div {
font-weight: 300;
text-align: center;
position: absolute;
left: 0;
bottom: -60px;
line-height: 60px;
font-size: 1.6em;
width: 290px;
height: 60px;
transform-origin: 0 0;
transform: rotate(-90deg);
}
.order_button {
position: relative;
display: block;
width: 280px;
height: 60px;
line-height: 60px;
padding: 0 15px;
background: #fff;
overflow: hidden;
font-weight: 600;
color: #1a2e2c;
text-decoration: none;
font-size: 20px;
padding-left: 65px;
transition: 0.5s;
}
.order_button#add2cart {
margin-top: 21px;
float: right;
background-color: #e0f7f5;
}
.order_button span.arrow {
display: block;
width: 25px;
height: 15px;
position: absolute;
top: 50%;
margin-top: -6px;
right: 20px;
z-index: 2;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 100% 100%;
}
.order_button:hover {
background: rgba(255,255,255,0.5);
}
.order_button:before {
content: '';
position: absolute;
top: 50%;
left: 20px;
margin-top: -12.5px;
width: 25px;
height: 25px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 100% 100%;
}
.order_button:after {
top: 0;
right: -80px;
content: '';
background: #00b4a6;
transform: skewX(-45deg);
position: absolute;
width: 60%;
height: 100%;
}
#content {
min-height: 550px;
background: #fff;
}
.band_container {
text-align: center;
font-weight: 300;
font-size: 0.9em;
}
.band_color {
display: inline-block;
position: relative;
margin: 10px;
width: 100px;
height: 29px;
overflow: hidden;
}
.band_color .overlay {
width: 100%;
height: 30px;
position: absolute;
background-image: url("/images/bands/mini-band.png");
z-index: 15;
background-size: 100% auto;
}
.band_color span {
-webkit-background-size: 100% 100%;
-o-background-size: 100% 100%;
background-size: 100% 100%;
display: block;
position: absolute;
width: 70px;
height: 28px;
top: 1px;
left: 33px;
}
#cart {
font-size: 1.4em;
margin-bottom: 25px;
margin-top: 50px;
}
#cart .row {
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid #ddd;
}
#cart .row:first-child {
border-top: none;
}
#cart .preview {
border-bottom: 1px solid #ddd;
padding-bottom: 15px;
margin-bottom: 15px;
}
.info.empty_cart {
text-align: center;
font-size: 1.3em;
padding: 15px;
}
#buy_button {
font-size: 1.5em;
margin-bottom: 35px;
height: 55px;
padding: 15px;
line-height: 25px;
background: #65c03c;
border: none;
}
.add_item_container {
margin: 35px 0;
text-align: center;
}
.add_item_container .add_item {
display: inline-block;
text-align: center;
font-size: 1.5em;
font-weight: 500;
margin: 0 20px;
padding-left: 45px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 40px 40px;
background-position: 10px -6px;
}
.add_item_container .add_item span {
display: inline-block;
width: 50px;
height: 50px;
float: left;
}
.add2cartLeft {
float: right;
width: 40%;
text-align: right;
}
.add2cartRight {
float: right;
width: 300px;
}
@media (max-width: 799px) {
.add2cartLeft,
.add2cartRight {
width: 100%;
}
}
.price_container {
padding: 0 15px;
color: #fff;
font-size: 1.4em;
font-weight: 600;
margin-top: 55px;
white-space: nowrap;
height: 100px;
line-height: 100px;
}
.price_container.single_price {
background: #00b4a6;
}
.price_container.single_price span {
-webkit-box-shadow: 0px 0px 13px 5px rgba(0,0,0,0.3);
box-shadow: 0px 0px 13px 5px rgba(0,0,0,0.3);
padding: 0 17px;
height: 40px;
line-height: 40px;
vertical-align: middle;
background: #fff;
color: #1a2e2c;
font-weight: 500;
text-align: center;
margin-left: 25px;
border-radius: 26px;
display: inline-block;
}
.price_container.single_price span strong {
font-weight: 600;
color: #00b4a6;
}
.price_container.sum_price {
text-align: right;
margin-top: 0;
padding: 0 15px;
background: #0e2422;
}
.price_container.sum_price strong {
font-weight: 600;
font-size: 1.3em;
margin-left: 15px;
}
.price_container.sum_price #main_sum {
display: inline-block;
font-weight: 600;
font-size: 1.3em;
margin-left: 15px;
}
#band_color_container {
padding: 30px;
margin-top: 55px;
min-height: 300px;
background: #e0f7f5;
}
#page_message {
background: #008f84;
color: #fff;
padding: 10px;
text-align: center;
}
#page_message a {
color: #fff;
}
#cookies_lista {
position: fixed;
font-size: 0.8em;
width: 100%;
bottom: 0;
z-index: 11;
padding: 15px 75px;
background: #0e2422;
color: #fff;
border-top: 2px solid #fff;
}
#cookies_lista a {
color: #fff;
}
#cookies_lista #cookies_lista_zavrit {
position: absolute;
right: 10px;
top: 15px;
font-size: 0.9em;
}
#footer_container {
font-size: 0.9em;
background: #0e2422;
color: #fff;
}
.bottom_panel {
padding: 15px 0;
margin-top: 30px;
border-top: 1px solid #3c3c3c;
}
#footer_menu {
text-align: right;
}
#footer_menu a {
display: inline-block;
margin-left: 15px;
color: #fff;
text-decoration: none;
}
#footer_menu a:hover {
text-decoration: underline;
}
#upload_button {
width: 100%;
margin-bottom: 15px;
}
.drop .dz-preview,
.page .dz-preview {
background: #fff;
position: relative;
display: inline-block;
width: 100%;
height: 100%;
}
.drop .dz-preview .dz-progress,
.page .dz-preview .dz-progress {
position: absolute;
height: 20px;
width: 90%;
left: 5%;
border: 1px solid #aaa;
top: 50%;
margin-top: -10px;
}
.drop .dz-preview .dz-progress .dz-upload,
.page .dz-preview .dz-progress .dz-upload {
display: block;
height: 20px;
width: 0;
background: $app_green;
}
.upload_progress {
display: none;
position: absolute;
width: 90%;
height: 28px;
margin: 0;
left: 5%;
top: 50%;
margin-top: -14px;
background: #666;
line-height: 28px;
}
.drop {
position: relative;
}
.drop .dz-preview {
position: relative;
display: inline-block;
width: 120px;
margin: 0.5em;
display: none;
}
.drop .dz-preview .dz-progress {
display: block;
height: 20px;
border: 1px solid #aaa;
}
.drop .dz-preview .dz-progress .dz-upload {
display: block;
height: 100%;
width: 0;
background: $app_green;
}
.drop .dz-preview .dz-error-message {
color: #f00;
display: none;
}
.drop .dz-preview.dz-success .dz-success-mark {
display: block;
}
#dropzone_main .dz-preview.dz-error .dz-error-message,
.drop .dz-preview.dz-error .dz-error-mark {
display: block;
}
#dropzone_main .dz-preview .dz-error-mark,
.drop .dz-preview .dz-success-mark {
position: absolute;
display: none;
left: 30px;
top: 30px;
width: 54px;
height: 58px;
left: 50%;
margin-left: -27px;
}
.respo_size {
position: fixed;
background: #f00;
color: #fff;
padding: 5px 15px;
border-radius: 10px;
font-weight: bold;
font-size: 2em;
z-index: 10000;
bottom: 0;
opacity: 0.5;
}
.animated {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
-webkit-animation-duration: 0.25s;
-webkit-animation-delay: 0.05s;
animation-duration: 0.25s;
animation-delay: 0.05s;
}
.animated.animation_direction_none {
animation-name: fadeIn;
-webkit-animation-name: fadeIn;
}
.animated.animation_direction_right {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
.animated.animation_direction_left {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
.animated.animation_delay_1 {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.animated.animation_delay_2 {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.animated.animation_delay_3 {
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
}
body.nb-no-scroll {
overflow: hidden;
}
.nb-topbar {
background: #008f84;
text-align: center;
padding: 0.5rem 1rem;
font-family: 'Outfit', sans-serif;
font-weight: 700;
font-size: 0.78rem;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #fff;
}
.nb-topbar span {
opacity: 0.6;
margin: 0 0.75rem;
}
.nb {
position: sticky;
top: 0;
left: 0;
right: 0;
z-index: 200;
background: rgba(255,255,255,0.97);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border-bottom: 2px solid #d0efec;
transition: box-shadow 0.2s ease;
font-family: 'Mulish';
}
.nb--scrolled {
box-shadow: 0 4px 28px rgba(0,0,0,0.08);
}
.nb__inner {
max-width: 1280px;
margin: 0 auto;
padding: 0 2.5rem;
height: 64px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
}
.nb__logo {
font-family: 'Outfit', sans-serif;
font-size: 1.5rem;
font-weight: 900;
letter-spacing: -0.03em;
text-decoration: none;
color: #0e2422;
flex-shrink: 0;
transition: opacity 0.15s ease;
}
.nb__logo:hover {
opacity: 0.75;
text-decoration: none;
color: #0e2422;
}
.nb__logo-id {
color: #0e2422;
}
.nb__logo-dot {
color: #00b4a6;
}
.nb__logo-band {
color: #008f84;
font-weight: 400;
}
.nb__contact {
font-size: 0.85rem;
color: #5a7875;
white-space: nowrap;
}
.nb__contact strong {
color: #0e2422;
font-weight: 700;
}
.nb__nav {
display: flex;
align-items: center;
gap: 2px;
flex: 1;
justify-content: center;
}
.nb__link {
font-family: 'Mulish', sans-serif;
font-size: 0.88rem;
font-weight: 400;
color: #3d6360;
text-decoration: none;
padding: 7px 13px;
border-radius: 6px;
transition: color 0.15s ease, background 0.15s ease;
white-space: nowrap;
}
.nb__link:hover {
color: #0e2422;
background: #e0f7f5;
text-decoration: none;
}
.nb__link.is-active {
color: #008f84;
font-weight: 500;
}
.nb__actions {
display: flex;
align-items: center;
gap: 6px;
flex-shrink: 0;
}
.nb__action {
display: flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: 8px;
color: #3d6360;
text-decoration: none;
position: relative;
transition: color 0.15s ease, background 0.15s ease;
}
.nb__action:hover {
color: #0e2422;
background: #e0f7f5;
text-decoration: none;
}
.nb__action.is-logged {
color: #00b4a6;
}
.nb__badge {
position: absolute;
top: 4px;
right: 4px;
background: #e53e3e;
color: #fff;
font-size: 0.58rem;
font-weight: 700;
min-width: 15px;
height: 15px;
border-radius: 8px;
line-height: 15px;
text-align: center;
padding: 0 3px;
}
.nb__cta {
display: inline-flex;
align-items: center;
font-family: 'Outfit', sans-serif;
font-size: 0.85rem;
font-weight: 700;
color: #fff;
background: #ff6b20;
text-decoration: none;
padding: 0.55rem 1.4rem;
border-radius: 8px;
transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
white-space: nowrap;
box-shadow: 0 4px 16px rgba(255,107,32,0.25);
}
.nb__cta:hover {
background: #e55a10;
color: #fff;
text-decoration: none;
transform: translateY(-1px);
box-shadow: 0 6px 22px rgba(255,107,32,0.35);
}
.nb__products {
border-top: 1px solid #d0efec;
background: #eafafb;
padding: 0 2.5rem;
display: flex;
align-items: stretch;
overflow-x: auto;
-ms-overflow-style: none;
scrollbar-width: none;
}
.nb__products::-webkit-scrollbar {
display: none;
}
.nb__prod-item {
display: flex;
align-items: center;
gap: 0.65rem;
padding: 0.55rem 1.2rem;
text-decoration: none;
color: #3d6360;
font-family: 'Outfit', sans-serif;
font-weight: 600;
font-size: 0.78rem;
letter-spacing: 0.02em;
text-transform: uppercase;
border-right: 1px solid #d0efec;
transition: background 0.2s ease, color 0.2s ease;
position: relative;
white-space: nowrap;
}
.nb__prod-item:first-child {
border-left: 1px solid #d0efec;
}
.nb__prod-item:hover {
background: #e0f7f5;
color: #008f84;
text-decoration: none;
}
.nb__prod-item.is-active {
color: #008f84;
background: #e0f7f5;
}
.nb__prod-item.is-active::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 2px;
background: #00b4a6;
}
.nb__prod-price {
color: #ff6b20;
font-size: 0.72rem;
font-weight: 800;
margin-left: 0.2rem;
}
.nb__more {
margin-left: auto;
display: flex;
align-items: center;
}
.nb__more a {
padding: 0.55rem 0.9rem;
font-size: 0.74rem;
font-family: 'Outfit', sans-serif;
font-weight: 500;
color: #5a7875;
text-decoration: none;
transition: color 0.2s ease;
white-space: nowrap;
}
.nb__more a:hover {
color: #008f84;
text-decoration: none;
}
.nb__burger {
display: none;
flex-direction: column;
justify-content: center;
gap: 5px;
width: 40px;
height: 40px;
background: none;
border: none;
cursor: pointer;
padding: 8px;
border-radius: 8px;
flex-shrink: 0;
transition: background 0.15s ease;
}
.nb__burger:hover {
background: #e0f7f5;
}
.nb__burger span {
display: block;
height: 1.5px;
background: #0e2422;
border-radius: 2px;
transition: transform 0.25s ease, opacity 0.2s ease;
transform-origin: center;
}
.nb__burger.is-open span:nth-child(1) {
transform: translateY(6.5px) rotate(45deg);
}
.nb__burger.is-open span:nth-child(2) {
opacity: 0;
transform: scaleX(0);
}
.nb__burger.is-open span:nth-child(3) {
transform: translateY(-6.5px) rotate(-45deg);
}
.nb__mobile {
position: fixed;
top: 0;
left: 0;
bottom: 0;
z-index: 199;
background: #fff;
width: 82%;
max-width: 320px;
transform: translateX(-105%);
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
overflow-y: auto;
box-shadow: 6px 0 32px rgba(0,0,0,0.1);
}
.nb__mobile.is-open {
transform: translateX(0);
}
.nb__mobile-inner {
padding: 16px 0 32px;
display: flex;
flex-direction: column;
}
.nb__mobile-link {
display: flex;
align-items: center;
justify-content: space-between;
font-family: 'Mulish', sans-serif;
font-size: 1rem;
font-weight: 400;
color: #1a2e2c;
text-decoration: none;
padding: 14px 28px;
transition: background 0.15s ease, color 0.15s ease;
}
.nb__mobile-link:hover {
background: #e0f7f5;
color: #00b4a6;
text-decoration: none;
}
.nb__mobile-link.is-active {
color: #00b4a6;
font-weight: 500;
}
.nb__mobile-count {
background: #e53e3e;
color: #fff;
font-size: 0.72rem;
font-weight: 700;
padding: 2px 7px;
border-radius: 10px;
}
.nb__mobile-divider {
height: 1px;
background: #d0efec;
margin: 10px 28px;
}
.nb__mobile-cta {
margin: 12px 24px 0;
display: block;
text-align: center;
font-family: 'Outfit', sans-serif;
font-size: 0.95rem;
font-weight: 700;
color: #fff;
background: #ff6b20;
text-decoration: none;
padding: 14px 24px;
border-radius: 8px;
transition: background 0.15s ease;
}
.nb__mobile-cta:hover {
background: #e55a10;
color: #fff;
text-decoration: none;
}
.nb__mobile-overlay {
display: none;
position: fixed;
inset: 0;
z-index: 198;
background: rgba(0,0,0,0.35);
backdrop-filter: blur(2px);
opacity: 0;
transition: opacity 0.3s ease;
}
.nb__mobile-overlay.is-open {
display: block;
opacity: 1;
}
@media (max-width: 1024px) {
.nb__inner {
padding: 0 2rem;
gap: 16px;
}
.nb__products {
padding: 0 2rem;
}
.nb__contact {
display: none;
}
}
@media (max-width: 768px) {
.nb__inner {
padding: 0 1.25rem;
gap: 10px;
}
.nb__nav {
display: none;
}
.nb__cta {
display: none;
}
.nb__contact {
display: none;
}
.nb__products {
display: none;
}
.nb__burger {
display: flex;
}
}
@media (max-width: 480px) {
.nb__inner {
padding: 0 1rem;
}
}
.ft {
background: #0e2422;
color: rgba(255,255,255,0.7);
font-family: 'Mulish', sans-serif;
padding: 3rem 3rem 2rem;
}
.ft__inner {
max-width: 1150px;
margin: 0 auto;
}
.ft__grid {
display: grid;
grid-template-columns: 2fr 1fr 1fr 1fr;
gap: 3rem;
margin-bottom: 2.5rem;
}
.ft__brand,
.ft__logo {
font-family: 'Outfit', sans-serif;
font-weight: 900;
font-size: 1.4rem;
color: #fff;
text-decoration: none;
letter-spacing: -0.03em;
display: block;
margin-bottom: 0.75rem;
}
.ft__brand:hover,
.ft__logo:hover {
color: #fff;
text-decoration: none;
opacity: 0.8;
}
.ft__logo-dot {
color: #00b4a6;
}
.ft__logo-cz {
color: rgba(255,255,255,0.5);
font-weight: 400;
}
.ft__tagline {
font-size: 0.8rem;
color: rgba(255,255,255,0.5);
line-height: 1.7;
max-width: 230px;
margin: 0 0 1.1rem;
}
.ft__info {
font-size: 0.76rem;
color: rgba(255,255,255,0.4);
line-height: 1.6;
}
.ft__info strong {
color: rgba(255,255,255,0.65);
display: block;
margin-bottom: 0.35rem;
}
.ft__col h5 {
font-family: 'Outfit', sans-serif;
font-weight: 700;
font-size: 0.75rem;
color: rgba(255,255,255,0.55);
text-transform: uppercase;
letter-spacing: 0.08em;
margin-bottom: 0.9rem;
}
.ft__col-title {
display: block;
font-size: 0.7rem;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: rgba(255,255,255,0.45);
margin-bottom: 0.9rem;
font-family: 'Outfit', sans-serif;
}
.ft__col-links {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.ft__link {
font-size: 0.8rem;
font-weight: 300;
color: rgba(255,255,255,0.45);
text-decoration: none;
transition: color 0.15s ease;
line-height: 1.5;
}
.ft__link:hover {
color: #e0f7f5;
text-decoration: none;
}
.ft__social {
display: flex;
gap: 8px;
margin-top: 1rem;
}
.ft__social-link {
display: flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
border-radius: 8px;
border: 1px solid rgba(255,255,255,0.1);
color: rgba(255,255,255,0.45);
text-decoration: none;
transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}
.ft__social-link:hover {
border-color: #00b4a6;
color: #00b4a6;
background: rgba(0,180,166,0.1);
text-decoration: none;
}
.ft__bottom {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 1.5rem;
border-top: 1px solid rgba(255,255,255,0.08);
gap: 24px;
}
.ft__copy {
font-size: 0.73rem;
color: rgba(255,255,255,0.35);
font-weight: 300;
}
.ft__bottom-links {
display: flex;
gap: 1.25rem;
}
.ft__bottom-link {
font-size: 0.73rem;
color: rgba(255,255,255,0.35);
text-decoration: none;
font-weight: 300;
transition: color 0.15s ease;
}
.ft__bottom-link:hover {
color: #e0f7f5;
text-decoration: none;
}
.ft__langs {
display: flex;
gap: 1rem;
}
.ft__langs a {
font-size: 0.73rem;
color: rgba(255,255,255,0.4);
text-decoration: none;
transition: color 0.2s ease;
}
.ft__langs a:hover {
color: #e0f7f5;
text-decoration: none;
}
@media (max-width: 1024px) {
.ft {
padding: 3rem 2rem 2rem;
}
.ft__grid {
grid-template-columns: 1fr 1fr;
gap: 2rem;
}
.ft__brand {
grid-column: 1/-1;
}
.ft__tagline {
max-width: 100%;
}
}
@media (max-width: 768px) {
.ft {
padding: 2.5rem 1.25rem 1.5rem;
}
.ft__grid {
grid-template-columns: 1fr;
gap: 2rem;
}
.ft__brand {
grid-column: auto;
}
.ft__bottom {
flex-direction: column;
align-items: flex-start;
gap: 0.75rem;
}
}
@media (max-width: 480px) {
.ft {
padding: 2rem 1rem 1.5rem;
}
.ft__bottom-links {
flex-wrap: wrap;
gap: 0.75rem;
}
}
.lg-wrap {
min-height: calc(100vh - 68px);
display: flex;
align-items: center;
justify-content: center;
padding: 48px 20px;
background: #fff;
}
.lg-card {
width: 100%;
max-width: 420px;
background: #fff;
border: 1px solid #d0efec;
border-radius: 12px;
padding: 48px 40px;
box-shadow: 0 4px 32px rgba(0,0,0,0.06);
}
.lg-card__logo {
font-family: 'Mulish';
font-size: 1.3rem;
font-weight: 700;
letter-spacing: -0.02em;
color: #0e2422;
text-decoration: none;
display: block;
margin-bottom: 32px;
}
.lg-card__logo span {
color: #00b4a6;
}
.lg-card__logo:hover {
opacity: 0.75;
text-decoration: none;
color: #0e2422;
}
.lg-card__title {
font-family: 'Mulish';
font-size: 1.55rem;
font-weight: 700;
color: #0e2422;
margin: 0 0 6px;
letter-spacing: -0.01em;
line-height: 1.2;
}
.lg-card__sub {
font-size: 0.88rem;
font-weight: 300;
color: #5a7875;
margin: 0 0 32px;
}
.lg-card form {
display: flex;
flex-direction: column;
gap: 0;
}
.lg-card .form-group {
display: block !important;
float: none !important;
width: 100% !important;
padding: 0 !important;
margin-bottom: 16px;
}
.lg-card .form-group:last-child {
margin-top: 8px;
margin-bottom: 0;
}
.lg-card label {
display: block;
font-size: 0.82rem;
font-weight: 500;
color: #4a5568;
margin-bottom: 6px;
letter-spacing: 0.01em;
}
.lg-card .form-control {
height: 44px;
line-height: 44px;
border: 1.5px solid #d0efec;
border-radius: 8px;
font-size: 0.95rem;
}
.lg-card .form-control:focus {
border-color: #00b4a6;
box-shadow: 0 0 0 3px rgba(0,180,166,0.12);
}
.lg-card .btn,
.lg-card input[type="submit"] {
width: 100%;
height: 46px;
line-height: 46px;
padding: 0;
font-size: 0.95rem;
font-weight: 600;
color: #fff;
background: #00b4a6;
border: none;
border-radius: 8px;
cursor: pointer;
transition: background 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
display: block;
text-align: center;
-webkit-appearance: none;
appearance: none;
}
.lg-card .btn:hover,
.lg-card input[type="submit"]:hover {
background: #008f84;
color: #fff;
transform: translateY(-1px);
box-shadow: 0 6px 20px rgba(9,159,179,0.28);
}
.lg-links {
display: flex;
justify-content: center;
gap: 20px;
margin-top: 24px;
}
.lg-links a {
font-size: 0.82rem;
font-weight: 400;
color: #5a7875;
text-decoration: none;
transition: color 0.15s ease;
}
.lg-links a:hover {
color: #00b4a6;
text-decoration: none;
}
@media (max-width: 480px) {
.lg-card {
padding: 36px 24px;
}
}
.e4 {
padding: 80px 20px 100px;
text-align: center;
}
.e4__badge {
display: inline-block;
background: rgba(0,180,166,0.1);
color: #00b4a6;
font-size: 11px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
padding: 5px 14px;
border-radius: 20px;
margin-bottom: 24px;
}
.e4__code {
font-size: 160px;
font-weight: 800;
line-height: 1;
color: #00b4a6;
letter-spacing: -6px;
margin: 0 0 4px;
font-family: 'Mulish', sans-serif;
text-shadow: 4px 8px 0 rgba(0,180,166,0.07);
}
.e4__title {
font-size: 28px;
font-weight: 700;
color: #0e2422;
margin: 0 0 14px;
font-family: 'Mulish', sans-serif;
line-height: 1.3;
}
.e4__desc {
font-size: 15px;
color: #5a7875;
max-width: 460px;
margin: 0 auto 36px;
line-height: 1.65;
}
.e4__actions {
display: flex;
gap: 12px;
justify-content: center;
flex-wrap: wrap;
}
.e4__btn {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 12px 26px;
border-radius: 8px;
font-size: 14px;
font-weight: 600;
text-decoration: none;
transition: background 0.18s, color 0.18s, border-color 0.18s;
border: 1px solid transparent;
cursor: pointer;
font-family: 'Mulish', sans-serif;
}
.e4__btn--primary {
background: #00b4a6;
color: #fff;
}
.e4__btn--primary:hover {
background: #008f84;
text-decoration: none;
color: #fff;
}
.e4__btn--secondary {
background: #f4fffe;
color: #1a2e2c;
border-color: #d0efec;
}
.e4__btn--secondary:hover {
background: #d0efec;
text-decoration: none;
color: #1a2e2c;
}
@media (max-width: 480px) {
.e4 {
padding: 60px 15px 70px;
}
.e4__code {
font-size: 100px;
letter-spacing: -4px;
}
.e4__title {
font-size: 22px;
}
}
@-moz-keyframes fadeIn {
0% {
opacity: 0;
}
50% {
opacity: 0.2;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
50% {
opacity: 0.2;
}
100% {
opacity: 1;
}
}
@-o-keyframes fadeIn {
0% {
opacity: 0;
}
50% {
opacity: 0.2;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
50% {
opacity: 0.2;
}
100% {
opacity: 1;
}
}
@-moz-keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(100px);
}
50% {
opacity: 0.2;
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(100px);
}
50% {
opacity: 0.2;
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@-o-keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(100px);
}
50% {
opacity: 0.2;
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(100px);
}
50% {
opacity: 0.2;
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@-moz-keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-100px);
}
50% {
opacity: 0.2;
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-100px);
}
50% {
opacity: 0.2;
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@-o-keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-100px);
}
50% {
opacity: 0.2;
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-100px);
}
50% {
opacity: 0.2;
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@-moz-keyframes tilt-n-move-shaking {
0% {
transform: translate(0, 0) rotate(0deg);
}
25% {
transform: translate(5px, 5px) rotate(5deg);
}
50% {
transform: translate(0, 0) rotate(0deg);
}
75% {
transform: translate(-5px, 5px) rotate(-5deg);
}
100% {
transform: translate(0, 0) rotate(0deg);
}
}
@-webkit-keyframes tilt-n-move-shaking {
0% {
transform: translate(0, 0) rotate(0deg);
}
25% {
transform: translate(5px, 5px) rotate(5deg);
}
50% {
transform: translate(0, 0) rotate(0deg);
}
75% {
transform: translate(-5px, 5px) rotate(-5deg);
}
100% {
transform: translate(0, 0) rotate(0deg);
}
}
@-o-keyframes tilt-n-move-shaking {
0% {
transform: translate(0, 0) rotate(0deg);
}
25% {
transform: translate(5px, 5px) rotate(5deg);
}
50% {
transform: translate(0, 0) rotate(0deg);
}
75% {
transform: translate(-5px, 5px) rotate(-5deg);
}
100% {
transform: translate(0, 0) rotate(0deg);
}
}
@keyframes tilt-n-move-shaking {
0% {
transform: translate(0, 0) rotate(0deg);
}
25% {
transform: translate(5px, 5px) rotate(5deg);
}
50% {
transform: translate(0, 0) rotate(0deg);
}
75% {
transform: translate(-5px, 5px) rotate(-5deg);
}
100% {
transform: translate(0, 0) rotate(0deg);
}
}
#band_summary table {
font-size: 1em;
text-align: right;
}
#band_summary table tr.header {
border-bottom: 1px solid #ccc;
}
#band_summary table tr.header td {
background: #fff;
}
#band_summary table tr:nth-child(odd) {
background: #ddd;
}
#band_summary table td.desc {
text-align: left;
}
#order_container {
min-height: 300px;
}
#order_container .with_dph,
#order_container .without_dph {
display: none;
}
#order_container .with_dph.shown,
#order_container .without_dph.shown {
display: inline-block;
}
#band_order {
min-height: 300px;
height: 100%;
padding: 35px 0;
position: relative;
}
#cart_loader {
width: 100%;
height: 100%;
position: absolute;
display: none;
top: 0;
left: 0;
z-index: 50;
background: rgba(255,255,255,0.8);
background-image: url("/images/loader.gif");
background-repeat: no-repeat;
background-position: center center;
}
#cart_loader.shown {
display: block;
}
.print_menu {
padding: 15px 0;
margin-bottom: 10px;
border-bottom: 1px solid #ddd;
}
.print_toggle {
float: left;
color: #099fb3;
text-decoration: none;
position: relative;
top: 5px;
padding: 5px 55px 10px 25px;
margin-left: 30px;
position: relative;
}
.print_toggle:hover {
color: #099fb3;
}
.print_toggle:hover span {
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 100% 100%;
}
.print_toggle span {
display: block;
width: 18px;
height: 18px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 100% 100%;
position: absolute;
left: 0;
top: 5px;
}
.dtp_panel {
padding: 0 30px;
}
.band_colors {
margin-top: 0;
position: relative;
top: 6px;
margin-right: 65px;
}
.color_picker_toggle {
float: right;
color: #232323;
text-decoration: none;
}
.color_picker_toggle span {
position: absolute;
margin-left: -25px;
margin-top: -1px;
display: inline-block;
width: 20px;
height: 20px;
-webkit-border-radius: 10px;
border-radius: 10px;
margin-right: 10px;
border: 2px solid #ddd;
}
.color_picker_toggle span.stripe-blue,
.color_picker_toggle span.stripe-yellow,
.color_picker_toggle span.stripe-levander,
.color_picker_toggle span.stripe-pink,
.color_picker_toggle span.stripe-green,
.color_picker_toggle span.stripe-orange {
background-size: 158px 73px;
background-position: 80px;
}
.color_container {
display: none;
width: 100%;
right: 0;
height: 105px;
background: transparent;
overflow: hidden;
position: absolute;
padding-right: 0px;
top: -46px;
}
.color_container.shown {
display: block;
overflow: visible;
}
.color_picker {
background: #fff;
float: right;
width: 0;
position: relative;
overflow: hidden;
padding: 25px;
padding-right: 0;
padding-top: 0;
width: 1050px;
height: 87px;
right: -900px;
z-index: 1000;
margin-right: -15px;
}
.color_picker.shown,
.color_picker.forced_shown {
display: block;
overflow: visible;
right: 0;
}
.color_picker .color_group {
float: right;
margin-right: 16px;
position: relative;
}
.color_picker .color_group .group_name {
position: absolute;
right: 5px;
top: 0px;
font-size: 0.75em;
color: #099fb3;
width: 65px;
text-align: right;
border-right: 1px solid #099fb3;
border-top: 1px solid #099fb3;
padding-right: 7px;
padding-top: 3px;
}
.color_picker a.color {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
-webkit-border-radius: 9px;
border-radius: 9px;
margin-right: 4px;
border: 2px solid #ddd;
top: 45px;
}
.color_picker a.color.stripe-blue,
.color_picker a.color.stripe-yellow,
.color_picker a.color.stripe-levander,
.color_picker a.color.stripe-pink,
.color_picker a.color.stripe-green,
.color_picker a.color.stripe-orange {
background-size: 158px 73px;
background-position: 80px;
}
.color_picker a.color .color_name {
position: absolute;
text-align: center;
width: 160px;
display: none;
top: 35px;
left: 50%;
margin-left: -80px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 7px;
background: #099fb3;
color: #fff;
z-index: 20;
}
.color_picker a.color .color_name.shown {
display: block;
}
.color_picker a.color .color_name:after {
content: '';
position: absolute;
top: -10px;
left: 50%;
margin-left: -10px;
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 10px 10px 10px;
border-color: transparent transparent #099fb3 transparent;
}
.item {
position: relative;
margin-bottom: 35px;
}
.item .loader {
width: 100%;
height: 100%;
position: absolute;
display: none;
top: 0;
left: 0;
z-index: 50;
background: rgba(255,255,255,0.8);
background-image: url("/images/loader.gif");
background-repeat: no-repeat;
background-position: center center;
}
.item .loader.shown {
display: block;
}
.item .bands_color {
font-size: 1.1em;
position: relative;
top: 5px;
}
.item .qty_changer {
font-size: 1.1em;
position: relative;
top: 2px;
}
.item .qty_changer span {
display: inline-block;
margin: 0 15px;
}
.item .qty_changer input {
display: inline-block;
width: 100px;
text-align: center;
font-size: 1.1em;
font-family: 'Outfit';
font-weight: bold;
border: none;
border-bottom: 1px solid #000 !important;
}
.item .sum_big {
font-size: 1.8em;
font-weight: 600;
text-align: right;
position: relative;
white-space: nowrap;
}
.item.theme .sum_big {
font-size: 1.6em;
}
.item.theme ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.item.theme ul li {
margin-left: 25px;
}
.item .band_operations {
position: relative;
min-height: 45px;
}
.item .delete_item {
display: block;
width: 25px;
height: 25px;
position: absolute;
top: 0;
right: 28px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 100% 100%;
}
.item .delete_item:hover {
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 100% 100%;
}
.item .delete_theme_file {
display: inline-block;
width: 20px;
height: 20px;
margin-left: 5px;
position: relative;
top: 5px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 100% 100%;
}
.item .delete_theme_file:hover {
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 100% 100%;
}
.item .theme_name {
font-size: 1.2em;
}
.item .print_params {
border-left: 3px solid #ddd;
border-bottom: 3px solid #ddd;
position: relative;
padding: 0 0 30px 0px;
margin-top: 55px;
margin-bottom: 10px;
display: none;
clear: both;
}
.item .print_params.new,
.item .print_params.hideable {
border: none;
border-left: 3px solid #ddd;
border-right: 3px solid #ddd;
}
.item .print_params .hide_print_params {
position: absolute;
top: 15px;
right: 15px;
}
.item .print_params.shown {
display: block;
}
.item .print_params .theme_creation {
padding: 15px 0;
min-height: 150px;
border-right: 3px solid #ddd;
text-align: center;
}
.item .print_params .theme_creation.last {
border: none;
}
.item .print_params .theme_creation h3 {
font-weight: bold;
margin-bottom: 25px;
margin-top: 0;
}
.item .print_params .theme_creation:hover {
color: #099fb3;
}
.item .print_params .theme_creation:hover .create_theme#band_dtp {
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 100% 100%;
}
.item .print_params .theme_creation:hover .create_theme#band_editor {
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 100% 100%;
}
.item .print_params .theme_creation .create_theme {
display: block;
width: 80%;
height: 120px;
margin: auto;
}
.item .print_params .theme_creation .create_theme#band_editor {
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 100% 100%;
}
.item .print_params .theme_creation .create_theme#band_dtp {
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 100% 100%;
}
.item .print_params .theme_creation .selectric,
.item .print_params .theme_creation li {
text-align: left;
}
.item .print_params .desc,
.item .print_params .nebo {
text-align: center;
margin-top: 10px;
font-size: 0.8em;
}
.item .print_params .btn {
height: 45px;
padding-top: 12px;
line-height: 22px;
}
.item .print_params .btn.double {
padding-top: 12px;
}
.item .print_params .theme_name_changer {
margin-top: 25px;
padding-top: 15px;
border-top: 1px solid #ddd;
}
.item .print_params .theme_name_changer .btn {
height: 36px;
padding: 8px;
}
.item .sub_item.upload {
margin-bottom: 25px;
}
.item .sub_item.upload .selectric-wrapper {
min-width: 200px;
display: inline-block;
position: relative;
top: 9px;
margin-left: 10px;
}
.item .sub_item.upload span.nebo {
display: inline-block;
margin-top: 15px;
}
.item .sub_item.upload .btn {
margin-right: 10px;
font-size: 0.8em;
}
.item .sub_item.description {
margin-top: 15px;
}
.item .sub_item.uploads {
margin-top: 15px;
height: auta;
}
.item .sub_item span.desc {
position: relative;
top: 10px;
}
.item.editor .band_preview_container {
height: 270px;
}
.item.editor .band_preview_container:hover .ft-scaler,
.item.editor .band_preview_container:hover .ft-rotator {
display: block;
}
.item.editor .band_preview_container.product_3 .killer.top {
top: 0;
height: 121px;
}
.item.editor .band_preview_container.product_3 .killer.bottom {
top: 209px;
height: 70px;
}
.item.editor .band_preview_container.product_1 .killer.top,
.item.editor .band_preview_container.product_2 .killer.top {
top: 0;
height: 132px;
}
.item.editor .band_preview_container.product_1 .killer.bottom,
.item.editor .band_preview_container.product_2 .killer.bottom {
top: 198px;
height: 70px;
}
.item.editor .operation_qty,
.item.editor .operation_color,
.item.editor .band_colors {
display: none;
}
.item.editor .band_meter,
.item.editor .killer {
display: block;
}
.band_preview_container {
position: relative;
padding: 15px 30px;
overflow: hidden;
overflow-x: auto;
height: 135px;
}
.band_preview_container.product_3 .killer.top {
top: 0;
height: 20px;
}
.band_preview_container.product_3 .killer.bottom {
top: 110px;
height: 70px;
}
.band_preview_container.product_1 .killer.top,
.band_preview_container.product_2 .killer.top {
top: 0;
height: 32px;
}
.band_preview_container.product_1 .killer.bottom,
.band_preview_container.product_2 .killer.bottom {
top: 98px;
height: 70px;
}
.band_preview_container strong {
font-size: 22px;
position: absolute;
left: 15%;
top: 41%;
margin-top: -3px;
}
.band_preview_container .killer {
position: absolute;
left: 0;
width: 100%;
background: #fff;
z-index: 4;
}
.band_preview_container .band_meter {
display: none;
top: 0;
width: 1000px;
height: 99px;
z-index: 5;
position: relative;
background-image: url("/images/band-meter-top.png");
}
.band_preview_container .band_meter.bottom {
height: 40px;
background-image: url("/images/band-meter-bottom.png");
}
.band_preview_container .theme_print_file {
width: 100%;
top: 0;
left: 0;
position: absolute;
}
.band_preview_container .band_preview_mini {
display: none;
width: 100%;
position: relative;
background-repeat: repeat-x;
padding-bottom: 34%;
background-size: auto 100%;
}
.band_preview_container .band_preview_mini strong {
position: absolute;
left: 45%;
top: 43%;
margin-top: -3px;
}
.band_preview_container .band_preview_mini .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: 100% auto;
}
.band_preview_container .band_preview {
display: block;
height: 101px;
width: 1000px;
position: relative;
background-repeat: repeat-x;
background-size: 100% auto;
}
.band_preview_container .band_preview .full_color {
height: 300px;
position: absolute;
top: 0;
left: 0;
z-index: 9;
mix-blend-mode: multiply;
width: 100%;
height: 100%;
pointer-events: none;
}
.band_preview_container .band_preview .full_color img {
height: 100%;
}
.band_preview_container .band_preview svg {
width: 100%;
top: 0;
left: 0;
position: absolute;
}
.band_preview_container .band_preview span {
display: block;
width: 100%;
height: 100px;
position: absolute;
top: 0;
left: 0;
}
.band_preview_container .band_preview .overlay {
position: absolute;
top: 0;
left: 0;
width: 1000px;
height: 101px;
z-index: 10;
background-repeat: no-repeat;
pointer-events: none;
background-size: 100% auto;
}
.band_preview_container .band_preview .overlay.product_1 {
background-image: url("/images/bands/premium.png");
}
.band_preview_container .band_preview .overlay.product_2 {
background-image: url("/images/bands/19.png");
}
.band_preview_container .band_preview .overlay.product_3 {
background-image: url("/images/bands/25.png");
}
.editor_panel h3 {
font-size: 1.3em;
font-weight: bold;
color: #2d2d2d;
margin: 0;
padding: 0;
margin-bottom: 10px;
}
.editor_column {
margin-top: 25px;
padding: 0;
padding-right: 30px;
min-height: 150px;
border-right: 3px solid #ddd;
}
.editor_column.last {
border: none;
}
.editor_top_panel {
width: 100%;
}
#moving_square {
position: absolute;
z-index: 50;
}
.band_inserted_text {
position: absolute;
z-index: 3;
mix-blend-mode: multiply;
}
.band_inserted_text img {
mix-blend-mode: multiply;
width: 100%;
height: 100%;
}
.editor_nadpis {
float: left;
width: 25%;
padding: 15px 15px;
text-align: center;
font-size: 1.1em;
}
.editor_nadpis h3 {
position: relative;
}
.editor_name {
float: right;
width: 75%;
border-left: 3px solid #ddd;
border-bottom: 3px solid #ddd;
}
.editor_name .form-control {
border: none;
border-bottom: 1px solid #2d2d2d;
border-radius: 0;
position: relative;
bottom: 10px;
font-size: 1em;
font-weight: bold;
}
.clipart.active img,
.font.active img {
border-color: #f00;
}
.clipart img,
.font img {
width: 100%;
border: 3px solid #ddd;
margin: 3px;
}
.insert_text {
margin-top: 10px !important;
height: 20px;
}
.save_panel {
text-align: right;
}
.save_panel a {
position: relative;
display: inline-block;
margin-left: 10px;
text-align: left;
}
.save_panel a .ico {
width: 20px;
height: 20px;
}
.save {
text-decoration: none;
}
.save .ico {
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 100% 100%;
}
.save_as {
color: #2d2d2d !important;
text-decoration: none;
}
.save_as .ico {
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 100% 100%;
}
.ft-widget {
-webkit-transform-style: preserve-3d;
}
.ft-container {
position: absolute;
}
.ft-controls {
position: absolute;
width: 100%;
height: 100%;
-webkit-transform-style: preserve-3d;
z-index: 10010;
}
.ft-scaler {
position: absolute;
width: 8px;
height: 8px;
margin-left: -4px;
margin-top: -4px;
background-color: #fff;
border: 1px solid #ccc;
display: none;
}
.ft-scaler-top {
top: 0%;
}
.ft-scaler-mid {
top: 50%;
}
.ft-scaler-bottom {
top: 100%;
}
.ft-scaler-left {
left: 0%;
}
.ft-scaler-center {
left: 50%;
}
.ft-scaler-right {
left: 100%;
}
.ft-scaler-delete {
right: -15%;
top: -15%;
background: #f00;
width: 15px;
height: 15px;
}
.ft-rotator {
position: absolute;
width: 16px;
height: 16px;
left: 50% !important;
top: -25px !important;
margin-left: -8px;
background-color: #fff;
border: 1px solid #ccc;
display: none;
}
.ft-scaler-mid.ft-scaler-center {
visibility: hidden;
}
.visible-xs,
.visible-sm,
.visible-tb,
.visible-md,
.visible-lg,
.visible-xlg {
display: none !important;
}
.hidden {
display: none;
}
.container {
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;
}
@media (max-width: 479px) {
.container {
width: 100%;
margin-left: 0px !important;
margin-right: 0px !important;
}
.visible-xs {
display: block !important;
}
.hidden-xs {
display: none !important;
}
}
@media (min-width: 480px) and (max-width: 799px) {
.container {
width: 440px;
width: auto;
margin-left: 0px !important;
margin-right: 0px !important;
}
.visible-sm {
display: block !important;
}
.hidden-sm {
display: none !important;
}
}
@media (min-width: 800px) and (max-width: 1023px) {
.container {
width: 760px;
width: auto;
margin-left: 20px !important;
margin-right: 20px !important;
}
.visible-tb {
display: block !important;
}
.hidden-tb {
display: none !important;
}
}
@media (min-width: 1024px) and (max-width: 1365px) {
.container {
width: 960px;
}
.visible-md {
display: block !important;
}
.hidden-md {
display: none !important;
}
}
@media (min-width: 1366px) and (max-width: 1799px) {
.container {
width: 1200px;
}
.visible-lg {
display: block !important;
}
.hidden-lg {
display: none !important;
}
}
@media (min-width: 1800px) {
.container {
width: 1200px;
}
.visible-xlg {
display: block !important;
}
.hidden-xlg {
display: none !important;
}
}
@media (max-height: 300px) {
body {
background: #f00 !important;
}
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body,
html {
margin: 0;
padding: 0;
}
.marginTop5 {
margin-top: 5px;
}
.marginTop10 {
margin-top: 10px;
}
.marginTop15 {
margin-top: 15px;
}
.marginTop20 {
margin-top: 20px;
}
.marginTop25 {
margin-top: 25px;
}
.marginTop30 {
margin-top: 30px;
}
.marginTop35 {
margin-top: 35px;
}
.marginTop40 {
margin-top: 40px;
}
.marginTop45 {
margin-top: 45px;
}
.marginTop50 {
margin-top: 50px;
}
.marginTop55 {
margin-top: 55px;
}
.marginTop60 {
margin-top: 60px;
}
.marginTop65 {
margin-top: 65px;
}
.marginTop70 {
margin-top: 70px;
}
.marginTop75 {
margin-top: 75px;
}
.marginTop80 {
margin-top: 80px;
}
.marginTop85 {
margin-top: 85px;
}
.marginTop90 {
margin-top: 90px;
}
.marginTop95 {
margin-top: 95px;
}
.marginTop100 {
margin-top: 100px;
}
.marginTop105 {
margin-top: 105px;
}
.marginTop110 {
margin-top: 110px;
}
.marginTop115 {
margin-top: 115px;
}
.marginTop120 {
margin-top: 120px;
}
.marginTop125 {
margin-top: 125px;
}
.marginBottom5 {
margin-bottom: 5px;
}
.marginBottom10 {
margin-bottom: 10px;
}
.marginBottom15 {
margin-bottom: 15px;
}
.marginBottom20 {
margin-bottom: 20px;
}
.marginBottom25 {
margin-bottom: 25px;
}
.marginBottom30 {
margin-bottom: 30px;
}
.marginBottom35 {
margin-bottom: 35px;
}
.marginBottom40 {
margin-bottom: 40px;
}
.marginBottom45 {
margin-bottom: 45px;
}
.marginBottom50 {
margin-bottom: 50px;
}
.marginBottom55 {
margin-bottom: 55px;
}
.marginBottom60 {
margin-bottom: 60px;
}
.marginBottom65 {
margin-bottom: 65px;
}
.marginBottom70 {
margin-bottom: 70px;
}
.marginBottom75 {
margin-bottom: 75px;
}
.marginBottom80 {
margin-bottom: 80px;
}
.marginBottom85 {
margin-bottom: 85px;
}
.marginBottom90 {
margin-bottom: 90px;
}
.marginBottom95 {
margin-bottom: 95px;
}
.marginBottom100 {
margin-bottom: 100px;
}
.marginBottom105 {
margin-bottom: 105px;
}
.marginBottom110 {
margin-bottom: 110px;
}
.marginBottom115 {
margin-bottom: 115px;
}
.marginBottom120 {
margin-bottom: 120px;
}
.marginBottom125 {
margin-bottom: 125px;
}
.padding0 {
padding: 0px;
}
.padding5 {
padding: 5px;
}
.padding10 {
padding: 10px;
}
.padding15 {
padding: 15px;
}
.padding20 {
padding: 20px;
}
.padding25 {
padding: 25px;
}
.padding30 {
padding: 30px;
}
.padding35 {
padding: 35px;
}
.padding40 {
padding: 40px;
}
.padding45 {
padding: 45px;
}
.padding50 {
padding: 50px;
}
.padding55 {
padding: 55px;
}
.padding60 {
padding: 60px;
}
.padding65 {
padding: 65px;
}
.padding70 {
padding: 70px;
}
.padding75 {
padding: 75px;
}
.padding80 {
padding: 80px;
}
.padding85 {
padding: 85px;
}
.padding90 {
padding: 90px;
}
.padding95 {
padding: 95px;
}
.padding100 {
padding: 100px;
}
.padding105 {
padding: 105px;
}
.padding110 {
padding: 110px;
}
.padding115 {
padding: 115px;
}
.padding120 {
padding: 120px;
}
.padding125 {
padding: 125px;
}
.margin0 {
margin: 0px;
}
.margin5 {
margin: 5px;
}
.margin10 {
margin: 10px;
}
.margin15 {
margin: 15px;
}
.margin20 {
margin: 20px;
}
.margin25 {
margin: 25px;
}
.margin30 {
margin: 30px;
}
.margin35 {
margin: 35px;
}
.margin40 {
margin: 40px;
}
.margin45 {
margin: 45px;
}
.margin50 {
margin: 50px;
}
.margin55 {
margin: 55px;
}
.margin60 {
margin: 60px;
}
.margin65 {
margin: 65px;
}
.margin70 {
margin: 70px;
}
.margin75 {
margin: 75px;
}
.margin80 {
margin: 80px;
}
.margin85 {
margin: 85px;
}
.margin90 {
margin: 90px;
}
.margin95 {
margin: 95px;
}
.margin100 {
margin: 100px;
}
.margin105 {
margin: 105px;
}
.margin110 {
margin: 110px;
}
.margin115 {
margin: 115px;
}
.margin120 {
margin: 120px;
}
.margin125 {
margin: 125px;
}
.relative {
position: relative;
}
.alignLeft {
text-align: left;
}
.alignRight {
text-align: right;
}
.alignCenter {
text-align: center;
}
.weightBold {
font-weight: bold;
}
.weightNormal {
font-weight: normal;
}
.pullLeft {
float: left !important;
}
.pullRight {
float: right !important;
}
.imageLeft {
float: left;
}
.imageRight {
float: right;
}
.imageCenter {
margin: 0 auto;
}
.row {
margin-right: -15px;
margin-left: -15px;
}
.col-xs-1,
.col-sm-1,
.col-tb-1,
.col-md-1,
.col-lg-1,
.col-xlg-1 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-2,
.col-sm-2,
.col-tb-2,
.col-md-2,
.col-lg-2,
.col-xlg-2 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-3,
.col-sm-3,
.col-tb-3,
.col-md-3,
.col-lg-3,
.col-xlg-3 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-4,
.col-sm-4,
.col-tb-4,
.col-md-4,
.col-lg-4,
.col-xlg-4 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-5,
.col-sm-5,
.col-tb-5,
.col-md-5,
.col-lg-5,
.col-xlg-5 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-6,
.col-sm-6,
.col-tb-6,
.col-md-6,
.col-lg-6,
.col-xlg-6 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-7,
.col-sm-7,
.col-tb-7,
.col-md-7,
.col-lg-7,
.col-xlg-7 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-8,
.col-sm-8,
.col-tb-8,
.col-md-8,
.col-lg-8,
.col-xlg-8 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-9,
.col-sm-9,
.col-tb-9,
.col-md-9,
.col-lg-9,
.col-xlg-9 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-10,
.col-sm-10,
.col-tb-10,
.col-md-10,
.col-lg-10,
.col-xlg-10 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-11,
.col-sm-11,
.col-tb-11,
.col-md-11,
.col-lg-11,
.col-xlg-11 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-12,
.col-sm-12,
.col-tb-12,
.col-md-12,
.col-lg-12,
.col-xlg-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-1 {
float: left;
width: 8.333333333333334%;
}
.col-xs-2 {
float: left;
width: 16.666666666666668%;
}
.col-xs-3 {
float: left;
width: 25%;
}
.col-xs-4 {
float: left;
width: 33.333333333333336%;
}
.col-xs-5 {
float: left;
width: 41.66666666666667%;
}
.col-xs-6 {
float: left;
width: 50%;
}
.col-xs-7 {
float: left;
width: 58.333333333333336%;
}
.col-xs-8 {
float: left;
width: 66.66666666666667%;
}
.col-xs-9 {
float: left;
width: 75%;
}
.col-xs-10 {
float: left;
width: 83.33333333333334%;
}
.col-xs-11 {
float: left;
width: 91.66666666666667%;
}
.col-xs-12 {
float: left;
width: 100%;
}
.col-xs-offset-1 {
margin-left: 8.333333333333334%;
}
.col-xs-offset-2 {
margin-left: 16.666666666666668%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-4 {
margin-left: 33.333333333333336%;
}
.col-xs-offset-5 {
margin-left: 41.66666666666667%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-7 {
margin-left: 58.333333333333336%;
}
.col-xs-offset-8 {
margin-left: 66.66666666666667%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-10 {
margin-left: 83.33333333333334%;
}
.col-xs-offset-11 {
margin-left: 91.66666666666667%;
}
.col-xs-offset-12 {
margin-left: 100%;
}
@media (min-width: 479px) {
.col-sm-1 {
float: left;
width: 8.333333333333334%;
}
.col-sm-2 {
float: left;
width: 16.666666666666668%;
}
.col-sm-3 {
float: left;
width: 25%;
}
.col-sm-4 {
float: left;
width: 33.333333333333336%;
}
.col-sm-5 {
float: left;
width: 41.66666666666667%;
}
.col-sm-6 {
float: left;
width: 50%;
}
.col-sm-7 {
float: left;
width: 58.333333333333336%;
}
.col-sm-8 {
float: left;
width: 66.66666666666667%;
}
.col-sm-9 {
float: left;
width: 75%;
}
.col-sm-10 {
float: left;
width: 83.33333333333334%;
}
.col-sm-11 {
float: left;
width: 91.66666666666667%;
}
.col-sm-12 {
float: left;
width: 100%;
}
.col-sm-offset-1 {
margin-left: 8.333333333333334%;
}
.col-sm-offset-2 {
margin-left: 16.666666666666668%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-4 {
margin-left: 33.333333333333336%;
}
.col-sm-offset-5 {
margin-left: 41.66666666666667%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-7 {
margin-left: 58.333333333333336%;
}
.col-sm-offset-8 {
margin-left: 66.66666666666667%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-10 {
margin-left: 83.33333333333334%;
}
.col-sm-offset-11 {
margin-left: 91.66666666666667%;
}
.col-sm-offset-12 {
margin-left: 100%;
}
}
@media (min-width: 799px) {
.col-tb-1 {
float: left;
width: 8.333333333333334%;
}
.col-tb-2 {
float: left;
width: 16.666666666666668%;
}
.col-tb-3 {
float: left;
width: 25%;
}
.col-tb-4 {
float: left;
width: 33.333333333333336%;
}
.col-tb-5 {
float: left;
width: 41.66666666666667%;
}
.col-tb-6 {
float: left;
width: 50%;
}
.col-tb-7 {
float: left;
width: 58.333333333333336%;
}
.col-tb-8 {
float: left;
width: 66.66666666666667%;
}
.col-tb-9 {
float: left;
width: 75%;
}
.col-tb-10 {
float: left;
width: 83.33333333333334%;
}
.col-tb-11 {
float: left;
width: 91.66666666666667%;
}
.col-tb-12 {
float: left;
width: 100%;
}
.col-tb-offset-1 {
margin-left: 8.333333333333334%;
}
.col-tb-offset-2 {
margin-left: 16.666666666666668%;
}
.col-tb-offset-3 {
margin-left: 25%;
}
.col-tb-offset-4 {
margin-left: 33.333333333333336%;
}
.col-tb-offset-5 {
margin-left: 41.66666666666667%;
}
.col-tb-offset-6 {
margin-left: 50%;
}
.col-tb-offset-7 {
margin-left: 58.333333333333336%;
}
.col-tb-offset-8 {
margin-left: 66.66666666666667%;
}
.col-tb-offset-9 {
margin-left: 75%;
}
.col-tb-offset-10 {
margin-left: 83.33333333333334%;
}
.col-tb-offset-11 {
margin-left: 91.66666666666667%;
}
.col-tb-offset-12 {
margin-left: 100%;
}
}
@media (min-width: 1023px) {
.col-md-1 {
float: left;
width: 8.333333333333334%;
}
.col-md-2 {
float: left;
width: 16.666666666666668%;
}
.col-md-3 {
float: left;
width: 25%;
}
.col-md-4 {
float: left;
width: 33.333333333333336%;
}
.col-md-5 {
float: left;
width: 41.66666666666667%;
}
.col-md-6 {
float: left;
width: 50%;
}
.col-md-7 {
float: left;
width: 58.333333333333336%;
}
.col-md-8 {
float: left;
width: 66.66666666666667%;
}
.col-md-9 {
float: left;
width: 75%;
}
.col-md-10 {
float: left;
width: 83.33333333333334%;
}
.col-md-11 {
float: left;
width: 91.66666666666667%;
}
.col-md-12 {
float: left;
width: 100%;
}
.col-md-offset-1 {
margin-left: 8.333333333333334%;
}
.col-md-offset-2 {
margin-left: 16.666666666666668%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-4 {
margin-left: 33.333333333333336%;
}
.col-md-offset-5 {
margin-left: 41.66666666666667%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-7 {
margin-left: 58.333333333333336%;
}
.col-md-offset-8 {
margin-left: 66.66666666666667%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-10 {
margin-left: 83.33333333333334%;
}
.col-md-offset-11 {
margin-left: 91.66666666666667%;
}
.col-md-offset-12 {
margin-left: 100%;
}
}
@media (min-width: 1365px) {
.col-lg-1 {
float: left;
width: 8.333333333333334%;
}
.col-lg-2 {
float: left;
width: 16.666666666666668%;
}
.col-lg-3 {
float: left;
width: 25%;
}
.col-lg-4 {
float: left;
width: 33.333333333333336%;
}
.col-lg-5 {
float: left;
width: 41.66666666666667%;
}
.col-lg-6 {
float: left;
width: 50%;
}
.col-lg-7 {
float: left;
width: 58.333333333333336%;
}
.col-lg-8 {
float: left;
width: 66.66666666666667%;
}
.col-lg-9 {
float: left;
width: 75%;
}
.col-lg-10 {
float: left;
width: 83.33333333333334%;
}
.col-lg-11 {
float: left;
width: 91.66666666666667%;
}
.col-lg-12 {
float: left;
width: 100%;
}
.col-lg-offset-1 {
margin-left: 8.333333333333334%;
}
.col-lg-offset-2 {
margin-left: 16.666666666666668%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-4 {
margin-left: 33.333333333333336%;
}
.col-lg-offset-5 {
margin-left: 41.66666666666667%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-7 {
margin-left: 58.333333333333336%;
}
.col-lg-offset-8 {
margin-left: 66.66666666666667%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-10 {
margin-left: 83.33333333333334%;
}
.col-lg-offset-11 {
margin-left: 91.66666666666667%;
}
.col-lg-offset-12 {
margin-left: 100%;
}
}
@media (min-width: 1799px) {
.col-xlg-1 {
float: left;
width: 8.333333333333334%;
}
.col-xlg-2 {
float: left;
width: 16.666666666666668%;
}
.col-xlg-3 {
float: left;
width: 25%;
}
.col-xlg-4 {
float: left;
width: 33.333333333333336%;
}
.col-xlg-5 {
float: left;
width: 41.66666666666667%;
}
.col-xlg-6 {
float: left;
width: 50%;
}
.col-xlg-7 {
float: left;
width: 58.333333333333336%;
}
.col-xlg-8 {
float: left;
width: 66.66666666666667%;
}
.col-xlg-9 {
float: left;
width: 75%;
}
.col-xlg-10 {
float: left;
width: 83.33333333333334%;
}
.col-xlg-11 {
float: left;
width: 91.66666666666667%;
}
.col-xlg-12 {
float: left;
width: 100%;
}
.col-xlg-offset-1 {
margin-left: 8.333333333333334%;
}
.col-xlg-offset-2 {
margin-left: 16.666666666666668%;
}
.col-xlg-offset-3 {
margin-left: 25%;
}
.col-xlg-offset-4 {
margin-left: 33.333333333333336%;
}
.col-xlg-offset-5 {
margin-left: 41.66666666666667%;
}
.col-xlg-offset-6 {
margin-left: 50%;
}
.col-xlg-offset-7 {
margin-left: 58.333333333333336%;
}
.col-xlg-offset-8 {
margin-left: 66.66666666666667%;
}
.col-xlg-offset-9 {
margin-left: 75%;
}
.col-xlg-offset-10 {
margin-left: 83.33333333333334%;
}
.col-xlg-offset-11 {
margin-left: 91.66666666666667%;
}
.col-xlg-offset-12 {
margin-left: 100%;
}
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
display: table;
content: ' ';
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
clear: both;
}
.bg-navy {
background-color: #001f3f;
}
.bg-blue {
background-color: #0074d9;
}
.bg-aqua {
background-color: #7fdbff;
}
.bg-teal {
background-color: #39cccc;
}
.bg-olive {
background-color: #3d9970;
}
.bg-green {
background-color: #2ecc40;
}
.bg-lime {
background-color: #01ff70;
}
.bg-yellow {
background-color: #ffdc00;
}
.bg-orange {
background-color: #ff851b;
}
.bg-red {
background-color: #ff4136;
}
.bg-fuchsia {
background-color: #f012be;
}
.bg-purple {
background-color: #b10dc9;
}
.bg-maroon {
background-color: #85144b;
}
.bg-white {
background-color: #fff;
}
.bg-gray {
background-color: #aaa;
}
.bg-silver {
background-color: #ddd;
}
.bg-black {
background-color: #111;
}
/* Colors */
.color-navy {
color: #001f3f;
}
.color-blue {
color: #0074d9;
}
.color-aqua {
color: #7fdbff;
}
.color-teal {
color: #39cccc;
}
.color-olive {
color: #3d9970;
}
.color-green {
color: #2ecc40;
}
.color-lime {
color: #01ff70;
}
.color-yellow {
color: #ffdc00;
}
.color-orange {
color: #ff851b;
}
.color-red {
color: #ff4136;
}
.color-fuchsia {
color: #f012be;
}
.color-purple {
color: #b10dc9;
}
.color-maroon {
color: #85144b;
}
.color-white {
color: #fff;
}
.color-silver {
color: #ddd;
}
.color-gray {
color: #aaa;
}
.color-black {
color: #111;
}
*:focus {
outline: none;
}
.form-control {
font-family: 'Outfit';
font-size: 0.95em;
font-weight: 300;
display: block;
width: 100%;
padding: 0 14px;
height: 44px;
line-height: 44px;
color: #2d3748;
border: 1.5px solid #e2eaf0;
background-color: #fff;
background-image: none;
border-radius: 8px;
transition: border-color 0.15s ease, box-shadow 0.15s ease;
box-sizing: border-box;
}
.form-control.white {
background: #fff;
}
.form-control:focus {
outline: none;
border-color: #099fb3;
box-shadow: 0 0 0 3px rgba(9,159,179,0.12);
}
.form-control:hover {
outline: none;
border-color: #c3d4e0;
}
.form-control::-moz-placeholder {
opacity: 1;
color: #999089;
}
.form-control:-ms-input-placeholder {
color: #999089;
}
.form-control::-webkit-input-placeholder {
color: #999089;
}
.form-control::-ms-expand {
border: 0;
background-color: transparent;
}
.form-control.required_error {
border-color: #f00;
box-shadow: 0 0 0 3px rgba(255,0,0,0.08);
}
.form-control.error,
.form-control.warning {
border-color: #b80f13;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 20px 20px;
background-position: 96% center;
}
.form-control.success {
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 20px 20px;
background-position: 96% center;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
opacity: 1;
background-color: #f0f4f8;
cursor: not-allowed;
}
textarea.form-control {
height: auto;
padding: 10px 14px;
line-height: 1.6;
}
.form-group {
margin-bottom: 16px;
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 6px;
font-family: 'Outfit';
font-size: 0.82em;
font-weight: 500;
color: #2d3748;
}
input {
line-height: normal;
}
input::-moz-focus-inner {
padding: 0;
border: 0;
}
input,
button,
select,
textarea {
-webkit-appearance: none;
font-family: 'Outfit';
font-size: 1em;
line-height: inherit;
}
button,
input,
optgroup,
select,
textarea {
font-family: 'Outfit';
margin: 0;
color: #2d3748;
}
input[type='radio'],
input[type='checkbox'] {
line-height: normal;
margin: 4px 0 0;
margin-top: 1px 9;
}
input[type='file'] {
display: block;
}
input[type='radio'] {
display: none;
}
input[type='radio'] + label {
font-size: 100%;
}
input[type='radio'] + label span {
display: inline-block;
width: 20px;
height: 20px;
margin: -2px 8px 0 0;
cursor: pointer;
vertical-align: middle;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 100% 100%;
}
input[type='radio']:hover + label span {
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 100% 100%;
}
input[type='radio']:checked + label span {
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 100% 100%;
}
input[type='radio']:checked:hover + label span {
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 100% 100%;
}
input[type='checkbox'] {
display: none;
}
input[type='checkbox'] + label span {
display: inline-block;
width: 20px;
height: 20px;
margin: -2px 8px 0 0;
cursor: pointer;
vertical-align: middle;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 100% 100%;
}
input[type='checkbox']:hover + label span {
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 100% 100%;
}
input[type='checkbox']:checked + label span {
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 100% 100%;
}
input[type='checkbox']:checked:hover + label span {
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 100% 100%;
}
input[type='checkbox'].required_error + label {
color: #f00;
}
legend {
font-size: 18px;
line-height: inherit;
display: block;
width: 100%;
margin-bottom: 20px;
padding: 0;
color: #2d3748;
border: 0;
border-bottom: 1px solid #e2eaf0;
}
.btn {
-webkit-appearance: none;
display: inline-flex;
align-items: center;
justify-content: center;
margin-bottom: 0;
text-align: center;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
background-image: none;
white-space: nowrap;
font-family: 'Outfit';
font-size: 0.95em;
font-weight: 600;
letter-spacing: 0.01em;
padding: 0 22px;
height: 44px;
line-height: 1;
margin: 0;
background: #099fb3;
border: 1.5px solid #099fb3;
border-radius: 8px;
transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
color: #fff;
text-decoration: none;
}
.btn:hover {
background: #0891a4;
border-color: #0891a4;
color: #fff;
text-decoration: none;
transform: translateY(-1px);
box-shadow: 0 4px 16px rgba(9,159,179,0.28);
}
.btn.white {
background: #fff;
color: #099fb3;
border-color: #e2eaf0;
font-weight: 500;
}
.btn.white:hover {
background: #f7f9fc;
border-color: #099fb3;
color: #099fb3;
box-shadow: none;
transform: none;
}
.btn.small {
font-size: 0.82em;
padding: 0 14px;
height: 34px;
}
.btn.big {
padding: 0 32px;
height: 54px;
font-size: 1em;
display: inline-flex;
margin-top: 25px;
}
.btn:hover {
color: #fff;
}
.btn_upload {
text-align: center;
border: none;
}
.btn-danger {
background: #b80f13;
border-color: #b80f13;
text-decoration: none;
}
.btn-danger:hover {
background: #a60e11;
border-color: #a60e11;
color: #fff;
}
/*SHOP*/
#homepage #main_banner {
background: #fff;
width: 100%;
overflow: hidden;
}
#homepage #main_banner img {
width: 100%;
}
.quick_buy input[type=submit] {
text-indent: 9999px;
overflow: hidden;
width: 50px;
background-position: center center;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 30px 30px;
}
.set_param {
display: inline-block;
background: #099fb3;
color: #fff;
padding: 5px 10px;
text-decoration: none;
}
.set_param:hover {
color: #fff;
}
.set_param.selected {
background: #fff;
color: #099fb3;
border: 1px solid #099fb3;
}
.desc_container {
position: relative;
margin-bottom: 35px;
}
.desc_container .desc_inside {
height: 220px;
overflow: hidden;
}
.desc_container .desc_more {
display: block;
width: 100%;
text-align: center;
position: absolute;
bottom: 0;
right: 0;
}
.desc_container .desc_hideout {
width: 100%;
height: 150px;
position: absolute;
bottom: 0;
background: linear-gradient(rgba(255,255,255,0), #fff);
}
#free_delivery {
margin-top: 50px;
font-size: 1.1em;
font-variant: italic;
text-align: center;
}
.cart_bottom_menu {
margin-top: 30px;
}
.cart_bottom_menu .cart_btn {
position: relative;
}
.cart_bottom_menu .arrow_left {
width: 40px;
height: 40px;
display: inline-block;
position: absolute;
left: 0px;
top: 0px;
}
.cart_bottom_menu .arrow_right {
width: 40px;
height: 40px;
display: inline-block;
position: absolute;
right: 0px;
top: 0px;
}
#profil_hover_box {
line-height: 30px;
}
#profil_hover_box a {
display: block;
padding: 0;
margin: 0;
text-align: center;
height: auto;
}
#cart_menu .menu_item {
width: 25%;
float: left;
padding: 15px;
text-align: center;
}
#cart_menu .menu_item.active {
background: #7794a1;
}
#cart_menu a:hover {
background: transparent;
color: #fff;
}
#cart_menu a,
#cart_menu div {
background: #455a64;
color: #fff;
display: block;
position: relative;
}
#cart_menu a.active,
#cart_menu div.active {
color: #34444b;
font-weight: 700;
}
#cart_menu a .arrow,
#cart_menu div .arrow {
display: block;
position: absolute;
right: -10px;
top: 16px;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid #455a64;
z-index: 2;
}
#cart_menu a .arrow.active,
#cart_menu div .arrow.active {
border-left-color: #7794a1;
}
#cart_small {
line-height: 20px;
}
#cart_small table {
border-collapse: collapse;
width: 100%;
margin-bottom: 30px;
}
#cart_small table tr td {
padding: 5px 10px;
}
#cart_small table tr:nth-child(even) {
background: #fff;
}
#cart_small table tr.border:first-child td {
border: none;
}
#cart_small table tr.border td {
border-top: 1px solid #ddd;
}
#cart_small h3 {
margin-top: 0;
}
#cart_small .align_right {
text-align: right;
}
#cart_small strong {
color: #099fb3;
}
#cart_small img {
width: 35px;
}
.panel {
margin-top: 30px;
padding: 15px;
}
.panel.grey {
background: #ddd;
}
.panel h3 {
font-family: 'Outfit', sans-serif;
margin-top: 0px;
}
.panel .radio {
padding: 10px 0;
border-top: 1px solid #efefef;
}
.panel .radio.first {
border-top: none;
}
.product {
text-align: center;
background: #fff;
padding: 5px;
}
.product .detail_button {
width: 120px;
}
.product .product_inside {
background: url("/images/product-back.png") repeat-x bottom;
padding: 10px;
}
.product .product_inside:hover {
background: #ddd;
}
.product .product_image {
height: 200px;
}
.product h2 {
font-size: 1.4em;
margin: 0;
height: 55px;
margin-top: 10px;
overflow: hidden;
}
.product h2 a {
font-family: 'Outfit', sans-serif;
}
.product h3 {
font-size: 0.8em;
color: #232323;
margin-top: 5px;
font-weight: bold;
}
.product p {
margin-top: 15px;
font-size: 0.8em;
height: 50px;
overflow: hidden;
margin-bottom: 5px;
}
.product img {
height: 100%;
}
.product a {
text-decoration: none;
}
.product .price {
margin-top: 0;
position: relative;
color: #2d2d2d;
font-size: 1.4em;
font-family: 'Outfit', sans-serif;
height: 45px;
line-height: 45px;
white-space: nowrap;
}
.product .original_price {
white-space: nowrap;
font-size: 0.8em;
font-family: 'Outfit';
text-decoration: line-through;
color: #ccc;
left: 0;
}
.product .btn {
position: relative;
}
.info_column {
text-align: center;
}
.info_column .inner_cont {
padding-right: 30px;
margin-right: 30px;
border-right: #dcd8d6 1px solid;
}
.info_column .product {
margin-bottom: 30px;
}
.info_column .product .product_image {
height: 100px;
}
.subcat {
margin-bottom: 30px;
text-align: center;
}
.subcat a {
color: #2d2d2d;
}
.subcat .inner_cont {
padding: 6px 5px;
border: #dcd8d6 1px solid;
}
.subcat .cat_name {
padding: 10px;
}
.subcat img {
width: 100%;
}
#subcat_container {
margin: 30px 0;
}
#subcat_container p {
margin: 0;
}
#add2cart_buttons {
padding: 30px 0;
border-bottom: 1px solid #efefef;
}
#tags,
#tags_left {
font-size: 0.8em;
position: absolute;
width: 80px;
top: 15px;
text-align: right;
}
#tags .tag,
#tags_left .tag {
display: inline-block;
white-space: nowrap;
background: #099fb3;
color: #fff;
border-radius: 5px;
padding: 3px;
margin-top: 3px;
}
#tags .tag.transparent,
#tags_left .tag.transparent {
background: transparent;
}
#tags .tag.red,
#tags_left .tag.red {
background: #f00;
}
#tags .tag.discount,
#tags_left .tag.discount {
font-weight: bold;
font-size: 2em;
font-family: 'Outfit', sans-serif;
}
#tags .tag img,
#tags_left .tag img {
width: 50px;
float: left;
}
#tags_left {
left: 0px;
}
#tags {
right: 5px;
}
#product_detail {
background: #fff;
}
#product_detail #product_main_info #code,
#product_detail #product_main_info #manufacturer {
margin-top: 15px;
display: inline-block;
font-size: 0.8em;
}
#product_detail h1 {
margin: 30px 0 0 0;
}
#product_detail .images {
margin-top: 30px;
position: relative;
}
#product_detail .images img.main_image {
width: 100%;
}
#product_detail .images .detail_images {
position: absolute;
width: 15%;
left: 15px;
bottom: 15px;
}
#product_detail .images .detail_images img {
width: 100%;
border: 3px solid #fff;
border-radius: 5px;
box-shadow: 0px 0px 4px 4px rgba(0,0,0,0.1);
}
#product_detail #coproducts span {
margin: 10px;
display: block;
float: left;
text-align: center;
}
#product_detail #coproducts span a {
display: block;
}
#product_detail #buy_panel_mobile {
text-align: center;
position: fixed;
height: 130px;
width: 100%;
background: #fff;
box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.1);
bottom: 0;
left: 0;
z-index: 11;
padding: 15px;
}
#product_detail #buy_panel_mobile .current_price {
color: #099fb3;
font-family: 'Outfit', sans-serif;
font-weight: 700;
font-size: 1.4em;
}
#product_detail #buy_panel_mobile form {
text-align: center;
margin-top: 10px;
}
#product_detail #buy_panel_mobile .btn {
margin: 0;
margin-left: 15px;
height: 52px;
line-height: 52px;
}
#product_detail #buy_panel {
padding: 30px;
margin: 15px 0;
margin-top: 30px;
border-radius: 5px;
float: left;
}
#product_detail #buy_panel .btn {
margin: 0;
margin-left: 10px;
}
#product_detail #buy_panel span {
font-size: 0.8em;
color: #999089;
}
#product_detail #price {
margin: 0;
}
#product_detail #price .original_price {
display: inline-block;
font-size: 1.1em;
text-decoration: line-through;
color: #999089;
min-height: 15px;
}
#product_detail #price .current_price_without {
color: #099fb3;
font-weight: 700;
font-size: 1.1em;
}
#product_detail #price .current_price {
color: #099fb3;
font-family: 'Outfit', sans-serif;
font-weight: 700;
font-size: 2.3em;
}
#product_detail #buy {
position: relative;
top: 11px;
padding-top: 15px;
margin: 0;
}
#product_detail #buy #add2cart {
margin-left: 15px;
height: 52px;
line-height: 52px;
}
#product_detail ul {
padding: 0;
margin-left: 25px;
}
#product_detail ul li {
padding: 0 15px;
margin-top: 5px;
}
#product_detail ul li p {
margin: 0;
}
#product_detail .product_detail_panel {
padding: 15px 30px;
background: #ddd;
margin: 15px 0;
}
#product_detail .product_detail_panel h3 {
font-family: 'Outfit', sans-serif;
margin: 15px 0;
}
#product_detail .product_detail_panel.white {
background: transparent;
}
#product_detail .product_detail_panel.dark {
background: #099fb3;
color: #fff;
}
#product_detail .product_detail_panel.dark p {
color: #fff;
}
#product_detail .product_detail_panel p {
margin: 10px 0;
}
#product_detail .product_detail_panel table {
border-collapse: collapse;
width: 100%;
margin: 50px 0;
border: none;
}
#product_detail .product_detail_panel table td {
border: none;
padding: 5px 15px;
}
#product_detail .product_detail_panel table tr:nth-child(even) {
background: #fff;
}
#product_detail .product_detail_panel button#add2cart {
height: 52px;
line-height: 48px;
}
@media (max-width: 479px) {
#product_detail .cart_bottom_menu .btn {
float: none;
display: block;
margin: 15px 0;
}
}
#modal_full_background {
display: none;
background: rgba(0,0,0,0.4);
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 12;
}
#modal {
display: none;
position: absolute;
background: #fff;
padding: 30px;
width: 80%;
min-height: 300px;
top: 5%;
left: 10%;
z-index: 14;
box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.1);
}
#modal_close {
position: absolute;
right: 0;
top: -40px;
width: 40px;
height: 40px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 100% 100%;
background-color: #fff;
text-indent: 9999px;
overflow: hidden;
}
@media (max-width: 479px) {
.btn {
width: 100%;
margin-top: 10px;
}
}
#hover_full_background {
display: none;
background: rgba(0,0,0,0.5);
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 12;
}
.hover_box {
background: #fff;
position: absolute;
display: none;
z-index: 13;
top: 0;
left: 0;
padding: 5px;
width: 350px;
box-shadow: -15px 0px 15px 0px rgba(0,0,0,0.6);
}
.hover_container {
z-index: 13;
position: relative;
display: inline-block;
}
.hover_outer_cont {
position: relative;
}
@media (max-width: 479px) {
.hover_box {
width: 100%;
left: 0;
}
}
html.lb-disable-scrolling {
overflow: hidden;
/* Position fixed required for iOS. Just putting overflow: hidden; on the body is not enough. */
position: fixed;
height: 100vh;
width: 100vw;
}
.lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color: black;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
display: none;
}
.lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: normal;
}
.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit;
max-height: none;
border-radius: 3px;
/* Image border */
border: 4px solid white;
}
.lightbox a img {
border: none;
}
.lb-outerContainer {
position: relative;
*zoom: 1;
width: 250px;
height: 250px;
margin: 0 auto;
border-radius: 4px;
/* Background color behind image.
This is visible during transitions. */
background-color: white;
}
.lb-outerContainer:after {
content: "";
display: table;
clear: both;
}
.lb-loader {
position: absolute;
top: 43%;
left: 0;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
background: url(/images/lightbox/loading.gif) no-repeat;
}
.lb-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
.lb-container > .nav {
left: 0;
}
.lb-nav a {
outline: none;
background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}
.lb-prev, .lb-next {
height: 100%;
cursor: pointer;
display: block;
}
.lb-nav a.lb-prev {
width: 34%;
left: 0;
float: left;
background: url(/images/lightbox/prev.png) left 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-nav a.lb-next {
width: 64%;
right: 0;
float: right;
background: url(/images/lightbox/next.png) right 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-dataContainer {
margin: 0 auto;
padding-top: 5px;
*zoom: 1;
width: 100%;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
content: "";
display: table;
clear: both;
}
.lb-data {
padding: 0 4px;
color: #ccc;
}
.lb-data .lb-details {
width: 85%;
float: left;
text-align: left;
line-height: 1.1em;
}
.lb-data .lb-caption {
font-size: 13px;
font-weight: bold;
line-height: 1em;
}
.lb-data .lb-caption a {
color: #4ae;
}
.lb-data .lb-number {
display: block;
clear: left;
padding-bottom: 1em;
font-size: 12px;
color: #999999;
}
.lb-data .lb-close {
display: block;
float: right;
width: 30px;
height: 30px;
background: url(/images/lightbox/close.png) top right no-repeat;
text-align: right;
outline: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
/*======================================
Selectric
======================================*/
.selectric-wrapper {
position: relative;
cursor: pointer;
}
.ico {
width: 18px;
height: 18px;
border-radius: 10px;
display: inline-block;
margin-right: 10px;
position: relative;
top: 4px;
display: none;
}
.selectric-disabled {
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
opacity: 0.5;
}
.selectric-open {
z-index: 9999;
}
.selectric-open .selectric-items {
display: block;
}
.selectric-hide-select {
position: relative;
overflow: hidden;
width: 0;
height: 0;
}
.selectric-hide-select select {
position: absolute;
left: -100%;
}
.selectric-hide-select.selectric-is-native {
position: absolute;
z-index: 10;
width: 100%;
height: 100%;
}
.selectric-hide-select.selectric-is-native select {
position: absolute;
z-index: 1;
top: 0;
right: 0;
left: 0;
box-sizing: border-box;
width: 100%;
height: 100%;
opacity: 0;
border: none;
}
.selectric-input {
position: absolute !important;
top: 0 !important;
left: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
width: 1px !important;
height: 1px !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
outline: none !important;
background: none !important;
_font: 0/0 a;
}
.selectric-temp-show {
position: absolute !important;
display: block !important;
visibility: hidden !important;
}
.selectric-open .selectric {
z-index: 9999;
border-color: #ccc;
background: #fff;
}
.selectric {
border: 1px solid #ddd;
border-radius: 4px;
/*background: url(../images/input-select.png) repeat-x bottom;*/
background-color: #fff;
height: 37px;
}
.selectric .label {
font-family: 'Outfit';
font-size: 1.2em;
font-weight: 300;
line-height: 18px;
display: block;
overflow: hidden;
min-height: 18px;
margin: 0 30px 0 0;
padding: 9px 7px;
white-space: nowrap;
text-overflow: ellipsis;
color: #444;
}
.selectric .button {
position: absolute;
top: 9px;
right: 0;
display: block;
width: 30px;
height: 30px;
text-align: center;
color: #bbb;
}
.selectric-focus .selectric {
border-color: #aaa;
}
.selectric-hover .selectric {
border-color: #ccc;
}
.selectric-hover .selectric .button {
color: #888;
}
.selectric-hover .selectric .button:after {
border-top-color: #888;
}
/* Items box */
.selectric-items {
position: absolute;
z-index: -1;
top: 100%;
left: 0;
display: none;
border: 1px solid #ccc;
background: #fff;
box-shadow: 0 0 10px -6px;
}
.selectric-items .selectric-scroll {
overflow: auto;
height: 100%;
}
.selectric-above .selectric-items {
top: auto;
bottom: 100%;
}
.selectric-items ul,
.selectric-items li {
font-family: 'Outfit';
font-size: 1em;
font-weight: 300;
line-height: 20px;
min-height: 20px;
margin: 0;
padding: 0;
list-style: none;
}
.selectric-items li {
display: block;
padding: 8px;
cursor: pointer;
color: #666;
}
.selectric-items li.selected {
color: #fff;
background: #2d2d2d;
}
.selectric-items li.highlighted {
color: #fff;
background: #099fb3;
}
.selectric-items li:hover {
color: #fff;
background: #2d2d2d;
}
.selectric-items .disabled {
cursor: default !important;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
opacity: 0.5;
color: #666 !important;
background: none !important;
}
.selectric-items .selectric-group .selectric-group-label {
font-weight: bold;
padding-left: 10px;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #444;
background: none;
}
.selectric-items .selectric-group.disabled li {
opacity: 1;
}
.selectric-items .selectric-group li {
padding-left: 25px;
}
#upload_button {
width: 100%;
margin-bottom: 15px;
}
#dropzone_main,
#dropzone_shapes,
#dropzone_backgrounds {
cursor: pointer;
position: relative;
color: #aaa;
text-align: center;
margin-top: 15px;
min-height: 260px;
}
#dropzone_main.empty,
#dropzone_shapes.empty,
#dropzone_backgrounds.empty {
border: 2px dashed #aaa;
padding: 10px;
}
#dropzone_main.empty span.message,
#dropzone_shapes.empty span.message,
#dropzone_backgrounds.empty span.message {
display: block;
}
#dropzone_main.empty #autofill,
#dropzone_shapes.empty #autofill,
#dropzone_backgrounds.empty #autofill {
display: none;
}
#dropzone_main span.message,
#dropzone_shapes span.message,
#dropzone_backgrounds span.message {
display: none;
position: absolute;
top: 50%;
left: 0;
margin-top: -15px;
width: 100%;
text-align: center;
}
#dropzone_main input[type=file],
#dropzone_shapes input[type=file],
#dropzone_backgrounds input[type=file] {
display: none;
}
#dropzone_backgrounds {
min-height: 150px;
padding: 0;
}
#dropzone_backgrounds span.message {
display: none;
position: absolute;
top: auto;
bottom: 25px;
left: 0;
margin-top: -15px;
width: 100%;
text-align: center;
}
.dropzone_add_new_page .dz-progress {
display: none;
}
.dropzone .dz-preview,
.page .dz-preview {
background: #fff;
position: relative;
display: inline-block;
width: 100%;
height: 100%;
}
.dropzone .dz-preview .dz-progress,
.page .dz-preview .dz-progress {
position: absolute;
height: 20px;
width: 90%;
left: 5%;
border: 1px solid #aaa;
top: 50%;
margin-top: -10px;
}
.dropzone .dz-preview .dz-progress .dz-upload,
.page .dz-preview .dz-progress .dz-upload {
display: block;
height: 20px;
width: 0;
background: $app_green;
}
.upload_progress {
display: none;
position: absolute;
width: 90%;
height: 28px;
margin: 0;
left: 5%;
top: 50%;
margin-top: -14px;
background: #666;
}
#main_progress {
display: none;
position: relative;
width: 100%;
height: 28px;
margin: 25px 0;
background: #666;
}
#progress_message,
.progress_message {
position: absolute;
width: 100%;
height: 28px;
text-align: center;
color: #fff;
font-weight: bold;
font-size: 0.9em;
z-index: 10;
line-height: 28px;
}
#progress,
.progress {
position: absolute;
top: 0;
left: 0;
height: 28px;
width: 0%;
background: $app_green;
}
#dropzone_main {
position: relative;
height: 450px;
}
#dropzone_main #photo_container {
position: absolute;
top: 50px;
}
#dropzone_main .dz-preview {
position: relative;
display: inline-block;
width: 120px;
margin: 0.5em;
display: none;
}
#dropzone_main .dz-preview .dz-progress {
display: block;
height: 20px;
border: 1px solid #aaa;
}
#dropzone_main .dz-preview .dz-progress .dz-upload {
display: block;
height: 100%;
width: 0;
background: $app_green;
}
#dropzone_main .dz-preview .dz-error-message {
color: #f00;
display: none;
}
#dropzone_main .dz-preview.dz-success .dz-success-mark {
display: block;
}
#dropzone_main .dz-preview.dz-error .dz-error-message,
.dropzone .dz-preview.dz-error .dz-error-mark {
display: block;
}
#dropzone_main .dz-preview .dz-error-mark,
.dropzone .dz-preview .dz-success-mark {
position: absolute;
display: none;
left: 30px;
top: 30px;
width: 54px;
height: 58px;
left: 50%;
margin-left: -27px;
}
.pagination {
margin-top: 35px;
text-align: center;
}
.pagination a,
.pagination span {
text-decoration: none;
display: inline-block;
margin: 5px;
border: 1px solid #099fb3;
border: none;
background: #ddd;
padding: 8px 15px;
color: #2d2d2d;
}
.pagination a.active,
.pagination span.active {
background: #099fb3;
color: #fff;
}
@media (max-width: 479px) {
#homepage #main_banner {
width: 100%;
height: 200px;
}
p {
line-height: 1.25em;
}
h1 {
font-size: 2.5em;
line-height: 1.25em;
}
h2 {
font-size: 1.625em;
line-height: 1.15384615em;
}
h3 {
font-size: 1.375em;
line-height: 1.13636364em;
}
#cart {
font-size: 1.2em;
}
#header {
height: 400px;
}
#header #header_image {
height: 250px;
}
#header img#band {
display: none;
}
#header #calc_panel {
width: 95%;
height: 500px;
right: 2.5%;
bottom: -80px;
}
#header #calc_panel #left_name {
display: none;
}
#header #calc_panel #inner {
height: 500px;
}
#header #calc_panel #inner .inner_cont {
height: 496px;
}
#header #band_panel {
width: 95%;
left: 2.5%;
height: 184px;
}
#header #band_panel .band.band_premium h2 {
background: transparent;
}
#header #band_panel .band h2 {
margin: 0;
margin-top: 15px;
text-align: left;
float: left;
}
#header #band_panel .band .price {
position: absolute;
bottom: 16px;
}
#header #band_panel .separator {
display: none;
}
#header #band_panel .full_panel {
height: auto;
}
#header #band_panel img {
display: none;
}
#header #band_panel_inner {
height: 180px;
}
#header #pasky_name,
#header #pasky_separator {
display: none;
}
#header #main_subject {
display: none;
font-size: 32px;
top: 250px;
width: 80%;
left: 10%;
}
#header #main_subject #pasky_name {
width: 240px;
}
#header #main_subject #pasky_separator {
height: 53px;
}
#header #main_subject ul li .star {
top: 1px;
}
#motto {
display: none;
}
#top_menu_container {
background: #2d2d2d;
height: 50px;
line-height: 50px;
}
#top_menu_container #red {
display: none;
}
#mini_menu {
width: 90%;
}
#content {
padding: 15px;
}
#band_order {
padding: 15px 0;
}
#band_order .item {
border-left: none;
border-right: none;
border-top: none;
}
#price_table {
white-space: normal;
margin: 0;
font-size: 1em;
width: auto;
}
#price_table td {
padding: 3px 0;
}
.price_container {
font-size: 1.2em;
text-align: right;
height: auto;
line-height: 60px;
}
.price_container.single_price {
border-right: none;
}
.price_container.sum_price {
margin-top: 0;
height: 50px;
line-height: 50px;
}
#order_container {
margin-top: 35px;
}
#order_container #qty_stripe .qty_header,
#order_container #qty_stripe .qty_input span {
font-size: 1em;
}
#order_container #qty_stripe .info p {
text-align: center;
font-size: 1em;
margin-left: 0;
top: 0;
}
#order_container .order_container_panel#calculation {
margin-top: 0;
}
#order_container #order_container_menu a,
#order_container #order_container_menu a.active {
padding: 5px 0;
font-size: 1.3em;
}
#order_container .item {
margin-top: 25px;
}
#order_container .band_prices {
margin-top: 0;
width: 100%;
}
#order_container .band_prices .full_sum {
padding: 10px 0;
font-size: 1.1em;
}
#order_container .band_prices h2 {
margin-top: 15px;
}
#order_container .band_prices#price_without_print,
#order_container .band_prices#full_price_without_print {
margin-left: 0;
}
}
@media (min-width: 480px) and (max-width: 799px) {
#homepage #main_banner {
width: 100%;
height: 200px;
}
p {
line-height: 1.25em;
}
h1 {
font-size: 2em;
line-height: 1.25em;
}
h2 {
font-size: 1.625em;
ine-height: 1.15384615em;
}
h3 {
font-size: 1.375em;
line-height: 1.13636364em;
}
.band_preview_container strong {
top: 45% !important;
}
#header {
height: 400px;
}
#header #header_image {
height: 250px;
}
#header img#band {
display: none;
}
#header #calc_panel {
width: 89%;
height: 230px;
bottom: 60px;
right: 1%;
}
#header #band_panel {
width: 95%;
left: 2.5%;
height: 184px;
}
#header #band_panel .band.band_premium h2 {
background: transparent;
}
#header #band_panel .band h2 {
margin: 0;
margin-top: 15px;
}
#header #band_panel .band .price {
position: absolute;
bottom: 16px;
}
#header #band_panel .separator {
display: none;
}
#header #band_panel .full_panel {
height: auto;
}
#header #band_panel img {
width: 100px;
position: absolute;
left: 0;
top: 14px;
}
#header #band_panel_inner {
height: 180px;
}
#header #pasky_name,
#header #pasky_separator {
display: none;
}
#header #main_subject {
font-size: 32px;
top: 250px;
width: 80%;
left: 10%;
}
#header #main_subject #pasky_name {
width: 240px;
}
#header #main_subject #pasky_separator {
height: 53px;
}
#header #main_subject ul li .star {
top: 1px;
}
#order_container #qty_stripe .info p {
font-size: 0.9em;
top: 15px;
}
#order_container .band_prices {
margin-top: 0;
width: 50%;
}
#order_container .band_prices .full_sum {
padding: 10px 0;
font-size: 1.1em;
}
#order_container .band_prices h2 {
margin-top: 15px;
}
#order_container .band_prices#price_without_print,
#order_container .band_prices#full_price_without_print {
margin-left: 0;
}
}
@media (min-width: 1024px) and (max-width: 1365px) {
body {
font-size: 15px;
}
h1 {
font-size: 2.5em;
line-height: 1.125em;
}
h2 {
font-size: 2em;
line-height: 1.25em;
}
h3 {
font-size: 1.5em;
line-height: 1.25em;
}
.price_container {
font-size: 1.2em;
}
#header {
height: 550px;
}
#header img#band {
left: 40px;
bottom: -40px;
width: 300px;
}
#header #main_subject {
font-size: 40px;
top: 280px;
}
#header #main_subject #pasky_name {
width: 290px;
}
#header #main_subject #pasky_separator {
height: 73px;
}
#header #main_subject ul li .star {
top: 3px;
}
}
@media (min-width: 800px) and (max-width: 1023px) {
#homepage #main_banner {
width: 100%;
height: 308px;
}
p {
line-height: 1.25em;
}
h1 {
font-size: 2em;
line-height: 1.25em;
}
h2 {
font-size: 1.625em;
ine-height: 1.15384615em;
}
h3 {
font-size: 1.375em;
line-height: 1.13636364em;
}
#motto {
display: none;
}
#header {
height: 550px;
}
#header img#band {
left: 0px;
bottom: 20px;
width: 200px;
}
#header #calc_panel {
width: 70%;
height: $calc_cont_height px;
bottom: -20px;
}
#header #main_subject {
font-size: 32px;
top: 260px;
}
#header #main_subject #pasky_name {
width: 240px;
}
#header #main_subject #pasky_separator {
height: 53px;
}
#header #main_subject ul li .star {
top: 1px;
}
#order_container {
margin-top: 35px;
}
#order_container #qty_stripe .qty_header,
#order_container #qty_stripe .qty_input span {
font-size: 1em;
}
#order_container #order_container_menu a,
#order_container #order_container_menu a.active {
font-size: 1.3em;
}
#order_container .band_prices {
margin-top: 0;
width: 50%;
}
#order_container .band_prices .full_sum {
padding: 10px 0;
font-size: 1.1em;
}
#order_container .band_prices h2 {
margin-top: 15px;
}
#order_container .band_prices#price_without_print,
#order_container .band_prices#full_price_without_print {
margin-left: 0;
}
}
@media (min-width: 1366px) and (max-width: 1799px) {
#homepage #main_banner {
width: 1144px;
height: 444px;
}
.band_preview_container strong {
top: 39% !important;
}
}
@media (min-width: 1800px) {
#homepage #main_banner {
width: 1472px;
height: 572px;
}
#band_order .item .band_preview_container strong {
font-size: 1.4em;
}
}
.resizer-container {
position: absolute;
pointer-events: none;
z-index: 99999;
}
.resizer-container * {
transition: opacity 300ms ease;
}
.resizer-container .resizer-border {
position: absolute;
pointer-events: none;
opacity: 1 !important;
border: solid 3px rgb(0, 128, 255);
left: 0px;
top: 0px;
width: calc(100% + 2px);
height: calc(100% + 2px);
}
.resizer-container .nw-resizer,
.resizer-container .ne-resizer,
.resizer-container .sw-resizer,
.resizer-container .se-resizer {
position: absolute;
width: 10px;
height: 10px;
border-radius: 50%;
box-shadow: 0px 0px 3px black;
background-color: rgba(255, 255, 255, 1);
pointer-events: all;
}
.resizer-container .nw-resizer {
top: -5px;
left: -5px;
cursor: nwse-resize;
}
.resizer-container .ne-resizer {
top: -5px;
right: -5px;
cursor: nesw-resize;
}
.resizer-container .sw-resizer {
bottom: -5px;
left: -5px;
cursor: nesw-resize;
}
.resizer-container .se-resizer {
bottom: -5px;
right: -5px;
cursor: nwse-resize;
}
.resizer-container .n-resizer {
position: absolute;
pointer-events: all;
display: flex;
justify-content: center;
align-items: center;
top: -5px;
left: 10px;
right: 10px;
height: 6px;
cursor: ns-resize;
}
.resizer-container .n-resizer::before {
content: '';
background-color: white;
box-shadow: 0px 0px 3px black;
width: 30px;
height: 6px;
}
.resizer-container .e-resizer {
position: absolute;
pointer-events: all;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
top: 10px;
bottom: 10px;
right: -5px;
width: 6px;
cursor: ew-resize;
}
.resizer-container .e-resizer::before {
content: '';
background-color: white;
box-shadow: 0px 0px 3px black;
width: 6px;
height: 30px;
}
.resizer-container .s-resizer {
position: absolute;
pointer-events: all;
display: flex;
justify-content: center;
align-items: center;
bottom: -5px;
left: 10px;
right: 10px;
height: 6px;
cursor: ns-resize;
}
.resizer-container .s-resizer::before {
content: '';
background-color: white;
box-shadow: 0px 0px 3px rgb(0, 0, 0);
width: 30px;
height: 6px;
}
.resizer-container .w-resizer {
position: absolute;
pointer-events: all;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
top: 10px;
bottom: 10px;
left: -5px;
width: 6px;
cursor: ew-resize;
}
.resizer-container .w-resizer::before {
content: '';
background-color: white;
box-shadow: 0px 0px 3px black;
width: 6px;
height: 30px;
}
.resizer-container .r-resizer {
position: absolute;
bottom: -30px;
left: calc(50% - 10px);
width: 20px;
height: 20px;
border-radius: 50%;
cursor: pointer;
pointer-events: all;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9Ii03NCA3NiA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAtNzQgNzYgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KCS5zdDF7ZmlsbDojMTc3NEI3O30KPC9zdHlsZT4KPGNpcmNsZSBpZD0iWE1MSURfM18iIGNsYXNzPSJzdDAiIGN4PSItNDkiIGN5PSIxMDEiIHI9IjI0LjkiLz4KPHBhdGggY2xhc3M9InN0MSIgZD0iTS00OSwxMTUuOWMtMy44LDAtNy42LTEuNS0xMC40LTQuMWMtMi45LTIuOC00LjYtNi41LTQuNy0xMC41Yy0wLjEtNCwxLjMtNy44LDQuMS0xMC43YzIuOS0zLDYuOC00LjcsMTAuOS00LjcKCWMzLDAsNS45LDAuOSw4LjMsMi41di0xLjRjMC0xLjMsMS0yLjMsMi4zLTIuM2MxLjMsMCwyLjMsMSwyLjMsMi4zdjYuNWMwLDEtMC43LDEuOS0xLjUsMi4ybC02LjQsMi4xYy0wLjMsMC4xLTAuNSwwLjEtMC43LDAuMQoJYy0xLDAtMS45LTAuNy0yLjItMS41Yy0wLjItMC42LTAuMi0xLjIsMC0xLjhjMC4zLTAuNiwwLjgtMSwxLjQtMS4xbDIuOC0xYy0xLjgtMS40LTQuMS0yLjItNi40LTIuMmMtMC42LDAtMS4yLDAuMS0xLjgsMC4yCgljLTUuOCwxLTkuNyw2LjUtOC43LDEyLjNjMC45LDUuMSw1LjMsOC45LDEwLjQsOC45YzAuNiwwLDEuMy0wLjEsMS44LTAuMmMyLjgtMC41LDUuMy0yLDYuOS00LjNjMS43LTIuNCwyLjMtNS4yLDEuOC03LjkKCWMtMC4xLTAuNiwwLTEuMiwwLjQtMS44YzAuNC0wLjUsMC44LTAuOCwxLjUtMC45bDAuMSwwaDAuM2MxLjEsMCwyLjEsMC44LDIuMiwxLjljMC44LDQuNy0wLjcsOS40LTMuOSwxMi45CglDLTQxLDExNC4zLTQ0LjgsMTE1LjktNDksMTE1Ljl6Ii8+Cjwvc3ZnPgo=');
box-shadow: 0px 0px 3px black;
background-color: rgba(255, 255, 255, 1);
}
.resizer-container .deleter {
position: absolute;
padding: 5px 5px;
box-shadow: 0px 0px 3px black;
background-color: rgba(255, 255, 255, 1);
width: 20px;
height: 20px;
right: -27px;
margin-left: -5px;
top: -27px;
pointer-events: all;
background-image: url('data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCI+CiAgPGxpbmUgeDE9IjUiIHkxPSI1IiB4Mj0iMTUiIHkyPSIxNSIgc3Ryb2tlPSIjMUY3NkI1IiBzdHJva2Utd2lkdGg9IjIiLz4KICA8bGluZSB4MT0iMTUiIHkxPSI1IiB4Mj0iNSIgeTI9IjE1IiBzdHJva2U9IiMxRjc2QjUiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K');
border-radius: 50%;
}
.resizer-container .opacitator {
position: absolute;
background: red;
top: -35px;
z-index: 9000;
width: 100%;
}
.rotator-angle-div {
position: absolute;
padding: 5px 10px;
border: solid 1px lightgray;
border-radius: 5px;
background-color: black;
color: white;
font-size: 14px;
display: inline-block;
text-align: center;
line-height: 20px;
z-index: 100000;
margin-left: 20px;
display: none;
/* margin-top: 450px;*/
}
.rotator-angle-div::after {
content: 'O';
font-size: 8px;
position: absolute;
top: 0px;
right: 3px;
}
.resizer-target-hover-line {
position: absolute;
pointer-events: none;
z-index: 99999;
border: solid 4px rgb(0, 128, 255);
transition: opacity 100ms ease-in-out;
}
/*Custom Cursor Pointer*/
.cursor_0d {
cursor: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cdefs%3E%3Cfilter id='a' width='150%25' height='150%25' x='-25%25' y='-17.9%25' filterUnits='objectBoundingBox'%3E%3CfeOffset dy='1' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur in='shadowOffsetOuter1' result='shadowBlurOuter1' stdDeviation='1'/%3E%3CfeColorMatrix in='shadowBlurOuter1' result='shadowMatrixOuter1' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0'/%3E%3CfeMerge%3E%3CfeMergeNode in='shadowMatrixOuter1'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cg filter='url(%23a)' transform='scale(-1 1) rotate(45 -8.536 -13.435)'%3E%3Cpath fill='%23FFF' d='M4.257 7.087l4.072 4.068L5.5 13.983l8.473-.013.013-8.47-2.841 2.842L7.07 4.274 5.656 2.859 8.5.017H.014v8.484l2.829-2.827z'/%3E%3Cpath fill='%23000' d='M5.317 6.733l4.427 4.424-1.828 1.828 5.056-.016.014-5.054-1.842 1.841-4.428-4.422-2.474-2.475 1.844-1.843H1.013v5.071l1.83-1.828z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
12 12,
auto !important;
}
.cursor_15d {
cursor: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cdefs%3E%3Cfilter id='a' width='150%25' height='150%25' x='-25%25' y='-17.9%25' filterUnits='objectBoundingBox'%3E%3CfeOffset dy='1' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur in='shadowOffsetOuter1' result='shadowBlurOuter1' stdDeviation='1'/%3E%3CfeColorMatrix in='shadowBlurOuter1' result='shadowMatrixOuter1' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0'/%3E%3CfeMerge%3E%3CfeMergeNode in='shadowMatrixOuter1'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cg filter='url(%23a)' transform='scale(-1 1) rotate(30 -11.83 -25.954)'%3E%3Cpath fill='%23FFF' d='M4.257 7.087l4.072 4.068L5.5 13.983l8.473-.013.013-8.47-2.841 2.842L7.07 4.274 5.656 2.859 8.5.017H.014v8.484l2.829-2.827z'/%3E%3Cpath fill='%23000' d='M5.317 6.733l4.427 4.424-1.828 1.828 5.056-.016.014-5.054-1.842 1.841-4.428-4.422-2.474-2.475 1.844-1.843H1.013v5.071l1.83-1.828z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
12 12,
auto !important;
}
.cursor_30d {
cursor: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cdefs%3E%3Cfilter id='a' width='150%25' height='150%25' x='-25%25' y='-17.9%25' filterUnits='objectBoundingBox'%3E%3CfeOffset dy='1' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur in='shadowOffsetOuter1' result='shadowBlurOuter1' stdDeviation='1'/%3E%3CfeColorMatrix in='shadowBlurOuter1' result='shadowMatrixOuter1' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0'/%3E%3CfeMerge%3E%3CfeMergeNode in='shadowMatrixOuter1'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cg filter='url(%23a)' transform='scale(-1 1) rotate(15 -21.49 -62.66)'%3E%3Cpath fill='%23FFF' d='M4.257 7.087l4.072 4.068L5.5 13.983l8.473-.013.013-8.47-2.841 2.842L7.07 4.274 5.656 2.859 8.5.017H.014v8.484l2.829-2.827z'/%3E%3Cpath fill='%23000' d='M5.317 6.733l4.427 4.424-1.828 1.828 5.056-.016.014-5.054-1.842 1.841-4.428-4.422-2.474-2.475 1.844-1.843H1.013v5.071l1.83-1.828z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
12 12,
auto !important;
}
.cursor_45d {
cursor: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cdefs%3E%3Cfilter id='a' width='150%25' height='150%25' x='-25%25' y='-17.9%25' filterUnits='objectBoundingBox'%3E%3CfeOffset dy='1' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur in='shadowOffsetOuter1' result='shadowBlurOuter1' stdDeviation='1'/%3E%3CfeColorMatrix in='shadowBlurOuter1' result='shadowMatrixOuter1' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0'/%3E%3CfeMerge%3E%3CfeMergeNode in='shadowMatrixOuter1'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cg filter='url(%23a)' transform='matrix(-1 0 0 1 19 5)'%3E%3Cpath fill='%23FFF' d='M4.257 7.087l4.072 4.068L5.5 13.983l8.473-.013.013-8.47-2.841 2.842L7.07 4.274 5.656 2.859 8.5.017H.014v8.484l2.829-2.827z'/%3E%3Cpath fill='%23000' d='M5.317 6.733l4.427 4.424-1.828 1.828 5.056-.016.014-5.054-1.842 1.841-4.428-4.422-2.474-2.475 1.844-1.843H1.013v5.071l1.83-1.828z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
12 12,
auto !important;
}
.cursor_60d {
cursor: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cdefs%3E%3Cfilter id='a' width='150%25' height='150%25' x='-25%25' y='-17.9%25' filterUnits='objectBoundingBox'%3E%3CfeOffset dy='1' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur in='shadowOffsetOuter1' result='shadowBlurOuter1' stdDeviation='1'/%3E%3CfeColorMatrix in='shadowBlurOuter1' result='shadowMatrixOuter1' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0'/%3E%3CfeMerge%3E%3CfeMergeNode in='shadowMatrixOuter1'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cg filter='url(%23a)' transform='scale(-1 1) rotate(-15 16.49 81.66)'%3E%3Cpath fill='%23FFF' d='M4.257 7.087l4.072 4.068L5.5 13.983l8.473-.013.013-8.47-2.841 2.842L7.07 4.274 5.656 2.859 8.5.017H.014v8.484l2.829-2.827z'/%3E%3Cpath fill='%23000' d='M5.317 6.733l4.427 4.424-1.828 1.828 5.056-.016.014-5.054-1.842 1.841-4.428-4.422-2.474-2.475 1.844-1.843H1.013v5.071l1.83-1.828z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
12 12,
auto !important;
}
.cursor_75d {
cursor: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cdefs%3E%3Cfilter id='a' width='150%25' height='150%25' x='-25%25' y='-17.9%25' filterUnits='objectBoundingBox'%3E%3CfeOffset dy='1' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur in='shadowOffsetOuter1' result='shadowBlurOuter1' stdDeviation='1'/%3E%3CfeColorMatrix in='shadowBlurOuter1' result='shadowMatrixOuter1' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0'/%3E%3CfeMerge%3E%3CfeMergeNode in='shadowMatrixOuter1'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cg filter='url(%23a)' transform='scale(-1 1) rotate(-30 6.83 44.954)'%3E%3Cpath fill='%23FFF' d='M4.257 7.087l4.072 4.068L5.5 13.983l8.473-.013.013-8.47-2.841 2.842L7.07 4.274 5.656 2.859 8.5.017H.014v8.484l2.829-2.827z'/%3E%3Cpath fill='%23000' d='M5.317 6.733l4.427 4.424-1.828 1.828 5.056-.016.014-5.054-1.842 1.841-4.428-4.422-2.474-2.475 1.844-1.843H1.013v5.071l1.83-1.828z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
12 12,
auto !important;
}
.cursor_90d {
cursor: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cdefs%3E%3Cfilter id='a' width='150%25' height='150%25' x='-25%25' y='-17.9%25' filterUnits='objectBoundingBox'%3E%3CfeOffset dy='1' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur in='shadowOffsetOuter1' result='shadowBlurOuter1' stdDeviation='1'/%3E%3CfeColorMatrix in='shadowBlurOuter1' result='shadowMatrixOuter1' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0'/%3E%3CfeMerge%3E%3CfeMergeNode in='shadowMatrixOuter1'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cg filter='url(%23a)' transform='scale(-1 1) rotate(-45 3.536 32.435)'%3E%3Cpath fill='%23FFF' d='M4.257 7.087l4.072 4.068L5.5 13.983l8.473-.013.013-8.47-2.841 2.842L7.07 4.274 5.656 2.859 8.5.017H.014v8.484l2.829-2.827z'/%3E%3Cpath fill='%23000' d='M5.317 6.733l4.427 4.424-1.828 1.828 5.056-.016.014-5.054-1.842 1.841-4.428-4.422-2.474-2.475 1.844-1.843H1.013v5.071l1.83-1.828z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
12 12,
auto !important;
}
.cursor_105d {
cursor: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cdefs%3E%3Cfilter id='a' width='150%25' height='150%25' x='-25%25' y='-17.9%25' filterUnits='objectBoundingBox'%3E%3CfeOffset dy='1' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur in='shadowOffsetOuter1' result='shadowBlurOuter1' stdDeviation='1'/%3E%3CfeColorMatrix in='shadowBlurOuter1' result='shadowMatrixOuter1' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0'/%3E%3CfeMerge%3E%3CfeMergeNode in='shadowMatrixOuter1'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cg filter='url(%23a)' transform='rotate(-30 18.83 .17)'%3E%3Cpath fill='%23FFF' d='M4.257 7.087l4.072 4.068L5.5 13.983l8.473-.013.013-8.47-2.841 2.842L7.07 4.274 5.656 2.859 8.5.017H.014v8.484l2.829-2.827z'/%3E%3Cpath fill='%23000' d='M5.317 6.733l4.427 4.424-1.828 1.828 5.056-.016.014-5.054-1.842 1.841-4.428-4.422-2.474-2.475 1.844-1.843H1.013v5.071l1.83-1.828z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
12 12,
auto !important;
}
.cursor_120d {
cursor: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cdefs%3E%3Cfilter id='a' width='150%25' height='150%25' x='-25%25' y='-17.9%25' filterUnits='objectBoundingBox'%3E%3CfeOffset dy='1' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur in='shadowOffsetOuter1' result='shadowBlurOuter1' stdDeviation='1'/%3E%3CfeColorMatrix in='shadowBlurOuter1' result='shadowMatrixOuter1' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0'/%3E%3CfeMerge%3E%3CfeMergeNode in='shadowMatrixOuter1'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cg filter='url(%23a)' transform='rotate(-15 28.49 -9.49)'%3E%3Cpath fill='%23FFF' d='M4.257 7.087l4.072 4.068L5.5 13.983l8.473-.013.013-8.47-2.841 2.842L7.07 4.274 5.656 2.859 8.5.017H.014v8.484l2.829-2.827z'/%3E%3Cpath fill='%23000' d='M5.317 6.733l4.427 4.424-1.828 1.828 5.056-.016.014-5.054-1.842 1.841-4.428-4.422-2.474-2.475 1.844-1.843H1.013v5.071l1.83-1.828z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
12 12,
auto !important;
}
.cursor_135d {
cursor: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cdefs%3E%3Cfilter id='a' width='150%25' height='150%25' x='-25%25' y='-17.9%25' filterUnits='objectBoundingBox'%3E%3CfeOffset dy='1' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur in='shadowOffsetOuter1' result='shadowBlurOuter1' stdDeviation='1'/%3E%3CfeColorMatrix in='shadowBlurOuter1' result='shadowMatrixOuter1' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0'/%3E%3CfeMerge%3E%3CfeMergeNode in='shadowMatrixOuter1'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cg filter='url(%23a)' transform='translate(5 5)'%3E%3Cpath fill='%23FFF' d='M4.257 7.087l4.072 4.068L5.5 13.983l8.473-.013.013-8.47-2.841 2.842L7.07 4.274 5.656 2.859 8.5.017H.014v8.484l2.829-2.827z'/%3E%3Cpath fill='%23000' d='M5.317 6.733l4.427 4.424-1.828 1.828 5.056-.016.014-5.054-1.842 1.841-4.428-4.422-2.474-2.475 1.844-1.843H1.013v5.071l1.83-1.828z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
12 12,
auto !important;
}
.cursor_150d {
cursor: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cdefs%3E%3Cfilter id='a' width='150%25' height='150%25' x='-25%25' y='-17.9%25' filterUnits='objectBoundingBox'%3E%3CfeOffset dy='1' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur in='shadowOffsetOuter1' result='shadowBlurOuter1' stdDeviation='1'/%3E%3CfeColorMatrix in='shadowBlurOuter1' result='shadowMatrixOuter1' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0'/%3E%3CfeMerge%3E%3CfeMergeNode in='shadowMatrixOuter1'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cg filter='url(%23a)' transform='rotate(15 -9.49 28.49)'%3E%3Cpath fill='%23FFF' d='M4.257 7.087l4.072 4.068L5.5 13.983l8.473-.013.013-8.47-2.841 2.842L7.07 4.274 5.656 2.859 8.5.017H.014v8.484l2.829-2.827z'/%3E%3Cpath fill='%23000' d='M5.317 6.733l4.427 4.424-1.828 1.828 5.056-.016.014-5.054-1.842 1.841-4.428-4.422-2.474-2.475 1.844-1.843H1.013v5.071l1.83-1.828z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
12 12,
auto !important;
}
.cursor_165d {
cursor: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cdefs%3E%3Cfilter id='a' width='150%25' height='150%25' x='-25%25' y='-17.9%25' filterUnits='objectBoundingBox'%3E%3CfeOffset dy='1' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur in='shadowOffsetOuter1' result='shadowBlurOuter1' stdDeviation='1'/%3E%3CfeColorMatrix in='shadowBlurOuter1' result='shadowMatrixOuter1' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0'/%3E%3CfeMerge%3E%3CfeMergeNode in='shadowMatrixOuter1'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd' filter='url(%23a)' transform='rotate(30 .17 18.83)'%3E%3Cpath fill='%23FFF' d='M4.257 7.087l4.072 4.068L5.5 13.983l8.473-.013.013-8.47-2.841 2.842L7.07 4.274 5.656 2.859 8.5.017H.014v8.484l2.829-2.827z'/%3E%3Cpath fill='%23000' d='M5.317 6.733l4.427 4.424-1.828 1.828 5.056-.016.014-5.054-1.842 1.841-4.428-4.422-2.474-2.475 1.844-1.843H1.013v5.071l1.83-1.828z'/%3E%3C/g%3E%3C/svg%3E")
12 12,
auto !important;
}
input[type="range"] {
-webkit-appearance: none; /* Odstraní defaultní vzhled pro WebKit */
width: 100%; /* Šířka slideru */
height: 15px; /* Výška slideru */
background: #ddd; /* Barva pozadí */
outline: none; /* Odstraní outline při focusu */
opacity: 0.7; /* Průhlednost slideru */
-webkit-transition: .2s; /* Animace pro WebKit */
transition: opacity .2s;
}
input[type="range"]:hover {
opacity: 1; /* Zvýší průhlednost při hoveru */
}
input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none; /* Odstraní defaultní vzhled pro WebKit */
appearance: none;
width: 25px; /* Šířka posuvníku */
height: 25px; /* Výška posuvníku */
background: #1D9FB2; /* Barva posuvníku */
cursor: pointer; /* Typ kurzoru */
border-radius: 25px;
}
input[type="range"]::-moz-range-thumb {
width: 25px; /* Šířka posuvníku */
height: 25px; /* Výška posuvníku */
background: #1D9FB2; /* Barva posuvníku */
cursor: pointer; /* Typ kurzoru */
border-radius: 25px;
}