.flex-video {
position: relative;
padding-top: 25px;
padding-bottom: 67.5%;
height: 0;
margin-bottom: 16px;
overflow: hidden;
}
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }
.flex-video iframe,
.flex-video object,
.flex-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
.flex-video { padding-top: 0; }
}
html {
font-size: 16px;
}
.admin-bar .navbar {
top: 32px;
}
table {
font-size: unset;
color: unset;
}
#btsinfo {
position: fixed;
top: 30px;
left: 0px;
padding: 5px;
background: red;
color: white;
z-index: 100000;
opacity: 0.6; }
.row {
margin-right: 0px;
margin-left: 0px;
}
select {
color: black;
}
body {
font-family: "futura-pt", sans-serif !important;
padding-top: 41px;
overflow-x: hidden;
counter-reset: ollist;
width: 100%;
max-width: 100%;
font-size: 12pt;
min-height: 100vh;
}
body.site-5.home {
font-family: "futura-pt", sans-serif !important;
padding-top: 41px;
overflow-x: hidden;
counter-reset: ollist;
width: 100%;
max-width: 100%;
font-size: 12pt;
background-image: url(//pictoart.cz/wp-content/themes/pictoart2016/images/pictoprint1bg.png);
background-position: 0;
background-repeat: no-repeat;
background-size: cover;
background-color: #383E42;
background-attachment: fixed;
}
.page-container {
min-height: 100%;
display: flex;
flex-direction: column;
}
div#content {
flex-grow: 1;
}
.main-filter-container {
width: 100%;
margin: 0px;
padding: 0;
background: #ddd; }
.page-container,
.site-content,
#mainwall,
.picto-box2,
.breadcrumbs-container,
#subkat,
.main-filter-container,
#footer {
width: 100%;
margin: 0;
padding: 0; }
iframe[name=google_conversion_frame] {
height: 0 !important;
display: none;
}
div.delnote {
background: #0d8213;
text-align: center;
margin: 8px 0;
border: 1px solid;
padding: 5px 6px;
font-weight: bold;
color: white;
max-width: 240px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
max-width: max-content;
}
div.delnote.red {
background: red;
}
.delnote:before {
content: '\f1bb';
font-family: FontAwesome;
float: left;
font-size: 200%;
margin: 9px 10px 7px 6px;
}
div.delnote b {
font-weight: bold;
font-size: 120%;
border-top: 1px solid;
border-bottom: 1px solid;
margin: 6px 1px 5px;
padding: 5px 10px;
}
.reuploader {
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
min-width: 50vw;
min-height: 50vh;
margin: 40px auto;
}
.reuploader div.imginfo {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 40px 0;
}
.resptab {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.resptab>table {
margin-bottom: 10px;
}
.cookie-notice-container {
padding: 10px;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
} #main-column .instagram-media img {
display: inline-block;
margin: 10px;
box-shadow: 3px 4px 5px rgba(0, 0, 0, 0.5);
max-width: 160px;
border-radius: 10px;
}
.instagram-media {
margin: 10px 30px;
background: #ddd;
text-align: center;
} .navbar-fixed-top {
border-width: 0px;
}
.currentcoupon {
background: red;
color: white;
text-align: center;
}
.currentcoupon span {
font-size: 110%;
font-weight: bold;
display: inline-block;
padding: 2px 10px;
}
.showartwork {
font-size: 14px;
}
div#mainwall {
margin-top: 9px;
}
input {
color: black;
}
input[type="text"],
input[type="password"],
select {
color: black;
height: 34px;
padding: 0 10px;
}
.content-area .formgroup.p,
.content-area p.formgroup {
max-width: 900px;
margin: 7px auto;
}
.input-group-btn,
.input-group {
display: inline-block;
}
.input-group {
position: relative;
display: table;
border-collapse: separate;
border-radius: 10px;
overflow: hidden;
white-space: nowrap;
}
.input-group>* {
vertical-align: middle;
margin: 0 -2px;
width: auto;
}
.picto-action input[type="text"] {
font-size: 30px;
height: 50px;
}
.picto-action form {
display: inline-block;
margin: 0;
position: relative;
width: auto;
}
.sq.col-lg-2 {
width: 16.66666667%;
height: 0;
padding-bottom: 16.66666667%;
}
.btn {
transition: 0.1s all ease;
-webkit-transition: 0.1s all ease;
-moz-transition: 0.1s all ease;
-ms-transition: 0.1s all ease;
-o-transition: 0.1s all ease;
white-space: normal;
position: relative;
}
.btn .caret {
margin-left: 0;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
}
.popover-content li {
padding: 0;
margin: 0;
}
.popover-content ul {
margin: 0;
padding: 0 0 0 16px;
}
.btn-3rd i,
.btn-2lf i {
margin: 0;
}
.btn-3rd {
width: 33.3%;
margin: -3px;
padding: 0;
}
.btn-2lf {
width: 50%;
margin: -3px;
padding: 0;
}
.fpslider {
height: 800px;
background-position: center;
background-size: cover;
position: relative;
overflow: hidden;
background-color: #333;
}
.fplogo {
position: relative;
height: 200px;
width: 200px;
background-size: contain;
margin: 20px;
display: inline-block;
background-repeat: no-repeat;
}
h1.fptitle img {
margin: 0 60px;
max-height: 110px !important;
}
.fptitle p {
display: none;
}
h1.fptitle {
text-align: left;
display: flex;
justify-content: center;
align-items: center;
line-height: 170%;
font-weight: bold;
position: relative;
z-index: 0;
font-size: 1.6rem;
}
h1.fptitle span.hilite {
color: #f78f1e;
vertical-align: middle;
}
.fpbg {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-size: cover;
background-position: center;
transition: 2s;
-webkit-transition: 2s;
-moz-transition: 2s;
-ms-transition: 2s;
-o-transition: 2s;
}
.fpslider:hover .fpbg {
filter: blur(8px);
-webkit-filter: blur(8px);
-moz-filter: blur(8px);
-ms-filter: blur(8px);
-o-filter: blur(8px);
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
}
.fpdots {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-image: url(https://fotografie-obrazy.cz/bgimages/bg-dot.png);
opacity: 0.7;
}
.fpbar {
background: rgba(0, 0, 0, 0.5);
position: absolute;
bottom: 10%; width: 100%;
text-align: center;
}
.fpbar>div {
display: inline-block;
vertical-align: middle;
margin: 20px;
}
.fpvideo {
position: relative;
overflow: hidden;
width: calc(25% - 40px);
min-height: 200px;
border: 3px solid #f78f1e;
}
.fpvideo iframe,
.fpvideo object,
.fpvideo embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.picto-action button {
border-color: #f78f1e;
height: 50px;
}
.dropdown-menu .divider {
background-color: #252525 !important;
}
.badge-charity {
display: inline-block;
background: orange;
padding: 10px;
margin: 0 20px 0 0;
font-weight: bold;
text-shadow: 1px 1px 5px rgba(246, 220, 159, 0.89);
border-radius: 10px;
border: 2px solid;
box-shadow: inset 3px 3px 1px rgba(246, 220, 159, 0.89);
color: black;
}
.badge i.fa {
margin-right: 5px;
}
.xmastable td {
background: black none repeat scroll 0 0;
border: 1px solid #353535;
margin: 1px;
padding: 2px 16px;
text-align: center !important;
}
.xmastable {
border-collapse: separate;
border-spacing: 0;
margin: 10px 0;
width: 100%;
}
.xmastable thead td {
background: #d5d5d5 none repeat scroll 0 0;
color: black !important;
}
.xmas-term {
background-repeat: no-repeat;
background-size: contain;
bottom: 70px;
color: black;
font-size: 12px;
font-weight: bold;
height: 60px;
padding: 10px 13px;
position: absolute;
width: 110px;
}
.confrow.xmass label {
font-size: 190% !important;
padding: 16px !important;
height: auto;
}
.warning {
color: red;
border: 1px solid;
padding: 10px;
margin: 0 0 20px 0;
background: white;
}
.pictoprodinfo .xmas-term {
bottom: unset;
top: 87px;
}
.xmas-ok {
background-image: url(//pictoart.cz/wp-content/themes/pictoart2016/images/xmas-ok.png);
}
.xmas-no {
background-image: url(//pictoart.cz/wp-content/themes/pictoart2016/images/xmas-no.png);
font-size: 12px;
font-weight: normal;
line-height: 10px;
}
.xmasbig {
background-image: url(//pictoart.cz/wp-content/themes/pictoart2016/images/xmas-info.png);
background-repeat: no-repeat;
background-size: contain;
color: black;
font-size: 12px;
font-weight: normal;
height: 80px;
line-height: 12px;
padding: 21px 40px 24px 18px;
width: 220px;
}
.xmas-term .note {
color: red;
font-size: 9px;
line-height: 19px;
}
.prdtext .fa-tree {
float: left;
margin: -3px 6px -3px 1px;
background: black;
padding: 4px;
border-radius: 6px;
}
.prdtext .fa-tree.red {
color: red;
}
.prdtext .fa-tree.green {
color: #04d60e;
}
#ulp-layer-338,
#ulp-layer-340 {
box-shadow: 7px 8px 7px rgba(0, 0, 0, 0.5);
}
.ls-wp-fullwidth-container,
.ls-wp-fullwidth-helper {}
.ls-slide,
.ls-bg {
background-size: cover;
}
.ls-bg {
width: 100%;
height: 100%;
}
.hilite-green {
color: #0c93d5 !important;
font-weight: bold;
}
h5.media_radio {
background: black;
margin: 0;
padding: 10px;
font-weight: bold;
}
.mediumbox table.recap {
display: block;
}
.label.label-success.label-disc {
position: absolute;
bottom: -1px;
transform: rotate(10deg);
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
-ms-transform: rotate(10deg);
-o-transform: rotate(10deg);
padding: 10px;
box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.5);
border: 3px solid white;
background: #009000;
font-size: 13px;
left: -5px;
}
.prodprice .label.label-disc {
background-color: #009900 !important;
position: relative !important;
background: none;
display: inline;
padding: 0 5px;
box-shadow: none;
left: unset;
right: unset;
margin: 0;
border: 0;
}
td.samples {
padding: 0 !important;
}
.prodprice td.yoursize.detail {
background: #f78f1e;
}
table.recap .label.label-success.label-disc {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
position: relative;
padding: 0px;
box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.5);
border: none;
font-size: 11px;
display: inline;
color: #3d3;
background: transparent;
left: auto;
}
.newpricelabel {
background: #009000;
padding: 2px 0px;
font-size: 17px;
text-align: center;
border: 2px solid white;
border-radius: 4px;
}
#collapse-user input {
margin-left: 5px;
vertical-align: middle;
}
.clearer {
clear: both;
}
.ajax_overlay {}
.ajax_loader_def {
background: url(//pictoart.cz/wp-content/themes/pictoart2016/images/ajax-loader-3.gif) no-repeat center center transparent;
width: 100%;
height: 100%;
}
.ajax_loader_100px {
background: url(//pictoart.cz/wp-content/themes/pictoart2016/images/ajax-loader-3.gif) no-repeat transparent;
width: 100%;
height: 100%;
background-position: center 100px;
}
.ajax_loader_br {
background: url(//pictoart.cz/wp-content/themes/pictoart2016/images/ajax-loader-3.gif) no-repeat transparent;
width: 100%;
height: 100%;
background-position: 90% 90%;
}
.ajax_loader_bar {
background: url(//pictoart.cz/wp-content/themes/pictoart2016/images/ajax-loader-bar.gif) no-repeat transparent;
width: 100%;
height: 100%;
background-position: center 90%;
}
.ajax_loader_bar2 {
background: url(//pictoart.cz/wp-content/themes/pictoart2016/images/ajax-loader-bar.gif) no-repeat transparent;
width: 100%;
height: 100%;
background-position: center 50%;
}
.picto-loader {
min-height: 30vh;
display: flex;
justify-content: center;
align-items: center;
font-size: 4rem;
}
.content-area {
min-height: 30vh;
display: flex;
justify-content: flex-start;
align-items: stretch;
flex-direction: column;
}
.cssloader {
min-height: 100px;
position: absolute;
text-align: center;
padding: 50px;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.cssloader.loaderwhite {
background-color: rgba(255, 255, 255, 0.8);
color: black;
}
.cssloader i.fa {
font-size: 60px;
position: absolute;
color: #FFf;
text-shadow: 0px 0px 27px darkorange;
}
.nav-pills>li {
float: none;
display: inline-block; background: #333;
margin: 0 8px;
}
ul.nav.nav-pills {
text-align: center; }
#offerTabs .tab-content {
text-align: center;
}
.box.box-offer {
background: #3b3b3b;
max-width: 100%;
}
.box.box-offer p {
color: white;
}
.box.box-offer h2 {
color: white;
border-color: white;
}
.box-offer li {
display: inline-block;
text-align: left;
}
.box-offer ul {
white-space: normal;
overflow: visible;
width: 100%;
margin: 0 !important;
padding: 0;
}
.rev_slider .hline {
background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
padding: 10px 20px !important;
margin: 10px;
width: auto;
color: #001B70;
display: table;
font-size: 48px;
font-family: Ubuntu;
}
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.bypostauthor {}
.gallery-caption {}
.sticky {}
.wp-caption {
border: 1px solid #ccc;
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 1.2% auto 0;
max-width: 98%;
}
.wp-caption-text {
text-align: center;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.logo {
color: #f78f1e;
float: left;
font-size: 26px;
font-weight: bold;
padding: 0 16px;
}
.site-5 h1,
.site-5 .h1 {
background: #000000dd;
}
h1,
.h1 {
background: #000000;
color: #fff;
font-size: 30px;
margin: 0;
padding: 30px 45px;
text-align: center;
}
h1 .note {
font-size: 60%;
font-weight: normal;
}
h1.simple-page-title {
text-align: left;
border-bottom: 2px solid;
padding: 0 0px 0 0;
background: none;
color: black;
margin: 30px 0px 50px 40px;
font-size: 300%;
font-weight: bold;
}
#main-column {
padding: 0;
}
#menu-mainmenu {
float: right;
height: 30px;
background-color: #001b70;
} #menu-mainmenu .menu-item {
height: 30px;
background: #ffffff; background: -moz-linear-gradient(-45deg, #ffffff 0%, #ffffff 70%, #efefef 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ffffff), color-stop(70%, #ffffff), color-stop(100%, #efefef)); background: -webkit-linear-gradient(-45deg, #ffffff 0%, #ffffff 70%, #efefef 100%); background: -o-linear-gradient(-45deg, #ffffff 0%, #ffffff 70%, #efefef 100%); background: -ms-linear-gradient(-45deg, #ffffff 0%, #ffffff 70%, #efefef 100%); background: linear-gradient(135deg, #ffffff 0%, #ffffff 70%, #efefef 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef', GradientType=1); box-shadow: none !important;
font-size: 16px;
text-transform: uppercase;
border-left: 1px solid #eee;
padding-top: 10px;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
background-color: transparent !important;
background-image: none !important;
color: #555;
}
.navbar-default .navbar-toggle {
background: #b0e2df none repeat scroll 0 0;
border-color: WHITE;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: WHITE;
}
.navbar {
min-height: 30px;
}
.collapse.navbar-collapse,
.collapsing.navbar-collapse {
margin-left: 0 !important;
margin-right: 0 !important;
padding: 0 !important;
position: relative;
}
.navbar.navbar-inverse {
background: black;
color: white;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.active>a {
box-shadow: none;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
background: none;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border: none !important;
background: black;
border-radius: 0;
}
#navbar .container {
color: white;
width: 100%;
}
.navbar {
margin: 0;
}
.nav.navbar-nav .hilite a {
color: #f78f1e;
font-weight: bold;
}
#menu-mainmenu .sub-menu .menu-item,
#menu-mainmenu .menu-item.current-menu-parent {
height: auto;
padding: 0;
}
#menu-mainmenu>.menu-item.active,
#menu-mainmenu .menu-item.current-menu-parent {
height: 30px;
padding-top: 10px;
}
.dropdown-menu>li>a {
background: none;
color: silver;
}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
background: none;
color: white;
}
.dropdown-menu {
background: #222 none repeat scroll 0 0;
border-bottom: 2px solid orange;
border-left: 0 none;
border-radius: 0;
border-right: 0 none;
color: silver;
}
.dropdown-menu li {
margin: 0;
padding: 0;
}
.navbar-nav>li>.dropdown-menu {
margin-top: 2px;
}
#cart_collapse>div {
display: inline-block;
}
#cart_collapse {
display: inline-flex;
flex-wrap: wrap;
max-height: 50vh;
overflow: auto;
}
#cart_collapse>div {
display: inline-block;
}
#cart_collapse img {
height: 70px;
}
.menu-cart-item {
border: 1px solid #555;
margin: 0 6px 8px;
position: relative;
}
.menu-cart-count,
.wallitem-count {
position: absolute;
top: -8px;
left: -9px;
background: black;
border-radius: 20px;
color: #f78f1e;
font-weight: bold;
width: 35px;
height: 35px;
display: flex !important;
justify-content: center;
align-items: center;
border: 2px solid;
text-align: center;
font-size: 110% !important;
align-content: center;
padding: 0 !important;
box-shadow: 3px 3px 3px #00000088;
}
.menu-cart-price {
color: orange;
}
.menu-cart-price span.bdisc,
.wall-bdisc,
.cart-item-ephoto-item .bdisc,
.minilab-local-group .bdisc {
background: #50a520;
color: white;
padding: 1px 5px;
border-radius: 6px;
margin-left: 4px;
}
.wall-bdisc {
position: absolute;
bottom: 5px;
right: 5px;
box-shadow: 3px 4px 5px #00000088;
width: 42px;
height: 42px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 30px;
border: 2px solid white;
}
.menu-cart-product {
font-weight: bold;
}
.menu-cart-item>div {
display: inline-block;
font-size: 13px;
padding: 0 10px 0 0;
vertical-align: middle;
}
.menu-cart-btns {
margin-left: 30px;
}
#cart_widget td {
padding: 3px 8px;
white-space: nowrap;
}
#cart_widget {
padding: 0px 5px;
}
.navbar-collapse.subnav {
background: #111 none repeat scroll 0 0;
border-top: 1px solid gray;
padding: 13px !important;
width: 100%;
}
.navbar-collapse.collapse {
display: none !important;
}
.navbar-collapse.collapse.in {
display: flex !important;
}
.navbar-collapse>* {
display: inline-block;
}
.navbar-collapse>* {
flex-grow: 1;
}
.navbar-collapse> :first-child,
.navbar-collapse> :last-child {
flex-grow: 0;
}
.navbar-inverse .navbar-nav>li>a {
cursor: pointer;
}
.navbar-toggle {
margin-bottom: 8px;
margin-right: 15px;
margin-top: 8px;
padding: 6px 10px;
vertical-align: middle;
}
.subnav form,
.subnav form .formgroup {
display: inline-flex;
vertical-align: middle;
margin-right: 20px;
justify-content: center;
align-items: center;
margin: 0 auto;
}
.subnav .langs {
display: inline-block;
margin: 0;
padding: 0;
}
.subnav .langs li {
display: inline-block;
float: none;
list-style: outside none none;
margin: 0 1px;
}
.menu-collapse-box {
display: inline-block;
margin-right: 70px;
}
.subnav select {
color: black;
}
.subnav>i.fa {
background: white none repeat scroll 0 0;
border: 2px solid black;
border-radius: 7px;
color: black;
display: inline-block;
font-size: 28px;
height: 50px;
line-height: 27px;
margin-right: 30px;
padding: 10px;
text-align: center;
vertical-align: middle;
width: 50px;
}
a .fa,
button .fa {
font-size: 130%;
margin-right: 4px;
vertical-align: middle;
display: inline;
}
.subnav>i.fa-close {
background-color: black;
color: red;
float: right;
font-size: 15px;
height: 29px;
margin-top: 11px;
padding: 0;
width: 29px;
cursor: pointer;
}
.subnav>i.fa-close:hover {
background: red;
color: black;
}
.navbar-inverse .navbar-nav>li.menu-admin-mode {}
.navbar-inverse .navbar-nav>li.menu-admin-mode.active {
background-color: #7521c4;
}
.navbar-inverse .navbar-nav>li.menu-admin-mode a {
color: #9443df;
background: none;
font-weight: bold;
}
.navbar-inverse .navbar-nav>li.menu-admin-mode.active a {
color: white;
background: none;
}
.navbar-inverse .navbar-nav>li.menu-admin-mode:hover {}
div#nav-user-form {
display: flex;
justify-content: center;
align-items: center;
}
#nav-user-form form {
display: flex;
justify-content: center;
align-items: center;
margin: 0;
}
#nav-user-form .frow {
display: flex;
align-items: center;
flex-wrap: nowrap;
align-items: center;
flex-wrap: nowrap;
margin: 5px 0 5px 0;
}
#nav-user-form .frow>div {
margin: 0 10px;
text-align: left;
justify-content: center;
align-items: center;
}
.picto-box2020 {
display: flex;
position: relative;
font-size: 1.2rem;
padding: 60px 10%;
margin: 0;
flex-direction: column;
}
.picto-box2020 .picto-box-bg {
background-size: cover;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background-position: center center;
z-index: -1;
filter: blur(5px);
opacity: 0.5;
}
.page .content-area h2 {
color: #555;
padding: 10px;
margin: 0 100px;
font-size: 18pt;
}
.page .content-area h3 {
color: #555;
padding: 10px;
margin: 0 120px;
}
.content-area .picto-box2020 h2 {
margin: 10px 0 20px 0;
padding: 0 0 20px 0;
font-size: 2rem;
text-align: left;
font-weight: bold;
width: 100%;
}
.content-area .picto-box2020 ul {
margin: 20px 0;
width: 100%; display: flex;
flex-wrap: wrap;
flex-direction: row;
padding: 0;
justify-content: space-between;
}
.picto-box2020 .prodinline .imgimg {
max-width: 200px;
margin: 60px auto 10px;
}
.picto-box2020 ul.prodinline li {
max-width: 50%;
padding: 0 20px;
align-items: flex-start;
justify-content: flex-start;
}
.picto-box2020 ul.prodinline {
width: 100%;
padding: 0;
margin: 0;
font-size: 18px;
}
.picto-box2020 li.linkico {
height: 150px;
}
.content-area .picto-box2020 li {
display: flex;
padding: 0;
justify-content: center;
width: 39vw;
margin: 0 0 20px 0;
padding: 0;
flex-shrink: 1;
}
.picto-box2020 .bgcontent img {
width: 40%;
float: left;
margin: 0 40px 20px 0;
}
.picto-box2020 .linkimg {
width: 150px;
background-size: cover;
background-position: center;
flex-shrink: 0;
flex-grow: 0;
}
.picto-box2020 .linkimg::after {
content: "";
padding-bottom: 100%;
display: block;
}
.picto-box2020 .linkico-title {
position: relative;
display: flex;
color: white;
font-size: 1.3rem;
font-weight: bold;
border-bottom: 1px solid;
padding: 0 0 8px 0;
margin: 0 0 10px 0;
background: transparent;
}
.bgcontent>div {}
.picto-box2020 .linkico-info { bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.7);
width: 100%;
padding: 10px;
color: white;
font-size: 1rem;
}
.picto-box2020 a {
text-decoration: none;
display: flex;
position: relative;
}
.pictoicons {
flex-direction: row;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.pictoicons a {
display: flex;
justify-content: center;
align-items: flex-start;
min-width: 190px;
}
.picto-stripe p {
color: white;
font-weight: bold;
}
.onelink {
display: inline-flex;
width: 160px;
color: black;
margin: 9px;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.onelink:hover {
background: #ffa50077;
box-shadow: 0 0 7px 12px #ffa50077;
transition: all 0.1s ease-in-out;
}
.picto-box2020 .onelink .linkico-title {
font-size: 1.4rem;
white-space: normal;
color: black;
border: none;
text-align: center;
align-items: center;
justify-content: center;
}
.onelink .linkimg {
margin: 0 !important;
padding: 0;
}
.picto-stripe li div {
text-align: justify;
}
.content-area .picto-stripe p {
color: white;
}
.picto-stripe li h3 {
margin: 0 0 3px 0;
font-weight: bold;
font-size: 120%;
border-bottom: 1px solid;
padding: 0 0 6px 0;
}
.picto-box2020 a li:hover .linkico-info {
background: black;
text-decoration: none;
color: orange;
}
.picto-box2020 a li:hover .linkico-title {
text-decoration: none;
color: orange;
}
.content-area .picto-box2020>div p {
padding: 0;
margin: 30px 0;
}
.picto-box2020 .bgcontent {
background: #ffffffcc;
padding: 30px 35px;
margin: 0px 0 0 0;
display: flex;
flex-direction: column;
font-size: 1.2rem;
}
.picto-box2020 .bgcontent img {
width: 50%;
}
.picto-box2.topbg {
background-size: cover;
background-attachment: inherit;
background-position: center;
position: relative;
}
.picto-box2.topbg .picto-box-bg-vip {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-size: cover;
z-index: -1;
background-attachment: local;
background-position: center;
}
.picto-box2.topbg>h1 {
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.77) 0%, rgba(0, 0, 0, 0) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.77) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.77) 0%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4000000', endColorstr='#00000000', GradientType=0); color: white;
font-size: 50px; padding: 10px 0 30px;
text-shadow: 4px 4px 1px rgba(0, 0, 0, 0.69);
}
.picto-box2.topbg .picto-box-bg-blur {
display: none;
}
.picto-box2 .picto-bg-dots {
top: 0;
bottom: 0;
background-repeat: repeat;
background-size: auto;
background-image: url(https://fotografie-obrazy.cz/wp-content/themes/pictoart2016/images/bg-dots6.png);
background-position: center center;
left: 0;
overflow: hidden;
right: 0;
z-index: -1;
position: absolute;
opacity: 0.4;
max-width: 100% !important;
}
.picto-box2.des2017 .picto-bg-dots {
z-index: 1;
}
.picto-box2.topbg .signw {
position: relative;
height: 260px;
width: 280px;
float: right; background-size: contain;
background-position: center bottom;
display: inline;
z-index: 0;
padding: 0;
margin: 0 10px 0 0;
background-attachment: initial;
background-repeat: no-repeat;
max-width: 30%;
}
.picto-signw,
.picto-signb {
display: inline-block;
position: relative;
width: 150px;
height: 50px;
vertical-align: middle;
background-size: contain;
background-repeat: no-repeat;
}
.galitem.adminmode {
background: black none repeat scroll 0 0;
display: inline-block;
margin: 4px;
padding: 10px;
vertical-align: top;
width: 300px;
}
.galitem.adminmode .thumbnail-img {
height: 260px;
}
.galitem.adminmode .img-responsive {
height: auto;
margin: 0 auto;
max-height: 250px;
max-width: 100%;
width: auto;
border: 1px solid #444;
}
.galitem.adminmode .thumbnail-text {
bottom: 0;
display: block;
opacity: 1;
position: relative;
}
.galitem.adminmode .admintools.toolbox {
position: relative;
background: transparent;
}
.galitem.adminmode:hover {
border-radius: 0px;
}
.galitem.adminmode:hover .thumbnail-text {
bottom: auto;
position: relative;
opacity: 1;
}
.galitem.adminmode:hover .thumbnail-img {
filter: blur(0px);
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-ms-filter: blur(0px);
-o-filter: blur(0px);
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
}
.ptypinfo {
background: transparent;
color: black;
font-weight: bold; border-radius: 5px;
padding: 6px;
text-align: left;
}
.relatedphotos {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.relatedphotos .galitem {
display: block;
}
.variationitem {
height: 150px;
width: auto;
display: inline-block;
}
.variationitem .thumbnailx {
width: auto;
max-height: 100%;
}
.variationitem .thumbnail-img {
height: 100%;
}
.variationitem .thumbnailx img.img-responsive {
max-height: 160px;
}
.inline-config-box {
background: #eee;
margin: 0 -55px;
padding: 30px 30px;
}
.inline-config-box .detailrow {
margin: 10px -30px 60px;
}
.detailrow .infoplace h2 {
border: none;
margin: 0 0px;
padding: 0;
font-weight: bold;
font-size: 30px;
color: black;
}
.detailrow .infoplace td {
text-align: left;
}
.detailrow .author {
padding: 0;
margin: 0 18px;
}
.detailrow .btn-extlink .productbtntext {
border: none; }
.detailrow .productbtn2.btn-default.btn-extlink {
background: #222;
right: 0;
display: inline-block;
width: auto;
margin: 17px;
}
.detailrow .productbtn2.btn-default.btn-extlink * {
display: inline-block;
vertical-align: middle;
float: none;
width: auto;
color: silver !important;
}
a.btn-lg i {
font-size: 340%;
display: block;
}
.detailrow .comment {
margin: 0;
padding: 8px 18px;
}
.priceinfo {
padding: 10px 0;
color: green;
margin: 0 0 8px 0;
font-weight: bold;
}
.priceinfo:before {
content: '\0f02b';
font-family: FontAwesome;
float: left;
font-size: 220%;
margin: -2px 10px 20px 13px;
}
.prds .prd.active {
background: #0c93d5;
color: white;
cursor: pointer; border: black 1px solid;
border-radius: 0px;
}
.active .prdtext {
color: white;
}
.prdle.active .prdtext {
color: #ff8f00;
}
.prds .prd.prdle {
width: 330px;
display: inline-flex;
background: rgb(255, 250, 226);
border-color: #ff8f00;
color: #ff8f00;
white-space: nowrap;
}
.prds .prd.prdle.active:hover,
.prds .prd.prdle.active:hover .prdtext {
background: rgb(255, 252, 238);
border-color: black;
background-color: #ffac00;
color: black;
}
.prds .prd.active:hover,
.prds .prd.active:hover .prdtext {
background: black;
color: #0c93d5;
border-radius: 5px;
border-color: #0c93d5;
}
.prds .prd.prdle:Before,
.prds .prd.prdle.active:Before {
content: '\f219';
font-size: 150%;
}
.prds .prd.active:Before {
content: '\f07a';
font-family: fontawesome;   }
.prds .prd:Before {
content: '\f00d';
font-family: fontawesome;
margin: 0 6px 0 -4px;  }
.prdtext {
color: black;
line-height: 14px;
padding: 5px 0;
white-space: nowrap;
}
.priceinfo {
padding: 10px 0;
color: green;
margin: 0 0 8px 0;
font-weight: bold;
}
.priceinfo:before {
content: '\0f02b';
font-family: FontAwesome;
float: left;
font-size: 220%;
margin: -2px 10px 20px 13px;
}
.btn span.price {
color: white;
text-shadow: rebeccapurple;
margin: 8px 0 0;
display: block;
font-size: 120%;
border-top: 1px solid;
padding: 8px 0 0 0;
font-weight: normal;
}
.prdtext .price {
color: white;
border-left: 1px solid;
margin: 0 0 0 5px;
padding: 0 0 0 7px;
font-size: 80%;
}
.langver.lang-cs:before {
display: inline-block;
width: 16px;
height: 11px;
background: url(//pictoart.cz/wp-content/themes/pictoart2016/images/flags.png) no-repeat;
background-position: 0 0;
content: '';
margin: 0 7px 0 0;
vertical-align: baseline;
}
.langver.lang-de:before {
display: inline-block;
width: 16px;
height: 11px;
background: url(//pictoart.cz/wp-content/themes/pictoart2016/images/flags.png) no-repeat;
background-position: -16px 0;
content: '';
margin: 0 7px 0 0;
vertical-align: baseline;
}
.langver.lang-it:before {
display: inline-block;
width: 16px;
height: 11px;
background: url(//pictoart.cz/wp-content/themes/pictoart2016/images/flags.png) no-repeat;
background-position: -32px -11px;
content: '';
margin: 0 7px 0 0;
vertical-align: baseline;
}
.langver.lang-fr:before {
display: inline-block;
width: 16px;
height: 11px;
background: url(//pictoart.cz/wp-content/themes/pictoart2016/images/flags.png) no-repeat;
background-position: 0 -11px;
content: '';
margin: 0 7px 0 0;
vertical-align: baseline;
}
.langver.lang-es:before {
display: inline-block;
width: 16px;
height: 11px;
background: url(//pictoart.cz/wp-content/themes/pictoart2016/images/flags.png) no-repeat;
background-position: -32px 0;
content: '';
margin: 0 7px 0 0;
vertical-align: baseline;
}
.langver.lang-en:before {
display: inline-block;
width: 16px;
height: 11px;
background: url(//pictoart.cz/wp-content/themes/pictoart2016/images/flags.png) no-repeat;
background-position: -16px -11px;
content: '';
margin: 0 7px 0 0;
vertical-align: baseline;
}
div.btn.btn-addtocart {
padding: 10px 20px;
border-bottom: black 1px solid;
}
div.btn.btn-addtocart>div {
white-space: nowrap;
margin: 0 0 0 10px;
}
.btn-icoonleft i.fa {
font-size: 43px;
margin: 4px 11px 4px 0;
}
.btn-icoonleft {
display: flex;
width: max-content;
justify-content: center;
align-items: center;
}
div.btn.btn-addtocart>div {
text-align: right;
}
.infoplace .prds {  display: block; }
.prds .prd {
display: inline-flex;
background: #999;
margin: 3px 0;
padding: 2px 10px; min-height: 40px;
align-items: center;
color: black;
border: 1px solid;   }
.btnplace .prd {
display: flex;
min-height: 0;
padding: 0 10px;
align-items: center;
}
.tiny {
font-size: 80%;
text-align: center;
font-weight: normal;
}
.detailrow .prds .qoitem {
flex: 1;
max-width: 180px;
min-width: 250px !important;
margin: 9px 9px 50px;
height: auto;
color: white;
border: none;
}
.pland-adm-thumb {
width: 100px;
height: 100px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-color: #ddd;
margin: 8px 7px;
padding: 10px;
}
.pland-adm-thumbcontainer {
display: flex;
flex-wrap: wrap;
}
.pland-adm-title {
white-space: pre-wrap;
width: 100px;
overflow-wrap: break-word;
font-size: 80%;
}
div#pland-am-groups {
border: 1px solid;
background: white;
padding: 10px 15px;
}
.infoplace>.prodplace {   flex-shrink: 20%; width: 100%;  margin: 0 0px;
}
.prodplace {
border-top: 1px solid white;
margin-top: 10px;
}
.prds {  flex-wrap: wrap;
justify-items: center;
text-align: left;
align-items: stretch;
}
.detailrow .prds.prdsthumbs { display: flex !important;
flex-wrap: wrap;
text-align: left;
align-items: stretch;
justify-content: center;
}
.detailrow .prds.prdsthumbs .product-info {
background: transparent;
border: none;
border-radius: 0;
left: unset;
padding: 11px;
position: relative;
right: unset;
top: unset;
display: block;
z-index: 10;
cursor: pointer;
}
img#quickpreview {
width: 300px;
height: 300px;
margin: 0 auto;
}
.detailrow .productbtntext {
color: white;
border-bottom: 1px solid;
width: 100%;
display: block;
}
.detailrow .productbtn2 {
text-align: center;
width: 100%;
}
.detailrow .productbtn2 br {
display: none;
}
.detailrow .productbtn2 .recapnote {
color: silver;
}
.detailrow .productbtn2.btn-default {
background: none;
border: none;
}
.detailrow .productbtn2 {
background: none;
border: none;
}
.detailrow.conf h2 {
color: white;
text-align: center;
}
.detailrow.conf h2 {
color: white;
text-align: center;
}
.confimg>img {
border-bottom: 2px solid #1d1d1b;
}
.conflink {
flex: 1 1 200px;
text-align: left;
margin: 20px 0 0;
min-width: 200px;
}
.conflink .btn {
display: block;
width: 100%;
padding: 20px 0;
margin: 20px 0;
}
.btn.vertical i {
display: block;
font-size: 300%;
margin: 0 0 11px;
}
.confrow .nav-pills>li.btn-tick>a {
padding: 0px 18px;
}
.confrow ul.nav.nav-pills {
margin: 0;
width: auto;
padding: 0;
min-width: 0;
position: relative;
text-align: left;
}
.confrow ul.nav.nav-pills li {
margin: 0;
width: auto;
left: 0;
margin: 10px 5px;
justify-content: center;
align-items: center;
padding: 0;
display: inline-flex;
}
.confrow li.btn.btn-tick a {
display: inline-flex;
justify-content: start;
align-items: center;
}
span.producttitle.productbtntext {
font-size: 140%;
text-align: center;
font-weight: bold;
margin: 6px 0px;
padding: 0 0 7px;
}
.qoitem:hover {
background: #333;
border-radius: 20px;
overflow: visible;
cursor: pointer;
}
.detailrow .product-subp {
display: inline-flex;
margin: 2px;
white-space: nowrap;
text-decoration: none;
}
.detailrow .subpsarea {
display: flex;
flex-wrap: wrap;
justify-content: stretch;
align-items: stretch;
}
.subpsarea a {
text-decoration: none;
}
.qoitem.conflink .btn {
height: 140px;
margin: 0;
padding: 32px 11px;
white-space: normal;
font-size: 110%;
}
.qoitem.conflink,
.conflink {
padding: 20px;
background: #222;
border-radius: 10px;
}
#pruducttitle strong {
background-color: #fff;
color: orange;
height: 34px;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 10px;
margin: 0 0px;
font-size: 128%;
}
.confrow .templategrpbtn i.fa {
font-size: 100%;
}
.btn-tick.templategrpbtn-1.disabled {
background-color: grey;
}
.detailrow .btn-tick.templategrpbtn {
border-width: 2px;
border-width: 2px;
width: 200px !important;
height: 200px;
display: inline-flex !important;
align-items: flex-end;
justify-content: center;
overflow: hidden;
background: white;
margin: 5px;
color: black;
border-radius: 0px !important;
border-color: #eee;
background-size: cover;
background-position: center;
padding: 0;
}
.varpicker-title {
background: #ffffffaa;
width: 100%;
padding: 3px 5px;
}
span.varpicker-title-spec {
color: #888;
font-weight: 400;
font-size: 80%;
display: block;
}
.btn-tick.templategrpbtn.active {
border-color: orange;
border-width: 3px;
border-radius: 30px !important;
box-shadow: 3px 3px 7px #00000088;
}
.confrow .templategrpbtn i.fa {
font-size: 100%;
}
.mgrp {
display: block; text-align: center;
flex: 0;
float: left; top: 0;
position: relative;
padding: 8px;
clear: both;
width: 100px;
}
.mgrp.mgrp3 {
background-color: black;
color: orange;
}
.mgrp.mgrp1 {
background: #37b549;
color: white;
}
.mgrp.mgrp2 {
background: #004d7b;
color: white;
}
.confrow span.tick {
display: inline;
float: left;
height: 22px;
vertical-align: middle;
margin: 0px 7px 0px -9px;
}
.qconfval {
padding: 4px 10px;
font-weight: bold;
font-size: 140%;
}
div#cropcanv {
position: relative;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: block;   }
div#s-img-crop {
width: 600px;
position: relative;
height: 400px;  display: block;
margin: 70px auto;
cursor: move;
}
.detailrow .infoplace.conf>div {
border: none;
}
.detailrow.detailpage>h2 {
display: none;
}
.detailrow.detailpage.conf>h2 {
display: block;
margin: 20px 55px !important;
padding: 10px;
}
.infoplace.conf.detailrow {
border: none;
padding: 15px;  flex-basis: 100%;
}
.detailpage .conf h2 {
border-bottom: 2px solid #fff;
padding: 0 0 10px 0;
width: calc(100% - 110px);
margin: 31px auto 20px !important;
display: block;
}
.detailpage .prds .qoitem {
max-width: 400px;
}
.detailpage .infoplace.conf .ordbox .prds { padding: 12px;
display: block; text-align: center;
}
.confrow.atools label {
background: #7521c4;
}
label.justico {
padding: 0 !important;
}
#pricedet table.recap {
border-collapse: collapse;
}
#pricedet td,
#pricedet th {
border-bottom: 1px solid #555;
}
#pricedet h3 {
color: #EF8E2D;
border-bottom-color: #EF8E2D;
margin: -12px -30px 17px -31px;
padding: 0 30px 11px 34px;
}
div#s-img-mask {
position: absolute;
top: 90px;
bottom: 0;
left: 0;
right: 0;
background-size: contain;
pointer-events: none;
width: 602px;
height: 521.685px;
left: 50%;
z-index: 1000;
transform: translateX(-50%); }
.inlinecol {
DISPLAY: inline-block;
vertical-align: top;
margin: 0 10px;
}
.inlinecol.tip {
font-size: 38px;
font-weight: bold;
}
.btn-tick span.title {     font-size: 10px;
white-space: nowrap;
}
.btn-tick {
position: relative;
}
.mico {
width: 40px;
height: 40px;
display: block;
background-size: contain;
background-position: center;
vertical-align: middle;
background-repeat: no-repeat;
margin: 0 auto 5px; }
.tablabel {
display: inline-block;
width: 140px;
text-align: right;
font-weight: bold;
}
ul.nav.nav-pills {
display: flex;
flex-wrap: wrap;  flex-flow: row wrap;
padding: 5px;
}
.thumbcontainer .author-big-box.small {
width: 100%;
height: 100%;
margin: 0px;
}
.thumbcontainer .author-big-box.small .author-box-photo {
height: 70%;
}
.thumbcontainer .author-box-photo {
margin-bottom: -70px;
}
.btn .btn-tick a {
background: transparent;
}
.nav-pills>li.btn-tick>a {
background-color: transparent;
padding: 0;
border-radius: 0;
}
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
background: black;
border: #f78f1e 1px solid;
color: #f78f1e;
border-radius: 30px;
}
.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
background: none;
border: none;
color: inherit;
}
.btn-back {
position: absolute;
top: 36px;
left: 55px;
z-index: 1000;
}
.ordbox .lexs .qoitem {
width: 300px;
flex: 1;
min-width: 300px !important;
max-width: 400px;
}
.ordbox .lexs {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.prds .prd.qoitem:before {
content: "";
}
.qtip-recap {
max-width: none !important;
padding: 20px;
border: 2px solid orange;
}
.qtip-white {
max-width: none !important;
overflow: hidden;
border: 2px solid orange;
padding: 0;
background: white;
}
.framedet-div>* {
display: block;
margin-bottom: 10px;
vertical-align: top;
margin-right: 20px;
}
.framedet h3 {
background: white;
margin: -12px -10px 10px;
color: black;
text-shadow: none;
padding: 10px 9px 10px;
border-bottom: 2px solid silver;
}
.framedet-div>div>* {
display: block;
}
optgroup[data-grp="1"],
.select2-results__option[aria-label=Classic] {
background: #37b549;
color: white;
}
optgroup[data-grp="2"],
.select2-results__option[aria-label=Gallery] {
background: #004d7b;
color: white;
}
optgroup[data-grp="3"],
.select2-results__option[aria-label=Collector] {
background: black;
color: orange;
}
.btn.vertical {
display: inline-flex;
align-items: center;
flex-flow: column;
max-width: 400px;
justify-content: center;
}
.confform .nav-pills li {
flex: 1 1 auto;
margin: 3px;
border-color: #f78f1e;
color: #f78f1e;
}
.confform .nav-pills li a {
color: #f78f1e;
}
.confform .nav-pills li.active a {
color: #000000;
}
.confform .nav-pills li:hover a,
confform .nav-pills li.active:hover a,
confform .nav-pills li a:hover,
confform .nav-pills li a:active,
confform .nav-pills li a:focus {
color: #f78f1e;
}
.confrow ul.nav.nav-pills li:hover {
background: black;
}
.templategrpbtn {
display: inline-block;
width: 100px;
border: 1px solid;
text-align: center;
margin: 0 10px 0 0;
}
.templategrpbtn-1 {
background: #37b549;
font-weight: bold;
}
.templategrpbtn-2 {
background: #004d7b;
font-weight: bold;
}
.templategrpbtn-3 {
background: orange;
color: black;
font-weight: bold;
}
.templsubgroup {
margin: 10px 0 10px 0;
} .author-letters {
display: flex;
flex-wrap: wrap;
justify-content: stretch;
align-items: stretch;
padding: 10px 80px;
}
.author-letters>* {
flex: 1 1 340px;
max-width: 420px;
}
.repro-author-letter {
color: white;
display: inline-block;
margin: 37px 3px 10px;
vertical-align: top;
width: calc(25% - 10px);
position: relative;
}
.repro-author-letter h2 { color: white; background-color: #555;
border: 0;
font-weight: bold;
font-size: 40pt;
width: 70px;
height: 70px;
border-radius: 100%;  z-index: 1000;
position: absolute;
top: -23px;
left: -3px;
margin: 0 !important; display: flex !important;
justify-content: center;
align-items: center;
}
.repro-author-letter ul {
margin: 0;
padding: 0;
}
.repro-author-letter li {
color: white;
list-style: outside none none;
padding: 0;
}
.repro-author-letter li a {
color: white;
}
.repro-author-letter>div {
background: #555;
}
.repro-author-letter ul {
padding: 40px 21px 20px;
margin: 0 !important;
font-size: 20pt;
}
.repro-author-letter h2 {
color: white !important;
font-size: 250% !important;
}   .switch *,
.switch *::before,
.switch *::after {
transition: 400ms all ease-in-out 50ms;
box-sizing: border-box;
backface-visibility: hidden;
}
.switch input[type="checkbox"] {
display: none;
}
.switch a {
color: rgba(43, 43, 43, 1);
text-decoration: none;
padding: 10px;
border-bottom: 2px solid rgba(43, 43, 43, 1);
}
.switch a:hover {
background: rgba(43, 43, 43, 1);
color: rgba(255, 255, 255, 1);
} .switch input[type="checkbox"]:checked~div {
background: #f78f1e;
box-shadow: 0 0 2px #f78f1e;
}
.switch input[type="checkbox"]:checked~div label {
left: 36px;
transform: rotate(360deg);
} .switch div,
.switch label {
border-radius: 50px;
} .switch div {
height: 22px;
width: 59px;
background: rgba(43, 43, 43, 1);
position: relative;  box-shadow: 0 0 2px rgba(43, 43, 43, 1);
}
.switch label {
height: 18px;
width: 18px;
background: rgba(255, 255, 255, 1);
position: absolute;
top: 2px;
left: 5px;
cursor: pointer;
}
.switch label::before {
content: '';
height: 14px;
width: 2px;
position: absolute;
top: calc(50% - 7px);
left: calc(50% - 1px);
transform: rotate(45deg);
}
.switch label::after {
content: '';
height: 2px;
width: 13px;
position: absolute;
top: calc(50% - 1px);
left: calc(50% - 7px);
transform: rotate(45deg);
}
.switch label::before,
.switch label::after {
background: rgba(43, 43, 43, 1);
border-radius: 5px;
} .switch input[type="checkbox"]:checked~div label::before {
height: 24px;
top: calc(55% - 14px);
left: calc(60% - 3.5px);
background: #f78f1e;
}
.switch input[type="checkbox"]:checked~div label::after {
width: 12px;
top: calc(95% - 14px);
left: calc(22.5% - 7.5px);
background: #f78f1e;
} .btn-primary,
.btn-primary.disabled,
.btn-primary[disabled] {
background-color: #f78f1e;
background-image: none;
border-radius: 0;
color: black !important;
font-weight: bold;
}
.btn-primary:hover,
.btn-primary:focus {
border-color: #f78f1e;
background-color: black;
border-radius: 10px;
color: #f78f1e !important;
}
.btn-primary:hover i,
.btn-primary:focus i {
color: #f78f1e;
}
.btn-primary:hover .fa-inverse,
.btn-primary:focus .fa-inverse {
color: black;
}
.btn-adminmode,
.btn-adminmode.disabled,
.btn-adminmode[disabled] {
background-color: #7521c4;
background-image: none;
border-radius: 0;
color: white;
font-weight: bold;
}
.btn-adminmode:hover,
.btn-adminmode:focus {
border-color: #7521c4;
background-color: black;
border-radius: 10px;
color: #7521c4;
}
.btn-adminmode:hover i,
.btn-adminmode:focus i {
color: #7521c4;
}
.btn-adminmode:hover .fa-inverse,
.btn-adminmode:focus .fa-inverse {
color: black;
}
.btn-success,
.btn-success.disabled,
.btn-success[disabled] {
background-color: #0c93d5;
background-image: none;
border: 1px solid black;
font-weight: bold;
border-radius: 0;
}
.btn-success:hover,
.btn-success:focus {
border-color: #0c93d5;
background-color: black;
border-radius: 10px;
color: #0c93d5;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover {
background-color: #0c93d5;
background-image: none;
border: 1px solid black;
font-weight: bold;
border-radius: 0;
}
.btn-success:hover i,
.btn-success:focus i {
color: #0c93d5;
}
.btn-success:hover .fa-inverse,
.btn-success:focus .fa-inverse {
color: black;
}
a.btn.btn-success.bigorderbtn {
font-size: 200%;
margin: 10% auto;
display: inline-block;
position: relative;
padding: 4%;
}
.bigorderbtn i {
display: block;
font-size: 400%;
margin: 0 0 11%;
}
.btn-tick {
background-color: #666;
background-image: none;
border-radius: 0;
color: white;
font-weight: bold;
}
.btn-tick:hover,
.btn-tick:focus {
border-color: #666;
background-color: #aaa;
border-radius: 10px;
color: black;
}
.admintools button,
.btn-default {
background: #eee;
border-color: #ddd;
border-width: 1px;
box-shadow: none;
border-radius: 0;
color: black !important;
text-shadow: none;
height: max-content;
display: inline-flex;
justify-content: center;
align-items: center;
}
.admintools button {
display: flex;
}
.admintools button:hover,
.admintools button:hover,
.btn-default:hover,
.btn-default:focus {
border-color: black;
}
.btn.btn-danger {
background: #cc0000 none repeat scroll 0 0;
border-color: #990000;
border-radius: 0;
}
.btn-danger:hover,
.btn-danger:focus {
border-color: #cc0000;
background-color: #000;
border-radius: 10px;
color: #cc0000;
}
.btn .tick {
background: url(//pictoart.cz/wp-content/themes/pictoart2016/images/tick_f2.png) no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
height: 30px;
padding: 7px 10px 5px 20px !important;
vertical-align: middle;
margin: 0 4px 0 -5px;
width: 30px;
}
.btn.active .tick {
background: url(//pictoart.cz/wp-content/themes/pictoart2016/images/tick_t2.png) no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
padding: 7px 10px 5px 20px !important;
text-shadow: none;
}
.btn-tick.active {
background: #f78f1e none repeat scroll 0 0;
border: 1px solid black;
border-radius: 10px;
}
.thumbnail-text span.tick {
display: inline-block;
}
[data-toggle="buttons"] .btn>input[type="radio"],
[data-toggle="buttons"] .btn>input[type="checkbox"] {
display: none;
}
.backbutton {
font-size: 17px;
float: right;
margin: -13px -40px 0 0;
}
.frame-filter>div {
margin: 5px 0;
}
.frame-filter {
margin: 10px 30px;
text-align: left;
}
.filterlabel {
display: inline-block;
min-width: 200px;
}
.frame-cut {
padding: 10px 20px 40px 10px;
background: white;
display: inline-block !important;
}
.cuts-box {
display: block;
padding: 2px;
background: white;
text-align: center;
position: relative;
}
.cuts-box0 {
display: block;
padding: 50px 2px 11px;
background: white;
text-align: center;
}
.chips-box {
margin: 10px 0 10px;
right: 0px;
position: relative;
background: #555;
}
.frameprices-box {
display: block;
padding: 20px;
min-width: 200px;
background: black;
text-align: center;
color: white;
}
.frameprices-box table.recap {
border-collapse: separate;
border-spacing: 3px;
font-size: 10pt;
display: table;
color: black;
max-width: 1000px;
margin: 10px auto;
background-color: black;
}
.frameprices-box table.recap td {
background-color: white;
font-weight: bold;
padding: 1px 7px;
vertical-align: middle;
text-align: center;
color: black;
}
.framecolor,
.matcolor {
width: 25px;
height: 25px;
float: left;
margin-left: -1px;
margin-right: -1px;
border: 1px solid black;
}
.matcolor {
height: 40px;
padding: 8px 0px;
width: 40px;
}
label.colorchbox {
height: 38px;
padding: 6px 4px;
width: 40px;
}
.colorchbox .tick {
margin: 0;
padding: 0;
}
.matcolor .tick,
.fcolor .tick {
margin: 0;
}
label.fcolor,
label.matcolor {
padding: 8px;
}
.detailrow .btn-group .btn.fcolor {
width: 40px;
height: 40px;
}
.customsize input {
width: 71px;
color: black;
font-size: 20px;
text-align: center;
font-weight: bold;
border-radius: 3px;
border: none;
height: 33px;
}
.customsize {
background: black;
color: white;
padding: 10px 30px;
display: inline-block;
margin: 10px 0;
}
td.customprice {
background: #333 !important;
color: orange !important;
} span.note {
color: silver;
font-size: 80%;
}
.to-bg {
display: none;
}
.mediagroup {
margin: 7px 20px 20px 0px;
width: 100px;
}
.entry-content li { list-style: outside none none;
clear: both;
}
.entry-content>ul {
margin: 0;
padding: 0;
}
.mediainfo {
display: none;
}
.picto-stripe {
background: #161616 none repeat scroll 0 0;
color: white;
font-size: 23px;
padding: 45px 30px 10px;
text-align: center;
}
.content-area .picto-stripe ul li {
color: white;
display: inline-block;
font-size: 1rem;
text-align: center;
width: 15%;
vertical-align: top;
padding: 0 1%;
min-width: 290px;
margin-top: 30px;
}
.content-area .picto-stripe ul {
margin: 1%;
padding: 0;
margin-bottom: 10px;
}
.picto-stripe img {
border-radius: 15%;
width: 80%;
}
.picto-box>div,
.picto-box2>div {
background-position: center center;
background-size: cover;
}
.picto-box div.picto-box-bg {
background-attachment: fixed;
background-position: center center;
background-size: cover;
bottom: 0;
filter: blur(11px);
-webkit-filter: blur(11px);
-moz-filter: blur(11px);
-ms-filter: blur(11px);
-o-filter: blur(11px);
left: 0;
opacity: 0.8;
position: absolute;
right: 0;
top: 0;
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
z-index: -1;
}
.picto-box li {
color: white;
display: inline-block;
font-size: 19px;
text-align: center;
text-shadow: 0 0 3px rgba(0, 0, 0, 1);
width: 24%;
vertical-align: top;
}
.picto-box2 li {
color: white;
display: inline-block;
font-size: 19px;
text-align: center;
text-shadow: 0 0 7px rgba(0, 0, 0, 1);
vertical-align: top;
}
.picto-box li a,
.picto-box2 li a {
color: white;
}
.picto-box li img {
border-radius: 20%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
width: 60%;
}
.picto-box2 li img {
border-radius: 15%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
width: 60%;
}
li.linkico {
width: 250px;
height: 250px;
background-size: cover;
margin: 20px;
border-radius: 30px;
position: relative;
overflow: hidden;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
-moz-transition: 0.3s all ease;
-ms-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
}
li.linkico:hover {
transform: scale(1.05);
}
.linkico-title {
position: absolute;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.7);
width: 100%;
padding: 10px;
}
.picto-action {
background: #262626 none repeat scroll 0 0;
color: white;
font-size: 1.5rem;
padding: 18px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.picto-action>* {
display: flex;
align-items: center;
justify-content: center;
margin: 10px 50px;
flex-wrap: wrap;
}
.picto-action>*>* {
margin: 0px 10px 10px;
}
.picto-action form {
background: transparent none repeat scroll 0 0;
padding: 0;
}
.picto-action form input {
vertical-align: middle;
color: black;
}
.entry-content .picto-action form {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
padding: 0;
}
.blogcontent {
padding: 20px;
color: white;
background: #555 none repeat scroll 0 0;
margin: 20px 21px 40px;
clear: both;
display: inline-block;
}
.blogcontent h3 {
margin-left: -20px;
}
.info-cont {
display: flex;
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;
flex-wrap: wrap;
align-items: normal;
background: #555;
padding: 50px 40px;
border-radius: 0 30px 30px 30px;
justify-content: center;
margin: 0 90px;
}
.info-cont {
margin: 0;
border-radius: 0;
padding: 30px 10px;
}
.info-div {
display: inline-block;
margin: 15px !important;
position: relative;
vertical-align: top;
flex: 1;
-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1;
max-width: 250px;
min-width: 250px;
background: #333;
box-shadow: 6px 5px 9px rgba(0, 0, 0, 0.3);
}
.info-div .framedetail p {
display: none;
}
ul.prodinline li .info-div img {
margin: 0 !important;
}
.info-div table.recap td {
background: white;
color: black;
font-size: 100%;
font-weight: normal;
}
.info-div table.recap {
border-spacing: 1px;
background: #ddd;
}
.content-area h3.info-h {
color: white;
text-transform: uppercase;
position: relative;  border-bottom: 2px solid;
margin: 0px 0px 0 0px !important;
padding-bottom: 10px;
width: 100%;
}
.info-div.grp4 h6 {
background: #bb0019;
color: white;
}
.info-div.grp3 h6 {
border: 3px solid #faa219;
color: #faa219;
margin: 0;
}
.info-div.grp2 h6 {
background: #004d7b;
color: white;
margin: 0;
}
.info-div.grp1 h6 {
background: #37b549;
color: white;
margin: 0;
}
.yoursize,
table.recap td.yoursize {
color: #f78f1e;
font-weight: bold;
}
.price-tag {
background: #f78f1e none repeat scroll 0 0;
border: 2px solid black;
border-radius: 3px;
color: black;
font-weight: bold;
padding: 5px 10px;
position: absolute;
right: -12px;
transform: rotate(13deg);
-webkit-transform: rotate(13deg);
-moz-transform: rotate(13deg);
-ms-transform: rotate(13deg);
-o-transform: rotate(13deg);
box-shadow: 6px 5px 9px rgba(0, 0, 0, 0.3);
}
.info-div h6 {
background: black none repeat scroll 0 0;
font-weight: bold;
margin: -1px;
padding: 10px 15px !important;
}
.picto-action .fa {
font-size: 29px;
margin: 0;
vertical-align: middle;
}
.picto-box {
border-top: 7px solid #f78f1e;
color: black;
}
.picto-box2>div {
background-position: center center;
background-size: cover;
}
.picto-box li:hover img,
.picto-box2 li:hover img {
box-shadow: 0 0 8px #f78f1e;
}
.picto-box li:hover,
.picto-box li:hover a,
.picto-box2 li:hover,
.picto-box2 li:hover a {
text-shadow: 0 0 8px #f78f1e;
text-decoration: none; }
.picto-box>div>div,
.picto-box2>div {
display: table-cell;
font-size: 33px; padding: 80px 280px;
position: relative;
text-align: center;
top: 0;
vertical-align: middle;
}
.picto-box ul,
.picto-box2 ul {
margin: 0;
padding: 31px 90px;
position: relative;
width: 100%;
text-align: center;
}
.inline-col {
display: inline-block !important;
width: calc(100% - 395px);
vertical-align: top !important;
float: none !important;
}
.inline-col.picto-pageimg {
top: -90px;
}
.picto-box2>div.picto-pageimg {
background-attachment: local;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 12%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
display: block;
float: left;
height: 300px;
margin: 20px 40px;
padding: 0;
position: relative;
width: 300px;
z-index: 2;
}
.picto-box2>h1 {
background: rgba(30, 30, 30, 0.91) none repeat scroll 0 0;
font-size: 40px;
text-align: left;
padding-left: 410px;
}
.picto-box2 {
background-position: center center;
background-attachment: fixed;
background-size: cover;
float: none;
min-height: 340px;
padding: 0;
overflow: hidden;
}
.picto-box2 .picto-box-bg-blur {
background-attachment: fixed;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
bottom: 0;
filter: blur(11px);
-webkit-filter: blur(11px);
-moz-filter: blur(11px);
-ms-filter: blur(11px);
-o-filter: blur(11px);
left: 0;
overflow: hidden;
right: 0;
top: -90px;
transform: scale(1.2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
z-index: -1;
position: absolute;
opacity: 0.6;
background-color: silver;
}
.picto-box ul:hover,
.picto-box2 ul:hover { }
.picto-box2.des2017 {
min-height: unset;
border-bottom: 4px solid black;
display: flex;
flex-wrap: wrap;
justify-content: stretch;
align-items: start;
}
.picto-box2.des2017>* {
flex: 1;
max-width: max-content;
}
.des2017 .picto-box-bg-blur {
display: none;
}
.picto-box2.des2017 {
background: #3b3b3b;
}
.picto-box2.des2017 .picto-box-content {
background: none;
color: white;
padding: 20px 0 20px 80px;
width: 100%;
z-index: 2;
text-align: left;
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
}
.picto-box2.des2017 div.picto-pageimg {
margin: 0;
border-radius: 0;
box-shadow: none;
margin-right: 40px;
float: none;
position: relative;
min-width: 300px;
flex: 1 1;
}
.picto-box2.des2017 h1 {
background: none;
padding: 20px 0px;
text-align: left;
font-size: 2rem;
font-weight: bold;
}
.picto-box2.des2017 h2 {
color: white;
}
.picto-box2.des2017>img {
max-width: 210px !important;
}
.picto-box2.des2017 {
min-height: unset;
border-bottom: 4px solid black;
display: flex;
align-items: center;
justify-content: center;
position: relative;
padding: 0 3vw;
}
.picto-box2.desright>div.picto-pageimg {
float: right;
margin: 0 30px;
}
.picto-box2.des2017.desright>.picto-box-content {
margin-left: 30px;
}
.authortext {
max-height: 170px;
overflow: hidden;
margin-top: 20px;
visibility: visible;
transition: 2s all;
height: 170px !important;
display: block;
}
#authortext {
background: rgba(255, 255, 255, 0.6);
padding: 20px;
margin: -20px -20px 0;
border-bottom: 2px solid white;
}
.adminmode #authortext {
background: #222222dd;
}
.amodecolor {
background: #7521c4;
padding: 10px;
font-weight: bold;
}
div#authortext.collapse.in {
max-height: unset;
height: max-content !important;
background: rgba(255, 255, 255, 0.95);
}
.authortext.collapsing {
max-height: unset;
}
.collapscont {
height: unset;
min-height: unset;
position: relative;
padding-left: 380px !important;
}
span.on {
display: none;
}
[aria-expanded=true] span.off,
[aria-expanded=false] span.on {
display: none;
}
[aria-expanded=false] span.off,
[aria-expanded=true] span.on {
display: block;
}
.picto-box>div>div.btn-xs,
.picto-box2>div.btn-xs {
width: auto;
height: auto;
display: inline-block;
padding: 2px 10px;
margin-left: 30px;
font-size: 13px;
margin-top: -24px;
}
h3 {
border-bottom: 1px solid #333;
margin: 30px 0px 10px 40px;
clear: both;
font-weight: bold;
font-size: 130%;
}
.box>h3 {
display: block;
margin: 11px 0 20px 0;
border-bottom: 0px solid #333;
padding-bottom: 6px;
}
.box h2 {
border: none;
}
h2,
.h2 {
border-bottom: 2px solid #000;
font-size: 200%;
margin: 20px 0px 10px 40px;
padding-bottom: 5px;
clear: both;
color: black;
font-weight: bold;
}
.loadmore {
display: block;
text-align: center;
padding: 20px;
width: 100%;
}
.pagination_bar {
background: #999;
margin: 0 !important;
padding: 0 0 0 50px;
text-align: right;
vertical-align: middle;
color: white;
display: flex;
justify-content: stretch;
align-items: center;
width: 100%;
}
.pagination_bar.adminmode {
padding-right: 80px;
}
.pagination_bar .stext {
display: inline;
float: left;
vertical-align: middle;
margin: 0px 0;
flex-grow: 1;
text-align: -webkit-auto;
}
.pagination_bar .hilite {
font-weight: bold;
}
.pagintext {
float: left;
font-weight: bold;
line-height: 23px;
padding: 10px 20px;
}
#lg_on {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: black;
padding: 0 0 0 30px;
}
.pgroups,
.filterstatus {
margin: 7px 60px;
}
#showfilterbtn {
float: left;
height: auto;
margin: 0 9px 0 0;
padding: 2px 10px;
}
.pagination {
margin: 6px 23px 6px 10px;
vertical-align: middle;
}
.pagination>li {
cursor: pointer;
display: inline-block;
}
.entry-content .pagination form {
display: inline-block;
margin: 0;
}
#savedbox {
padding: 20px;
position: relative;
text-align: center;
}
#xfilter #savedbox {
text-align: left;
}
#savedbox>.row:first-child {
margin-bottom: 20px;
}
.breadcrumbs {
color: black;
padding: 8px 20px 0;
background: #ddd;
}
.breadcrumbs a {
color: black;
}
.breadcrumbs a:hover {
color: grey;
}
.picto-box h2,
.picto-box2 h2,
.picto-box2 h3 {
font-size: 50px;
font-weight: bold;
margin: 0;
padding: 80px 20px 10px;
text-align: center;
width: 100%;
border: none;
}
.row>.col-lg-12 h2.subtitle {
margin: 20px 33px 0 0;
padding-left: 22px;
}
.picto-box2 h2 {
font-size: 25px;
padding: 20px 0 10px;
text-align: left;
clear: none;
}
.picto-box2 h3 {
font-size: 20px;
font-weight: bold;
padding: 20px 0 10px;
margin-top: 0;
text-align: left;
}
.picto-box2 li {
font-size: 12px;
margin: 0 10px;
white-space: normal; width: 150px;
line-height: 16px;
height: 150px;
border-radius: 20px;
}
.picto-box2 li img {
width: 100px;
}
.picto-box2 li img {
width: 100px;
height: auto;
}
.relatedlinks {
background: #555;
margin: 0px -0;
padding: 20px 30px 20px;
text-align: center;
min-height: 0; position: relative;
}
.relatedlinks h2 {
color: white;
border-bottom: 4px solid;
text-align: center;
margin: 0 50px;
width: calc(100% - 100px);
}
.relatedlinks li.linkico {
display: inline-block;
background-position: center;
margin: 11px;
}
.picto-box2>div.picto-box-content {
padding-left: 390px;
padding: 20px 60px 20px 390px;
min-height: 160px;
background: rgba(255, 255, 255, 0.5);
padding-right: calc(100% - 1600px);
}
.central-box .relatedlinks h2 {
background: transparent;
margin-top: -10px;
color: black;
border-bottom: 3px solid;
padding: 10px 0 10px 0;
}
.picto-box2>div {
display: block;
font-size: 20px;
padding: 0 60px 20px 30px;
text-align: left;
}
.picto-box2>ul {
padding: 10px;
text-align: right;
}
.relatedlinks>ul {
text-align: center;
}
.fppicks {
background-image: url(https://fotografie-obrazy.cz/wp-content/themes/pictoart2016/images/brickwall3.jpg); background-size: 200px;
vertical-align: top;
}
.fppicks a:hover {
text-decoration: none;
}
.fppick:hover {
background: black;
color: #f78f1e;
border-color: #f78f1e;
}
.fppick:hover .fppick-ing {
transition: all 1s ease;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transform: scale(1.1);
}
.fppick {
transition: all 1s ease;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
display: inline-flex;
width: calc(33.3333% - 40px);
height: 360px;
position: relative;
margin: 20px;
border-radius: 0;
overflow: hidden;  background-color: rgba(0, 0, 0, 0.4);
background-size: cover;
background-position: center;
justify-content: start;
align-items: flex-end;
border: 5px solid black;
flex-shrink: 1;
min-width: 560px;
}
.fplogo2 {
position: absolute;
background-size: contain;
margin: 20px;
display: inline-block;
background-repeat: no-repeat;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-position: center;
}
.fppagebg {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-size: cover;
background-position: center;
}
.fppick h3 {  color: white;
padding: 0 0 16px 0;    margin: 0 20px 17px 20px;
text-align: left;
border-bottom: 1px solid;
text-decoration: none;
text-shadow: 4px 4px 6px #00000088;
}
.fppick iframe {
width: 100%;
position: relative;
height: 100%;
}
.fppick-ing {
width: 50%;
background-size: cover;
background-position: center;
padding-bottom: 50%;
overflow: hidden;
}
.fppick>div>div {
margin: 0 20px 20px;
color: white;
text-decoration: none;
min-height: 1px;
}
.fppick>div {
width: 50%;
}
.content-area .fppicks>p {
font-size: 190%;
color: white;
text-align: center;
padding: 30px;
font-weight: bold;
text-align: center;
}
.pictopage {
padding: 20px 200px;
}
.infotable td.fill,
.infotable th.fill {
background: white none repeat scroll 0 0;
border: 1px solid #a5a5a5;
font-size: 15px;
margin: 2px;
padding: 8px;
color: black;
}
.infotable td.sgn {
font-size: 30px;
font-weight: bold;
line-height: 18px;
padding: 0;
}
.infotable {
border-collapse: separate;
border-spacing: 8px;
}
.box h4 {
border-bottom: 3px solid white;
margin: 3px -10px 10px;
color: white;
}
.infobox.red {
text-align: center;
font-size: 80%;
background-color: #ffdddd;
padding: 40px 40px;
color: red;
font-weight: bold;
}
.box {
padding: 10px 90px;
display: block;      }
.box>* {
display: inline-block;
vertical-align: top;
float: none !important;
}
.box a {
color: orange;
padding: 10px;
font-weight: bold;
text-decoration: none;
}
.box2 {
padding: 8px 15px;
}
.single-post .central-box,
.single-prod .central-box,
.archive .central-box,
.page-template-authors .central-box,
.page-template-default .central-box { margin: 0 auto;
}
.blogthumb {
max-width: 33%; float: left;
margin-top: 0 !important;
background-size: cover;
background-position: center;
border-radius: 20px;
border: 0px solid white;
border-top: none;
border-left: none;
margin-right: 20px !important; }
.content-area .blogshort h2 {
margin: 0 0 0 90px;
padding: 0 90px 0 0;
}
.blogthumb:before {
content: '';
float: left;
padding-bottom: 50%;
}
.blogshort>* {
flex: 1;
}
a.blogshort:hover,
a.blogshort:focus {
background: #ddd;
color: black;
text-decoration: none;
}
a.blogshort:after {
content: '';
clear: both;
display: block;
}
.central-box .blogshort p {
text-align: justify;
font-weight: normal;
}
.blogshort h2 {
width: calc(100% + 20px);
margin-top: 0 !important;
}
.blogshort {
padding: 20px 30px;
display: flex;
clear: both;
margin: 0 -30px 0;
justify-content: stretch;
align-items: center;
}
.central-box { padding: 0;
position: relative;
color: black;
}
.central-box a {
color: black;  text-decoration: none; font-weight: bold;
}
.nav>li {
padding: 0;
margin: 3px 0;
}
.nav>li>a {
position: relative;
display: block;
padding: 10px 15px 13px;
color: silver;
font-weight: normal;
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
color: #555;
cursor: default;
background-color: #fff;
border: 2px solid #ddd;
border-bottom-color: #fff;
padding-top: 7px;
padding-bottom: 24px;
top: 0px;
font-weight: bold;
margin-bottom: -5px;
}
.nav-tabs {
border-bottom: 2px solid #ddd;
}
.content-area ul.nav.nav-tabs {
margin: 11px 20px;
padding: 0 70px;
}
.tab-pane #pictouploader {
width: calc(100% - 50px);
}
.tab-pane.centered.active {
display: flex;
visibility: visible;
min-height: 150px;
justify-content: center;
align-items: center;
}
.nflt {
display: flex;
flex-wrap: wrap;
justify-content: center;
font-size: 19px;
}
.nflt>div {
float: none;
float: 1 1 400px;
width: 400px;
margin: 10px;
padding: 10px;
}
.content-area h3.productname {
margin: 0;
text-align: center;
margin: 10px 20px 0 20px;
padding: 0 0 10px 0;
}
.prod-img {
border-radius: 10%;
overflow: hidden;
}
.big-zoom {
text-align: center;
position: absolute;
bottom: 10px;
width: 30px;
height: 30px;
background: rgba(255, 255, 255, 0.5);
border-radius: 30px;
line-height: 25px;
z-index: 1000;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
}
.img-recr {
text-align: center;
position: absolute;
bottom: 10px;
width: 30px;
height: 30px;
background: rgba(255, 255, 255, 0.5);
border-radius: 30px;
line-height: 25px;
z-index: 1000;
transform: translateX(-50%); -moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
color: black;
right: 0;
}
.big-zoom i,
.img-recr i {
margin: 0;
color: black;
}
.big-zoom:hover,
.img-recr:hover {
background: rgba(255, 255, 255, 0.9);
}
span.poststatus {
display: inline-block !important;
background: black;
color: white;
padding: 2px 10px;
margin: 0 1px 0px 0;
border-radius: 20px;
font-weight: bold;
}
span.poststatus.trash {
background: red;
}
span.poststatus.pending {
background: #00a9bb;
}
.well {
background: #222;
margin: 20px;
color: white;
}
form .well {
background: #eee;
color: black;
}
.well span.note {
color: inherit;
font-size: 50%;
}
.well.importantinfo:before {
content: '\f05a';
font-family: fontawesome;
margin: 0 10px 0 0;
font-size: 150%;
vertical-align: middle;
}
.well.importantinfo {
background: #B71C1C;
color: white;
font-weight: bold;
}
.well.discount {
color: black;
border: 0;
border-radius: 10px;
background-color: lightgreen; text-align: center;
background-image: none;
display: block;
font-size: 200%;
font-weight: bold;
}
.well.success:before {
content: '\f00c';
font-family: FontAwesome;
font-size: 330%;
vertical-align: middle;
margin: -30px 10px -30px 0;
}
.well.success {
color: darkgreen;
border: darkgreen 5px solid;
border-radius: 10px;
background-color: lightgreen; text-align: center;
background-image: none;
}
.well.red {
color: red;
border: red 5px solid;
border-radius: 10px;
}
tr.orderline {
border-bottom: 2px dotted rgba(255, 255, 255, 0.3);
}
.central-box a:hover {
color: #F29400;
}
img.imgprodli {
float: left;
margin: 0px 20px 20px 0 !important;
}
.boxlist img.imgprodli {
margin: -7px 20px -8px -12px !important;
}
ul {
margin: 0 0 0 10px;
}
li {
margin: 10px 0 0px 0;
padding: 0 0 0 20px;
position: relative;
}
.content-area ol li,
.content-area ul li {
font-size: 1rem;
padding-left: 20px; }
ul.bullets li:before {
font-family: 'FontAwesome';
margin: 0 15px 0 -15px;
color: orange;
content: '\f0c8';
left: -20px;
position: absolute;
}
.content-area ul.bullets {
padding: 10px 80px;
background: #555;
color: white;
margin-top: 10px;
border-radius: 20px;
}
ul.bullets li {
padding: 0;
margin: 13px 0;
}
.repro-author-letter li:before {
content: '';
}
.content-area p,
.content-area .p,
.content-area ul.bullets {
margin: 2px 90px 5px;
font-size: inherit;
color: black;
}
.page .content-area .formbox h2 {
margin: 30px 0px 0 -30px;
display: block;
border: none;
}
.content-area>h3 {
margin: 20px 110px 9px;
}
.content-area ul.prodinline li p {
margin: 0px 10px;
}
ul.prodinline il {
display: inline-block;
}
ul.prodinline li {
display: inline-flex; text-align: justify;
vertical-align: top;
margin: 10px 0 50px;
flex: 1;
-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1;
padding: 0 2vw;
border-right: 0px dotted #ddd;
font-size: inherit;
flex-direction: column;
}
.prodinline span.price {
color: white;
display: block;
border: 0px solid;
border-radius: 10px;
font-weight: bold;
margin: 10px auto;
text-align: center;
width: max-content;
background: #323232;
padding: 6px 16px;
}
ul.prodinline li:last-child {
border-right: none;
}
ul.prodinline li img {
position: relative;
margin: 0 auto 30px !important;
float: none;
} .central-box ul.prodinline li:before {
content: "";
}
ul.prodinline {
display: flex;
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;
margin: 0;
padding: 2vh 9vw;
flex-wrap: wrap;
}
.btn-round {
border-radius: 100%;
overflow: hidden;
display: flex;
padding: 0;
justify-content: center;
align-items: center;
flex-direction: column;
width: 100px;
height: 100px;
font-size: 90%;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
}
.btn-round:before {  float: left;
}
.btn-round i {
margin: 0 0 10px 0;
display: block;
}
.btn-round span.price {
background: none;
font-weight: bold;
font-size: 120%;
margin: 0;
}
.pos-lb {
position: absolute;
width: 100px;
font-size: 80%;
margin: 10px;
bottom: 20px;
left: -30px;
}
#main-column .imgimg img {
display: block;
visibility: hidden;
width: 100%;
}
.infostripe>.imgimg {
display: inline-block;
width: 100%;
max-width: 50%;
max-height: 600px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
position: relative;
}
.prodinline .imgimg {
display: inline-block;
width: 100%;
max-height: 600px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
position: relative;
} .single-prod .prodinline h3 {
font-size: 120%;
margin: 0 0 20px !important;
border-bottom: #ddd 2px solid;
padding: 0 0 8px 0;
}
.prodinline h3 {
text-align: center;
margin: 0 0 6px 0;
padding: 0 0 7px 0;
}
.single-prod h3 {
border-bottom: 1px solid #333;
margin: 0 100px 0 !important;
clear: both;
font-weight: bold;
text-align: center;
font-size: 200%;
padding-bottom: 0px;
margin-top: 30px !important;
}
div#reprocalc {
BACKGROUND: black;
padding: 40px;
margin: 0;
white-space: nowrap;
color: white;
}
#reprocalc input {
width: 70px;
text-align: center;
font-weight: bold;
font-size: 150%;
border-radius: 7px;
border: 3px solid orange;
}
#reprocalc>div {
margin: 15px 0;
}
d {}
.fullstripe-frontbanner {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.gallerybanner > div {  color: white;
text-shadow: 3px 4px 2px #00000055;
font-size: 160%;
font-weight: bold;
background: #00000088;
width: calc(100% - 20px);
margin-bottom: 10px;
}
.gallerybanner {
display: flex;
justify-content: center;
align-items: end;
margin: 10px;
}
.gallerybanner:hover {
outline: 3px orange solid;
opacity: 0.95;
}
.gallerybanner {
width: 90vw;
height: 60vw;
background-size: cover;
background-position: center;
max-width: 600px;
max-height: 400px;
}
.infostripe,
.fullstripe {
display: flex;
flex-wrap: wrap;
justify-content: stretch;
align-items: center;
padding: 2vh 9vw;
margin: 0px 0;
text-align: left;
}
.fullstripe {
font-size: 110%;
font-weight: bold;
text-align: center;
flex-direction: column;
}
.fullstripe h2 {
font-size: 160% !important;
text-align: center;
margin: 60px auto !important;
}
.fullstripe img { margin: 30px auto;
border-radius: 2vw;
max-height: 80vh;
width: auto;
height: auto;
}
.infostripe.left .imgimg,
.infostripe .imgimg {
margin-right: 5vw;
min-height: 200px;
}
.infostripe.right .imgimg {
margin-left: 100px;
margin-right: 0;
}
.infostripe img { max-height: 500px;
}
.infostripe.dark {
background: #fff;
}
.infostripe>p {
display: none;
}
.infostripe.right {
flex-direction: row-reverse;
text-align: left;
}
.infostripe h3 {
font-size: 170%;
margin: 0px 0 10px !important;
padding: 0 0 10px 0;
border-bottom: 2px solid;
border-color: #ddd;
text-align: left;
}
.infostripe.right h3 {}
.infostripe h2 {
margin: 30px 0 9px 0 !important;
}
.infostripe p {
padding: 0;
margin: 2ex 0 2ex !important;
}
.infostripe p {
font-size: 100%;
}
.infostripetab {
margin-left: 60px;
}
.infostripetab {
width: min-content;
white-space: nowrap;
flex: unset !important;
}
.pictoprodimg {
max-width: 500px;
}
.infostripe>* { justify-content: center;
align-items: center;
margin: 0 30px 30px;
min-width: 350px;
max-width: max-content;
flex: 1;
}
.infostripe ul {
margin: 1vw 0 1em 2em;
padding: 0;
}
.infostripe ul li {
margin: 3px 0;
padding: 0;
}
.infostripe.alternate:nth-child(even) {
background-color: #f7f7f7;
}
p.confbtn {
text-align: center;
}
.confbtn i.fa {
margin-right: 13px;
}
.nflt>div {
float: none;
display: inline-block;
vertical-align: top;
margin-bottom: 40px;
}
.central-box .nflt h3 {
color: white;
border-bottom-color: white;
}
.central-box h2 a {
color: white;
text-decoration: none;
}
.prod-info {
font-size: 80%;
line-height: 120%;
margin-top: 10px;
text-align: justify;
}
.prodbanner {
height: 600px;
background-position: center;
background-size: cover;
width: calc(100% + 60px);
display: block;
margin: 0 -30px 40px;
}
.prodimg {
height: 150px;
background-position: bottom;
background-size: cover;
display: inline-block;
width: 100%;
margin: 0;
background-repeat: no-repeat;
position: relative;
overflow: hidden;
}
.prodimgbg {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-position: bottom;
background-size: contain;
background-repeat: no-repeat;
transition: all 1s ease;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
}
.productsmenu li:hover .prodimgbg {}
.productsmenu li:hover .prodtitle {
color: #f78f1e;
}
ul.productsmenu li {
display: flex;
position: relative;
width: 17vw;
vertical-align: top;
padding: 0;
margin: 10px 0 20px 0;
flex-direction: column;
justify-content: center;
align-items: baseline;
}
ul.productsmenu {
text-align: center;
padding: 0 25px 0px;
margin: 0;
background: #ececec;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.productsmenu2021 .prodtext,
.productsmenu2021 a:hover .prodtext,
.productsmenu2021 .prodtext {
font-size: 0.9rem;
text-decoration: none;
color: black;
font-weight: normal;
text-align: center;
}
.productsmenu2021 a:hover {
text-decoration: none;
}
.prodtitle {
position: relative; font-size: 1.4rem;
display: inline-flex; width: 100%;
justify-content: center;
padding: 11px 0 0;
font-weight: bold;
border-bottom: solid 10px transparent;
margin: 0;
color: BLACK;
}
.fpbold {
position: relative;
font-size: 1.5rem;
display: inline-flex;
width: 100%;
justify-content: center;
padding: 11px 0 0;
font-weight: bold;
border-bottom: solid 10px transparent;
margin: 0;
}
ul.productsmenu li.active .prodtitle {
border-bottom: solid 3px #f78f1e;
margin: 0px;
color: #f78f1e;
border-radius: 10px 10px 0 0;
font-weight: bold;
}
.prodlist-footer .prodtitle {
font-size: 1.2rem;
}
.prodlist {
background: #ececec;
font-size: 100%;
color: black;
text-align: center;
padding: 10px 0;
}
.page .content-area .prodlist h2 {
background: #323232;
color: white;
margin: 0;
padding: 25px 0px 7px;
position: relative;
text-align: center;
width: 100%;
border: none;
font-size: 23px;
}
.prodimg {}
.prodlist ul.productsmenu li {
max-width: 150px;
}
.prodlist:hover .prodimg { }
.prodlist:hover h2 { }
.productprice {
background: white;
color: white;
min-height: 30vh; padding: 2em 0 0 0;
background-size: cover;
background-position: center;
overflow: hidden;
margin-bottom: 50px !important;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
table.prodprice td {
background: #fff;
color: black;
padding: 4px 10px;
text-align: right;
font-size: 12px;
border-left: 1px dotted #ddd;
border-bottom: 1px solid #ddd;
}
.prodpricetable {
position: relative;
margin: 10px auto 50px;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.prodpricetable a {
display: block;
color: white;
}
.prodpricetitle {
text-align: center;
text-shadow: 4px 3px 4px rgba(0, 0, 0, 0.8);
}
.prodinfo {
background: rgba(0, 0, 0, 0.6);
max-width: 30%;
margin: 0;
padding: 20px 20px 20px 50px;
line-height: 100%;
text-align: justify;
position: relative;
}
table.prodprice {
display: inline-block;
border-collapse: collapse;
border-spacing: 5px;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
border-radius: 10px;
overflow: hidden;
background: black;
border: 2px solid black;
opacity: 0.9;
}
.box .prodprice {
opacity: 1;
}
table.prodprice thead td {
border-bottom: 1px solid black;
}
.bannerbg {
position: absolute !important;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-size: cover;
filter: blur(0px);
z-index: 0;
transform: scale(1);
transition: all 1s ease;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
background-position: center;
margin: 0 !important;
}
.bannerbg:before {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0.7;
background-color: black;
} table.prodprice th {
background: #ddd;
font-weight: normal;
font-size: 13px;
text-align: right;
padding: 2px 10px;
border-bottom: 1px solid black;
color: black;
}
.productprice h1 {
position: relative; margin: 20px 0;
background: transparent;
padding: 0 70px;
color: white;
text-shadow: 2px 1px 5px rgb(0 0 0 / 50%);
font-size: 60px;
border-radius: 0; display: inline-flex;
align-items: center;
z-index: 2;
}
.prodinfoimg img {
width: 150px;
margin-right: 30px;
}
.category-blog .central-box h2:hover a {
color: black;
}
.central-box .blogcontent h3 {
border-color: #999;
color: #999;
margin: 25px 20px 10px -20px;
padding: 5px 20px;
}
.central-box h3 {
border-bottom: none;
clear: both;
color: black;
margin-left: 0;
font-weight: bold;
}
.fgroups h3 {
border-color: #999;
color: #999;
margin: 0 40px 0 0;
padding: 40px 10px 2px 20px;
}
.fgroups h3.subtitle {
margin: 0;
padding: 7px 0;
position: relative;
text-align: left;
}
.fgroups h4 {
border: medium none;
font-size: 16px;
font-weight: bold;
margin: 0 0 10px;
padding: 0;
}
.framedetail {
text-align: left;
}
.fimgd .fav {
background-size: 100% auto;
border-radius: 0;
color: white;
font-size: 9px;
height: 22px;
line-height: 2;
overflow: visible;
padding: 0;
right: 5px;
top: 5px;
width: 22px;
}
.fgroups .box .inxbox {
padding: 20px;
color: white;
}
.fgroups .box {
padding: 0;
}
.fgroups {
background: #555 none repeat scroll 0 0;
margin: 0px 0px;
text-align: center;
min-height: 100px;
position: relative;
}
.fgroups0 {
text-align: left;
}
.frame-detail {
display: inline-block;
margin: 15px 24px 30px;
text-align: left;
}
h3.frametitle { color: #555;
margin: 0 0 0 0px;
padding: 0 1px 0 0px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
position: absolute;
bottom: 0px;
left: 50%;
display: block;
background: transparent;
height: auto;
line-height: 18px;
vertical-align: bottom;
top: auto;
border-bottom: 0;
font-size: 29px;
transform: translateX(-50%);
}
.fimgd {
display: inline-block;
position: relative;
} #pricelist {
height: 600px;
position: relative;
margin: 30px 10px 0px;
}
#pricesil {
background: url(//pictoart.cz/wp-content/themes/pictoart2016/images/sil2.png) no-repeat scroll 50% 50% transparent;
width: 320px;
height: 588px;
}
.priceframe {
background-color: silver;
border: 2px solid white;
display: table-cell;
font-size: 25px ! important;
position: absolute;
text-align: right;
top: 35px;
vertical-align: bottom;
box-shadow: 7px 7px 7px rgba(0, 0, 0, 0.7);
}
.priceframe2 {
background-color: silver;
border: none;
overflow: hidden;
position: relative;
top: 0px;
}
.pricelab2 {
background-color: transparent;
background-color: rgba(0, 0, 0, 0.4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000090, endColorstr=#00000090); border: none;
overflow: hidden;
position: relative;
color: #f78f1e;
font-size: 10px;
font-weight: bold;
right: 0px;
padding: 1px 6px;
text-align: right;
text-decoration: none;
}
.pricelab2:hover {
text-decoration: none;
}
.pricelab2 .size {
color: silver;
font-size: 90%;
}
.sizeframe {
position: absolute;
}
.sizeframe:hover {
text-decoration: none;
}
.lab {
margin: 10px;
}
.pricelab {
top: 36px;
color: #0C93D5;
font-size: 22px;
font-weight: bold;
position: absolute;
right: 9px;
display: none;
}
.tabsize {
color: grey;
font-size: 70%;
margin-left: 13px;
}
#pricetable {
left: 17px;
position: absolute;
top: 287px;
background-color: rgba(0, 0, 0, 0.3); border: #f78f1e 3px solid;
z-index: 110;
;
}
#pricetable table {
border-collapse: collapse;
}
#pricetable td,
#pricetable th {
color: white;
border-left: #f78f1e 3px solid;
background-color: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000088, endColorstr=#00000088); zoom: 1;
padding: 5px;
height: 28px;
line-height: 16px;
}
th.size {
font-size: 17px;
text-align: center;
}
th.typ {
height: 35px;
vertical-align: middle ! important;
width: 200px;
border: none ! important;
}
td.price2 {
color: #EF8E2D;
font-size: 15px;
text-align: center !important;
vertical-align: middle !important;
width: 103px;
}
td.img {
position: relative;
}
#pricetable table th {
height: 48px;
}
.selrow {
background: gray !important;
}
.selrow .tabsize {
color: black;
}
.selcell {
background: #f78f1e !important;
color: black ! important;
font-weight: bold;
font-size: 120%;
}
.selcell2 {
background: #f78f1e !important;
color: black ! important;
}
.selcell .pricelab {
color: black;
}
.picto-pricelist-overview {
padding: 30px;
text-align: left;
}
.customsizebox {
background: black none repeat scroll 0 0;
color: white;
display: block;
height: auto;
padding: 30px;
position: relative;
text-align: center;
margin: 0 -50px;
}
.entry-content .customsizebox form {
background: #494949 none repeat scroll 0 0;
color: white;
display: inline-block;
float: none;
font-weight: bold;
margin: 0;
padding: 20px;
position: relative;
}
.customsizebox .note {
display: inline-block;
}
.customsizebox input {
width: 60px;
}
.picto-pricelist-components {
color: black;
}
.xstars .fa-star-o {
color: #3f3f3f !important;
}
.xstars {
white-space: nowrap;
font-size: 80%;
}
.sred {
color: #a00 !important;
}
.syel {
color: #ff9800 !important;
}
.sgrn {
color: #3d3 !important;
}
.typ-img {
float: left;
width: 210px;
height: 210px;
position: relative;
margin: 3px 5px 12px;
}
.pricelist_img {
display: none;
position: relative;
margin: 10px;
} .photo-trash {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #ff000088;
padding: 10px;
width: 130px;
border-radius: 10px;
border: 1px solid;
}
.thumbcontainer {
margin: 30px 50px;
width: calc(100% - 100px);
}
.katthumbs.bigthumbs {
padding: 5px 70px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.thumbnailx a {
color: white;
text-decoration: none;
}
.ptypbox {
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
padding: 1px;
margin: 3px 3px;
}
.ptypbox ul {
padding: 0;
}
.ptypbox li {
list-style-type: none;
text-align: left;
}
.ptypbox li {
margin: 0px 0 0px -2px;
padding: 0 0 0 14px;
position: relative;
}
.ptypbox li:before {
content: "\f10c"; font-family: FontAwesome;
display: inline-block;
margin-left: 20px; padding-left: 0px;
margin-right: 0px;
color: gray;
}
.thumbnail-text .price {
font-weight: bold;
}
.katthumbs .thumbnailx {
color: white;
display: block;
margin: 0;
position: relative;
text-align: center;
width: auto;
}
.subkatitem {
display: inline-block;
float: none;
margin: 0;
padding: 2px 5px;
vertical-align: middle;
}
.subkatitem .thumbnail-img2 {
position: relative;
background-size: cover;
height: 100%;
width: 100%;
position: absolute;
background-position: center;
background-color: #f8f8f8;
}
.subkatitem .thumbnail-img {
position: absolute;
width: 100%;
height: 100%;
}
.subkatitem .thumbnailx {
color: white;
display: block;
margin: 0;
position: relative;
text-align: center;
width: 100%;
height: 100%;
}
.subkatitem .subkatitem2 {
position: absolute;
overflow: hidden;
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
top: 10px;
bottom: 10px;
left: 10px;
right: 10px;
}
.bigkatitem.subkatitem .thumbnail-img {
display: block;
}
.subkatitem.sq.bigkatitem {  position: relative;
min-width: 150px;
flex: 1 1 290px; max-width: 290px;
}
.subkatitem.sq.bigkatitem:before {
content: '';
float: left;
padding-top: 100%;
}
span.thumbnail-title.textsh.hilite3 {
display: block;
font-size: 14px;
color: #888;
}
span.thumbnail-title.textsh.hilite2 {
display: block;
font-size: 14px;
}
.minikat.subkatitem.currentkat>.subkatitem2 {
border: 4px solid #f78f1e;
border-radius: 100px;
overflow: hidden;
}
.currentkat .catname {
padding: 6px;
top: 0;
background: rgba(0, 0, 0, 0.63) none repeat scroll 0 0;
font-size: 19px !important;
}
.currentkat .catname>div {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
.currentkat.subkatitem:hover .catname {
background: rgba(0, 0, 0, 0.63) none repeat scroll 0 0;
}
.currentkat.subkatitem:hover .subkatitem2 img {
transform: none;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
}
.subkatitem:hover .subkatitem2 {
border-radius: 15%;
}
.subkatitem:hover .subkatitem2 .thumbnail-img2 {
transform: scale(1.2) rotate(3deg);
-webkit-transform: scale(1.2) rotate(3deg);
-moz-transform: scale(1.2) rotate(3deg);
-ms-transform: scale(1.2) rotate(3deg);
-o-transform: scale(1.2) rotate(3deg);
}
.subkatitem .subkatitem2 .thumbnail-img2 {
transition: all 0.3s ease;
-webkit-transition: 0.3s all ease;
-moz-transition: 0.3s all ease;
-ms-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
}
.catname {
background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
bottom: 0;
color: white;
font-size: 20px;
font-weight: bold;
left: 0;
padding: 2px 4px;
position: absolute;
right: 0;
text-align: center;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}
.minikat {
width: 150px;
height: 150px;
position: relative;
}
.minikat:hover .subkatitem2 {
border-radius: 25px;
}
.minikat .catname {
font-size: 13px;
}
.subkatitem:hover .catname {
background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
}
.minikat.active .subkatitem2 {
border: 4px solid orange;
padding: 1px;
border-radius: 100px;
overflow: hidden;
}
.minikat.btn,
.minikat.btn.active {
box-shadow: none;
}
.minikat.active .thumbnailx {
border-radius: 100px;
overflow: hidden;
}
.katthumbs.bigthumbs.gkat {
padding: 5px 70px;
display: flex;
flex-wrap: nowrap;
justify-content: center;
flex-direction: column;
}
.gkat .subkatitem.bigkatitem .subkatitem2 {
width: 100%;
}
.gkat .subkatitem.sq.bigkatitem {
width: 100%;
max-width: initial;
height: 3vw;
max-height: 400px;
flex: 1 1 11vw;
max-width: 1600px;
margin: 0 auto;
}
.gkat .subkatitem.bigkatitem:hover .subkatitem2 .thumbnail-img2 {
transform: none;
}
.gkat .subkatitem.bigkatitem:hover .subkatitem2 {
border-radius: 20px;
}
.gkat .bigkatitem .catname {
padding: 19px;
font-size: 3vw;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
color: white;
text-shadow: 0 0 7px #000000;
font-weight: bold;
}
.gkat .subkatitem:hover .catname {
background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
color: white;
}
.gkat .subkatitem.bigkatitem .subkatitem2 .thumbnail-img2 {
filter: blur(3px);
-webkit-filter: blur(3px);
-moz-filter: blur(3px);
-ms-filter: blur(3px);
-o-filter: blur(3px);
}
.gkat .subkatitem.bigkatitem:hover .subkatitem2 .thumbnail-img2 {
filter: blur(0px);
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-ms-filter: blur(0px);
-o-filter: blur(0px);
}
.subkbox {
display: flex;
justify-content: start;
align-items: center;
margin-bottom: 70px;
flex-wrap: wrap;
}
.subkbox .minikat.subkatitem {
width: 20vw;
height: 20vw;
background: white;
margin-bottom: 11px;
margin: 40px;
max-width: 400px;
max-height: 400px;
}
.subkbox .catname {
bottom: -22px;
}
.subkbox .subkatitem .subkatitem2 {
overflow: visible;
}
.subkbox .subkatitem:hover .subkatitem2 .thumbnail-img2 {
transform: none;
}
.subkatitem .catname {}
.btn.active .catname {
top: 0;
bottom: 0; }
.btn.active .catname div {
top: 50%;
position: absolute;
display: block;
text-align: center;
transform: translate(-50%, -50%);
left: 50%;
font-weight: bold;
font-size: 120%;
}
.thumbnail-img2 img {
width: 100%;
}
.galitem .onstock {
width: 20px;
height: 20px;
background: #4CAF50;
position: absolute;
left: 8px;
top: 8px;
border-radius: 20px;
border: 1px solid black;
box-shadow: 0px 0px 6px 5px rgba(148, 236, 67, 0.5);
}
.galitem .thumbnailx {
color: white;
display: block;
margin: 0;
position: relative;
text-align: center;
width: auto;
border: 0px;
}
.draft-detail {
color: black;
}
.draft-detail li {
list-style: none;
margin: 0;
border-bottom: 1px dotted silver;
padding: 0;
text-align: left;
font-size: 71%;
}
.draft-detail ul {
margin: 0;
padding: 0;
}
.galitem {
min-height: 100px;
}
.galitem:hover,
.authoritem:hover {
border-radius: 30px;
overflow: hidden;
}
.galitem.goods:hover {
border-radius: 10px;
}
.galitem.galauthor {
border-radius: 50%;
overflow: hidden;
}
.galitem.galauthor:hover {
border-radius: 50%;
overflow: hidden;
}
.galauthor .author-big-box {
border-radius: 50%;
overflow: hidden;
}
.galauthor img {
position: absolute;
left: -300px;
}
.galauthor .author-box-name {
max-width: 47%;
margin: 9px auto;
line-height: 100%;
font-weight: bold;
font-size: 90%;
}
.galitem,
.authoritem {
box-shadow: 0px 1px 11px rgba(0, 0, 0, 0.5);
display: inline-flex;
margin-bottom: 35px;
overflow: hidden;
position: relative;
transition: all .3s ease-in-out;
-webkit-transition: 0.3s all ease-in-out;
-moz-transition: 0.3s all ease-in-out;
-ms-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
}
.galitem .thumbnail-text {
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
padding: 10px;
text-align: center;
width: 100%;
color: white;
top: calc(100% - 37px);
bottom: auto;
font-size: 12px;
position: absolute;
opacity: 0.75;
transition: all .3s ease-in-out;
-webkit-transition: 0.3s all ease-in-out;
-moz-transition: 0.3s all ease-in-out;
-ms-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
}
.galitem:hover .thumbnail-text {
bottom: 0;
top: auto;
position: absolute;
opacity: 1;
}
.galitem:hover .limitedribbon {
bottom: -30px;
position: absolute;
opacity: 1;
}
.adminmode.galitem .limitedribbon {
display: none;
}
.quickprodinfo .picto-detrow-tab-content {
flex-direction: column;
}
.minilabplace {
display: flex;
}
.minilabplace>div {
margin: 40px;
}
.relatedphotos .galitem .thumbnail-text {
font-size: 10px;
}
.relatedphotos .galitem:hover { }
.relatedphotos .galitem.rowplus {
display: none !important;
}
.relatedphotos img.img-responsive { width: auto;
}
.galitem .thumbnail-img,
.authoritem .thumbnail-img {
transition: all .3s ease-in-out;
-webkit-transition: 0.3s all ease-in-out;
-moz-transition: 0.3s all ease-in-out;
-ms-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
position: relative;
}
.galitem .thumbnail-imgam {
position: relative;
}
.thumbnail-img2am {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
}
.galitem:hover .thumbnail-img,
.authoritem:hover .thumbnail-img { } .galitem .loader {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #555555dd;
color: white;
z-index: 1000;
font-size: 400%;
text-align: center;
padding: 136px 100px;
}
.authoritem .thumbnail-img {
background-position: center center;
background-size: cover;
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.inxbox {
margin: 10px 25px;
position: relative;
}
.pqico {
border-radius: 30px;
left: 15px;
padding: 5px;
position: absolute;
top: 15px;
transition: all .3s ease-in-out;
-webkit-transition: 0.3s all ease-in-out;
-moz-transition: 0.3s all ease-in-out;
-ms-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
}
.galitem:hover .pqico,
.galitem:hover .fav {
background-color: rgba(255, 255, 255, 0.8);
}
.epick {
position: absolute;
top: 10px;
right: -1px;
background: transparent; height: 30px;
display: flex;
justify-content: center;
flex-wrap: nowrap;
align-items: center;
color: black;
padding: 12px 10px 12px 5px;
border-radius: 6px 0 0 6px;
border: 1px solid white;
}
.galitem:hover .epick0 {
background: #ffffff30;
}
.epick0:after {
content: "\f096";
color: black;
font-family: fontawesome;
}
.epick:before {
content: "vybrat"; margin: 0 6px;
}
.epick1:after {
content: "\f046"; font-family: fontawesome; }
.epick1 {
background: green;
color: white;
}
.singlephoto .breadcrumbs>a {
color: white;
}
.singlephoto .breadcrumbs {
background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
color: white;
padding: 0 40px 7px;
}
.photo_q {
margin: 30px auto -40px;
max-width: 600px;
}
.favbig {
margin: 30px auto 0;
max-width: 600px;
}
.physize {
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
border: 1px solid white;
border-radius: 5px;
font-size: 10px;
left: 10px;
padding: 1px 6px;
position: absolute;
top: 8px;
}
.fav {
border-radius: 30px;
padding: 5px;
bottom: 3px;
color: white;
font-size: 10px;
height: 50px;
line-height: 37px;
position: absolute;
right: 15px;
top: 15px;
width: 50px;
text-align: center;
transition: all .3s ease-in-out;
-webkit-transition: 0.3s all ease-in-out;
-moz-transition: 0.3s all ease-in-out;
-ms-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
background-position: center !important;
}
.fgroups h3.subtitle .fav {
height: 50px;
margin: 0;
padding: 0;
right: -11px;
top: 0;
width: 50px;
background-color: transparent;
color: transparent;
}
.fav0 {
background: url(//pictoart.cz/wp-content/themes/pictoart2016/images/favh0.png) no-repeat;
display: none;
background-color: rgba(255, 255, 255, 0.8);
}
.fav1 {
background: url(//pictoart.cz/wp-content/themes/pictoart2016/images/favh1.png) no-repeat;
color: red;
}
.fav2 {
background: url(//pictoart.cz/wp-content/themes/pictoart2016/images/favh2.png) no-repeat;
color: white;
}
.fav:hover,
.fav3 {
background: url(//pictoart.cz/wp-content/themes/pictoart2016/images/favh1.png) no-repeat;
}
.btn.fav2 {
background: red;
border-radius: 12px; }
i.fa.fa-heart span {
position: absolute;
left: 50%;
color: red;
font-size: 10px;
top: 50%;
transform: translate(-50%, -71%);
font-weight: bold;
font-family: "futura-pt", sans-serif !important;
}
i.fa.fa-heart {
position: relative;
}
.galitem .fav {
display: none;
}
.galitem .fav2,
.galitem .fav1 {
display: block;
}
.galitem:hover .fav0 {
display: block;
}
.galtool {
display: block;
width: 50px;
height: 50px;
position: absolute;
top: calc(50% - 20px);
background: rgba(0, 0, 0, 0.5);
border-radius: 60px;
font-size: 30px;
line-height: 42px !important;
text-align: center;
transform: translateY(-50%);
transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
-moz-transition: 0.3s all ease;
-ms-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
}
a.galtool .fa {
font-size: 100%;
margin: 0;
}
.galtoolright {
left: calc(100% + 100px);
}
.galtoolleft {
left: -100px;
}
.galitem:hover .galtoolright {
left: calc(50% + 5px);
}
.galitem:hover .galtoolleft {
left: calc(50% - 55px);
}
.fgroups>div:hover h3 .fav {
display: block;
}
.favb {
bottom: 3px;
color: #ffffff;
float: left;
font-size: 26px;
height: 64px;
line-height: 54px;
margin: 0 10px;
right: 3px;
text-align: center;
width: 64px;
}
.favb0 {
background: url(//pictoart.cz/wp-content/themes/pictoart2016/images/fav0-big.png) no-repeat;
color: black;
}
.favb1 {
background: url(//pictoart.cz/wp-content/themes/pictoart2016/images/fav1-big.png) no-repeat;
color: black;
}
.favb2 {
background: url(//pictoart.cz/wp-content/themes/pictoart2016/images/fav2-big.png) no-repeat;
}
.favb:hover {
background: url(//pictoart.cz/wp-content/themes/pictoart2016/images/fav1-big.png) no-repeat;
color: black;
}
.favb2:hover {}
.limitedribbon {
position: absolute;
bottom: 45px;
background: gold;
z-index: 1000;
left: 50%;
transform: translateX(-50%);
color: black;
padding: 3px 12px;
font-weight: bold;
white-space: nowrap;
border-radius: 5px;
border: 3px solid;
overflow: hidden;
transition: all .3s ease-in-out;
-webkit-transition: 0.3s all ease-in-out;
-moz-transition: 0.3s all ease-in-out;
-ms-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
}
.top-ribbon {
background: url(//pictoart.cz/wp-content/themes/pictoart2016/images/top-ribbon.png) no-repeat;
height: 60px;
left: -1px;
position: absolute;
top: -1px;
width: 60px;
z-index: 101;
}
.top-ribbon2 {
background: url(//pictoart.cz/wp-content/themes/pictoart2016/images/top-ribbon2.png) no-repeat;
height: 60px;
left: -1px;
position: absolute;
top: -1px;
width: 60px;
z-index: 101;
}
.top-ribbon3 {
background: url(//pictoart.cz/wp-content/themes/pictoart2016/images/top-ribbon3.png) no-repeat;
height: 60px;
left: -1px;
position: absolute;
top: -1px;
width: 60px;
z-index: 101;
}
.top-ribbon-vip {
background: url(//pictoart.cz/wp-content/themes/pictoart2016/images/top-ribbon-vip.png) no-repeat;
height: 60px;
left: -5px;
position: absolute;
top: -5px;
width: 60px;
z-index: 101;
}
#pod-ribbon-big {
background: url(//pictoart.cz/wp-content/themes/pictoart2016/images/top-ribbon-big.png) 29px 0 no-repeat;
min-height: 115px;
font-size: 9pt;
font-weight: bold;
padding: 10px 30px 10px 105px;
width: 100%;
color: gray;
display: inline-block;
vertical-align: top;
}
.goods.galitem {
margin: 1vw 1vw;
box-shadow: none;
display: flex;
flex-direction: column;
overflow: visible;
background: white;
border-radius: 10px;
}
.goodscontainer {
display: flex;
justify-content: center;
align-items: stretch;
flex-wrap: wrap;
background: #efefef;
width: 100vw;
}
.goods.galitem .thumbnailx {
width: 16vw;
height: 16vw;
max-width: 16vw;
max-height: 16vw;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.goods.galitem .thumbnail-img {
background-size: contain;
background-position: center;
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-repeat: no-repeat;
}
.goods.galitem .thumbnail-text {
position: relative;
background: none;
color: black;
}
.goods span.thumbnail-title {
font-size: 150%;
} #mainPictureBox {
position: relative;
padding: 0 0px;
margin: 0px;
min-height: 200px;
background: white;
}
.mainloader {
text-align: center;
padding: 30px;
font-size: 150%;
}
.mainloader i.fa {
font-size: 300%;
margin: 0 0 30px;
}
.filterstatus a.btn {
vertical-align: middle;
MARGIN: 3px 0 0 0 !important;
padding: 2px 10px;
border-radius: 6px;
height: 26px;
display: inline-block;
float: none;
}
.filterstatus .flabgrp {
margin-top: 3px !important;
}
.flabgrp {
color: white;
background: black;
border-radius: 6px;
padding: 1px 0px 0 9px;
border: 1px solid black;
overflow: hidden;
font-size: 11px;
line-height: 21px;
height: 26px;
display: inline-block;
margin: 0 10px 0 0px;
vertical-align: middle;
}
div#lg_searchtext span {
font-weight: bold;
background: red;
padding: 6px 6px;
color: black;
font-size: 121%;
}
#lg_searchtext {
background: black;
color: beige; }
.flabgrp .flabel {
background: white;
color: black;
font-weight: initial;
vertical-align: middle;
padding: 4px;
margin: 2px 2px 2px -3px;
font-size: 100%;
border-radius: 0;
}
.flabgrp .flabel:last-child {
border-radius: 0 4px 4px 0;
margin-right: 1px;
}
.btn-close-filter {
display: inline-block;  height: 36px;
width: 36px;
vertical-align: middle;
margin: 7px 0 0 0;
border-radius: 100%;
text-align: center;
line-height: 31px;
font-size: 20px;
padding: 0;
}
#mainFilter {
background: #c2c2c2 none repeat scroll 0 0;
padding: 20px;
}
.searchbox {
padding: 1px 10px;
}
.triangle-l {
width: 0;
height: 0;
border-style: solid;
border-width: 50px 50px 50px 0;
border-color: transparent #ccc transparent transparent;
padding: 0;
margin: 0px 50px;
}
.triangle-r {
width: 0;
height: 0;
border-style: solid;
border-width: 50px 0 50px 50px;
border-color: transparent transparent transparent #ccc;
padding: 0;
margin: 0 50px;
}
#mainPictureBox form {
display: flex;
flex-direction: column;
width: 310px;
margin: 60px auto 10px;
}
div#mainPictureBox form>input {
margin: 10px 0;
} #filelist,
#filelist-drop,
.filelist,
.filelist-drop {
margin: 0 10px;
padding: 10px;
text-align: center;
}
#filelist-drop,
.filelist-drop {
background: #dadada none repeat scroll 0 0;
border: 4px dashed black;
font-size: 20px;
font-weight: bold;
line-height: 176px;
margin-bottom: 20px;
min-height: 200px;
padding: 10px;
color: black;
text-align: center;
}
.miniuploader {
display: none;
}
.miniuploader #filelist-drop,
.miniuploader .filelist-drop {
background: rgba(255, 255, 255, 0.9);
border: 4px dashed black;
font-size: 20px;
font-weight: bold;
line-height: 25px;
margin: 0px;
padding: 10px;
border-radius: 29px;
}
#filelist-drop.dragover,
.filelist-drop.dragover {
border-color: #f78f1e;
color: #f78f1e;
}
#pictouploader,
.pictouploader {
padding: 20px;
text-align: center;
}
.amelem .miniuploader {
margin: 0;
padding: 0;
height: auto;
overflow: visible;
}
.amelem .miniuploader #filelist-drop,
.amelem .miniuploader .filelist-drop {
font-size: 10px;
line-height: initial;
border-radius: 7px;
border-width: 2px;
height: auto;
overflow: visible;
display: inline-block;
min-height: 20px;
padding: 2px 50px 2px 4px;
text-align: left;
}
.amelem .miniuploader #filelist-drop br,
.amelem .miniuploader .filelist-drop br {
display: none;
}
.amelem .miniuploader #filelist-drop .btn,
.amelem .miniuploader .filelist-drop .btn {
display: inline-block;
line-height: initial;
font-size: 12px;
height: auto;
white-space: nowrap;
padding: 2px 6px;
vertical-align: baseline;
margin: 0;
}
.amelem #uplfile {
bottom: 5px;
right: 6px;
}
.imgplace .filelist-drop {
position: absolute !important;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(255, 255, 255, 0.9);
margin: 0;
border-color: #7521c4;
color: #7521c4;
LINE-HEIGHT: 30PX;
}
.picto-pageimg #filelist-drop {
background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
border-color: #7521c4;
border-radius: 10%;
border-style: solid;
border-width: 9px;
bottom: 0;
line-height: 27px;
margin: 0;
padding: 60px 0;
position: absolute !important;
top: 0;
}
.picto-pageimg .btn {
margin: 10px 0 0 0;
}
#uplfile {
background-color: #7521c4;
border-radius: 15%;
bottom: 20px;
color: #cfcfcf;
cursor: pointer;
font-size: 25px;
height: 40px;
opacity: 0.5;
position: absolute;
right: 20px;
text-align: center;
width: 40px;
z-index: 100000;
}
#uplfile:hover {
color: white;
opacity: 1;
}
#crpcanv>img {
margin: 0 auto;
max-height: 500px;
max-width: 100%;
position: relative;
}
.picto-pageimg #pictouploader,
.imgplace .pictouploader {
bottom: 0;
left: 0;
padding: 0;
position: absolute !important;
right: 0;
top: 0;
display: none;
} #footer a {
color: #cdcdcd;
}
#footer li {
list-style: outside none none;
padding: 0;
margin: 0;
}
#footer ul {
padding: 0;
}
#footer {
background: #353535 none repeat scroll 0 0;
border-top: 5px solid black;
color: white;
padding: 20px 130px;
text-align: center;
}
#footer h3 {
margin: 20px 0px 10px 8px !important;
border-bottom: 1px solid white;
padding: 0 0 10px;
font-size: 120%;
text-align: left;
} div#PictoartEshop {
background: rgba(0, 0, 0, 0.5);
border: 1px solid white;
}
div#qrProcess #PAWContent {
background: #ffffffdf;
display: flex;
flex-wrap: wrap;
justify-content: start;
align-items: baseline;
}
div#qrProcess #PAWContent>div {
margin: 10px;
}
#PAWContent table {
color: black;
text-align: left;
}
#PAWContent table img {
margin: 4px;
}
#PAWContent table td {
display: inline-flex;
justify-content: center;
align-items: center;
padding: 5px 3px;
flex-direction: column;
}
#PAWContent table tr {
margin: 20px 0 0 0;
display: block;
background: #ddd;
padding: 5px;
border-radius: 5px;
} div#wallitems {
white-space: nowrap;
padding-left: 200px;
}
#mainwall {
border-bottom: 4px solid black;
margin-top: -15px;
overflow: hidden;
position: relative;
text-align: center;
background-position: center;
background-size: 200px;
overflow-x: auto;
transition: background-size ease 2s;
-webkit-transition: background-size ease 2s;
-moz-transition: background-size ease 2s;
-ms-transition: background-size ease 2s;
-o-transition: background-size ease 2s;
box-shadow: 0px 6px 20px 1px rgba(0, 0, 0, 0.5);
}
#mainwall.wallopen {
height: 200px;
background-size: 200px;
}
#mainwall.wallclose {
height: 68px;
background-size: 200px;
}
.wallitem {
-webkit-filter: drop-shadow(6px 8px 5px rgba(0, 0, 0, 0.5));
display: inline-block;
margin: 10px 40px;
position: relative;
vertical-align: middle;
z-index: 2;
cursor: move;
transition: height ease 2s;
-webkit-transition: height ease 2s;
-moz-transition: height ease 2s;
-ms-transition: height ease 2s;
-o-transition: height ease 2s;
}
.wallitem img {
transition: height ease 2s;
-webkit-transition: height ease 2s;
-moz-transition: height ease 2s;
-ms-transition: height ease 2s;
-o-transition: height ease 2s;
}
.wallitem.goods {
box-shadow: none;
}
#walsil {
background-position: right top;
background-repeat: no-repeat;
height: 200px;
position: absolute;
right: 0;
top: 0;
width: 330px;
z-index: 1;
transition: background-size ease 2s;
-webkit-transition: background-size ease 2s;
-moz-transition: background-size ease 2s;
-ms-transition: background-size ease 2s;
-o-transition: background-size ease 2s;
}
.ui-sortable-placeholder {
border: 1px dotted silver;
visibility: visible !important;
}
#walltools {
background: rgba(50, 50, 50, 0.7);
border-radius: 11px;
bottom: 10px;
color: white;
font-size: 12px;
left: 10px;
padding: 5px;
position: absolute;
top: 10px;
width: 200px;
line-height: 14px;
}
.wallclose #walltools {
bottom: auto;
display: inline-block;
left: auto;
margin: 9px auto;
position: relative;
right: auto;
top: auto;
width: auto;
border-radius: 4px;
}
.wallclose #walltools .btn {
display: inline;
width: auto;
vertical-align: text-bottom;
margin: 0 20px
}
.wallclose #walltools br {
display: none;
}
.wallclose #walltools h3 {
display: inline-block;
margin: 0 10px;
}
.wallclose #walltools .btnwallempty,
.wallclose #walltools .btncart {
display: none;
}
#walltools h3 {
margin: 6px 22px 3px 11px !important;
padding: 0;
border: none;
}
#walltools .btn {
margin: 2px;
width: 92%;
}
#walltools i.fa {
margin-right: 10px;
}
.wall-tooltip {
background: #161616 none repeat scroll 0 0;
font-size: 13px;
border: 1px solid #f78f1e;
}
.qtip-tip {
top: -9px !important;
}
.qtip-titlebar {
position: relative;
padding: 5px 43px 5px 10px;
overflow: hidden;
border-width: 0 0 1px;
font-weight: 700;
background-color: transparent !important;
color: white; line-height: 15px;
margin: 0px;
left: 0;
border-width: 2px;
border-color: orange;
border-style: solid;
border-bottom: 1px solid #555;
}
.qtip-content {
position: relative;
padding: 5px 9px;
overflow: visible;
text-align: left;
word-wrap: break-word;
color: silver;
line-height: 15px;
border: 2px solid orange;
box-shadow: 9px 11px 18px 0px rgba(0, 0, 0, 0.5);
font-weight: normal;
}
.qtip-content b {
color: orange;
font-weight: bold;
}
.qtip-content br {
margin: 8px 0;
display: block;
height: 0;
content: '';
}
.qtip-recap .qtip-content {
border: none;
}
.wall-tooltip .fa {
font-size: 110%;
margin-right: 0px;
vertical-align: text-bottom;
line-height: 16px;
}
.wall-tooltip .ui-tooltip-titlebar {
background: #161616 none repeat scroll 0 0;
color: orange;
border: none;
border-bottom: none;
padding-right: 45px;
white-space: nowrap;
}
.wall-tooltip .ui-tooltip-content {
background: #161616 none repeat scroll 0 0;
color: white;
border: none;
border-top: none;
padding-right: 45px;
overflow: visible;
line-height: 20px;
border-bottom: none;
}
.wall-tooltip .wallbtns {
position: absolute;
right: 6px;
top: -20px;
width: 25px;
}
.wall-tooltip button {
border: 1px solid black;
border-radius: 20px;
height: 25px;
width: 25px;
margin-bottom: 5px;
display: block;
color: white;
padding: 0;
}
.wall-tooltip button:hover {
border-color: white;
color: white;
}
.wall-tooltip .btndel {
background: darkred;
}
.wall-tooltip .btnedit {
background: grey;
}
.wall-tooltip .btnclone {
background: grey;
}
ul.atw li {
display: inline-block;
margin: 10px;
max-width: 300px;
}
.atw img {
width: 100%;
height: auto;
border-radius: 20px;
}
.row.atw {
margin: 20px 25px;
}
.atw a {
color: white;
font-size: 100%;
}
.atw div {
text-align: center;
margin-bottom: 20px;
}
#PictoartAddToWall,
#PictoartAddToLab,
#searchFramesWin {
background: #333 none repeat scroll 0 0;
border: 2px solid orange;
padding: 10px;
}
.PAW {
position: fixed;
left: 40px;
top: 80px;
right: 40px;
bottom: 40px;
z-index: 1001;
}
.PAWTitle {
background: black none repeat scroll 0 0;
color: white;
font-size: 20px;
font-weight: bold;
height: 38px;
line-height: 33px;
margin: -9px -9px 11px;
text-align: center;
}
.PAWClose {
border: 1px solid white;
border-radius: 4px;
height: 20px;
position: absolute;
right: 10px;
top: 10px;
width: 20px;
color: white;
padding: 0;
text-align: center;
line-height: 9px;
font-size: 16px;
cursor: pointer;
}
.PAWClose:hover {
background: red;
}
.PAWClose i {
margin: 0;
}
#PictoartAddToWall .thumbnail-text {
height: 40px;
font-size: 10px;
}
#PictoartAddToWall .thumbnailx {
display: inline-block;
width: 120px;
float: none;
}
#PictoartFuzzImg {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1000;
background: #ffffff88;
justify-content: center;
align-items: center;
display: flex;
}
div#PictoImage {
display: flex;
align-items: center;
justify-content: center;
position: relative;
height: 100%;
width: 100%;
padding: 80px 20px 20px;
}
img#pimage { max-height: 100%; box-shadow: 25px 25px 25px #00000055;
}
.noscroll {
overflow: hidden;
}
#PictoartFuzz {
background: rgba(0, 0, 0, 0.7);
position: fixed;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
z-index: 1000000;
}
#PictoartAddToWall,
#PictoartAddToLab,
#searchFramesWin {
background: #333 none repeat scroll 0 0;
border: 2px solid orange;
padding: 10px;
}
.PAW {
position: fixed;
left: 40px;
top: 80px;
right: 40px;
bottom: 40px;
z-index: 1001;
}
.PAWTitle {
background: black none repeat scroll 0 0;
color: white;
font-size: 20px;
font-weight: bold;
height: 38px;
line-height: 33px;
margin: -9px -9px 11px;
text-align: center;
} .PAWClose {
border: 1px solid white;
border-radius: 4px;
height: 40px;
position: absolute;
right: 10px;
top: 10px;
width: 40px;
color: white;
padding: 0;
text-align: center;
line-height: 9px;
font-size: 36px;
cursor: pointer;
z-index: 1000;
}
.PAWClose:hover {
background: red;
}
#PAWContent {
bottom: 0;
left: 0;
overflow: auto;
padding: 10px 30px;
position: absolute;
right: 0;
top: 0px;
text-align: center;
}
#PAWContent>#userphotos {
text-align: center;
color: white;
}
.PAWClose i {
margin: 0;
} .allowdomains_row_templ {
display: none;
}
.allowdomains_row {
border: 1px solid #aaa;
padding: 5px 0;
background: #ddd;
margin: 3px 0;
border-radius: 3px;
}
.allowdomains_row>div {
display: inline-block;
margin: 0 5px;
}
.admintools #ahrecom {
background: #3b3b3b;
color: white;
}
.ampqico {
background: black;
width: auto;
display: block;
padding: 5px 10px;
border-radius: 14px;
}
.ampqico .pqico {
position: relative;
left: unset;
right: unset;
display: inline-block;
vertical-align: middle;
height: 20px;
width: 20px;
padding: 0;
top: unset;
margin: 0 7px 0 0;
}
.ampqico img {
width: 100%;
height: 100%;
}
.ampqico.ok {
color: #22aa22;
font-weight: bold;
font-size: 12px;
}
.ampqico.bad {
color: red;
}
.ampqico.notok {
color: orange;
}
.galitem:hover .ampqico .pqico {
background: none;
}
input.small {
width: 40px;
}
.quickstat i.fa {
margin: 0px 0 0 8px;
color: white;
}
.quickstat span {
display: inline-block !important;
}
.quickstat span.hilite {
color: lime;
background: black;
padding: 2px 5px 0 2px;
font-weight: bold;
margin: 0 0px 2px 5px;
border-radius: 5px;
}
.quickstat span.hilite i {
color: lime;
margin: 0 3px;
}
.phgroup,
.phgroup-highlight {
background: gray;
padding: 10px;
margin: 5px;
box-shadow: 5px 5px 11px rgba(0, 0, 0, 0.7);
}
.phgroup-highlight {
border: 1px dotted #7521c4;
height: 100px;
background: transparent;
}
.phgroup>h3>div,
.phgroup>h3>input {
display: inline-block;
vertical-align: middle;
margin: 10px 11px;
}
.phgroup>h3 {
margin: -10px -10px 6px -10px;
padding: 0px 4px;
background: black;
color: white;
height: 57px;
line-height: 37px;
}
.phgroup h3 i.fa-sort {
background: #7521c4;
width: 35px;
height: 35px;
color: white;
text-align: center;
line-height: 36px;
cursor: ns-resize;
}
textarea.author-description {
width: 100%;
color: black;
font-size: 14px;
line-height: 14px;
min-height: 300px;
}
.admintools.admin-inline {
position: relative; }
.admintools {
color: white;
padding: 10px 0;
display: block;
position: absolute;
transition: all 0.3s ease-in-out;
-webkit-transition: 0.3s all ease-in-out;
-moz-transition: 0.3s all ease-in-out;
-ms-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
}
.atools-tabs .btn {
font-weight: normal;
margin: 0 2px;
}
.at-section {
background: #7521c4 none repeat scroll 0 0;
border-radius: 4px;
margin: 7px 0;
padding: 5px 3px !important;
}
.at-section.at-section-params>div {
text-align: left;
background: #7521c4 none repeat scroll 0 0;
margin: 3px -3px;
padding: 3px 8px;
}
.at-section.at-section-params {
background: black;
}
.at-section label.at-label {
min-width: 45px;
}
.at-posttyp {
width: 100%;
margin: 1px 0;
padding: 3px 4px;
}
.at-posttyp label {
width: 40%;
margin: 1px;
border-radius: 10px 0 0 10px !important;
}
.at-price {
padding: 5px;
position: relative;
}
.prodsetup {
border: 1px solid white;
margin: 5px 5px -3px;
padding: 2px;
}
.at-posttyp label.btn-smallsfx,
.btn-smallsfx {
width: 10% !important;
border-radius: 0 10px 10px 0 !important;
margin-left: 0px !important;
}
.admin-box .btn-default:hover {
color: red;
border: 2px solid red;
}
.admin-box .btn-xs {
margin: 2px;
font-size: 80%;
padding: 0 3px;
}
.admin-box .fa-edit,
.admin-box .fa-list,
.admin-box .fa-clock-o {
margin: 1px;
}
#singletax {
background: black;
padding: 10px; min-width: 100px;
max-width: 300px;
min-height: 100px;
border: 3px solid orange;
box-shadow: 3px 3px 13px rgba(0, 0, 0, 0.5);
border-radius: 10px;
display: none;
}
.admintools .admin-box .stock {
height: 20px;
width: 40px;
padding: 0;
text-align: center;
}
.admintools .noempty {
background: #bfde9c;
color: black;
border: 1px solid;
font-weight: bold;
padding: 1px 5px;
}
.admintools input[type="text"],
.admintools select {
font-size: 12px;
width: 210px;
margin: 2px 0px;
vertical-align: middle;
height: 36px;
}
.admintools .panel-body .panel-loader {
font-size: 200%;
text-align: center;
padding: 100px 0;
}
.panel-body h4 {
border-bottom: 1px solid;
font-weight: bold;
margin: 10px 0 10px 0;
padding: 0 0 3px 0;
}
.panel-body>div {
padding: 10px 10px;
padding: 20px 20px;
background: #eee;
margin-top: -10px;
}
.admintools .panel-loader i.fa {
font-size: 300%;
margin: 0 0 30px 0;
}
.admintools .panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
color: inherit;
font-weight: bold;
}
.adminmode textarea {
color: black;
}
.admintools a {
color: #fff;
}
.btn .ldr {
position: absolute;
right: 0;
top: 0;
background: black;
color: green;
padding: 0px 5px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
width: 50%;
min-width: 20px;
}
.ldrc .ldr {
position: absolute;
top: -1px;
left: -22px;
color: #00aa00;
font-size: 20px;
}
.ldrc {
position: relative;
display: inline-block;
width: 0; vertical-align: top;
}
.admintools .panel-heading {
background: black;
border-radius: 0;
color: white;
border: none;
}
.admintools .panel {
margin-bottom: 0;
border-radius: 0;
border-bottom: 1px solid white;
border-top: 0;
border-left: 4px solid white;
border-right: 0;
}
.admintools h2 {
border-bottom: 4px solid #fff;
font-size: 30px;
margin-bottom: 18px !important;
padding-bottom: 0px;
clear: both;
}
.admintools.maintools,
.author.archive .admintools.maintools {
position: relative;
padding: 20px 40px;
}
.admintools.authoradmin {
padding: 10px;
position: relative;
}
.admin-topbox>div {
margin: 2px;
padding: 2px;
}
.admintools h2 {
margin: 0;
}
.admintools a {
color: #bdbdbd;
}
.admintools a.btn-success {
color: #fff;
}
.well.alert i.bigicon {
background: white;
width: 70px;
height: 70px;
display: flex;
align-items: center;
justify-content: center;
color: black;
font-size: 55px;
border-radius: 100px;
padding: 0 8px 4px 0px;
float: left;
margin: 0px 20px 0 0;
font-weight: bold;
}
.admintools a.btn-primary {
color: black;
}
.admintools a.btn-primary:hover {
color: #f78f1e;
}
.ampref {
display: inline-block;
background: black;
height: 36px;
vertical-align: middle;
padding: 8px 10px;
font-size: 70%;
color: #888;
}
.amsfx {
display: inline-block;
background: black;
padding: 5px 8px;
border-radius: 0px 10px 10px 0px;
vertical-align: middle;
max-height: 36px;
color: white;
min-height: 36px;
line-height: 26px;
text-align: left;
font-size: 12px;
}
.ammid {
display: inline-block;
background: black;
padding: 5px 8px;
vertical-align: middle;
max-height: 36px;
color: white;
min-height: 36px;
line-height: 26px;
text-align: left;
font-size: 12px;
}
.amlabel {
display: inline-flex;
background: black;
padding: 5px 8px;
border-radius: 10px 0px 0px 10px;
vertical-align: middle; max-height: 36px;
color: white;
min-height: 36px;
line-height: 26px;
text-align: right;
font-size: 12px;
align-items: center;
justify-content: flex-end;
}
.amlabel.amlabel2 {
min-width: 110px;
}
.amlabel i.fa {
font-size: 220%;
}
.galitem .amelem {
width: 100%;
}
.amelem {
display: inline-flex;
margin: 4px 0;
position: relative;
align-items: center;
}
.galitem .amelem>input {
flex-grow: 1;
}
.galitem .amelem>* {
flex: 1 1;
line-height: 1;
align-items: center;
display: flex;
}
.galitem .amelem>i,
.galitem .amelem>.amsfx,
.galitem .amelem>.ammid {
flex: 0 0;
}
.amelem .small {
height: 35px;
text-align: center;
}
.amelem .ldr {
position: absolute;
right: 16px;
top: 0;
font-size: 20px;
background-color: white;
width: 30px;
height: 30px; text-align: center;
display: flex;
justify-content: center;
align-items: center;
border-radius: 5px;
}
.toolbox i.fa-question-circle {
float: right;
}
.galitem .amelem>* {
flex-grow: 1;
}
.amelem .ldrc {
position: absolute;
right: 0;
background: #079c25;
color: white;
border-radius: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.amelem.hiok input {
border: #00aa00 1px solid;
}
.amelem.hiok .amlabel {
background: #00aa00;
font-weight: bold;
}
.amelem.hierror input {
border: #aa0000 1px solid;
}
.amelem.hierror .amlabel {
background: #aa0000;
font-weight: bold;
}
.amelem a.btn {
height: 36px;
margin: 0 0 0 10px;
}
.btn-group .amlabel {
float: left;
}
.at-section.at-section-params .selltyp-A {
background: mediumseagreen;
color: black;
}
.at-section.at-section-params .selltyp-S {
background: #2196F3;
color: white;
}
.at-section.at-section-params .selltyp-D {
background: mediumvioletred;
color: white;
}
.at-section.at-section-params .selltyp-L {
background: gold;
color: black;
}
.ui-dialog-content select,
.ui-dialog-content input {
margin: 0 -6px;
}
.ui-dialog-content td {
white-space: nowrap;
padding: 0 6px;
background: rgba(0, 0, 0, 0.5);
margin: 1px;
display: table-cell;
}
.ui-dialog-content table {
border-collapse: separate;
border-spacing: 2px;
}
.ui-dialog-content .dim {
width: 58px;
margin: 0 2px;
}
.ui-autocomplete {
background: #333;
color: white;
max-width: 430px !important;
border: 3px orange solid;
box-shadow: 3px 4px 10px rgba(0, 0, 0, 0.5);
padding: 4px;
}
.ui-autocomplete .ui-menu-item {
list-style-image: none;
list-style-type: none;
margin: 0;
padding: 0;
border-bottom: 1px dotted #666;
cursor: pointer;
}
.ui-autocomplete .ui-state-hover,
.ui-autocomplete .ui-widget-content .ui-state-hover,
.ui-autocomplete .ui-widget-header .ui-state-hover,
.ui-autocomplete .ui-state-focus,
.ui-autocomplete .ui-widget-content .ui-state-focus,
.ui-autocomplete .ui-widget-header .ui-state-focus,
.ui-autocomplete .ui-menu-item:hover,
.ui-autocomplete .ui-menu-item.ui-state-focus,
.ui-autocomplete .ui-menu-item:active {
background: #555;
}
.ui-autocomplete-loading {
background: white url(//pictoart.cz/wp-content/themes/pictoart2016/images/ui-anim_basic_16x16.gif) no-repeat scroll right center;
}
#defprodsetup td {
background: #555;
padding: 0 7px;
color: white;
vertical-align: middle;
position: relative;
}
#defprodsetup table {
border-collapse: separate;
border-spacing: 3px;
}
#defprodsetup th {
background-color: black;
color: white;
padding: 5px 7px;
}
#defprodsetup select,
#defprodsetup input {
margin: -3px -7px;
}
#defprodsetup .ldr {
position: absolute;
background: black;
color: lightgreen;
width: 40px;
height: 40px;
text-align: center;
font-size: 26px;
border-radius: 20px;
line-height: 36px;
border: 3px solid;
opacity: 0.8;
right: -20px;
top: 50%;
transform: translateY(-50%);
z-index: 1000;
box-shadow: 4px 4px 11px rgba(0, 0, 0, 0.5);
}
.ui-dialog.admintools {
border: 2px solid black;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
z-index: 1000000;
background: #555;
}
.ui-dialog-content {
overflow: auto;
}
.gradient_red {
background: red none repeat scroll 0 0;
color: white;
}
.gradient_green {
background: #00aa00 none repeat scroll 0 0;
color: white;
}
.kat-info {
display: inline-block; margin: 1px 1px;
padding: 0px 7px;
background: black;
border-radius: 20px;
text-align: center;
color: white;
}
.admintools .ui-dialog-titlebar {
background: black none repeat scroll 0 0;
margin: -8px -8px 8px;
padding: 10px;
}
.admintools .panel-collapse {
color: black;
}
.subscrlabel {
display: inline-block;
padding: 0px 11px;
font-weight: bold;
text-transform: uppercase;
vertical-align: middle; margin-top: -4px;
line-height: -37px;
font-size: 19px;
}
.asubscr .columns {  padding: 8px;
margin: 0 auto;
text-align: center;
} .asubscr .price {
list-style-type: none;
border: 1px solid #eee;
margin: 10px;
padding: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
display: inline-block;
vertical-align: top;
min-width: 20%;
color: black;
font-size: 140%;
} .asubscr .price:hover {
box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.2)
} .asubscr .price .header {
background-color: #111;
color: white;
font-size: 25px;
} .asubscr .price li {
border-bottom: 1px solid #eee;
padding: 20px;
text-align: center;
margin: 0;
font-size: 80%;
background-color: white;
}
.asubscr .well {
background: #ffdddd;
color: red;
font-weight: bold;
text-align: center;
} .asubscr .price .grey {
background-color: #eee;
font-size: 20px;
font-weight: bold;
} .asubscr .button {
background-color: #4CAF50;
border: none;
color: white;
padding: 10px 25px;
text-align: center;
text-decoration: none;
font-size: 18px;
}
img.imgtosort {
max-width: 90%;
max-height: 90%;
display: inline-block;
top: 50%;
left: 50%;
position: absolute;
transform: translate(-50%, -50%);
}
.phsorthilite,
.photosort {
float: left;
width: 100px;
height: 100px;
text-align: center;
margin: 3px;
background: #555;
vertical-align: middle; position: relative;
cursor: crosshair;
}
.phsorthilite {
background: #7521c4;
}
.photosort.draft {
background: silver;
opacity: 0.2;
}
.photosort.rejected {
background: lightpink;
opacity: 0.1;
}
.admintools .sortitems {
min-height: 100px;
} .h1imgbg {
background-attachment: local;
background-position: center center;
background-size: cover;
bottom: 0;
filter: blur(12px);
-webkit-filter: blur(12px);
-moz-filter: blur(12px);
-ms-filter: blur(12px);
-o-filter: blur(12px);
left: 0;
position: absolute;
right: 0;
top: 0;
transform: scale(1.3);
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
-o-transform: scale(1.3);
z-index: -1;
}
h1.image-page-title {
background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
color: white;
font-weight: bold;
padding: 120px 40px 7px;
z-index: 11;
text-align: left;
}
.hilite-orange-bg {
background: #f78f1e none repeat scroll 0 0;
border-radius: 3px;
color: black;
margin: 0 5px;
padding: 2px 5px;
}
.directcontact {
background: black none repeat scroll 0 0;
color: white;
}
.discountinfo {
background: #f78f1e none repeat scroll 0 0;
color: white;
}
.socialplace h2,
.socialplace h3 {
margin: 0;
}
.social>div {
display: inline-block;
margin: 0 5%;
}
.quickrecomend {
text-align: left;
}
.quickproduct>label:first-child {
background: black;
color: white;
height: 38px;
vertical-align: middle;
padding: 6px 10px;
width: 141px;
display: inline-flex;
justify-content: flex-end;
align-items: center;
line-height: 100%;
border-radius: 9px 0 0 9px;
}
.quickproduct .btn span.price {
color: white;
text-shadow: rebeccapurple;
margin: 0px 0 0 10px;
display: inline-block;
font-size: 120%;
border-left: 1px dashed #aaa;
padding: 0px 0 0 10px;
font-weight: bold;
border-top: none;
}
.quickproduct>label {
vertical-align: middle;
font-weight: normal;
margin: 0 2px 5px 0;
white-space: nowrap;
}
.quickproduct .tick {
display: none;
}
.quickproduct>label:last-child {
border-radius: 0 10px 10px 0;
}
.tproduct .btn,
.tsizes .btn {
margin: 3px 3px;
}
.quickproduct .label.label-success.label-disc {
position: relative;
bottom: -1px;
transform: rotate(10deg);
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
-ms-transform: rotate(10deg);
-o-transform: rotate(10deg);
padding: 3px 3px;
box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.5);
border: 1px solid white;
background: #009000;
font-size: 13px;
left: 0;
margin: 0 -5px 0 21px;
}
.imgplace-admin {
padding: 40px 10px 0;
text-align: center;
position: relative;
background-size: contain;
border: 20px solid white;
max-height: 40vw;
width: 40vw;
background-repeat: no-repeat;
background-position: center;
min-height: 20vw;
}
.socialplace {
border-bottom: 0px solid #ddd;
padding: 10px;
}
.socialplace.sizeinfo {
font-weight: bold;
}
.content-area .infoplace p {
font-size: inherit;
margin: inherit;
color: inherit;
}
.socialplace>h2 {
border: medium none;
clear: none;
}
.socialplace.social>div {
display: inline-block;
margin: 0 5%;
vertical-align: top;
}
.relatedphotos {
padding: 5px 14px 20px !important;
}
.relatedstripes h2 {
margin: 0 0 0 30px;
padding: 0;
}
.infoplace.relatedstripes {
margin-top: 30px;
}
.relatedstripes a.btn {
display: inline-block;
margin: 3px 20px;
vertical-align: text-bottom;
}
.author_info img.avatar {
border: 1px solid #ddd;
border-radius: 13px;
}
.author_info div.avatar {
overflow: hidden;
width: 150px;
height: 150px;
background-size: cover;
}
.supvis_logo div.avatar {
overflow: hidden;
width: 70px;
height: 70px;
background-size: cover;
}
.supvis_logo div.avatar {
float: left;
margin: 0 19px 8px 0;
display: block;
text-align: center;
padding: 0;
border-radius: 50%;
overflow: hidden;
}
.author_avatar {
float: left;
margin: 0 19px 8px 0;
display: block;
text-align: center;
padding: 0;
border-radius: 10px 10px 0 0;
overflow: hidden;
}
.author_avatar h4 {
font-weight: bold;
padding: 9px 2px;
display: block;
font-size: 15px;
width: 150px;
color: black;
background-color: #ddd;
margin: 0;
}
.ngg-gallery-thumbnail-box {
display: inline-block;
max-width: 100% !important;
float: none !important;
}
.ngg-galleryoverview {
text-align: center;
max-width: 1600px;
margin: 0 auto;
}
.blog-top-img {
height: 600px;
background-size: cover;
background-position: center;
margin: 30px 20px -20px;
}
.tsizes {
max-width: 1000px;
display: block;
}
.tsize {      }
.tsizes .thumbnailx {
max-width: calc(33% - 10px);
overflow: visible;
white-space: normal;
display: inline-block !important;
margin: 5px;
min-width: 200px;
}
.tsize span.thumbnail-title.textsh {
white-space: normal;
}
.t-img .btn-success {
display: flex;
width: max-content;
margin: 0 auto;
justify-content: center;
align-items: center;
}
.t-img .btn-success>* {
margin: 0 22px !important;
}
.t-img .btn span.price {
border-top: 0;
border-left: 1px solid;
padding: 0 0 0 11px;
height: 100%;
display: flex;
flex-direction: column;
}
.tsize .thumbnail-title {
font-weight: bold;
padding: 4px 0 0 0;
color: #fff !important;
}
.pictoinfotab-content {
display: flex;
flex-direction: column;
}
.templatebox2020 .quickprodinfo>div {
display: flex;
align-items: center;
padding: 20px 40px;
}
.templatebox2020 .quickprodinfo .pictoprodinfo {
margin-left: 60px;
}
.templatebox2020 .productbtntext {
color: black;
border-bottom: 1px solid;
width: 100%;
display: block;
}
.infostripe.right h3 {}
.pictoinfotab-content {
display: flex;
flex-direction: column;
}
.picto-info-tabs {
border-bottom: 1px solid;
margin: 0 30px;
padding: 0;
justify-content: center;
display: flex;
}
.picto-info-tab {
padding: 10px 10px;
background: #eee;
border-radius: 10px 10px 0 0;
border: 1px solid;
margin-bottom: 0;
position: relative;
border-bottom: none;
cursor: pointer;
}
.picto-info-tab.active,
.templatebox2020 .picto-info-tab.active:hover {
background: white;
top: -6px;
position: relative;
padding: 14px 10px;
margin-bottom: -8px;
border-bottom: 0;
cursor: unset; }
.picto-info-tab:hover {
background: #ddd;
top: -2px;
position: relative;
padding: 11px 10px;
margin-bottom: -2px;
border-bottom: none;
}
.picto-info-tab-content {
flex-direction: column;
padding: 30px 0;
text-align: center;
}
.picto-info-tab-content p {
text-align: left;
} .hintlabel {
font-size: 16px;
margin: 10px 0 20px 0;
}
.quickorderplace h2 {
background: black none repeat scroll 0 0;
border-top: 1px solid #313131;
color: #f78f1e;
margin: 0;
padding: 7px 21px 11px;
}
.quickorderplace {
background: #3b3b3b none repeat scroll 0 0;
color: white;
min-height: 500px;
padding: 0 0 15px;
}
.quickorderplace h3 {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-bottom: 4px solid WHITE;
margin: 20px 62px 0 0;
padding: 5px 30px;
text-align: left;
}
.quickorderplace h4 {
margin: 10px 0 0 25px;
font-weight: bold;
}
.quickorderplace h3.leheader {
background: #202020 none repeat scroll 0 0;
border: 0 none;
color: white;
display: block;
font-size: 15px;
margin: 0;
padding: 4px 12px;
text-align: left;
}
.quickorderplace .pagination_bar.gradient2 {
background: none;
}
.quickorderplace .pagination>li a {
background: black;
color: white;
border: transparent 1px solid;
margin: 1px;
}
.quickorderplace .pagination input {
background: white;
color: black;
border: none;
}
.pagination_bar input {
width: 50px;
height: 32px;
margin-left: 6px;
margin-right: 0px;
font-size: 10pt;
padding: 0;
text-align: center;
font-weight: bold;
margin-top: 1px;
border: none;
margin-bottom: 1px;
vertical-align: middle;
}
#quickorder {
padding-right: 30px;
text-align: left;
}
.product-info {
background: rgba(0, 0, 0, 0.81) none repeat scroll 0 0;
border: 1px solid;
border-radius: 10px;
left: 10px;
padding: 11px;
position: absolute;
right: 10px;
top: 10px;
display: none;
z-index: 10;
cursor: pointer;
}
.product-info i {
color: red;
cursor: pointer;
float: right;
font-size: 1.5em;
z-index: 11;
margin: 0 0 4px 6px;
}
.quickprodinfo {
padding: 4px 10px;
border-radius: 10px;
border: 1px solid black;
width: 100%;
}
.ordbox .quickprodinfo {
background: #777;
padding: 4px 10px;
border-radius: 10px;
border: 1px solid black;
}
.quickprodinfo .product-info {
background: none;
border: none;
position: relative;
right: 0;
left: 0;
}
.thumbnail-text {
background: #252525;
}
.thumbnail-title {
font-size: 11px;
line-height: 14px;
font-weight: normal;
white-space: normal;
width: 100%;
width: 136px;
overflow: hidden;
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}
.galitem .thumbnail-text .thumbnail-title {
width: 100%;
}
.thumbnail-draft span.thumbnail-title {
max-width: 170px;
white-space: normal;
}
.thumbnail-author {
font-size: 10px;
line-height: 12px;
color: silver;
font-weight: light;
white-space: nowrap;
}
.thumbnail-text span {
display: block;
}
.thumbnail-text li span {
display: inline;
}
.thumbnail-img2 {
position: relative;
position: relative;
width: 100%;
max-height: 100%;
}
.productbtn2 .fa-stack-1x {
font-size: 118%;
}
.productbtn2 .fa-circle {
color: black;
font-size: 203%;
}
.productbtn2 .fa-stack {
float: left;
}
.productbtn2 {
width: 100%;
}
.productbtn2:hover .fa-circle {
color: #0c93d5;
}
.productbtn2.btn-primary:hover .fa-circle {
color: black;
}
.productbtn2:hover .fa-stack-1x,
.productbtn3:hover .fa-stack-1x {
color: black;
}
.productbtn2.btn-primary:hover .fa-inverse {
color: #f78f1e;
}
.btn-primary .price {
color: #EF8E2D;
}
.qbox {
padding: 12px 50px;
}
.qoitem {
display: inline-block !important;
float: none !important;
min-width: 230px !important;
vertical-align: top !important;
width: 33%;
overflow: hidden;
}
.product-ibtn {
color: silver;
cursor: help;
font-size: 2em;
left: 25px;
position: absolute;
text-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
top: 7px;
z-index: 10;
opacity: 0;
transition: all 0.5s ease;
-webkit-transition: 0.5s all ease;
-moz-transition: 0.5s all ease;
-ms-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
}
.product-ibtn:hover {
color: white;
text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.qoitem img {
transition: all 0.5s ease;
-webkit-transition: 0.5s all ease;
-moz-transition: 0.5s all ease;
-ms-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
}
.qoitem:hover img {
transform: scale(1.1) translateY(-5%);
-webkit-transform: scale(1.1) translateY(-5%);
-moz-transform: scale(1.1) translateY(-5%);
-ms-transform: scale(1.1) translateY(-5%);
-o-transform: scale(1.1) translateY(-5%);
}
.qoitem:hover .product-ibtn {
opacity: 1;
}
.qoitem .productbtn2 {
width: 100%;
box-shadow: none;
}
.qoitem .fa-stack {
display: inline-block;
font-size: 1.6em;
margin-left: -7px;
margin-right: 7px;
}
.qoitem h3 {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: #f78f1e;
font-size: 14px;
vertical-align: top;
display: none;
}
.qoitem h3 br { }
.prod-desc-spec {
color: #f78f1e;
font-weight: bold;
}
.crop_pq img {
float: left;
margin-right: 5px;
}
.crop_pq {
line-height: 12pt;
font-size: 11pt;
font-weight: bold;
font-weight: bolder;
}
#main-column img.framed-overlay {
display: none;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: auto;
z-index: 100;
}
img.framed-overlay2 {
bottom: 0;
display: none;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
z-index: 100;
}
#stepmeter .steparrow {
display: inline-block;
vertical-align: middle;
height: 50px;
position: relative;
text-align: center;
width: 20px;
padding-top: 9px;
}
.steparrow .fa {
float: none;
margin: 0;
}
#stepmeter .step {
display: inline-block;
vertical-align: middle;
background: black;
margin-bottom: 10px;
height: 50px;
}
#stepmeter .stepin {
padding: 2px 10px;
float: left;
color: silver;
}
#stepmeter .step.inactive {
color: gray;
}
#stepmeter .step b {
color: white;
font-weight: bold;
}
#stepmeter {
color: silver;
margin: 10px 0;
text-align: left;
padding: 0 10px;
font-size: 13px;
}
.stepnum {
background: none repeat scroll 0 0 white;
color: black;
float: left;
font-size: 29pt;
height: 50px;
line-height: 32pt;
padding: 3px;
position: relative;
}
.stepnum.active {
background-color: #0c93d5;
color: black;
}
#stepmeter .step.active .stepnum.active {
background-color: black;
color: #0c93d5;
}
#stepmeter .step.active,
#stepmeter .step.active .stepin {
background-color: #0c93d5;
color: black;
}
#stepmeter a.steplink .fa-check,
.step .stepnum .fa-lock {
color: black;
font-size: 70%;
line-height: 8pt;
margin: -9px -2px 0;
padding: 0;
display: inline-block;
}
.step .stepnum .fa-lock {
margin: -9px 0px 2px;
}
#stepmeter a.steplink:hover .fa-check {
color: #0c93d5;
}
#stepmeter a.steplink .fa-arrow-circle-right.aarrow {
color: black;
display: none;
font-size: 80%;
left: 1px;
position: absolute;
top: 11px;
z-index: 1240;
}
#stepmeter a.steplink:hover .fa-arrow-circle-right.aarrow {
display: inline-block;
}
.quickinststep {
color: #0c93d5;
display: inline-block;
margin: 0;
padding: 0 23px;
}
.quickvariant {
background: #202020 none repeat scroll 0 0;
clear: both;
display: table;
width: 100%;
}
.quickprodimg {
background-color: #202020;
padding-left: 0;
}
.quickprodtext {
padding: 7px 7px 7px 30px;
text-align: left;
}
.quickprodtext .quickprodbtn {
clear: both;
display: block;
float: right;
margin: 10px 10px 11px 0;
width: auto;
}
.quickprodimage {}
.quickprodbtn {
margin: 5px 6px 0 24px;
}
.quickprodtext {
padding: 7px 7px 7px 30px;
}
#custset {
background: none repeat scroll 0 0 #252525;
max-width: 280px;
padding: 16px;
width: auto;
}
#custset td {
padding: 3px;
}
.croppos td {
padding: 0 !important;
width: 22px;
height: 15px;
}
#siz-img img {
width: 100%;
height: 100%;
position: relative;
}
.quickinstruction {
border-bottom: 4px solid white;
border-radius: 0;
color: white;
font-size: 30px;
font-weight: bold;
margin-right: 80px;
padding: 10px;
text-align: left;
}
.quickinstruction i {
color: #0c93d5;
font-size: 40px;
margin-right: 20px;
vertical-align: text-bottom;
}
.quicktip,
.qfilter-box {
background: #222 none repeat scroll 0 0;
margin: 0 0 10px;
padding: 10px;
position: relative;
text-align: center;
}
.quicktip2 {
padding-left: 10px;
}
#tocartbtn,
#savedraftbtn {
width: 100%;
}
#sizepicker {
text-align: left;
}
.innerpicker>span {
margin: 16px 0 2px;
padding: 0;
}
.innerpicker>br {
display: none;
}
.qfilter-box {
border: 1px solid white;
}
.qfilter-box h5 {
background: black none repeat scroll 0 0;
border-bottom: 0 none;
margin: -10px;
padding: 10px;
}
#quickorder #frames-box,
#quickorder #mats-box {
max-height: 240px;
min-height: 100px;
overflow-y: auto;
text-align: center;
}
#preview-box {
text-align: center;
}
#preview-box img {
height: auto;
max-width: 100%;
}
.fa-arrow-down {
margin-right: 10px;
}
#sil2 {
height: 589px;
position: absolute;
right: -53px;
top: 31px;
}
.matsel {
background: none repeat scroll 0 0 #1D4052;
border: 2px solid #0C93D5 !important;
padding: 2px;
}
.frame,
.mat {
float: left;
overflow: hidden;
padding: 4px;
position: relative;
cursor: pointer;
border: 2px solid transparent;
}
.frame .fav {
background-size: contain;
bottom: 5px;
height: 20px;
left: 7px;
top: auto;
width: 20px;
}
.qproducts .frame,
.qproducts .mat {
float: none;
display: inline-block;
}
#products,
.qproducts {
background-color: #3c3c3c;
background-image: none;
position: relative;
padding: 15px;
}
#size-box {
background: none repeat scroll 0 0 #222;
max-width: 300px;
padding: 5px 7px;
}
.productbtn3 .fa-stack .fa {
font-size: 100%;
}
.productbtn3 .fa-stack .fa.fa-stack-2x {
font-size: 2em;
}
.productbtn3 {
margin: 15px;
}
span.productbtntext {
font-size: 80%;
}
.recapnote {
font-size: 70%;
color: silver;
}
.productbtn3 .fa,
.productbtn4 .fa {
font-size: 318%;
float: right;
color: black;
margin: 0 0 0 18px;
}
.productbtn3 .fa-inverse,
.productbtn2 .fa-inverse {
color: #0c93d5;
}
.productbtn3.btn-primary .fa-inverse,
.productbtn2.btn-primary .fa-inverse {
color: #f78f1e;
}
.btn-group-vertical>.btn:first-child:not(:last-child) {
border-radius: 9px 9px 0 0;
}
. btn-group-vertical>.btn:last-child:not(:first-child) {
border-radius: 0 0 9px 9px;
}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-radius: 9px 0 0 9px;
}
.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {
border-radius: 0 9px 9px 0;
}
.btn-group-vertical .btn {
text-align: left;
}
.font-size-150 {
font-size: 150%;
vertical-align: middle;
font-weight: bold;
}
.font-size-110 {
font-size: 110%;
vertical-align: middle;
font-weight: bold;
}
.fcolor_2 {
background-image: url(//pictoart.cz/wp-content/themes/pictoart2016/images/frame-color-ico-silver.jpg) !important;
background-size: 100%;
}
.fcolor_3 {
background-image: url(//pictoart.cz/wp-content/themes/pictoart2016/images/frame-color-ico-gold.jpg) !important;
background-size: 100%;
}
.fcolor_5 {
background-image: url(//pictoart.cz/wp-content/themes/pictoart2016/images/frame-color-ico-wood.jpg) !important;
background-size: 100%;
} div.cartitem {
display: block; }
.cartitem>table {
width: 100%;
}
.carttemp-img {
color: #999;
}
.cart-glyph {
width: 220px;
height: 220px;
color: black;
display: flex;
justify-content: center;
align-items: center;
}
.cart-glyph i {
color: black;
font-size: 120px;
}
.cartimg {
width: 220px;
padding: 10px 0 0 0;
}
.carttable {
background: #707070 none repeat scroll 0 0;
min-height: 440px;
width: calc(100% - 230px);
margin-left: 10px;
}
form div.cartitem {
margin: 15px;
}
.btn-group-vertical {
margin: 10px 20px;
max-width: 1200px;
}
.btn>span.big {
font-size: 160%;
}
.paybtn {
padding: 10px;
margin: 0;
}
table.recap .photo_q {
margin: 0 0 17px;
max-width: 500px;
}
form .box {
padding: 0px 0px;
}
form .box .inxbox {
margin: 10px auto;
display: block;
}
.entry-content form,
.entry-content .xform {
padding: 0px;
position: relative;
}
.oprogress {
display: inline-block;
left: 0;
position: absolute;
top: -6px;
height: 8px;
right: 0;
}
.oprogress-bar-0 {
background: #ff0e11;
}
.oprogress-bar-20 {
background: #fd3000;
}
.oprogress-bar-40 {
background: #e56a00;
}
.oprogress-bar-60 {
background: #cdad00;
}
.oprogress-bar-80 {
background: #99d700;
}
.oprogress-bar-100 {
background: #6dec00;
}
.oprogress-bar {
position: absolute;
left: 0;
height: 7px;
top: 1px;
}
.oprogress {
left: -2px;
bottom: -6px;
height: 8px;
top: auto;
}
.oprogress>.oprogress-bar {
height: 6px;
border-radius: 10px;
}
.accordion-group {
position: relative;
}
.content-area .accordion {
margin: 50px auto;
padding: 0 50px;
width: 100%;
}
.accordion-heading,
.central-box h2 {
border-bottom: 3px solid black;
color: black;
padding: 22px 0px 6px;
}
.central-box form h2,
.central-box .xform h2 {
border-bottom: 3px solid white;
color: white;
margin: 0px 0 20px 35px;
padding: 22px 0px 2px;
width: calc(100% + -35px);
} .imgprod2,
.imgprod {
float: left;
width: 30%;
margin: -2px 40px 40px 0px;
border: 0;
border-radius: 0 0 0 40px;
border-right: 0;
clear: both;
}
.central-box li h3 {
margin: 0;
font-weight: bold;
border: none;
}
.central-box li:after {
clear: both;
content: '';
display: table;
}
.accordion-heading {
font-size: 15px;
}
.accordion i.fa:before {
content: "\f0ab";
}
.accordion .collapsed i.fa:before {
content: "\f192";
}
form div.cartitem {
margin: 15px;
}
.boxlist {
margin: 0 auto;
width: max-content;
position: relative;
}
.boxlist {
margin: 0 auto;
width: max-content;
position: relative;
font-size: 150%;
max-width: 100vw;
}
.boxlist li {
margin: 0 0 10px 0; padding: 10px;
position: relative;
counter-increment: ollist;
list-style: none;
}
.boxlist li strong {
margin: 0 20px 0 0;
display: block;
}
ol.boxlist li:before {
margin-right: 10px;
content: counter(ollist); border-radius: 100%;
color: #555;
text-align: center;
display: inline-block;
font-family: "futura-pt", sans-serif !important;
font-weight: bold;
position: absolute;
top: 50%;
left: -50px; font-size: 200%;
width: 50px;
height: 50px;
line-height: 49px;
transform: translateY(-50%);
}
ul.boxlist li:before {
margin-right: 10px;
content: "\f04b"; border-radius: 100%;
color: #555;
text-align: center;
display: inline-block;
font-family: "fontawesome" !important;
font-weight: bold;
position: absolute;
top: 50%;
left: -50px; font-size: 200%;
width: 50px;
height: 50px;
line-height: 49px;
transform: translateY(-50%);
}
div#cart-items2,
div#cart-items3 {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div#cart-items3 {
margin: 0 50px;
}
.cartitem2 {
flex: 0 0 440px;
display: flex;
flex-wrap: wrap; width: 440px;
background: #3b3b3b;
margin: 30px;
flex-direction: column;
font-size: 10pt;
}
.cartitem2 .cartinfo {
background: #222;
color: white;
display: flex;
flex-direction: column;
flex-grow: 1;
}
.cartitem2 .cartinfoitem {
padding: 2px 10px;
}
.cartitem2 .cartinfoitem.hilite {
font-size: 120%;
font-weight: bold;
color: #f78f1e;
}
.cartitem2.goods .cartimg {
width: 440px;
background-size: contain;
background-repeat: no-repeat;
background-color: white;
background-position: center;
height: 330px;
}
.cartitem2 .cartimg {
width: 220px;
padding: 0;
display: flex;
flex-wrap: nowrap;
height: 220px;
}
.cartitem2 .cartimg img {
width: 220px !important;
height: 220px !important;
}
.cartitem2 .carttitle {
background: black;
}
.cartitem2 .carttitle h3 {
color: white;
font-size: 120%;
border: none;
margin: 20px 0 0 19px;
}
.cartitem2 .carttitle>div {
display: flex;
justify-content: center;
align-items: center;
max-width: 440px;
}
.cartitem2 .cartinfoitem b {
flex-grow: 1;
text-align: right;
}
.cartinfoitem ul {
padding: 0;
margin: 0;
}
.cartinfoitem ul.cartitemdetail {
padding: 0;
}
.confprice ul li,
.cartinfoitem ul li {
margin: 0;
border-top: 1px dotted #555;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 10px;
font-size: 12px;
color: white;
font-weight: normal;
}
.confprice ul li .detail,
.cartinfoitem ul li .detail {
padding-right: 20px;
}
span.detail {
text-align: left;
}
.price-det ul {
margin: 20px 0 10px 0;
padding: 0;
}
.price-det-btn {
margin: 20px 0 0;
}
.cartinfoitem .btn.btn-default {
width: 100%;
padding: 0;
margin: 10px 0 -1px;
}
.cartitemdetail {
display: none;
}
.cartitemdetail li.hilite {
color: #f78f1e;
}
.cartform input[type="text"] {
border: 2px solid black;
padding: 0 10px;
width: 50px !important;
text-align: center;
font-weight: bold;
font-size: 80%;
margin: 0px 3px;
height: 25px;
}
.cartitem2 .carttitle div.cartform {
display: flex;
justify-content: flex-start;
align-items: center;
font-size: 120%;
flex-grow: 1;
color: white;
}
.cartitem2 .carttitle .cartform.passive {
padding: 10px;
text-align: right;
justify-content: flex-end;
}
.cartitem2 .carttitle div.btn {
display: flex;
align-items: center;
justify-content: center;
min-width: 30px;
}
.cartitem2 .carttitle-disc {
margin: 10px;
background: #50a520;
color: black;
font-weight: bold;
padding: 4px 12px;
display: flex;
align-items: center;
justify-content: center;
font-size: 150%;
color: white;
border-radius: 9px;
}
.cartitem2 .carttitle-title {
display: flex;
}
.cartitem2 .carttitle-title>div {
overflow: hidden;
}
.cartitem2 .carttitle-title>div:first-child {
flex-grow: 1;
}
#cart-items3 .cartitem.cartitem-minilab.shadow {
display: flex;
flex-direction: column;
width: 100%;
margin: 20px 20px;
background: #222;
}
#cart-items3 .cartitem-minilab h4 {
background: #fff;
color: black;
margin: 30px 20px -19px;
padding: 10px 20px 10px 20px;
}
.cart-lab-images {
display: flex;
padding: 20px;
background: white;
margin: 20px;
flex-wrap: wrap;
}
#cart-items3 h3 {
color: #f78f1e;
margin: 10px 0 -14px 20px;
border: none;
}
#cart-items3 .cart-lab-img {
margin: 5px;
}
#cart-items3 .cartitemtitle {
background: white;
color: black;
display: flex;
align-items: center;
}
#cart-items2 .cartauthor {
color: #aaa;
justify-content: start;
padding: 10px 20px 0;
margin-bottom: -20px;
}
#cart-items3 .cartitemtitle h2 {
color: white;
padding: 10px 10px;
margin: 0;
flex-grow: 1;
}
#cart-items3 .lab-total-price {
background: none;
color: black;
font-size: 100%;
display: flex;
flex-grow: 0;
align-items: center;
}
#cart-items3 .lab-total-price>* {
margin-left: 40px;
}
div#cart-items {
max-width: 800px;
margin: 0 auto;
}
#main-column .cart-lab-img {
background: white none repeat scroll 0 0;
max-width: 100px;
padding: 3px;
position: relative;
}
.cart-lab-img .stockhilite {
border: 1px solid black;
font-weight: bold;
left: 3px;
position: absolute;
top: 5px;
}
.cartitem-minilab h4 {
background: #ffffff none repeat scroll 0 0;
border-bottom: 1px solid #999;
margin: 13px 0 0;
padding: 10px 20px;
color: black;
}
.cartitem-minilab .cartitemrecap {
padding: 0 0 12px;
}
.lab-total-price {
background-color: #efefef;
padding: 12px;
text-align: center;
}
.lab-total-price .total {
display: inline-block;
float: none;
font-size: inherit;
margin: 0 10px;
}
.cart-lab-itemprice {
display: inline-block;
float: right;
}
.cartitemtitle {
background: #222 none repeat scroll 0 0;
color: white;
font-size: 20px;
font-weight: bold;
padding: 5px;
}
.stockhilite {
background: #f78f1e none repeat scroll 0 0;
border-radius: 2px;
color: black;
margin-right: 10px;
padding: 2px 8px;
}
.cartitemrecap>img,
.cartitemrecap>div,
.cartitemrecap>table {
display: inline-block !important;
vertical-align: top;
}
.cartitem table.recap th,
.cartitem table.recap td,
table.orderrecap td,
table.orderrecap th {
background: #efefef none repeat scroll 0 0;
border: 1px solid #e4e4e4;
font-weight: bold;
padding: 2px 15px;
color: black;
}
.cartitem table.recap td.total,
table.orderrecap td.total {
background: #ef8e2d none repeat scroll 0 0;
color: black;
font-weight: bold;
text-align: right;
}
.cartitem table.recap td.discount,
table.orderrecap td.discount {
background: #50a520 none repeat scroll 0 0;
color: white;
}
tr.emptyrow td {
border: none;
}
table.orderrecap thead td {
white-space: nowrap;
}
.order-buttons {
display: flex;
justify-content: center;
align-items: center;
}
.cart-suma {
text-align: center;
font-size: 120%;
font-weight: bold;
}
img.order-thumb {
max-height: 60px;
display: inline-block !important;
vertical-align: middle;
}
.order-item-title {
display: inline-block;
vertical-align: middle;
padding: 2px 18px;
white-space: normal;
max-width: calc(100% - 60px);
overflow: hidden;
}
.orderrecap2 div.row label {
color: black;
vertical-align: middle;
display: inline-block;
height: 30px;
line-height: 36px;
}
.orderrecap2>.row>div {
vertical-align: middle;
}
p.inpwrap {
margin: 0;
padding: 0;
}
.inpwrap.valid:after {
font-family: FontAwesome;
content: '\f00c';
color: green;
font-size: 28px;
font-weight: normal;
font-style: normal;
vertical-align: middle;
margin: -5px 0 -5px 7px;
}
.inpwrap.invalid:after {
font-family: FontAwesome;
content: '\f071';
color: red;
font-size: 28px;
font-weight: normal;
font-style: normal;
vertical-align: middle;
margin: -5px 0 -5px 7px;
}
.formitem {
display: flex; align-items: center;
margin: 10px 10px;
}
.formlabel {
min-width: 100px;
white-space: nowrap;
}
.inpwrap {
flex-grow: 1;
}
.orderrecap2 .orderrecapdiscount,
.orderrecap2 .discount {
color: green;
}
.orderrecap2 .charge {
color: red;
}
.orderrecap2 .row>div {
background: #ffffff none repeat scroll 0 0; padding: 2px 10px;
vertical-align: middle;
}
.cartinfoitem.orderrecapcharity>div {
padding: 4px 10px;
}
.orderrecap2 .row>div.orderrecapcharity {
width: 100%;
background: #e91e6382;
position: relative;
clear: both;
border-radius: 20px;
color: white;
margin: 30px 10px -10px;
}
.cartinfoitem.orderrecapcharity {
width: 100%;
background: #fa8fb0;
position: relative;
border-radius: 0px;
color: white;
display: flex;
align-items: center;
justify-content: left;
}
span.orderexpress1 {
font-weight: bold;
}
span.orderexpress0 {
color: silver;
}
.order-item-lab-img {
display: inline-block;
position: relative;
}
.order-item-lab-img .stockhilite {
position: absolute;
font-weight: bold;
padding: 1px 5px;
top: 8px;
left: -4px;
}
.orderrecap2 .row {
border-top: 1px solid #d5d5d5;
padding: 3px 0;
}
.orderrecap2 .row:first-child {
border-top: none;
}
.orderrecap2 input[disabled] {
color: #a5a5a5;
cursor: not-allowed;
}
.orderrecap2 .price {
font-weight: bold;
text-align: right;
}
.orderrecap2 .price3 {
text-align: right;
font-weight: bold;
}
.orderrecap2 div.row {
background: #ffffff none repeat scroll 0 0; position: relative;
max-width: 900px;
margin: 20px auto 0;
}
.orderrecap2 .row.emptyrow {
background: #999 none repeat scroll 0 0;
height: 30px;
}
.orderrecap2 .emptyrow>div {
display: none;
}
.orderrecap2 { width: 100%; font-size: 14px;
color: black;
max-width: 1200px;
margin: 0 auto;
}
.orderrecap2 .btn-group-vertical {
margin: 20px 0 0;
}
.central-box p,
.orderrecap2 p,
.central-box .p,
.orderrecap2 .p { color: black;
font-size: 19px;
padding: 10px;
max-width: 1200px;
margin: 0 auto;
}
.central-box p,
.central-box .p {
color: black;
font-size: 19px;
padding: 10px 50px;
}
.orderrecap2 input[type=text],
.orderrecap2 input[type=password],
.orderrecap2 select,
.orderrecap2 textarea {
background: #eaeaea none repeat scroll 0 0;
border: none;
border-bottom: 1px dashed black;
font-weight: bold;
padding: 1px 10px;
}
.orderrecap2 input.regular-text,
.orderrecap2 select,
.orderrecap2 textarea {
width: 97%;
}
.orderrecap2 .formlabel {
text-align: right;
position: absolute;
top: 0;
left: 0px;
}
.orderrecap2 .formitem,
.row.form-group {
border: 1px solid #9a9a9a;
margin: 0 0 -1px 0;
position: relative;
font-size: 14px;
height: 65px;
background-color: white;
}
.row.form-group label i.fa {
color: red;
margin: -2px 0 0 3px;
}
.orderrecap2 .formitem label,
.row.form-group label {
position: absolute;
top: 5px;
left: 13px;
font-size: 13px;
color: #27292b;
}
.orderrecap2 .formitem label,
.row.form-group label {
position: absolute;
top: 5px;
left: 6px;
font-size: 13px;
color: #27292b;
z-index: 1;
background: none;
font-weight: lighter;
padding: 0;
}
.orderrecap2 .formitem input,
.orderrecap2 .formitem select,
.row.form-group input,
.row.form-group select {
border: 0;
margin-top: 0;
height: 63px;
background: #fff;
width: 100% !important;
display: flex;
padding: 15px 0 0 13px;
font-size: 16px;
font-weight: bold;
}
div.formbox {
background: #fbfbfc;
padding: 40px;
width: auto;
margin: 0 auto;
}
#cart-items3 .cartitem.cartitem-minilab.shadow {
background: #fbfbfc;
color: black;
width: max-content;
min-width: 480px;
}
.cart-form-items .cartitem2 {
background: #fff;
}
.cart-form-items .cartitem2 .carttitle {
background: #fff;
color: black;
}
.cart-form-items .cartitem2 .carttitle h3 {
color: black;
}
.cart-form-items .cartitem2 .carttitle div.cartform {
COLOR: BLACK;
margin: 10px 0;
}
.cartitem2 .cartinfo {
color: black;
background: #fff;
}
.confprice ul li,
.cartinfoitem ul li {
color: black;
} .thumbnailx {
color: white;
display: inline-block;
margin: 9px;
position: relative;
text-align: center;
width: 200px;
}
img.framed-overlay {
display: none;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: auto;
z-index: 100;
}
img.framed-overlay2 {
bottom: 0;
display: none;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
z-index: 100;
}
div.title-overlay {
position: absolute;
bottom: 0;
display: none;
}
.thumbnail-img2 .ajax_loader_def {
display: none;
}
.drafts .thumbnailx {
width: 100% !important;
}
.drafts>div>div {
display: inline-block;
vertical-align: top;
float: none;
}
.thumbnail-draft {
position: relative;
background: black;
display: inline-flex;
width: 100%;
justify-content: center;
align-items: center;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.thumbnail-draft:before {
content: '';
float: left;
padding-bottom: 100%;
}
.thumbnail-tools {
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
bottom: 0;
margin: 0 auto;
padding: 6px;
position: absolute;
right: 0;
width: 100%;
z-index: 2;
display: none;
}
.thumbnail-tools-static .fa {
margin: 0;
padding: 0;
}
i.red.fa {
color: #ff2222;
}
i.gray.fa {
color: #999999;
}
.thumbnail-info {
position: absolute;
z-index: 1;
}
.draftscontainer {
text-align: center;
} #news .wp-post-image,
#newa .avatar {
float: left;
margin: 0 27px 7px 0;
max-width: 200px;
}
.news .ico {
float: left;
margin: 0 25px 20px 0;
}
#news {
background: #959595 none repeat scroll 0 0;
padding: 10px 160px;
}
.news {
color: white;
display: inline-block;
float: none;
padding: 50px 40px;
vertical-align: top;
}
.news h3 {
border-bottom: 1px solid #adadad;
color: white;
padding: 6px 0;
}
#news .wp-post-image {
float: left;
margin: 0 27px 7px 0;
max-width: 200px;
}
.comments-area {
background: #ddd none repeat scroll 0 0;
padding: 10px 200px;
}
.post .entry-content,
.page .content-area,
.archive .entry-content,
.single .entry-content,
.post .entry-content {
font-size: 21px; }
.page .entry-content,
.archive .entry-content,
.single .entry-content,
.single .entry-content,
.prod .entry-content { }
.page .hidehead .entry-content>h2,
.prod .hidehead .entry-content>h2 { }
.page .content-area,
.page .entry-content,
.archive .entry-content,
.single .entry-content,
.single .entry-content,
.site-main .entry-content,
.prod .entry-content,
.single-prod .content-area {
font-size: 100%;
}
.page .hidehead .entry-content,
.prod .hidehead .entry-content {
padding: 0;
}
#newpics .galitem.rowplus {
display: none !important;
}
#newpics .galitem.rowplus1 {
display: inline-block !important;
}
.galitem.adminmode.lastchanged { }
.galitem.adminmode.notpub {
background: #555;
}
.adminmode .thumbnail-text.gradient1 {
padding: 0;
margin-top: 10px;
}
.adminmode .btn.uploadbtn.btn-default {
float: right;
z-index: 1000;
height: 20px;
width: 20px;
padding: 0;
}
.galitem.adminmode .filelist-drop {
position: absolute !important;
}
.mediumbox {
display: inline-block;
margin: 4px;
padding: 2px;
position: relative;
vertical-align: top;
}
.mediumbox h5 {
max-width: 200px;
white-space: normal;
}
.frametitle,
.mattitle {
background-color: rgba(0, 0, 0, 0.6);
xxfont-family: Arial, Helvetica, Sans-Serif;
font-size: 10px;
line-height: 12px;
margin-top: 2px;
padding: 5px;
position: absolute;
top: 0;
display: none;
cursor: pointer;
}
.frametitle b,
.mattitle b {
color: white;
font-size: 120%;
font-weight: bold;
}
.frametitle .hilite,
.mattitle .hilite {
color: #f78f1e;
font-size: 100%;
font-weight: bold;
}
.loginreg {
margin: 100px 0;
}
p.submit {
text-align: center;
margin: 50px 0;
}
.form-control {
min-width: 300px;
}
.form-group.row {
display: flex;
max-width: 700px;
justify-content: center;
margin: 12px auto;
}
.form-group.row>div {
flex: 1;
margin: 0;
padding: 0;
}
.form-group>label {
background: black;
color: white;
display: flex;
justify-content: space-between;
align-items: center;
text-align: right;
margin: 0;
border-radius: 10px 0 0 10px;
max-width: 200px;
float: none;
white-space: nowrap;
}
p.submit a {
margin: 0 20px;
}
.alert.alert-success {
font-size: 200%;
margin: 100px;
}
.alert h2 {
color: inherit;
margin: 20px;
border-color: inherit;
}
.alert>i.fa {
margin: 0 20px 0 10px;
font-size: 150%;
vertical-align: bottom;
}
.alert {
width: max-content;
margin: 0 auto;
min-width: 400px;
display: flex;
justify-content: center;
}
.form-group .form-control.readonly {
border: none;
background: none;
box-shadow: none;
cursor: text;
} #FSContact1 {
width: 100% !important;
}
#FSContact1>form {
margin: 0;
padding: 20px;
width: 100%;
}
#fscf_form1>div>div>div {
display: inline-block;
margin: 5px 10px;
vertical-align: top;
width: 46%;
}
#fscf_form1 label {
text-align: right !important;
width: 100%;
}
#fscf_form1 input[type="text"],
#fscf_form1 textarea {
border: 1px solid;
margin: 0;
width: 100%;
} .mediumimage {
height: 50px;
background-position: center !important;
min-width: 145px;
background-size: cover !important;
position: relative;
}
.mediumimage div {
display: block;  position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
td.mediumimage:before {
content: '';
float: left;
padding-top: 50%;
}
.total {
color: #EF8E2D;
margin-bottom: 3px;
font-size: 13pt;
font-weight: bold;
text-align: right;
display: block;
}
table.recap,
table.orderrecap {
border-collapse: separate;
border-spacing: 3px;
font-size: 10pt;
margin: 0 auto;
display: table;
width: 100% !important;
color: black;
}
#simple-recap-box table.recap {
width: auto !important;
display: inline-block;
}
.table-responsive {
text-align: left;
}
table.recap td {
background-color: #121212;
font-weight: bold;
padding: 1px 7px;
vertical-align: middle;
text-align: right;
color: white;
}
table.recap th {
background-color: #121212;
font-weight: bold;
padding: 1px 7px;
vertical-align: bottom;
color: white;
}
table.recap .notpaid td {
color: red;
}
table.recap .done td {
color: #74cc0f;
}
.orderrecap.delivterms img {
max-height: 60px;
}
table.delivterms th {
color: #F78F1E;
font-weight: bold;
text-align: right;
vertical-align: top;
width: auto;
}
table.recap .detail {
color: grey;
font-size: 90%;
}
table.recap thead td {
vertical-align: middle;
text-align: center; color: gray;
font-size: 80%;
font-weight: normal;
text-align: center;
vertical-align: middle;
}
table.delivterms thead td {
color: grey;
}
td.price {
color: #EF8E2D;
text-align: right;
}
td.price3 {
text-align: right;
color: #0C93D5;
}
.price {
color: #EF8E2D;
}
.minilab-local .price {
color: black;
font-weight: bold; font-size: 130%;
margin: 0 8px;
}
ul.cartitemdetail .price {
font-size: 100%;
}
.pland-subgroup-box {
display: flex;
justify-content: flex-start;
align-items: center;
margin: 2px 90px 5px;
background: #ddd;
padding: 0 30px;
}
.plandqchecktools {
background: orange;
display: flex;
position: fixed;
right: 40px;
padding: 10px;
border: 1px solid;
box-shadow: 11px 11px 11px #00000088;
}
td.plandcheck-QR {
background: #ff00002e;
}
.qrcodeprocessor-images {
display: flex;
flex-wrap: wrap;
}
.qr-box {
width: 200px;
height: 210px;
border: 1px solid;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin: 6px;
background: white;
}
.qr-tools {
display: flex;
}
.qr-tool {
display: flex;
margin: 2px;
border: 1px solid;
padding: 2px 5px;
}
.qr-thumb {
display: block;
width: 150px;
height: 150px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.qr-box.qrnf {
border-color: red;
background: #ffe7e7;
}
.qr-box.qrok {
border: 2px solid #42cb48;
border-radius: 15px;
background: #ebffec;
}
.qr-box.typ-qr {
background: #9ce0ff;
}
.minilabplace.templatebox2020.picturetemplates .minilab-local {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.quickdraft .thumbnail-draft {
background: transparent;
}
.quickdraft .thumbnail-text {
background: transparent;
}
.quickdraft .thumbnail-title {
width: 100%;
}
td.medv {
text-align: center !important;
font-weight: bold;
}
table.recap td.medv {
vertical-align: middle !important;
}
td.classic {
background-color: #37b549 !important;
color: white !important;
}
td.gallery {
background-color: #004d7b !important;
color: white !important;
}
table.recap td.uvprint {
background: #bb0000;
}
td.collector {
background-color: #000 !important;
color: #faa319 !important;
}
td.medh {
color: silver;
}
.payment-info,
.delivery-info,
.gdpr-info {
background: #ddd none repeat scroll 0 0;
border-bottom: 2px solid #f78f1e;
color: black;
padding: 10px 20px 23px;
}
#paypal-btn,
#gopay-btn,
#comgate-btn {
text-align: center;
}
#paypal-btn img,
#gopay-btn img {
margin: 0 16px 0 0;
}
.paymentbox .button {
display: flex;
align-items: center;
justify-content: center;
}
.paymentbox .button div {
margin: 0 30px;
text-align: left;
}
.paymentbox .button div .big {
font-size: 160%;
} div.admin-float-box:hover {
right: 0;
}
div.admin-float-box {
border: 3px solid #7521c4;
border-left: 5px solid #7521c4;
float: right;
padding: 0px 0 0 31px;
position: fixed;
right: -167px;
width: 200px;
top: 55px;
box-shadow: -8px 0px 20px rgba(0, 0, 0, 0.7);
z-index: 10000;
display: none;
background: black;
min-height: 110px;  height: calc(100% - 90px);
border-radius: 21px 0 0 0;
overflow: hidden;
}
div.admin-float-box.notempty {
right: -130px;
}
.admin-float-box .inxbox {
margin: 5px;
max-height: 100%;
position: absolute;
bottom: 0;
top: 0;
left: 20px;
right: 0;
}
.admin-float-box div#selABox {
color: white;
max-height: 100%;
overflow-y: auto;
position: relative;
}
.titleinp {
width: calc(100% - 44px);
}
#selABox>div {
background: #444;
margin: 2px 0;
padding: 1px 7px;
border-radius: 8px;
}
a.toolbutton {
display: block;
background: silver;
text-align: center;
color: black;
margin: 2px 0px;
text-decoration: none;
}
a.toolbutton:hover {
background: grey;
color: white;
}
a.toolbutton.button2 {
width: 48% !important;
display: inline-block;
font-size: 80%;
}
button.ui-dialog-titlebar-close {
position: absolute;
width: 20px;
height: 20px;
right: 6px;
top: 6px;
background: black;
color: red;
z-index: 10000;
border: 1px solid red;
display: block;
line-height: 10px;
font-weight: bold;
padding: 0;
}
button.ui-dialog-titlebar-close:before {
content: "X";
}
div.admin-float-box:hover {
right: 0;
}
div.admin-float-box {
transition: all 0.5s ease;
-webkit-transition: 0.5s all ease;
-moz-transition: 0.5s all ease;
-ms-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
}
.admin-float-box>h2 {
font-size: 10pt;
margin: 0;
padding: 2px 15px;
background: #7521c4;
color: white;
transform: rotate(-90deg);
transform-origin: left;
right: 0;
text-align: right;
top: 202px;
position: absolute;
left: 10px;
border-width: 0px 0px 0px 0px;
border-color: white;
border-style: solid;
width: 213px;
height: 21px;
border-radius: 0 0 0 20px;
}
.admin-topbox {
font-size: 12px;
padding: 0;
}
.s2otech .select2 {
width: 100%;
}
.admin-topbox .select2 {
width: calc(100% - 19px) !important;
color: black;
text-align: left;
white-space: normal;
display: inline-block;
}
.qcopy,
.cancelparent {
position: relative;  display: inline-block; z-index: 10;
margin: 0 3px 0 4px;
cursor: pointer;
}
.parentid {
width: calc(100% - 40px) !important;
}
.admin-topbox .select2 .selection {
width: 100%;
white-space: normal;
}
.admin-topbox .select2 ul {
white-space: normal !important;
text-align: center;
text-align: left;
}
.admin-topbox span.select2-selection.select2-selection--multiple {
background: black;
}
.admin-topbox .select2-container .select2-search--inline input {
display: inline-block;
background: white;
}
.admin-topbox .select2-container .select2-search--inline:after {
content: '';
display: none;
}
.admin-topbox .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline {
margin: 0;
padding: 0;
display: block;
}
.admin-topbox .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline input {
height: 19px;
width: 120px !important;
color: white;
background: transparent;
border-bottom: 1px dotted silver;
display: block;
}
.select2.saving {
border: 3px solid #00cc00;
}
.select2.saving:after {
content: '\f0c7';
font-family: FontAwesome;
position: absolute;
right: -12px;
top: -3px;
bottom: -3px;
background: #00cc00;
color: black;
border-radius: 0 7px 7px 0;
display: flex;
align-items: center;
padding: 8px;
font-size: 20px;
}
.select2.empty:before {
content: '!'; background: red;
width: 16px; position: absolute;
top: -2px;
bottom: -2px;
left: -17px;
font-size: 25px;
text-align: right;
font-weight: bold;
color: white;
padding: 0 5px;
border-radius: 7px 0 0 7px;
display: flex;
justify-content: center;
align-items: center;
}
.select2.empty {
border: 2px solid red;
}
.absfooter {
background: #c9c9c9 none repeat scroll 0 0;
margin: 0;
width: 100%;
}
.sns {
border-radius: 30px;
color: white;
display: inline-block;
font-size: 19px;
height: 30px;
line-height: 28px;
margin: 10px 3px;
text-align: center;
width: 30px;
}
.sns a {
color: white;
}
.sns:hover {
opacity: 0.8;
} .author-box-photo {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 220px;
margin-bottom: -50px;
overflow: hidden;
transition: 0.1s all ease;
-webkit-transition: 0.1s all ease;
-moz-transition: 0.1s all ease;
-ms-transition: 0.1s all ease;
-o-transition: 0.1s all ease;
}
.author-big-box:hover {
border-radius: 20px;
border: 1px solid #AAA;
}
.author-big-box {
border: 1px solid #EEE;
display: inline-block;
margin: 20px;
vertical-align: top;
width: calc(33% - 40px);
overflow: hidden;
transition: 0.1s all ease;
-webkit-transition: 0.1s all ease;
-moz-transition: 0.1s all ease;
-ms-transition: 0.1s all ease;
-o-transition: 0.1s all ease;
background-color: white;
}
.author-big-box:hover .author-box-avatar {
transform: scale(1.2) translateY(-20px);
-webkit-transform: scale(1.2) translateY(-20px);
-moz-transform: scale(1.2) translateY(-20px);
-ms-transform: scale(1.2) translateY(-20px);
-o-transform: scale(1.2) translateY(-20px);
box-shadow: 7px 7px 6px rgba(0, 0, 0, 0.5);
}
.author-big-box:hover .author-box-photo {
filter: blur(3px);
-webkit-filter: blur(3px);
-moz-filter: blur(3px);
-ms-filter: blur(3px);
-o-filter: blur(3px);
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
}
.author-box-description {
padding: 10px;
color: black;
}
.author-box-name {
font-size: 110%;
font-weight: bold;
margin: 4px 0 10px;
text-align: center;
color: black;
}
li.name-item {
font-size: 80%;
line-height: 100%;
}
.author-big-box.small .author-box-name {
margin-bottom: 0;
}
.author-big-box.small .author-box-description {
display: none;
}
.author-big-box.small {
width: calc(25% - 40px);
}
.author-big-box.small .author-box-photo {
height: 200px;
}
.author-box-avatar {
background-position: center center;
background-size: cover;
border: 2px solid black;
border-radius: 20%;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
height: 100px;
margin: 0 auto;
position: relative;
width: 100px;
transition: 0.1s all ease;
-webkit-transition: 0.1s all ease;
-moz-transition: 0.1s all ease;
-ms-transition: 0.1s all ease;
-o-transition: 0.1s all ease;
}
.author_name {
background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
bottom: 0;
left: 0;
padding: 2px 5px;
position: absolute;
right: 0;
text-align: center;
}
.authoritem {
color: white;
display: inline-block;
height: 150px;
margin: 5px;
position: relative;
width: 150px;
}
.author-list-box {
text-align: center;
padding: 10px 70px;
}
.author_links {
display: inline-block;
height: auto;
line-height: 18px;
padding: 0 30px;
vertical-align: middle;
}
.author_links a {
color: white;
display: inline-block;
font-size: 25px;
}
.author_links a:hover {
color: #ccc;
} .progress {
margin: 5px 16px;
overflow: hidden !important;
position: relative;
}
.progress {
background: #333 none repeat scroll 0 0;
border: 1px solid #444;
height: 40px;
}
.progress-bar {
border-radius: 4px;
height: 40px;
}
.progress>button {
font-size: 19px;
height: 40px;
position: absolute;
right: 0;
}
.pllabel {
color: white;
height: 40px;
left: 10px;
line-height: 36px;
position: absolute;
text-shadow: 1px 1px 2px black;
}
.pllabel>b {
color: white;
font-weight: bold;
}
.progress i {
color: white;
margin-right: 15px;
vertical-align: middle;
font-size: 150%;
}
#plconsole {
background: #a00;
padding: 10px;
margin: 5px 0;
border: 3px solid black;
display: none;
width: 100%;
height: auto;
}
#collapse-menu.collapse {
display: inline-block !important;
}
.picteam {
display: inline-block;
vertical-align: top;
text-align: center;
padding: 0;
margin: 0 20px;
width: 300px;
border-radius: 20px;
background: #f5f5f5;
}
.picteam0 {
display: flex;
justify-content: center;
margin: 60px 0;
}
.picteam h3 {
border-color: white;
padding-bottom: 11px;
border-width: 3px;
width: 80%;
margin: 0 auto !important;
}
.picteam>*.picteamphoto {
background: #fff;
width: 200px;
height: 200px;
border-radius: 100px;
margin: 20px auto 20px !important;
}
.picteam * {
margin: 11px 0 !important;
}
.gallery.gallery-columns-5 {
max-width: 920px;
}
.gallery.gallery-columns-3 {
max-width: 590px;
}
.infostripe~.gallery {
margin-top: -100px !important;
margin-bottom: 100px !important;
}
.shop-inline {
background-color: #ddd;
padding: 60px 50px 20px 50px;
margin: 40px;
}
.shop-inline.shop-block {
background: none;
display: flex;
flex-wrap: wrap;
}
.shop-block .goods-item-img {
box-shadow: none;
}
.goods-item-img::after {
content: "";
padding-bottom: 100%;
display: block;
}
.shop-inline h3 {
border-bottom: 2px solid #fff;
margin: 10px -60px 10px 10px;
clear: both;
font-weight: bold;
color: white;
border-bottom: ;
font-size: 150%;
}
.shop-inline-content {
display: grid;
grid-template-columns: repeat(3, 1fr);
flex-wrap: wrap;
}
.goods-item {}
.goods-item {
width: 300px; margin: 0;
display: flex;
padding: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.shop-inline .goods-item {
margin: 10px 10px;
border-radius: 10px;
overflow: hidden;
background: white;
}
.goods-item-img {
width: 15vw;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
flex-shrink: 0; height: 15vw; }
.goods-item-text {
padding: 0px 0 0 15px;
display: flex;
flex-flow: column;
align-items: left;
justify-content: start;
font-size: 12pt;
text-align: left;
width: 100%;
}
.goods-item-content {
font-size: 80%;
margin-bottom: 5px;
flex-grow: 1;
}
.goods-item-price {
font-weight: bold;
text-align: right;
padding: 0 2px 0 0;
}
.goods-item-stock {
text-align: right;
}
.goods-item-title {
font-weight: bold;
border-bottom: 1px solid;
border-color: #bdbdbd;
margin-bottom: 5px;
padding-bottom: 5px;
font-size: 110%;
text-align: center;
}
span.stock-r {
color: #dd0000;
font-weight: bold;
}
span.stock-g {
color: #00a000;
font-weight: bold;
}
.goods-item-buy input[name=count] {
width: 50px;
text-align: center;
font-weight: bold;
}
.goods-item-buy {
display: flex;
justify-content: flex-end;
align-items: flex-end;
flex-grow: 0;
}
.goods-detail-image {
width: 100%;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.goods-detail-stripimage {
cursor: pointer;
}
.goods-detail-image:after {
content: "";
display: block;
padding-bottom: 100%;
}
.goods-item-buy>* {
height: 37px !important;
flex-wrap: nowrap;
}
.goods-item-buy i.fa {
margin-right: 10px;
}
.goods-item:hover {
box-shadow: 2px 2px 12px 2px #00000022;
border: 1px solid orange;
border-radius: 10px;
}
.goods-item-title a {
color: black;
}
.shop-block .goods-item-title {
border-color: #ddd;
}
.goods-item:hover .goods-item-img {}
.goods-item,
.goods-item-img,
.goods-detail-image {
transition: 0.4s all ease;
-webkit-transition: 0.4s all ease;
-moz-transition: 0.4s all ease;
-ms-transition: 0.4s all ease;
-o-transition: 0.4s all ease;
transition: background-size 2s ease-in;
-moz-transition: background-size 2s ease-in;
-ms-transition: background-size 2s ease-in;
-o-transition: background-size 2s ease-in;
-webkit-transition: background-size 2s ease-in;
border: 1px solid transparent;
}
.goods-detail {
display: flex;
flex-wrap: wrap;
margin: 20px 40px 40px 40px;
}
.goods-detail-gallery {
max-width: 800px;
width: 50%;
flex: 1 0;
margin-right: 50px;
min-width: 400px;
}
.goods-detail .goods-item-buy {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-grow: 0;
}
.goods-detail-buy h3,
.goods-detail-sizevar h3 {
margin: 0 -20px 20px 0;
color: black;
border-bottom-color: white;
border-bottom-width: 2px;
padding: 0 0 7px 0;
}
.goods-detail .goods-item-price {
font-weight: bold;
text-align: left;
padding: 0 2px 0 0;
}
.goods-detail .goods-item-stock {
text-align: left;
}
.goods-vol-disc {
display: flex;
justify-content: center;
}
.goods-vol-disc>div>div {
min-width: 70px;
background: white;
margin: 2px;
padding: 2px;
text-align: right;
}
.goods-detail-text {
width: auto;
flex: 1 0;
min-width: 400px;
}
.goods-detail-text p {
margin: 10px 30px 30px 0;
}
.goods-detail-gallery-strip {
justify-content: center;
border-bottom: 1px solid #bbb;
border-top: 1px solid #bbb;
padding: 10px 0;
display: flex;
flex-direction: row;
align-items: center;
}
.goods-detail-row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.goods-detail-stripimage {
margin-right: 10px;
max-width: 100px;
min-width: 100px;
}
.goods-detail .goods-detail-buy,
.goods-detail .goods-detail-sizevar {
background: #eee;
padding: 20px;
width: auto;
margin: 3px 0;
}
.picksize .box {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: center;
width: fit-content;
}
.picksize {
max-width: 100%;
}
.goods-detail .box {
padding: 10px 0;
} .fp-banner-img {
width: 100%;
min-height: 65vh;
background-position: left center;
background-repeat: no-repeat;
background-color: #0397d6;
background-size: contain;
display: flex;
justify-content: center;
align-items: center;
padding: 30px 0;
}
.fp-banner-input {
width: 50%;
display: flex;
margin-left: 50%;
flex-direction: column;
width: 50%;
font-size: 200%;
justify-content: center;
align-items: center;
}
.page .content-area .fp-banner-input h2 {
color: white;
margin: 30px 0;
border-color: white;
border: 0;
width: max-content;
}
.fp-banner-input input {
padding: 30px !important;
font-weight: bold;
text-align: center;
margin: 6px;
}
.fp-banner-input .btn.btn-primary {
height: 63px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 40px !important;
font-size: 80%;
margin: 30px;
}
.fp-banner-input form {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
} .page-container>.picto-crossr {
display: flex;
justify-content: stretch;
align-items: stretch;
margin-top: 9px;
border-color: black;
}
.page-container>.picto-crossr .picto-crossr-item-logo {
background-size: contain;
background-position: center center;
min-width: 50px;
min-height: 40px;
background-repeat: no-repeat;
z-index: 10;
margin: 6px 20px;  flex-grow: 0; flex-shrink: 1;
}
.page-container>.picto-crossr .picto-crossr-item-content {
background-size: cover;
background-position: center center;
position: relative;
color: white; border-width: 2px 1px;
flex: 1 1;
}
.picto-crossr-item-veil {
content: "";
background-color: black;
opacity: 0.8;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}
.page-container>.picto-crossr .picto-crossr-item {
position: relative;
color: white;
flex-basis: 25%;
display: flex;
justify-content: center;
align-items: stretch;
flex: 1 0 25vw;
cursor: pointer;
}
.page-container>.picto-crossr .picto-crossr-item-title {
color: white;
display: flex;
justify-content: flex-start;
align-items: center;
z-index: 10;
position: relative;
flex-grow: 1;
width: 100%;
}
p {}
.page-container>.picto-crossr .picto-crossr-item-content p {
color: white;
z-index: 10000;
margin: 20px;
position: relative;
display: none;
}
.page-container>.picto-crossr .picto-crossr-item-title .h2 {
color: white;
margin: 0 20px 0 0;
padding: 0;
border-color: white;
border: none;
font-size: 0.9rem;
flex-grow: 1;
font-weight: normal;
}
.page-container>.picto-crossr .picto-crossr>p {
display: none;
}
.page-container>.picto-crossr .picto-crossr-item:hover .picto-crossr-item-veil {
opacity: 0.6;
}
.page-container>.picto-crossr .picto-crossr-item:hover {
outline: 1px solid white;
z-index: 10000;
}
.page-container>.picto-crossr a {
color: white;
text-decoration: none;
flex: 1 1 25%;
}
.page-container>.picto-crossr .picto-crossr-info a {
color: black;
text-decoration: none;
flex: 1 1 25%;
text-align: center;
}
.page-container>.picto-crossr .picto-crossr-info {
background: #f78f1e;
color: white;
display: flex;
justify-content: center;
align-items: center;
padding: 5px;
flex: 0 0 90px;
}
div#picto-testimonials-all {
display: flex;
max-width: 1150px;
flex-wrap: wrap;
justify-content: center;
margin: 0 auto;
}
div#picto-testimonials-carousel {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin-top: 50px;
}
.picto-testim {
display: flex;
flex-basis: 350px;
background: #eee;
margin: 10px;
flex-direction: column;
align-items: center;
border-radius: 20px;
max-width: 100%;
}
.picto-testim-img {
width: 100px;
height: 100px;
background-size: cover;
border-radius: 50%;
border: 6px solid white;
top: -40px;
position: relative;
margin-bottom: -37px;
}
.picto-testim-text {
padding: 30px;
position: relative;
text-indent: 40px;
text-align: left;
font-weight: normal;
flex: 1 1;
}
.picto-testim-name {
font-weight: bold;
font-size: 120%;
}
.picto-testim-text:before {
content: "\e14c";
position: absolute;
left: -16px;
top: 9px;
font-family: 'Font Awesome 6 Pro';
font-size: 200%;
font-weight: bold;
}
.testim-author-box {}
.testim-author {
aspect-ratio: 1;
height: 200px;
background-size: cover;
border-radius: 50%;
border: 6px solid white;
position: relative;
display: block;
}
.single-testim .site-content .entry-content ul {
padding: 0 10px;
margin: 0;
width: auto;
max-width: 1000px;
margin: 0 auto;
}
.single-testim .site-content .entry-content ul li {
padding: 0;
margin: 39px 10px;
}
.single-testim .site-content .entry-content ul li strong {
margin-bottom: 11px;
}
.site-content p,
.site-content ul,
.site-content h2,
.site-content h3 {
max-width: 1000px;
padding: 0px 0;
margin: 0 auto 20px !important;
}
.site-content ul {
padding-left: 40px;
}
.clearfix {
margin-top: 30px;
}
.picto-testim a.btn {
align-self: end;
margin: 0 20px 20px 0;
}
.single-testim .site-content .entry-content ul li:BEFORE {
content: "\e14c";
position: absolute;
left: -29px;
top: -1px;
font-family: 'Font Awesome 6 Pro';
font-size: 130%;
font-weight: bold;
}
.picto-post-gallery {
display: flex;
max-width: 1000px;
margin: 30px auto;
flex-direction: column;
padding: 10px;
}
.picto-post-gallery-item {
margin: 0 0 70px;
}
.picto-testim-jobpos {}
#picto-testimonials-all .picto-testim-jobpos,
div#picto-testimonials-carousel .picto-testim-jobpos {
font-weight: normal;
text-align: center;
font-size: 70%;
}
#picto-testimonials-all .picto-testim {
margin-top: 80px;
}
.testim-author-box {
z-index: 2;
}
.single-testim .central-box.productprice:after {
background: rgb(0, 0, 0);
background: linear-gradient(0deg, rgba(0, 0, 0, 0.7847514005602241) 0%, rgba(0, 0, 0, 0.6839110644257703) 17%, rgba(255, 255, 255, 0) 43%, rgba(255, 255, 255, 0) 100%);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: "";
}
h2.jobpos {
text-align: center;
font-size: 130%;
margin: 0 auto 20px;
max-width: 1000px;
border-width: 1px;
padding: 0 0 20px 0px;
}
span.jobpos {
font-size: 80%;
font-weight: normal;
display: flex;
justify-content: center;
flex-direction: row;
}
span.jobpos br {  }
.mat-color-subst {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
}
.mat-img.substimg {
position: relative;
padding-bottom: 100%;  }
tr.cred_minus td {
background: #ffc1c1;
color: black;
}
tr.cred_plus td {
background: #bee3be;
}
.youp-picture {
background-size: cover;
background-repeat: no-repeat;
}
.face-circle {
position: absolute;
border: 2px dotted red;
border-radius: 50%;
background: #ffffff94;
box-shadow: 2px 2px 5px 0px inset;
}
tr.corrline>* {
background: red !important;
color: white;
}
.cart-lab-img .corr {
position: absolute;
bottom: 1px;
right: 1px;
background: black;
color: white;
padding: 5px;
border-radius: 5px;
width: 20px;
height: 20px;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 2px 2px 4px #00000088;
}
.corr1,
tr.corr1>* {
background: #efef00 !important;
color: black !important;
}
.corr2,
tr.corr2>* {
background: #df8500 !important;
color: black !important;
}
.corr3,
tr.corr3>* {
background: #ff2911 !important;
color: white !important;
} @media (max-width: 1920px) {
.shop-inline-content {
display: grid;
grid-template-columns: repeat(3, 1fr);
flex-wrap: wrap;
}
.shop-inline {
padding: 40px 20px;
}
h1.fptitle {
font-size: 1.4rem;
}
h1.fptitle .bg {
content: '';
background-image: url(//pictoart.cz/wp-content/themes/pictoart2016/css/images/fpbanner/pictobg2021-001.jpg);
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 0;
background-position: center;
background-size: cover;
}
.fppick {
height: 260px;
}
}
@media (max-width: 1680px) {
.prodimg {
height: 250px;
}
.picto-box2020 {
font-size: 18pt;
}
.content-area .picto-box2020 h2 {}
h1.fptitle img {
margin: 0 40px 0 0;
}
h1.fptitle {
font-size: 1.4rem;
}
.content-area .picto-stripe ul li {
width: 15%;
min-width: 200px;
}
.minikat {
width: 130px;
height: 130px;
position: relative;
}
.prodbanner {
height: 500px;
}
.prodlist .prodimg {
height: 250px;
border: 6px;
}
.fppick {
width: 30%;
}
.blog-top-img {
height: 600px;
margin: 30px 20px -20px;
}
.entry-content>form,
.entry-content>.xform {
margin: 20px 100px;
}
#btsinfo {
background-color: green;
}
.box {
padding: 10px 30px;
}
}
@media (max-width: 1366px) {
html {
font-size: 14px;
}
.page .content-area,
.page .entry-content,
.archive .entry-content,
.single .entry-content,
.single .entry-content,
.site-main .entry-content,
.prod .entry-content {
font-size: 19px;
}
ul.productsmenu li {}
.infostripe h3 {
font-size: 140%;
}
.shop-inline-content {
display: grid;
grid-template-columns: repeat(2, 1fr);
flex-wrap: wrap;
}
.shop-inline {
padding: 40px 20px;
}
.prodimg {
height: 220px;
}
.picto-box2020 {
flex-direction: column;
}
.picto-box2020 {
font-size: 13pt;
}
.content-area .picto-box2020 h2 {}
.content-area .picto-stripe ul li {
width: 15%;
min-width: 200px;
}
.picto-box2020 {
flex-direction: column;
}
.content-area .picto-box2020 ul {
width: 102%;
margin: 0 -1%;
padding: 0;
}
.content-area .picto-box2020 ol li,
.content-area .picto-box2020 ul li {
font-size: 95%;
padding-left: 20px;
margin: 10px 1%;
padding: 0;
flex-shrink: 0;
flex-grow: 0;
display: inline-flex;
}
#btsinfo {
background-color: black;
}
.repro-author-letter ul {
font-size: 15pt !important;
padding: 20px 20px;
}
.repro-author-letter h2 {
height: 50px;
width: 50px;
font-size: 30pt;
left: 0;
top: -12px;
}
.triangle-l,
.triangle-r {
margin: 0px 10px;
}
.minikat {
width: 110px;
height: 110px;
position: relative;
}
.prodinfo {
max-width: 70%;
}
.productprice h1 {
font-size: 50px;
}
.prodlist .prodimg {
height: auto;
border-width: 4px;
padding-bottom: 100%;
}
.blog-top-img {
height: 500px;
margin: 30px 20px -20px;
}
.prodbanner {
height: 400px;
}
.imgprod {
width: 35%;
}
#mainPictureBox {
padding: 0 0px;
}
.box {
padding: 10px 30px;
}
.qoitem {
width: 49%;
}
.picto-box2>h1 {
font-size: 35px;
}
.picto-box>div>div,
.picto-box2>div {
font-size: 20px;
padding: 20px 40px;
}
.picto-box h2,
.picto-box2 h2,
.picto-box2 h3 {
font-size: 28px;
padding: 0 0 10px;
}
.picto-box2>div.picto-pageimg {
height: 250px;
width: 250px;
}
.picto-box ul,
.picto-box2 ul {
margin: 0;
padding: 10px 50px;
}
.picto-box2 li {
font-size: 11px;
margin: 0 10px;
width: 100px;
height: 100px;
}
.linkico-title {
padding: 5px 2px;
}
.picto-box2>div.picto-box-content {
min-height: 180px;
padding-left: 330px;
}
.picto-box2>h1 {
padding-left: 330px;
}
.picto-box2 li img {
width: 70px;
}
#news {
padding: 10px 80px;
}
.pictopage {
padding: 20px 100px;
}
#footer {
padding: 20px;
}
.author-big-box {
width: calc(50% - 30px);
margin: 15px;
}
.author-big-box.small {
width: calc(33% - 30px);
margin: 15px;
}
.author-box-photo {
height: 170px;
}
.author-big-box.small .author-box-photo {
height: 150px;
}
.repro-author-letter {
margin: 7px 3px;
width: calc(33% - 10px);
}
.infostripe~.gallery {
margin-top: -80px !important;
margin-bottom: 50px !important;
}
}
.medv .btn {
padding-right: 50px;
position: relative;
}
.medv .btn .fa {
color: black;
font-size: 318%;
margin: 0 0 0 18px;
position: absolute;
right: 10px;
}
.medv .btn-success:hover .fa {
color: #0c93d5;
} @media (max-width: 1280px) {
.fp-banner-img {
background-position: -12vw bottom;
}
.fp-banner-input {
margin-left: 50%;
max-width: 40vw;
}
.page .content-area .fp-banner-input h2 {
max-width: 40vw;
font-size: 1.2rem;
}
.fp-banner-input {
max-width: 40vw;
}
.fp-banner-input form {
max-width: 40vw;
}
.fp-banner-input input {
max-width: 40vw;
font-size: 1.7rem;
}
.page .content-area,
.page .entry-content,
.archive .entry-content,
.single .entry-content,
.single .entry-content,
.site-main .entry-content,
.prod .entry-content {
font-size: 18px;
}
.goods-item-img {
width: 23vw;
height: 23vw;
}
.goods-item {
width: 48vw;
height: 25vw;
padding: 10px;
}
h1.fptitle img {
margin: 0 30px 0 0;
}
h1.simple-page-title {
font-size: 250%;
}
.content-area .picto-stripe ul li {
min-width: 180px;
}
.logo>img {
height: 30px;
}
.infostripe.left .imgimg,
.infostripe .imgimg {
margin: 10px 30px 10px 10px;
}
.infostripe.right .imgimg {
margin: 10px 10px 10px 30px;
}
.prodpricetable {
position: relative;
margin: -190px auto 50px;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.productprice {
min-height: 300px;
margin-bottom: 30px !important;
}
.collapscont {
padding-left: 290px !important;
}
.subkatitem.sq.bigkatitem {
flex: 1 1 200px;
max-width: 300px;
}
.minikat {
width: 100px;
height: 100px;
position: relative;
}
.page .entry-content,
.archive .entry-content,
.single .entry-content,
.single .entry-content,
.site-main .entry-content,
.prod .entry-content {
font-size: 17px;
}
.ulp-tab.ulp-tab-left-middle {
bottom: -30px !important;
top: auto !important;
}
.central-box p,
.central-box .p {
font-size: 17px;
padding: 10px;
}
.central-box h2 {
margin: 0px 0 20px 9px;
padding: 22px 0px 2px;
width: calc(100% + 31px);
}
.blog-top-img {
height: 450px;
margin: 30px 20px -20px;
}
.prodbanner {
height: 380px;
}
.qoitem {
width: 33%;
}
.imgprod {
width: 40%;
}
.fpslider {
height: 600px;
}
.fplogo {
height: 170px;
width: 170px;
margin: 20px;
}
.fpbar {
position: absolute;
bottom: 10%;
width: 100%;
text-align: center;
}
.fpvideo {
width: calc(20% - 40px);
min-height: 150px;
}
.accordion-heading,
.central-box h2 {
padding: 22px 0px 2px;
}
.box {
padding: 10px 30px;
}
h1,
.h1 {
font-size: 25px;
padding: 30px 15px;
}
.picto-stripe {
font-size: 20px;
padding: 20px 30px 10px;
}
.picto-stripe ul {
margin: 25px 10px;
padding: 0;
}
.picto-box h2,
.picto-box2 h2,
.picto-box2 h3 {
font-size: 20px;
padding: 0px 0px 10px;
}
.picto-box>div>div,
.picto-box2>div {
font-size: 26px;
padding: 20px 30px;
}
.picto-box ul,
.picto-box2 ul {
padding: 8px 30px;
}
.picto-box li,
.picto-box2 li {
font-size: 17px;
}
.entry-content>form,
.entry-content>.xform {
margin: 20px 50px;
}
.navbar-nav>li>a {
padding: 14px 15px;
}
#menu-mainmenu .menu-item {
font-size: 13px;
height: 50px;
padding-top: 2px;
}
#menu-mainmenu>.menu-item.active,
#menu-mainmenu .menu-item.current-menu-parent {
height: 47px;
padding-top: 2px;
}
.headertext {
font-size: 15px;
height: 50px;
padding: 15px 19px;
}
#menu-mainmenu {
height: 50px;
}
#footer-row {
padding: 10px 40px;
}
.picto-box2 {
min-height: 240px;
}
.picto-box2>div.picto-pageimg {
height: 210px;
width: 210px;
}
.picto-box2>h1 {
font-size: 32px;
padding: 20px 15px;
}
.picto-box2 li {
font-size: 10px;
margin: 5px;
width: 90px;
line-height: 17px;
height: 90px;
}
.picto-box2 li img {
width: 70px;
}
.picto-box2>div.picto-box-content {
padding-left: 290px;
}
.picto-box2>div {
font-size: 17px;
}
.katthumbs {
padding: 5px 0px;
}
.news {
padding: 20px 10px;
}
#news {
padding: 10px 80px;
}
.pictopage {
padding: 20px 50px;
}
} @media (max-width: 1083px) {
.templatebox2020 .confimg {
position: relative !important;
top: 30px;
height: min-content;
}
body {
font-size: 10pt;
}
.page .content-area,
.page .entry-content,
.archive .entry-content,
.single .entry-content,
.single .entry-content,
.site-main .entry-content,
.prod .entry-content {}
.prodimg {
height: 180px;
}
.content-area .picto-stripe ul li {
min-width: 190px;
width: 30%;
max-width: 300px;
}
}
@media (max-width: 992px) {
.page .content-area,
.page .entry-content,
.archive .entry-content,
.single .entry-content,
.single .entry-content,
.site-main .entry-content,
.prod .entry-content {
font-size: 16px;
}
ul.productsmenu li {}
ul.prodinline li {
min-width: 100%;
max-width: 100%;
border: none;
flex-direction: column;
}
.infostripe.right .imgimg {
margin: 0px auto;
}
.infostripe {
flex-direction: column-reverse !important;
justify-content: center;
margin: 0;
padding: 6vw 0vw;
}
.infostripe>div {
margin: 22px 10vw;
}
.infostripe.left .imgimg,
.infostripe .imgimg {
place-self: flex-start;
order: 1;
margin: 0 auto;
}
.infostripe h3 {
text-align: center;
}
h2.divider {
background: #555;
color: white;
margin: 0 !important;
font-size: 110%;
text-align: center;
width: 100%;
}
.picto-action>* {
margin: 0 10px 4px 10px;
}
.goods-item-text {
text-align: left;
font-size: 11pt;
}
.shop-inline {
margin: 20px 0;
}
.picto-box2020 ul.prodinline li {
max-width: 100%;
}
.picto-box2020 .prodinline .imgimg {
max-width: 200px;
margin: 0 20px auto 50px;
}
.picto-action>*>*:first-child {
min-width: 460px;
}
.content-area .picto-box2020 ol li,
.content-area .picto-box2020 ul li {
width: 98%;
}
.content-area .picto-stripe ul li {
min-width: 190px;
width: 30%;
max-width: 300px;
}
h1.fptitle img {
margin: 0 20px 0 6px;
}
.content-area .picto-stripe ul li {}
.blogthumb {
max-width: 50%;
}
.infostripe>* {
min-width: 220px;
}
.infostripe {
align-items: center;
}
ul.prodinline {
flex-direction: column;
}
.prodinline .imgimg {
max-width: 50%;
}
.productprice {
min-height: 250px;
}
.repro-author-letter ul {
font-size: 12pt !important;
padding: 20px 10px;
}
.author-letters>* {
flex: 1 1 260px;
max-width: 350px;
}
.repro-author-letter h2 {
font-size: 23pt;
height: 40px !important;
width: 40px !important;
top: -4px;
left: 7px;
}
.btn-tick .tick {
display: none;
}
.collapscont {
padding-left: 230px !important;
}
.minikat {
width: 90px;
height: 90px;
position: relative;
}
.subkatitem.sq.bigkatitem {
flex: 1 1 200px;
margin: -3px;
max-width: 280px;
}
.ordbox {
max-width: 100%;
}
.confform {
padding: 10px 0;
max-width: 100%;
}
.detailrow {
padding: 10px 0px;
margin: 10px -20px 30px;
}
.detailrow.conf h2 {
font-size: 15px;
margin: 0 20px !important;
white-space: normal;
padding: 3px 10px;
width: calc(100% - 20px);
}
.confvalue .btn-vertical {
height: 100px;
flex: 1 1;
max-width: 100%;
}
.thumbcontainer {
margin: 15px 15px;
width: calc(100% - 30px);
}
.conflink {
margin-left: 0;
}
.minikat.subkatitem {
width: 80px;
height: 80px;
margin: -8px !important;
}
.minikat .catname {
font-size: 10px;
}
.currentkat .catname {
font-size: 10px !important;
}
.triangle-l {
width: 0;
height: 0;
border-style: solid;
border-width: 20px 15px 20px 0;
padding: 0;
margin: 0 11px;
}
.triangle-r {
width: 0;
height: 0;
border-style: solid;
border-width: 20px 0px 20px 15px;
padding: 0;
margin: 0 11px;
}
.katthumbs {
text-align: center;
}
.content-area p,
.content-area .p,
.content-area ul.bullets {
margin: 2px 50px 5px;
}
.page .content-area h2 {}
div#mainwall {
display: none;
}
.page .entry-content,
.archive .entry-content,
.single .entry-content,
.single .entry-content,
.site-main .entry-content,
.prod .entry-content {
font-size: 15px;
}
.detailpage .conf h2 {
font-size: 17pt;
}
.btn-back {
position: relative;
margin: 10px auto;
top: auto;
left: 10px;
}
.ulp-tab.ulp-tab-left-middle {
bottom: -30px !important;
top: auto !important;
}
.central-box p,
.central-box .p {
font-size: 15px;
padding: 10px;
}
.central-box h2 {
margin: 0px 0 20px 9px;
padding: 22px 0px 2px;
width: calc(100% + 31px);
}
ul.prodinline li {
margin: 10px 0 20px;
}
ul.prodinline {
margin: 0 0px;
}
ul.prodinline li {
width: 100%; flex-direction: row-reverse;
text-align: justify;
flex-shrink: 0;
justify-content: space-between;
align-items: center;
align-items: flex-start;
}
.imgimg {
width: 41vw;
flex-shrink: 0;
flex-grow: 0;
}
.single-prod .prodinline h3 {
text-align: left;
}
.prodbanner {
height: 300px;
}
.prodinfo {
max-width: 90%;
}
.productprice h1 {
font-size: 40px;
}
.prodlist .prodimg {
height: auto;
border-width: 4px;
padding-bottom: 100%;
}
.fppick {
width: 47%;
}
.blog-top-img {
height: 400px;
margin: 30px 20px -20px;
}
#mainPictureBox {
padding: 0 0px;
}
.imgprod {
width: 35%;
margin: 0px 30px 30px 0px;
}
.btn {
white-space: normal;
}
#collapse-menu.collapse {
display: none !important;
}
#collapse-menu.collapse.in,
#collapse-menu.collapsing {
display: block !important;
}
.fpslider {
min-height: 400px;
}
.fpbar {
position: absolute;
bottom: 0%;
width: 100%;
text-align: center;
}
.fplogo {
height: 150px;
width: 150px;
margin: 0 auto !important;
display: block !important;
}
.fpvideo {
width: calc(33% - 40px);
min-height: 150px;
}
#widgetPanel .banner {
display: none;
}
.qoitem {
width: 49%;
}
h2 {
margin-left: 0;
}
#collapse-menu {
height: auto;
position: relative;
top: auto;
left: auto;
}
.navbar-header {
float: none;
}
#collapse-menu li {
text-align: center;
}
h1,
.h1 {
font-size: 20px;
padding: 30px 15px;
}
.picto-stripe {
font-size: 18px;
padding: 20px 15px 10px;
}
.picto-stripe li {
font-size: 16px;
margin-bottom: 23px;
width: 25%;
}
.picto-box>div>div,
.picto-box2>div {
font-size: 20px;
padding: 20px 20px;
}
.picto-box h2,
.picto-box2 h2,
.picto-box2 h3 {
font-size: 30px;
padding: 30px 20px 5px;
}
.picto-box ul,
.picto-box2 ul {
padding: 2px 40px;
}
.entry-content>form,
.entry-content>.xform {
margin: 20px 40px;
}
.navbar-nav>li>a {
padding: 14px 10px;
}
#menu-mainmenu .menu-item {
font-size: 11px;
height: 50px;
padding-top: 2px;
}
#menu-mainmenu>.menu-item.active,
#menu-mainmenu .menu-item.current-menu-parent {
height: 47px;
}
#menu-mainmenu {
height: 50px;
}
.picto-box2 {
min-height: 200px;
}
.picto-box2>div.picto-pageimg {
height: 150px;
width: 150px;
}
.picto-box2>h1 {
font-size: 30px;
padding: 17px 15px;
}
.picto-box2 li img {
width: 60px;
border-radius: 10px;
}
.picto-box2>div.picto-box-content {
padding-left: 230px;
min-height: 110px;
}
.picto-box h2,
.picto-box2 h2,
.picto-box2 h3 {
font-size: 18px;
padding: 0px 0px 10px;
}
.picto-box2>div {
font-size: 15px;
}
.PAW {
bottom: 20px;
left: 10px;
position: fixed;
right: 10px;
top: 40px;
z-index: 1001;
}
.PAWTitle {
font-size: 15px;
}
#PAWContent {
padding: 5px;
}
#pictouploader {
padding: 10px 0;
text-align: center;
} .author-big-box.small {
width: calc(50% - 30px);
margin: 15px;
}
.author-box-photo {
height: 170px;
}
.author-big-box.small .author-box-photo {
height: 170px;
}
.infostripe~.gallery {
margin-top: 20px !important;
margin-bottom: 50px !important;
}
.katthumbs.bigthumbs.gkat {
padding: 5px 10px;
}
.gkat .bigkatitem .subkatitem2 {
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.gkat .subkatitem.sq.bigkatitem {
flex: 1 1 20vw;
}
.gkat .subkatitem .thumbnail-img,
.gkat .subkatitem .thumbnailx {
display: block;
}
.subkbox .minikat.subkatitem {
width: 30vw;
height: 30vw;
margin: 0.9vw !important;
margin-bottom: 40px !important;
}
.gkat .bigkatitem .catname {
font-size: 6vw;
}
.gkat .minikat .catname {
background: none;
}
} @media (max-width: 800px) {
.fp-banner-input {
width: 100vw;
margin: 0;
max-width: 95vw;
}
.fp-banner-input form {
max-width: 90vw;
}
.fp-banner-input input {
max-width: 90vw;
}
.fp-banner-img {
background-position: bottom center;
}
.page .content-area .fp-banner-input h2 {
max-width: 90vw;
font-size: 1.7rem;
text-align: center;
ma FONT-VARIANT: JIS04;
}
.fp-banner-img {
justify-content: center;
align-items: flex-start;
}
.page-container>.picto-crossr .picto-crossr-info {
flex-direction: column;
}
.page-container>.picto-crossr .picto-crossr {
flex-direction: row;
}
.page-container>.picto-crossr .picto-crossr-item-title .h2 {
display: none;
}
.page-container>.picto-crossr .picto-crossr-info {}
.page-container>.picto-crossr .picto-crossr-item-logo {
min-width: 43px;
margin: 6px 0;
background-position: center;
}
.page-container>.picto-crossr .picto-crossr-item-title {
justify-content: center;
}
html {
font-size: 12px;
}
.picto-box2020 .bgcontent {
padding: 30px 35px;
}
.picto-box2020 .bgcontent img {
width: 100%;
}
.goods-item {
width: 98vw;
height: 35vw;
padding: 10px;
}
.goods-item-img {
height: 32vw;
width: 32vw;
}
.onelink {
width: 42%;
}
.picto-box2020 .onelink .linkimg {
width: 100%;
background-size: contain;
}
#sb_instagram #sbi_images .sbi_item {
width: 46vw !important;
height: 46vw !important;
margin: 1vw !important;
padding: 0 !important;
}
a.sbi_photo.sbi_imgLiquid_bgSize.sbi_imgLiquid_ready {}
#sb_instagram #sbi_images .sbi_item a.sbi_photo {
height: 46vw !important;
}
h2 {
font-size: 18px;
margin-left: 0;
padding-left: 0;
}
.picto-box2020 .linkico-info {}
.picto-box2020 .bgcontent {
background: #ffffffcc;
padding: 30px 15px;
margin: 0px 0 0 0;
display: flex;
flex-direction: column;
text-align: justify;
}
.picto-box2020 {
padding: 10px;
}
.picto-box2020 ul {
margin: 0;
padding: 0;
}
.picto-box2020 li {
padding: 0;
}
.picto-action {
font-size: 20px;
}
.content-area .picto-box2020 h2 {}
shop-inline h3 {
margin: 0px -10px 30px 10px;
font-size: 120%;
}
.shop-inline-content {
display: grid;
grid-template-columns: repeat(1, 1fr);
flex-wrap: wrap;
}
.prodimg {
height: 150px;
}
.headertext {
max-width: 200px;
padding: 4px 19px;
display: none;
}
h1.fptitle {
flex-direction: column;
text-align: center;
font-size: 1.3rem;
padding: 0 4% 32px;
}
h1.fptitle img {
margin: 15px 0 9px 0;
}
} @media (max-width: 768px) {
.single-testim .site-content .entry-content ul {
margin-left: 32px;
}
.testim-author {
height: 150px;
border: 4px solid white;
}
.infostripemain h3 {
display: none;
}
.infostripemain {
width: 95vw;
margin-bottom: 0 !important;
}
.picto-box2.des2017 .picto-box-content {
margin: 0;
padding: 0;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.picto-box2.des2017 {
flex-direction: column;
}
.picto-box2.des2017>img {
max-width: 150px;
margin-top: 13px;
}
.picto-box2.des2017 .picto-box-content>* {
text-align: center;
}
.author-list-box {
padding: 10px 10px;
}
.page .content-area,
.page .entry-content,
.archive .entry-content,
.single .entry-content,
.single .entry-content,
.site-main .entry-content,
.prod .entry-content {
font-size: 15px;
}
.shop-inline-content {
justify-content: center;
}
.shop-inline {
margin: 0px 0;
padding: 10px;
justify-content: center;
}
.shop-inline h3 {
margin-top: 22px;
}
h1.simple-page-title {
font-size: 200%;
}
.content-area .picto-stripe ul li {
padding: 0 3%;
max-width: unset;
width: 85%;
}
.picto-box2020 .prodinline .imgimg {
max-width: 220px !important;
margin: 0 auto !important;
}
.content-area .picto-box2020 ol.prodinline li,
.content-area .picto-box2020 ul.prodinline li {
width: 95%;
flex-direction: column;
}
.templatebox {
padding: 10px 0px;
}
.detailrow .templatebox {
padding: 10px 20px;
}
.templatebox .ordbox {
margin: 0 0 0;
position: relative;
padding: 0 !important;
grid-template-columns: 1fr;
}
.templatebox2020 .confimg {
position: relative;
top: 0;
height: min-content;
}
.blogshort {
flex-direction: column;
}
.content-area .p.blogthumb {
width: calc(100% - 60px);
max-width: 100%;
margin: 0 0 30px 0 !important;
}
.content-area .blogshort h2 {
margin: 0 40px;
}
.info-cont {
margin: 0;
border-radius: 0;
padding: 30px 10px;
}
#filelist-drop,
.filelist-drop {
height: auto;
min-height: auto;
line-height: initial;
}
.productprice {
min-height: 200px;
margin-bottom: 20px !important;
}
.imgimg {
width: 100% !important;
max-width: 100% !important;
flex-shrink: 0;
flex-grow: 0;
margin: 0 !important;
}
.single-prod .prodinline h3 {
text-align: center;
}
.prodinline .btn i {
margin: 0 0 0px 0;
display: none;
font-size: 200%;
}
.repro-author-letter ul {
font-size: 12pt !important;
padding: 20px 10px;
}
.author-letters>* {
flex: 1 1 260px;
max-width: 350px;
}
.repro-author-letter h2 {
font-size: 23pt;
height: 40px;
width: 40px;
top: -4px;
padding: 0;
}
.author-letters {
padding: 10px 20px;
}
.imgplace {
display: none;
}
.collapscont {
padding: 20px !important;
}
.subkatitem.sq.bigkatitem {
flex: 1 1 160px;
margin: -6px;
max-width: 200px;
}
.detailpage .imgplace {
display: block;
}
.btnplace {
margin: 0 20px 0 30px;
}
.subkatitem .thumbnail-img {
display: none;
}
.minikat.subkatitem {
display: inline-block !important;
width: unset;
height: auto;
margin: 1px 0 0 !important;
width: 33%;
}
.minikat .catname {
position: relative;
background: #ccc;
color: black;
top: unset;
bottom: unset;
right: unset;
left: unset;
padding: 10px 10px;
height: auto;
display: flex;
justify-content: center;
align-items: center;
}
.thumbnailx {
display: none;
}
.superquick .thumbnailx {
display: flex;
}
.superquick .thumbcontainer2021 {
width: 100%;
display: flex;
justify-content: left;
flex-wrap: nowrap;
overflow-x: scroll;
}
.subkatitem .subkatitem2 {
position: relative;
top: unset;
bottom: unset;
right: unset;
left: unset;
}
.gkat .subkatitem .subkatitem2 {
position: absolute;
overflow: visible;
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
top: 10px;
bottom: 10px;
left: 10px;
right: 10px;
}
.bigkatitem .subkatitem2 {
position: absolute;
overflow: hidden;
top: 10px;
bottom: 10px;
left: 10px;
right: 10px;
}
.currentkat .catname>div {
position: relative;
top: unset;
left: unset;
transform: none;
font-size: 123%;
}
.minikat.subkatitem.currentkat {
width: auto;
}
.minikat.subkatitem:hover {}
.minithumbs .currentkat .thumbnailx {
display: none;
}
.minithumbs .currentkat.subkatitem:hover .catname,
.minithumbs .subkatitem:hover .catname {
background: #ccc;
}
.minikat {
width: 80px;
height: 80px;
position: relative;
}
.triangle-l {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0px 40px 20px 40px;
border-color: transparent transparent #ccc transparent;
padding: 0;
margin: 7px auto;
}
.triangle-r {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 20px 40px 0 40px;
border-color: #ccc transparent transparent transparent;
padding: 0;
margin: 7px auto;
}
#mainFilter2017 .searchbox {
margin: 4px 0 0px 4px;
}
.filter2017 h4 {
position: relative;
margin: 8px 0 0 0;
}
#xfilter.filter2017 {
margin: 0px;
padding: 6px 0 11px;
}
xxx* {
border: 1px dotted black;
}
ul.prodinline {
margin: 0;
padding: 0 10px;
}
.page .content-area p,
.page .content-area .p,
.page .content-area ul.bullets {
margin: 3px 15px 5px;
}
.page .content-area h2 {}
.prodbanner {
height: 200px;
}
.detailpage .conf h2 {
font-size: 13pt;
}
.imgprod2,
.imgprod {
width: calc(100% + 40px);
border-radius: 0;
max-width: calc(100% + 40px) !important;
margin: 23px -20px 11px;
}
.prodtitle {
padding: 0px 0 10px;
position: relative;
}
.prodlist .prodimg {
height: auto;
border-width: 4px;
padding-bottom: 100%;
}
.prodlist h2 {
margin: 0px 0px 0 12px;
padding: 15px 0px 7px;
border-bottom: 3px solid;
position: relative;
display: inline-block;
width: calc(100% - 12px);
}
.productprice h1 {
position: relative;
left: 0;
margin: 20px 0 20px -20px;
padding: 0 20px 4px 35px;
font-size: 26px;
text-align: left;
display: inline-block;
}
ul.productsmenu {
text-align: center;
padding: 0 5px 2px;
margin: 0;
}
.prodinfo {
margin: 0;
padding: 20px 20px 20px 20px;
text-align: justify;
font-size: 14px;
max-width: 100%;
}
table.prodprice td {
background: #fff;
color: black;
padding: 2px 5px;
text-align: right;
font-size: 9px;
border-left: 0px dotted #ddd;
}
.prodpricetable {
position: relative;
right: auto;
bottom: auto;
text-align: right;
margin: 50px auto 0;
display: block;
text-align: center;
overflow: auto;
}
ul.productsmenu li {
width: 30vw;
}
.boxlist img.imgprodli {
width: calc(100% + 24px);
margin: -7px -12px 18px !important;
max-width: initial !important;
}
ul.boxlist li p {
overflow: initial;
}
.picto-action>*>*:first-child {
min-width: 0px;
}
.fppicks {
padding: 20px 0;
}
.fppick {
width: 93%;
margin: 10px 3%;
flex-direction: column;
height: auto;
padding: 0;
min-width: 300px;
}
.fppick>div {
width: 100%;
}
.fppick-ing {
width: 100%;
padding-bottom: 70%;
margin-bottom: 17px;
}
.blog-top-img {
height: 300px;
margin: 30px 20px -20px;
}
.infoplace>div {
padding: 10px 30px;
}
.ulp-tab {
display: none !important;
}
.imgprod {
float: none;
width: calc(100% + 60px);
margin: -20px -30px 10px -30px;
vertical-align: bottom; padding-right: 0;
border-right: 0px solid;
border-radius: 0 0 0px 0;
max-width: calc(100% + 60px) !important;
}
#mainPictureBox {
padding: 0 0px;
}
.qoitem {
width: 49%;
}
.cartimg {
padding: 10px;
}
.cartitemrecap>img,
.cartitemrecap>div,
.cartitemrecap>table {
display: block !important;
vertical-align: top;
margin: 0 auto;
}
.carttable {
min-height: 0;
width: 100%;
}
.orderrecap2 .row {
border-top: none;
}
.orderrecap2 .row>.line {
border-top: 1px solid #d5d5d5;
}
#collapse-menu {
height: auto;
position: relative;
top: auto;
left: auto;
}
.navbar-collapse.subnav {
padding: 13px 19px !important;
text-align: center;
width: 100%;
}
h1,
.h1 {
font-size: 15px;
padding: 20px 15px;
text-align: center;
}
h2 {
font-size: 25px;
margin-left: 0;
padding-left: 12px;
}
.accordion-heading,
.central-box h2 {
padding: 22px 0px 2px;
}
.box {
padding: 10px 20px;
}
.central-box {
font-size: 80%;
}
.page .entry-content,
.archive .entry-content,
.single .entry-content,
.single .entry-content,
.site-main .entry-content,
.prod .entry-content {
padding: 0;
}
.customsizebox {
padding: 20px;
margin: 0 -20px;
}
.picto-stripe li {
font-size: 13px;
margin-bottom: 23px;
width: 47%;
}
.subnav>i.fa {
font-size: 16px;
height: 24px;
left: -10px;
line-height: 9px;
padding: 6px 0;
position: absolute;
width: 24px;
top: 11px;
}
.subnav>i.fa-close {
right: -35px;
left: auto;
top: 0;
}
.subnav .btn {
margin-bottom: 3px;
}
#cart_collapse .menu-cart-btns {
display: block;
}
.menu-cart-btns {
margin-left: 0px;
}
.dropdown-menu {
min-width: auto;
}
.navbar-fixed-top .navbar-collapse {
max-height: 100%;
}
#menu-mainmenu>.menu-item.active,
#menu-mainmenu .menu-item.current-menu-parent {
border-bottom: 3px solid #001b70;
}
.navbar-collapse.in {
overflow-y: visible;
}
#menu-mainmenu .menu-item,
#menu-mainmenu>.menu-item.active,
#menu-mainmenu .menu-item.current-menu-parent {
height: auto;
}
.collapse,
.collapsing {  right: 0;
}
.collapse #menu-mainmenu {
float: none;
height: auto;
margin: 0;
padding: 0;
}
.navbar-nav .open .dropdown-menu>li>a,
.navbar-nav .open .dropdown-menu .dropdown-header {
padding: 1px 15px 3px 45px;
}
.navbar-default .navbar-nav .open .dropdown-menu>.active>a,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
background-color: transparent;
}
.navbar-nav>li>a,
.collapsing li>a {
padding: 14px 40px 14px 30px;
}
li.linkico {
width: 300px;
height: 300px;
display: block;
margin: 30px auto;
}
.picto-box li,
.picto-box2 li {
font-size: 9px;
margin: 10px 7px;
width: 80px;
height: 80px;
border-radius: 10px;
display: inline-block;
}
.picto-box h2,
.picto-box2 h2,
.picto-box2 h3 {
color: black;
font-size: 20px;
padding: 20px 10px 5px;
}
.picto-box>div>div,
.picto-box2>div {
font-size: 16px;
padding: 10px 20px 9px;
}
.picto-action input[type="text"] {
font-size: 20px;
}
.entry-content>form,
.entry-content>.xform {
margin: 10px 10px;
}
.picto-box2>h1 {
font-size: 21px;
padding: 37px 15px 10px;
position: relative;
text-align: center;
display: flex;
flex-direction: column;
}
.picto-box2>div.picto-pageimg {
float: none;
height: 100px;
margin: 15px auto -30px;
position: relative;
width: 100px;
}
.picto-box2>ul {
padding: 10px;
text-align: center;
}
.picto-box2 h2 {
font-size: 17px;
padding: 10px 20px 9px;
text-align: left;
}
.picto-box2>div.picto-box-content {
font-size: 12px;
padding: 6px 10px;
text-align: justify;
min-height: 20px;
}
.catname {
font-size: 15px;
}
#filelist-drop {
line-height: 50px;
}
#footer {
padding: 0;
text-align: center;
}
#footer>div>div {
text-align: center !important;
}
.news {
padding: 20px 10px;
}
#news {
padding: 0px 20px;
}
.pictopage {
padding: 10px 20px;
}
.author-big-box {
width: calc(100% - 30px);
margin: 15px;
}
.author-big-box.small {
width: calc(100% - 30px);
margin: 15px;
}
.author-box-photo {
height: 200px;
}
.author-big-box.small .author-box-photo {
height: 200px;
}
.repro-author-letter {
margin: 7px 3px;
width: calc(100% - 10px);
}
} @media (max-width: 480px) {
.page .content-area,
.page .entry-content,
.archive .entry-content,
.single .entry-content,
.single .entry-content,
.site-main .entry-content,
.prod .entry-content {
font-size: 13px;
}
.goods-item {
width: 98vw;
height: auto;
padding: 10px;
flex-direction: column;
}
.goods-item-img {
width: 98vw;
height: 98vw;
max-width: 300px;
border-right: none !important;
margin: 0 auto;
max-height: 300px;
}
.qoitem {
width: 100%;
}
.goods-detail-gallery {
width: 100%;
margin-right: 0;
min-width: 0px;
display: block;
flex-basis: 100%;
}
.goods-detail-text {
width: 100%;
flex: 1;
min-width: 0;
flex-basis: 100%;
font-size: 13pt;
}
.goods-detail {
display: flex;
flex-wrap: wrap;
margin: 20px 0px 40px 0px;
}
.productprice {
min-height: 150px;
}
.btnplace {
margin: 0 20px 0 20px;
}
.minikat.subkatitem {
width: 49%;
}
.minikat {
width: 80px;
height: 80px;
position: relative;
}
.picto-box li,
.picto-box2 li {
font-size: 9px;
margin: 10px 7px;
width: 80px;
height: 80px;
border-radius: 10px;
display: inline-block;
}
.triangle-l {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0px 40px 20px 40px;
border-color: transparent transparent #ccc transparent;
padding: 0;
margin: 7px auto;
}
.triangle-r {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 20px 40px 0 40px;
border-color: #ccc transparent transparent transparent;
padding: 0;
margin: 7px auto;
}
.infoplace>div {
padding: 10px 20px;
}
.subkbox .minikat.subkatitem {
width: 44vw;
height: 44vw;
margin: 1vw !important;
margin-bottom: 30px !important;
}
} @media(max-width: 399px) {
.page-container>.picto-crossr .picto-crossr-info {
width: 100vw;
flex: 1 1 100vw !important;
}
.page-container>.picto-crossr {
flex-wrap: wrap;
}
.navbar-inverse .navbar-brand {
color: #9d9d9d;
font-size: 18px;
padding: 15px 9px;
font-weight: bold;
}
.navbar-inverse .navbar-toggle {
padding: 0 7px;
font-size: 10px;
margin-right: 4px !important;
}
.goods-item-buy {
justify-content: center;
align-items: center;
}
.goods-item-stock {
text-align: center;
}
.goods-item-price {
text-align: center;
padding: 0 2px 0 0;
}
.shop-inline .goods-item {
flex-direction: column;
height: auto;
justify-content: center;
align-items: center;
}
.goods-item-img {
width: 90vw;
display: block;
max-width: 200px;
}
.goods-item-text {
text-align: center;
font-size: 11pt;
min-width: 0;
width: 90vw;
margin-top: 13px;
padding: 0;
}
navbar-brand {
font-size: 16px;
}
.navbar-inverse .navbar-toggle {
padding: 0 7px;
}
}
@font-face {
font-family: 'Ubuntu';
src:
url(//pictoart.cz/wp-content/themes/pictoart2016/fonts/Ubuntu-L.woff) format('woff2'), url(//pictoart.cz/wp-content/themes/pictoart2016/fonts/Ubuntu-L.woff) format('woff'); }
@font-face {
font-family: 'Ubuntu';
font-weight: bold;
src:
url(//pictoart.cz/wp-content/themes/pictoart2016/fonts/Ubuntu-M.woff) format('woff2'), url(//pictoart.cz/wp-content/themes/pictoart2016/fonts/Ubuntu-M.woff) format('woff'); }
img.aligncenter {
display: block;
margin: 0 auto;
} .chromeframe {
background: #a00;
color: #faa;
display: block;
padding: 3px 0;
text-align: center;
}
.chromeframe a {
color: #fff;
text-decoration: underline;
}
.page-header-top-right {
margin-top: 10px;
}
.pagination {
margin: 0;
}
.pagination-center {
text-align: center;
}
.pagination-row {
margin-bottom: 20px;
}
.required {
color: #f00;
}
.row-with-vspace {
margin-bottom: 20px;
}
.site-main .format-aside {
background: #f5f5f5;
}
.site-main .format-image {
background: url(//pictoart.cz/wp-content/themes/pictoart2016/img/content-post-format-image.png) left top no-repeat;
}
.site-main .format-link {
background: url(//pictoart.cz/wp-content/themes/pictoart2016/img/content-post-format-link.png) left top no-repeat;
}
.site-main .format-quote {
background: url(//pictoart.cz/wp-content/themes/pictoart2016/img/content-post-format-quote.png) left top no-repeat;
}
.site-main .format-video {
background: url(//pictoart.cz/wp-content/themes/pictoart2016/img/content-post-format-video.png) left top no-repeat;
}
.site-title {
margin-bottom: 0;
margin-top: 10px;
}
.site-title>a {
text-decoration: none;
}
.site-title>div {
height: auto;
line-height: 18px;
}
.site-title .site-description {
color: #999;
font-size: 16px;
}
.site-title .site-title-heading {
margin: 0;
}
.widget_calendar #wp-calendar {
margin: 0;
}
.widget_calendar #wp-calendar #next {
text-align: right;
}
#comments .comment-navigation {
margin-bottom: 0;
}
#comments .comment-navigation-below {
margin-bottom: 20px;
margin-top: 15px;
}
#comments .media-list li .media {
margin-top: 15px;
}
#comments .media-list li .media .media-body {
border: 1px solid #eee;
padding: 10px;
}
#comments .media-list li .media .media-body .comment-author {
font-size: 12px;
margin-bottom: 10px;
}
#comments .media-list ul.children {
list-style: none;
margin-left: 2.5em;
}
#main-column img,
#main-column .wp-video-shortcode {
display: block;
height: auto;
max-width: 100%;
}
#main-column .attachment .entry-content {
margin-bottom: 20px;
}
#main-column .attachment .entry-content .attachment {
text-align: center;
}
#main-column .attachment .entry-meta {
margin-bottom: 20px;
}
#main-column .post,
#main-column .page {
border: 0px solid #eee;
margin-bottom: 20px;
padding: 0px;
}
#main-column .page .entry-header {
display: none;
}
#main-column .post .entry-header .entry-meta {
color: #999;
}
#main-column .post .entry-header .entry-meta a {
color: inherit;
}
#main-column .post .entry-header .entry-meta .posted-on .updated {
display: none;
}
#main-column .post .entry-meta .categories-icon {
cursor: default;
}
#main-column .post .entry-meta .comments-link a {
color: #333;
}
#main-column .post .entry-meta .comments-link a .comment-icon .comment-total,
#main-column .page .entry-meta .comments-link a .comment-icon .comment-total {
color: #555;
font-size: 12px;
margin-left: 5px;
}
#main-column .attachment .edit-post-link a,
#main-column .attachment .entry-meta .edit-post-link a,
#main-column .post .entry-meta .edit-post-link a,
#main-column .page .entry-meta .edit-post-link a {
color: #333;
}
#main-column .post .entry-meta .tags-icon {
cursor: default;
}
#main-column .attachment .entry-title,
#main-column .post .entry-title,
#main-column .page .entry-title {
margin-top: 0;
word-wrap: break-word;
}
#sidebar-left .widget,
#sidebar-right .widget {
border: 1px solid #eee;
margin-bottom: 20px;
overflow: hidden;
padding: 10px;
}
#sidebar-left .widget ul,
#sidebar-right .widget ul {
padding-left: 20px;
}
#sidebar-left .widget .widget-title,
#sidebar-right .widget .widget-title {
font-size: 18px;
margin-top: 0;
}
#site-footer {
background: #f5f5f5;
border-top: 3px solid #ddd;
font-size: 12px;
padding: 10px;
}
.sq.col-xs-12 {
width: 100%;
height: 0;
padding-bottom: 100%
}
.sq.col-xs-11 {
width: 91.66666667%;
height: 0;
padding-bottom: 91.66666667%
}
.sq.col-xs-10 {
width: 83.33333333%;
height: 0;
padding-bottom: 83.33333333%
}
.sq.col-xs-9 {
width: 75%;
height: 0;
padding-bottom: 75%
}
.sq.col-xs-8 {
width: 66.66666667%;
height: 0;
padding-bottom: 66.66666667%
}
.sq.col-xs-7 {
width: 58.33333333%;
height: 0;
padding-bottom: 58.33333333%
}
.sq.col-xs-6 {
width: 50%;
height: 0;
padding-bottom: 50%
}
.sq.col-xs-5 {
width: 41.66666667%;
height: 0;
padding-bottom: 41.66666667%
}
.sq.col-xs-4 {
width: 33.33333333%;
height: 0;
padding-bottom: 33.33333333%
}
.sq.col-xs-3 {
width: 25%;
height: 0;
padding-bottom: 25%
}
.sq.col-xs-2 {
width: 16.66666667%;
height: 0;
padding-bottom: 16.66666667%
}
.sq.col-xs-1 {
width: 8.33333333%;
height: 0;
padding-bottom: 8.33333333%
}
@media (min-width:768px) {
.sq.col-sm-12 {
width: 100%;
height: 0;
padding-bottom: 100%
}
.sq.col-sm-11 {
width: 91.66666667%;
height: 0;
padding-bottom: 91.66666667%
}
.sq.col-sm-10 {
width: 83.33333333%;
height: 0;
padding-bottom: 83.33333333%
}
.sq.col-sm-9 {
width: 75%;
height: 0;
padding-bottom: 75%
}
.sq.col-sm-8 {
width: 66.66666667%;
height: 0;
padding-bottom: 66.66666667%
}
.sq.col-sm-7 {
width: 58.33333333%;
height: 0;
padding-bottom: 58.33333333%
}
.sq.col-sm-6 {
width: 50%;
height: 0;
padding-bottom: 50%
}
.sq.col-sm-5 {
width: 41.66666667%;
height: 0;
padding-bottom: 41.66666667%
}
.sq.col-sm-4 {
width: 33.33333333%;
height: 0;
padding-bottom: 33.33333333%
}
.sq.col-sm-3 {
width: 25%;
height: 0;
padding-bottom: 25%
}
.sq.col-sm-2 {
width: 16.66666667%;
height: 0;
padding-bottom: 16.66666667%
}
.sq.col-sm-1 {
width: 8.33333333%;
height: 0;
padding-bottom: 8.33333333%
}
}
@media (min-width:992px) {
.sq.col-md-12 {
width: 100%;
height: 0;
padding-bottom: 100%
}
.sq.col-md-11 {
width: 91.66666667%;
height: 0;
padding-bottom: 91.66666667%
}
.sq.col-md-10 {
width: 83.33333333%;
height: 0;
padding-bottom: 83.33333333%
}
.sq.col-md-9 {
width: 75%;
height: 0;
padding-bottom: 75%
}
.sq.col-md-8 {
width: 66.66666667%;
height: 0;
padding-bottom: 66.66666667%
}
.sq.col-md-7 {
width: 58.33333333%;
height: 0;
padding-bottom: 58.33333333%
}
.sq.col-md-6 {
width: 50%;
height: 0;
padding-bottom: 50%
}
.sq.col-md-5 {
width: 41.66666667%;
height: 0;
padding-bottom: 41.66666667%
}
.sq.col-md-4 {
width: 33.33333333%;
height: 0;
padding-bottom: 33.33333333%
}
.sq.col-md-3 {
width: 25%;
height: 0;
padding-bottom: 25%
}
.sq.col-md-2 {
width: 16.66666667%;
height: 0;
padding-bottom: 16.66666667%
}
.sq.col-md-1 {
width: 8.33333333%;
height: 0;
padding-bottom: 8.33333333%
}
}
@media (min-width:1200px) {
.sq.col-lg-12 {
width: 100%;
height: 0;
padding-bottom: 100%
}
.sq.col-lg-11 {
width: 91.66666667%;
height: 0;
padding-bottom: 91.66666667%
}
.sq.col-lg-10 {
width: 83.33333333%;
height: 0;
padding-bottom: 83.33333333%
}
.sq.col-lg-9 {
width: 75%;
height: 0;
padding-bottom: 75%
}
.sq.col-lg-8 {
width: 66.66666667%;
height: 0;
padding-bottom: 66.66666667%
}
.sq.col-lg-7 {
width: 58.33333333%;
height: 0;
padding-bottom: 58.33333333%
}
.sq.col-lg-6 {
width: 50%;
height: 0;
padding-bottom: 50%
}
.sq.col-lg-5 {
width: 41.66666667%;
height: 0;
padding-bottom: 41.66666667%
}
.sq.col-lg-4 {
width: 33.33333333%;
height: 0;
padding-bottom: 33.33333333%
}
.sq.col-lg-3 {
width: 25%;
height: 0;
padding-bottom: 25%
}
.sq.col-lg-2 {
width: 16.66666667%;
height: 0;
padding-bottom: 16.66666667%
}
.sq.col-lg-1 {
width: 8.33333333%;
height: 0;
padding-bottom: 8.33333333%
}
}
.sq {
display: inline-block;
float: none;
}
#cookie-notice {
padding-bottom: 38px;
}
.btn-show-config {
margin: 0 auto;
display: inline-flex;
position: relative;
flex-direction: row;
justify-content: center;
align-items: center;
}
.btn-show-config .btn-img {
width: 200px;
height: 140px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.btn-show-config>div {
margin: 10px 20px 10px;
text-align: left;
font-size: 160%;
}
.important-notice {
margin: 0 auto;
width: max-content;
color: #f78f1e;
font-size: 80%;
display: flex;
align-items: center;
}
.important-notice i {
margin: 0 30px 0 0;
font-size: 400%;
}