/* Theme Name: LSA Bazar 2019 Author: Petr Pojer Author URI: http://www.petrpojer.cz/ Description: Stylesheet pro LsA bazar Version: 1.2 */ html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,footer,header,main,menu,nav,section,summary{display:block}video{display:inline-block;vertical-align:baseline}[hidden]{display:none}a{background-color:transparent}a:active,a:hover{outline:0}b,strong{font-weight:700}h1{margin:.67em 0;font-size:2em}img{border:0}svg:not(:root){overflow:hidden}pre{overflow:auto}code,pre{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto}optgroup{font-weight:700}@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre{border:1px solid #999;page-break-inside:avoid}img{page-break-inside:avoid;max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff!important}.label{border:1px solid #000}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:transparent}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}img{vertical-align:middle}.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-info{color:#31708f}a.text-info:hover{color:#245269}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ul{margin-top:0;margin-bottom:10px}ul ul{margin-bottom:0}.list-inline{padding-left:0;margin-left:-5px;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dd{line-height:1.42857143;margin-left:0}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,pre{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width: 768px){.container{width:100%}}@media (min-width: 992px){.container{width:100%}}@media (min-width: 1200px){.container{width:1170px}}.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}@media (min-width: 768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}}@media (min-width: 992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{margin:4px 0 0;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}input[type=search]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio: 0){input[type=date],input[type=datetime-local],input[type=month],input[type=time]{line-height:34px}input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm{line-height:30px}}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}input[type=checkbox][disabled],input[type=radio][disabled]{cursor:not-allowed}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}@media (min-width: 768px){.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.open>a{outline:0}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav>li>a>img{max-width:none}.tab-content>.active{display:block;visibility:visible}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}.clearfix:after,.clearfix:before,.container:after,.container:before,.nav:after,.nav:before,.row:after,.row:before{display:table;content:" "}.clearfix:after,.container:after,.nav:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto} /* * Reset * inspired normalize.css */ html {font-family: Arial; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;} article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;} a:hover, a:active {outline: 0;} img {max-width: 100%; height: auto; border: 0;} button, input, select, textarea {margin: 0; font-family: 'Source Sans Pro', sans-serif; font-size: 100%; vertical-align: middle; box-sizing: border-box; -moz-box-sizing: border-box;} button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer;} *:focus {outline: 0;} /*#_Inicialization/Style#*/ body {margin: 0px;font-family: 'Source Sans Pro', sans-serif;font-size: 17px;font-weight: 300;background: #d5eaf8;color: #272c35;} a {color: #12a3de; text-decoration: none;} a:hover {text-decoration: underline;color: #ff9600;} h1, h2, h3, h4, h5 {margin: 0px auto; padding-bottom: 20px; line-height: 1.4; position: relative;} h1 {margin-top: 10px;padding-bottom: 10px;line-height: 1.7;font-size: 33px;font-weight: 300;} h2 {font-size: 24px; color: #383f4d; padding-bottom: 5px;} h3 {font-size: 20px; padding-bottom: 3px;} h1:after, h2:after, h3:after {width: 50px; height: 2px; background: #12a3de; content: ""; display: block; position: absolute; bottom: 5px; left: 0px;} h2:first-child, h3:first-child, h4:first-child, p:first-child {margin-top: 0px;} h1 span {margin-left: 35px; font-size: 20px; font-weight: 500; display: inline-block;} h1 + p, h2 + p, h3 + p, h4 + p {margin-top: 5px;} p {margin: 15px auto; line-height: 1.6;} strong {font-weight: 600;} table {width: 100%; font-family: 'Source Sans Pro', sans-serif; border-collapse: collapse;} body > aside, body > section, body > div { margin-top: -1px; } /*#_Inicialization/Classses#*/ .item-hidden {opacity: 0;} .item-visible {opacity: 1;} /*#_Inicialization/Buttons#*/ .button input, a.button {padding: 0px 20px; line-height: 35px; font-size: 16px; font-weight: 600; display: inline-block; position: relative; text-align: center; text-decoration: none; border: 0px; border-radius: 5px;} .button {position: relative;} .button span.plus { font-size: 1.5em; vertical-align: top; line-height: 1.65em; padding-right: 10px } .button-big input, a.button-big {padding: 0px 60px;line-height: 45px;font-size: 16px;} .title-stripe a.button-big { padding: 0 15px; } .title-stripe .col-sm-12{ padding-left: 0 !important; padding-right: 0 !important; } /* Color */ .button-orange input:focus, a.button-orange:focus, .button-orange input, a.button-orange {background: #ff9600;color: #fff;border: 1px solid transparent;} .button-blue input:focus, a.button-blue:focus, .button-blue input, a.button-blue {background: #12a3de;color: #fff;border: 1px solid transparent;background: linear-gradient(60deg, #3fdcee 15%, #11a2dc 90%);} .button-blue.button-big input { box-shadow: 0px 10px 24px 0px rgba(0,173,244,0.35);} .button-red input:focus, a.button-red:focus, .button-red input, a.button-red {background: #cd3b33; color: #fff; border: 1px solid #cd3b33;} .button-grey input:focus, a.button-grey:focus, .button-grey input, a.button-grey {background: #d1dee8; color: #272c35; border: 1px solid #d1dee8;} .button-light input:focus, a.button-light:focus, .button-light input, a.button-light {background: #f0f7fc; color: #252429; border: 1px solid #f0f7fc;} /* Hover */ .button-orange input:hover, a.button-orange:hover {background: #fff; color: #ff9600; border-color: #ff9600;} a.filter-button-active, .button-blue input:hover, a.button-blue:hover {background: #fff; color: #12a3de; border-color: #65dcee; } .button-red input:hover, a.button-red:hover {background: #fff; colo: #cd3b33; border-color: #cd3b33;} .button-grey input:hover, a.button-grey:hover {background: #fff;} .button-light input:hover, a.button-light:hover {background: #fff; border: 1px solid #252429;} .form-button-wrapper .cancel-link {color: #000;font-weight: 600;font-size: 15px;display: block;text-align: left;line-height: 45px;margin-left: 1em;} .form-button-wrapper .cancel-link i {font-size: 0.75em;vertical-align: middle;margin-right: 8px;margin-top: -3px;display: inline-block;} #fulltext-search-wrapper {display: none;} #fulltext-search-wrapper .button input {width: 100%;} .header-user-link-wrapper {margin-top: 20px; padding-left: 20px; border-left: 1px solid #63666d;} .header-user-link-wrapper a {color: #fff; font-size: 14px; text-transform: uppercase; display: block;} .header-user-link-wrapper a:first-child {margin: 10px auto 10px;} /*#Header/Menu#*/ #menu-main-wrapper #menu-main {margin: 40px 0px 0px 0px; padding: 0px; list-style-type: none; display: inline-block; position: relative;} #menu-main-wrapper #menu-main li {margin: 0px; padding: 0px 15px; float: left; position: relative;} #menu-main-wrapper #menu-main li a {color: #ededed; font-size: 14px; text-transform: uppercase;} #menu-main-wrapper #menu-main li.menu-item-regular-first {margin-left: 15px; padding-left: 30px; border-left: 1px solid #616164;} #menu-main-wrapper #menu-main li.current-menu-item a, #menu-main-wrapper #menu-main li a:hover {color: #12a3de; text-decoration: underline;} #menu-main-wrapper #menu-main li.menu-item-important a {font-size: 17px; font-weight: 600;} #menu-main-wrapper #menu-main li.menu-item-blue a {color: #00adf3;} #menu-main-wrapper #menu-main li.menu-item-red a {color: #ff407f;} #menu-main-wrapper #menu-main li.menu-item-orange a {color: #ff9600;} #menu-main-wrapper #menu-main li.menu-item-green a {color: #45e2d9;} #menu-main-wrapper #menu-main li.menu-item-blue.menu-item-current-site a, #menu-main-wrapper #menu-main li.menu-item-blue a:hover {padding-bottom: 0; border-bottom: 3px solid #00adf3; text-decoration: none;} #menu-main-wrapper #menu-main li.menu-item-red.menu-item-current-site a, #menu-main-wrapper #menu-main li.menu-item-red a:hover {padding-bottom: 0; border-bottom: 3px solid #ff407f; text-decoration: none;} #menu-main-wrapper #menu-main li.menu-item-orange.menu-item-current-site a, #menu-main-wrapper #menu-main li.menu-item-orange a:hover {padding-bottom: 0; border-bottom: 3px solid #ff9600; text-decoration: none;} #menu-main-wrapper #menu-main li.menu-item-green.menu-item-current-site a, #menu-main-wrapper #menu-main li.menu-item-green a:hover {padding-bottom: 0; border-bottom: 3px solid #45e2d9; text-decoration: none;} #menu-main-wrapper #menu-main li.menu-item-mobile {display: none;} /*#Homepage#*/ .category-wrapper {margin-bottom: 25px;} .category-wrapper h2 {margin-bottom: 40px; font-size: 46px; font-weight: 300;line-height: 1; padding-bottom: 15px;} .category-wrapper h2 a {color: #383f4d; display: inline-block; } .category-wrapper h2 a:hover {color: #383f4d;text-decoration: none;} .category-wrapper h2:after {background-color: #12a3de; position: absolute; bottom: 15px; pointer-events: none;} .category-wrapper h2:hover:after {background-color: #ff9600; } .category-item {margin-bottom: 30px; padding: 30px 10px 0px 10px; width: 25%; height: 250px; color: #272c35; font-size: 17px; text-align: center; display: block; float: left; border: 1px solid #e1ecf4; position: relative;} .category-item img {margin: auto; display: block;} .category-title {margin-top: 20px; display: block;} .category-count {width: 40px; height: 40px; line-height: 40px; background: #12a3de; color: #e7f4fd; font-size: 14px; font-weight: 600; display: block; text-align: center; position: absolute; top: -20px; right: 15px; border-radius: 50%;} .category-item:hover {text-decoration: none; border: 1px solid #12a3de; } .category-item:hover .category-count {background: #ff9600;} .category-item:hover .category-title {color: #ff9600} /*#Content#*/ .content {padding: 20px 30px 40px 30px!important;background: #fff;} .content.post {padding: 4px 30px 30px 30px!important;background: #fff;} /*#Content/Banner#*/ .banner-top-wrapper {/* padding-top: 15px; */padding-bottom: 15px;background: #fff;} .banner-bottom-wrapper {padding-top: 0px!important;} /*#Content/Attachment detail#*/ .attachment-detail {padding: 0 0px; background: #252429;} .attachment-inner {padding: 20px 50px; background: #434247;} .attachment-close {margin-bottom: 20px; padding-right: 60px; color: #fff; font-size: 18px; font-weight: 500; display: inline-block; position: relative;} .attachment-close:after {margin-top: -20px; width: 40px; height: 40px; background: url('images/sprite.png') no-repeat 0px -79px; content: ""; display: block; position: absolute; top: 50%; right: 0px;} .attachment-image-wrapper {margin-bottom: 20px;position: relative;text-align: center;} span.attachment-link {margin-top: -28px; width: 22px; height: 45px; background: url('images/sprite.png') no-repeat; font-size: 0px; display: block; position: absolute; top: 50%;} span.attachment-link-prev {background-position: 0px -119px; left: 15px;} span.attachment-link-next {background-position: -22px -119px; right: 15px;} a.attachment-link {width: 33%;height: 100%;display: block;position: absolute;top: 0;} a.attachment-link-prev {left: 0} a.attachment-link-next {right: 0;} a.attachment-link-image {left: 33%;} .attachment-info {color: #fff; font-size: 24px; font-weight: 300;} .attachment-info span {color: #a09ea7; font-size: 18px; font-weight: 500;} /*#Content/Title stripe#*/ .title-stripe {padding: 0px 30px;min-height: 70px;line-height: 70px;background: #fff;} .title-stripe .button-orange {margin-right: 15px;} .title-stripe-fixed {margin-left: -585px; border-bottom: 1px solid #252429; position: fixed; top: 0px; left: 50%; z-index: 50;} /*#Content/Title stripe/Category menu#*/ #menu-category {margin: 0px;padding: 0px;list-style-type: none;overflow: hidden;display: flex;justify-content: space-around;white-space: nowrap;} #menu-category li {margin: 0px;padding: 0px;/* float: left; */white-space: nowrap;} #menu-category a {padding: 0px 15px;line-height: 1;color: #272c35;font-size: 16px;display: inline-block;font-weight: 600;white-space: nowrap;} #menu-category li:first-child a {padding-left: 0px;border: 0px;} #menu-category a i { font-size: 1.8em; vertical-align: middle; margin-right: 0.3em; color: transparent; background: linear-gradient(60deg, #11a2dc, #3fdcee); -webkit-background-clip: text; background-clip: text; line-height: 1.05em; display: inline-block; transform: scale(1) translate3d(0,0,0); transition: transform .2s ease-in-out; padding-right: 1px; } #menu-category a:hover i { -webkit-perspective: 1000; -webkit-backface-visibility: hidden; transform: scale(1.1) translate3d(0,0,0); } /*#Content/Product#*/ /*#Content/Product/List#*/ .product-item, #ad_native_loop_mid, #LSA_NativeAds_vypis_bazar {margin-bottom: 25px;color: #272c35;font-size: 16px;font-weight: 300;border-bottom: 1px solid #eee;padding-bottom: 25px;} .product-item h2 {margin-bottom: 15px;padding-bottom: 0px;overflow: hidden !important;text-overflow: ellipsis;white-space: nowrap;text-align: left;margin-left: 0;} .attachment-inner #paginationadmid { border: none; } .product-item h2:after {display: none;} .product-item h2 a {color: #252429;font-weight: 600;} .product-item h2 strong {font-weight: 700; } /* .product-item.type-buy h2 strong {color: #ff9600;} .product-item.type-sell h2 strong {color: #12a3de;} */ .product-item p {display: block;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;max-height: 54px;margin-left: 0;} .product-teaser {display: block;} .product-price strong {font-size: 22px;font-weight: 500;} .product-item .infoline { display: block; } .product-item .infoline .product-info {display: inline-block;font-size: 15px;} .category-name { text-transform: uppercase; font-weight: 600; } .category-name::before { content: ' '; height: calc(1.4em); width: 4px; background: #ff9600; display: inline-block; margin-right: 8px; margin-bottom: -0.4em; vertical-align: top; } .product-item .infoline .product-price { float: right; margin-top: -5px; font-size: 14px; } .product-item-teaser { text-align: center; } .product-item-teaser a { width: 160px; height: 160px; display: inline-block; max-width: 100%; max-height: 100%; } .product-item-teaser img { object-fit: cover; width: 100% !important; height: 100% !important; } .product-item { display: flex; } .product-item-content { display: flex; flex-direction: column; justify-content: space-between; text-align: left; } /*#Content/Product/Pagination#*/ #pagination {margin-top: 40px; overflow: hidden;} #pagination span, #pagination a {margin-right: 5px; padding: 0px 15px; height: 40px; line-height: 40px; color: #000; font-size: 18px; font-weight: 500; display: block; float: left; border-radius: 3em;} #pagination span, #pagination a:hover { text-decoration: none;} #pagination span.current { color: #fff; background: linear-gradient(90deg, #3fdcee, #11a2dc); } #pagination a:hover { color: #00adf4 } #pagination .next, #pagination .prev { margin: 0; font-size: 28px; color: #00adf4; } /*#Content/Product/Detail#*/ .product-image-wrapper {overflow: hidden; width: 50%; float: right;} .product-image-wrapper a {margin: 0px 8px 10px 0px;display: block;float: left;border: 1px solid #e1ecf4;position: relative;text-align: center;width: calc(60% - 8px);} .product-image-wrapper a:hover:before {margin: -32px 0px 0px -32px; width: 64px; height: 64px; background: rgba(18, 163, 222, 0.5); content: ""; display: block; position: absolute; top: 50%; left: 50%; border-radius: 50%;} .product-image-wrapper a:hover:after {margin: -13px 0px 0px -12px; width: 23px; height: 25px; background: url('images/sprite.png') no-repeat 0px -54px; content: ""; display: block; position: absolute; top: 50%; left: 50%;} .product-image-main {width: 505px;} .product-image-list {float: left;overflow: hidden;} a.product-image {width: 130px;height: 126px;overflow: hidden;width: calc(50% - 5px); position: relative;} .product-image-wrapper .product-image { display: none; } .product-image:nth-child(even) {margin-right: 0px;} .product-image-wrapper .product-image:nth-child(-n+4) { display: block; } .product-image-wrapper a.shouldblur:hover:before, .product-image-wrapper a.shouldblur:hover:after { display: none; } .product-image img { object-fit: cover; width: 100%; height: 100%; } .product-image-list .more { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.1); color: #fff; text-align: center; display: flex; flex-direction: column; padding: 10px 0; align-items: center; justify-content: space-evenly; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); pointer-events: none; font-size: 15px; font-weight: 500; } .product-image-list .more * { pointer-events: none; } .product-image-list .more i { font-size: 1.5em; } .product-image.shouldblur img { filter: blur(5px); } .product-detail-info {margin: 0px;padding: 11px;background: rgba(0, 0, 0, 0.05);margin-top: 1em; margin-bottom: 1em; } .detail-info-title {font-size: 22px;font-weight: 600; margin: 0; padding: 0} h1.detail-info-title span {display: inline; margin: 0; font-weight: 600; font-size: inherit;} h1.detail-info-title::after { display: none; } h1.detail-info-title a { color: inherit; text-decoration: none; } .detail-feature-list {padding: 0 1em;} .detail-feature {margin: 0 15px 0px 0px; padding-left: 20px; color: #12a3de; font-size: 16px; font-weight: 600; display: inline-block; position: relative;} .detail-feature:before {margin-top: -6px; width: 15px; height: 12px; background: url('images/sprite.png') no-repeat -13px 0px; content: ""; display: block; position: absolute; top: 50%; left: 0px;} .detail-price {font-size: 22px;font-weight: 600;} .detail-smarty-koupit {/* transition: all 0.1s ease-out; */width: 84%;border: 1px solid #830A85;margin-left: -3px;display: inline-block;margin-top: 10px;padding: 15px;border-radius: 50px;background: #830A85;color: #fff;font-weight: 600;font-size: 20px;letter-spacing: 2px;text-transform: uppercase;text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);} .detail-smarty-koupit:hover {background: #e4f4fd;color: #830A85;/* border: 2px solid rgb(131, 10, 133); *//* text-shadow: 0 0 3px rgba(131, 10, 133, 0.5); */} .product-detail-contact {margin: 0px;} .contact-username {margin-right: 25px; font-size: 16px; font-weight: 600;} .contact-place {font-size: 16px;} .contact-social {margin-top: 40px;overflow: hidden;} .detail-social {margin: 0px 30px 10px 0px; padding: 0; color: #fff; font-size: 14px; font-weight: 700; display: block; float: left; border-radius: 5px; position: relative;} .detail-social i { color: #fff; padding: 0; width: 2.25em; height: 2.25em; vertical-align: middle; display: inline-block; border-radius: 3em; margin-right: 1em; line-height: 2.25em; text-align: center; font-size: 16px; } .detail-social-facebok i {background: #5674b9;} .detail-social-twitter i {background: #00aeef;} .detail-social-facebok {color: #5674b9;} .detail-social-twitter {color: #00aeef;} .detail-social-gplus {background: #c83a2f;} .detail-social:hover {text-decoration: none; opacity: 0.8;} .detail-social-facebok:before {width: 5px; background-position: -23px -55px;} .detail-social-twitter:before {width: 8px; background-position: -28px -55px;} .detail-social-gplus:before {width: 14px; background-position: -36px -55px;} .product-contact.caretbox { padding: 50px 20px 20px 30px; width: calc(50% - 10px); } .contact-item {font-size: 18px;line-height: 1.7;} .contact-item:first-child {margin-bottom: 10px;} .contact-item i { color: #12a3de; margin-right: 0.5em; display: inline-block; } .contact-item a { color: inherit; } .product-content {margin: 0px; padding: 25px 30px; overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto;} .recommended-article {margin-bottom: 30px; padding: 20px 0px; border-top: 1px solid #d5eaf8; border-bottom: 1px solid #d5eaf8; overflow: hidden;} .recommended-teaser {margin-right: 15px; width: 130px; text-align: center; border: 1px solid #e1ecf4; display: block; float: left;} .recommended-title {width: 320px; max-width: 100%; color: #383f4d; font-size: 22px; font-weight: 600; display: block; float: left; margin-top: 0;} .related-list {margin-top: 20px;flex-wrap: wrap;display: flex;} .related-item {padding: 0;display: inline-block;} .related-teaser {margin-right: 5%;width: 35%;border: 1px solid #e1ecf4;display: block;float: left;overflow: hidden;max-width: 135px;} .related-content {width: 57%; font-size: 18px; float: left;} .related-content strong {font-size: 20px;} .related-title {margin: 0 auto 10px; font-size: 22px; font-weight: 500; display: block; max-height: 65px; overflow: hidden; display: block;} /*#Form#*/ .form-wrapper {padding: 35px 40px;background: rgba(0, 0, 0, 0.05);} .sidebar-item.form-wrapper { padding: 20px; } .form-wrapper.container {padding-bottom: 20px;} .form-general { padding-bottom: 0; } .form-margin-top {margin-top: 30px;} .form-margin-bottom {margin-bottom: 30px;} .form-title {font-size: 16px;font-weight: 600;margin-top: 10px;} .form-wrapper label {margin-bottom: 10px;font-size: 16px;font-weight: 600;cursor: pointer;} .form-file-item .form-title { margin-top: 0; margin-bottom: 20px; } .form-item {margin-bottom: 20px;} .input-wrap {margin: 0px;} .select2-container--default .select2-selection--single, .form-item input {padding: 0 15px;width: 100%;height: 45px;line-height: 45px;background-color: #fff;color: #272c35;font-size: 15px;font-weight: 500;border: 1px solid #e1ecf4;} .form-item input[readonly] {background: #eee;} .form-item-phone {overflow: hidden;} .form-item-phone label {width: 100%; display: block; float: none;} .form-item-phone .select2 {margin-right: 5%; width: 30%!important; float: left;} .form-item-phone input {width: 65%; float: left;} .form-radio span {display: inline-block;} .form-radio span:first-child {width: 90px;} .form-radio-big span:first-child {width: 110px;} .form-radio input {display: none;} .form-radio input[data-validation] {display: inline-block; visibility: hidden; position: absolute;} .form-radio input + span label, .form-radio input + label {padding-left: 30px; position: relative;} .form-radio input + span label:before, .form-radio input + label:before {width: 19px; height: 19px; background: url('images/sprite.png') no-repeat 0px -13px; content: ""; display: block; position: absolute; top: 0px; left: 0px;} .form-radio input:checked + span label:before, .form-radio input:checked + label:before {background-position: -19px -13px;} .form-checkbox input:checked + span label:before, .form-checkbox input:checked + label:before {background-position: -38px -13px;} span.radio {cursor: pointer;} .form-radio-currency span:first-child {width: 45px;} .form-radio-currency label {padding-left: 20px;} .form-product-description {margin: 20px auto;} .form-product-description textarea {padding: 10px; width: 100%; height: 190px; border: 1px solid #e1ecf4; border-top: 0px;} .form-terms-wrapper {margin: 20px auto 30px;} .form-terms-wrapper a {text-decoration: underline;} .form-terms-wrapper a:hover {text-decoration: none;} .form-terms-wrapper .form-radio span {width: 100%;} .form-terms-wrapper .form-radio label {font-size: 16px; font-weight: 500; cursor: pointer;} .form-file-item {margin-bottom: 20px;position: relative;overflow: hidden;} .form-file-item em {margin-left: 10px; display: inline-block;} .form-file-item label {padding: 0px 20px; line-height: 35px; background: #cd3b33; color: #fff; font-size: 16px; font-weight: 600; display: inline-block; border-radius: 3px; cursor: pointer;} .form-file-item label:hover {background: #fff; color: #cd3b33;} .form-file-item label + input {display: none;} .form-file-item label + input[data-validation] {display: inline-block; visibility: hidden; position: absolute;} .form-file-inner {display: none;} .form-title + .form-file-inner {display: block;} /*#Form/Select#*/ .select2-container .select2-selection--single, .select2-container {width: 100%!important; display: block; border-radius: 0px;} .select2-container .select2-selection--single {padding: 0px 15px;} .select2-container .select2-selection--single .select2-selection__rendered {padding: 0px;line-height: 43px;color: #272c35;} .select2-container--default .select2-selection--single .select2-selection__arrow {width: 40px; height: 100%;} /*#Sidebar#*/ .sidebar-item {margin-bottom: 20px;} .sidebar-title {padding: 0px 30px; line-height: 50px; background: #12a3de; color: #fff; font-size: 17px; font-weight: 600;} .sidebar-product-item {padding: 15px 0px 10px; border-bottom: 1px solid #e5e5e5; overflow: hidden;} .sidebar-product-item:last-child { border: 0; padding-bottom: 0;} .sidebar-product-teaser {margin-right: 5%; width: 18%; max-width: 40px; height: 40px; display: block; float: left; border: 1px solid #e3edf5; border-radius: 50%; overflow: hidden;} .sidebar-product-content {width: 80%; float: left;} .sidebar-product-content a {color: #272c35; font-size: 15px; font-weight: 600; display: block;} .sidebar-product-content span.author a, .sidebar-product-content span {color: #747474; font-size: 13px; font-weight: 500; display: inline;} .sidebar-banner-wrapper a {margin-bottom: 10px; display: block;} /*#Sidebar/Filter#*/ #filter-wrapper {padding-bottom: 10px; display: none; font-size: 16px;padding-top: 50px; margin-bottom: 20px;} #filter-wrapper .row {margin-bottom: 15px;} #filter-wrapper .form-item {margin-bottom: 0px;} #filter-wrapper h2 {margin-bottom: 15px; padding-bottom: 0px;} #filter-wrapper h2:after {display: none;} #filter-wrapper .form-select {margin-bottom: 10px;} #filter-wrapper .button input {margin-top: 15px;padding: 5px;width: 48%;} #filter-wrapper .button:first-child input {margin-right: 2%;} #filter-wrapper .button-grey input { border: none; background: transparent; color: #0006; text-decoration: underline; } .filter-title {margin-bottom: 10px;font-size: 16px;font-weight: 600;} .filter-input-price:first-child {padding-right: 0px;} .filter-input-price label {width: 30%; line-height: 40px; float: left;} .filter-input-price input {padding: 0px 0px 0px 5px; width: 70%; float: left;} #filter-wrapper .filter-title-price {margin: 10px 0px 0px;} #filter-wrapper .filter-input-price-left {padding-right: 5px;} #filter-wrapper .filter-input-price-right {padding-left: 5px;} #filter-wrapper .form-radio .input-wrap {width: 50%; display: inline-block;} header *, footer *, header, footer { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } header, footer { font-family: 'Source Sans Pro', sans-serif; } .locked {color: #f33;text-transform: uppercase;font-size: 24px;font-weight: 700;padding-right: 7px;} .product-list .locked {font-size: 20px;padding: 0;} #sidebar-lsawparticles.sidebar-item a:hover { color: #12a3de; } #sidebar-last-posts.sidebar-item a:hover { color: #ff9600; } a.nounderline:hover { text-decoration: none; } .backarrow a { font-weight: 600; color: #000 } .backarrow a:hover {text-decoration: none;} .backarrow i { margin-right: 15px; vertical-align: middle;} .backarrow { margin: 1em; display: block; } header .col-sm-9 { left: 5px; } header .col-sm-2 { left: 10px; } .page-width { width: 1170px; margin-right: auto; margin-left: auto; max-width: 100%; } hot-articles.single { margin: 0 auto; } figure.smallart { margin: 0 0 10px 0; padding: 0; width: calc(50% - 10px); display: inline-block; color: #fff; } figure.smallart:nth-child(even) { margin-left: 10px; } figure.smallart a { display: flex; align-items: center; border: 1px solid #ebebeb; } figure.smallart a, figure.smallart a:hover, figure.smallart a:visited, h2.section-headline a:hover { text-decoration: none; } figure.smallart div { min-width: 100px; display: block; height: 100px; display: inline-block; width: 100px; white-space: nowrap; overflow: hidden; padding: 0; position: relative; border-right: 1px solid #ebebeb; } figure.smallart img { max-height: 100px; max-width: 200px; width: auto; height: 100%; width: auto; height: auto; position: absolute; top: -100%; left: -100%; right: -100%; bottom: -100%; margin: auto; } figure.smallart figcaption { color: #fff; font-weight: 300; font-size: 16px; padding: 0 10px; } figure.smallart:hover figcaption { color: #00adf4; } .banner-top-wrapper { } #attachment-wrapper .col-xs-12 .sidebar-item { text-align: center; } .sidebar-item, .sidebar-title {font-family: 'Source Sans Pro', sans-serif; font-size: 15px; font-weight: 300; line-height: 1.42857143;} .sidebar-item {margin-bottom: 20px;} .sidebar-title {padding: 0px 20px;line-height: 50px;background: #12a3de;color: #fff;font-size: 17px;font-weight: 600;} .sidebar-item .sidebar-product-item {padding: 15px 0px 15px;border-bottom: 1px solid #c0c0c090;overflow: hidden;} .sidebar-item .sidebar-product-item:last-child {border: 0;} .sidebar-item .sidebar-product-teaser {margin-right: 5%;width: 18%;max-width: 40px;height: 40px;display: block;float: left;border: 1px solid #e3edf5;border-radius: 50%;overflow: hidden;background: #fff;} .sidebar-item .sidebar-product-content {width: 100%; float: left;} .sidebar-item .sidebar-product-content a {color: #252429;font-size: 15px;font-weight: 600;display: block;text-decoration: none;} .sidebar-item a:hover {color: #ff9600; text-decoration: none} .sidebar-item .sidebar-product-content span {color: #747474; font-size: 13px; font-weight: 500; display: inline;} .sidebar-item .sidebar-product-item img { height: 100%; width: auto; } #sidebar-rss-bazar { background-color: #ff960030; } #sidebar-rss-forum { background-color: #fe407e20; } #sidebar-rss-samsung { background-color: #1756bf2A; } .sidebar-product-wrapper { padding: 5px 20px; } .sidebar-item .sidebar-product-item {display: flex;align-items: center;} /*.sidebar-item .sidebar-product-item:nth-child(1), .sidebar-item .sidebar-product-item:nth-child(2) ,.sidebar-item .sidebar-product-item:nth-child(3) {display: flex;align-items: center;}*/ .sidebar-title { position: relative; } .sidebar-title:before { content: ' '; background: url(img/arrow.svg); width: 13px; height: 20px; display:block; position: absolute; right: 0; margin-right: 20px; margin-top: 14px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } .soutez-itemlist { padding: 10px 20px; display: flex; justify-content: space-between; flex-wrap: wrap; background: #45e2d930; } .soutez-itemlist a {margin: 8px 0;position: relative;} .soutez-itemlist .show-photo { background-color: #45e2d9B0; position: absolute; width: 100%; height: 100%; } .soutez-itemlist .show-photo { text-align: center; color: #fff; padding-top: 21%; text-shadow: 0 0 3px rgba(0, 0, 0, 0.5); font-size: 14px; opacity: 0; transition: opacity .3s; cursor: pointer; box-sizing: border-box; } .soutez-itemlist a { width: 115px; } .soutez-itemlist img { width: 100%; } .soutez-itemlist .show-photo span, .soutez-itemlist .show-photo i { cursor: pointer; } .soutez-itemlist .show-photo i { font-size: 18px; } .soutez-itemlist a:hover .show-photo { opacity: 1; } .lsa-mobile-placeholder img { max-width: 100%; } .singlepart .soutez-itemlist .show-photo { width: 220px; height: 160px; font-size: 20px; padding-top: 52px; } .singlepart .soutez-itemlist .show-photo i { font-size: 25px; } .singlepart .soutez-itemlist a { margin-bottom: 15px; } .singlepart .soutez-itemlist {padding-bottom: 5px;} section.content #sidebar { width: 325px } section.content > .row > div:first-child { width: calc(100% - 325px) } @media (max-width: 980px) { section.content #sidebar {width: 100%;} section.content > .row > div:first-child { width: initial;} } img.noshow.dummy { width: 1px; height: 1px; opacity: 0.01; position: absolute; } #branding_conts { margin: 0 auto; width: 1170px; position: relative; } #branding_kocka1, #branding_kocka2, #branding_left, #branding_right, #branding_top { position:absolute; display:block; z-index:100; background-repeat: repeat-y; } #branding_kocka1, #branding_kocka2 { width: 125px; height: 125px; top: -125px; } #branding_left, #branding_right { width: 125px; height: 1300px; top: 0; } #branding_kocka1 { margin-left: -125px; z-index: 100; } #branding_kocka2 { left: 1170px; z-index: 0; } #branding_left { margin-left: -125px; border-right: 1px solid #00000016; z-index: 0; } #branding_right { left: 1170px; z-index: 0; border-left: 1px solid #00000016 } #branding_top, #branding_gallery, #branding_gallery_bottom { width: 1170px; height: 125px; display: block; } #branding_top { top: -125px; } #branding_conts.alzafeed #branding_kocka1 { background-position: 0 0; } #branding_conts.alzafeed #branding_kocka2 { background-position: -125px 0; } #branding_conts.alzafeed #branding_left { background-position: calc(-125px * 2 - 1170px) 0 !important; } #branding_conts.alzafeed #branding_right { background-position: calc(-125px * 2 - 1170px - 125px) 0 !important; } #branding_conts.alzafeed #branding_top, .gallo #branding_gallery, .gallo #branding_gallery_bottom { background-position: -250px 0; } img.trackpixel { position: absolute; opacity: 0.01; } .banner-bottom-wrapper { display: none } #sidebar { margin-bottom: 0; } .product-list { max-width: 100%; } .nativead { overflow: hidden; } .page-style { background: #fff; padding: 10px 30px; } header { font-family: 'Source Sans Pro', sans-serif; background: #fff; display: block; position: relative; margin-top: 125px; } header.page-style { padding: 30px; } header.page-style h1 { margin: 0; padding: 0; } header.page-style h1::after { display: none; } .logo_composed { width: 180px; align-items: center; display: flex; margin-right: 35px; line-height: 0; vertical-align: middle; min-height: 60px; } .logo_composed .text { margin-left: 20px; position: relative; height: 28.5px; overflow: visible; } .logo_composed.noicon .text { margin-left: 0; } .logo_composed .text::before { content: ' '; position: absolute; background: url(images/logo-footer-bazar.png) transparent no-repeat; filter: invert(1); transform: translateZ(0); width: 100%; height: 50%; background-size: cover; opacity: 0; } .night .logo_composed .text::before { opacity: 1; } .logo_composed img { height: auto; max-width: 100%; } .logo_composed.noicon .icon { display: none; } .logo_composed span.icon { margin-left: 0; font-size: 20px; font-weight: 500; display: inline-block; } .header-menu .logo_composed .text { width: 102px; } .header-menu .logo_composed .icon { width: 59px; } .header-menu { display: flex; height: 100%; flex-grow: 1; justify-content: space-between; font-size: 14px; } .header-menu section { display: flex !important; justify-content: space-between; flex-direction: row; flex: 1; align-items: center; } .header-menu section.main { justify-content: start; } .main-menu-item { border: none; text-transform: uppercase; font-size: 17px; font-weight: 600; font-family: 'Source Sans Pro', sans-serif; padding-bottom: 1px; margin-bottom: 2px; margin-right: 30px; letter-spacing: 0.5px; /* text-shadow: 0 0 1px; */ } .main-menu-item:last-of-type { margin-right: 0; } .main-menu-item.light { font-weight: 400; color: #12a3de; } .header-menu .separator { position: relative; margin: 0 0px 0 30px; } .header-menu .separator::before { height: 33px; width: 1px; display: block; position: absolute; content: ''; background: rgba(0, 0, 0, 0.12); left: -30px; margin-top: calc(-1em - 4px); } .night .header-menu .separator::before { background: rgba(255, 255, 255, 0.12); } .cff9600, .cff9600:hover { border-bottom-color: #ff9600; color: #ff9600; } .cff7a21, .cff7a21:hover { border-bottom-color: #ff7a21; color: #ff7a21; } .cff407f, .cff407f:hover { border-bottom-color: #ff407f; color: #ff407f; } .cee1154, .cee1154:hover { border-bottom-color: #ee1154; color: #ee1154; } .c1756bf, .c1756bf:hover { border-bottom-color: #1756bf; color: #1756bf; } .c3fdcee, .c3fdcee:hover { border-bottom-color: #3fdcee; color: #3fdcee; } .c4711c7, .c4711c7:hover { border-bottom-color: #4711c7; color: #4711c7; } .night .c4711c7, .night .c4711c7:hover { border-bottom-color: #9972f3; color: #9972f3; } .c00adf4, .c00adf4:hover { border-bottom-color: #00adf4; color: #00adf4; } .c45e2d9, c45e2d9:hover { border-bottom-color: #45e2d9; color: #45e2d9; } .c00e9dd, .c00e9dd:hover { border-bottom-color: #00E9DD; color: #00E9DD; } .c000000, . { border-bottom-color: #000000; color: #000000; } .header-menu .main-menu-item.active, .header-menu .main-menu-item:not(.light):hover { border-bottom-style: solid; border-bottom-width: 2px; margin-bottom: 0; } .header-menu a:hover { text-decoration: none; } .header-menu .right .main-menu-item:hover, .header-menu .main-menu-item.highlighted { color: #00adf4; } .header-menu .main-menu-item.highlighted:hover { border-bottom-color: rgba(255, 255, 255, 0); } .header-menu .right { position: relative; margin-left: 60px; justify-content: start; flex-basis: 240px; flex: 0; display: flex; } .header-menu .right::before { height: 33px; width: 1px; display: block; position: absolute; content: ''; background: rgba(0, 0, 0, 0.12); left: -30px; margin-top: -4px; } .night .header-menu .right::before { background: rgba(255, 255, 255, 0.12); } .header-menu .right .main-menu-item { font-weight: 300; } .header-menu section.search { flex: 0; } a.search-button-link { background: linear-gradient(90deg, #3fdcee, #11a2dc); color: #fff; padding: 10px 65px 14px 30px; font-weight: 600; border-radius: 25px; display: inline-block; flex: 0; line-height: 1em; position: relative; font-size: 16px; letter-spacing: 0.3px; } a.search-button-link i { position: absolute; display: block; content: ''; background-size: contain; width: 40px; height: 100%; top: 0; right: 0px; border-left: 1px solid rgba(0, 0, 0, 0.05); text-align: center; line-height: 2.5em; } .header-menu section.daynight { flex: 0; padding: 0 40px; /* margin-left: 50px; */ } .daynight_switch { background: #0000000D; border-radius: 3em; line-height: 0; position: relative; cursor: pointer; font-size: 12px; white-space: nowrap; letter-spacing: 0; word-spacing: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; overflow: hidden; } .daynight_switch span { width: 2.5em; display: inline-flex; height: 2.5em; vertical-align: bottom; align-items: center; text-align: center; } .daynight_switch i { margin: 0 auto; position: relative; display: inline-block; letter-spacing: 0; color: #000; } .night .daynight_switch i { color: #fff; } .daynight_switch .day i { font-size: 1.2em; } .night .daynight_switch { background: #ffffff0D; } .daynight_switch img:nth-of-type(2) { float: right; } .daynight_switch .select_fill { background: rgba(255, 255, 255, 1.0); height: 2em; width: 2em; position: absolute; border-radius: 3em; margin: 0.25em; } .night .daynight_switch .select_fill { background: rgba(255, 255, 255, 0.2); } .daynight_switch .select_fill_cont { width: 100%; height: 100%; position: absolute; left: 0; transition: left .4s ease-in-out; } body.night .daynight_switch .select_fill_cont { left: calc(100% - 2.5em); } /*#Footer#*/ footer { margin: 0; padding: 30px 30px 10px 30px; background: #f2f2f2; position: relative; font-size: 14px; } .night footer { background: #0d0d0d; } footer .logo_composed { width: 110px; } footer nav.social { display: flex; justify-content: space-between; line-height: 0; } footer nav.social .left { display: inline-block; } footer nav.social .right { display: block; text-align: right; } footer nav.social .right a { width: 0; height: 0; margin-left: 10px; padding: 1.5em; border-radius: 2em; vertical-align: middle; display: inline-flex; justify-content: space-around; flex-direction: row; align-items: center; line-height: 0; font-size: 12px; background: rgba(50, 50, 50, 0.2); } footer nav.social .right a i { color: #fff; font-size: 1.3em; } footer nav.social .right a:nth-child(1) { background-image: linear-gradient(90deg, #23a4d7 0%, #26adda 100%); } footer nav.social .right a:nth-child(2) { background-image: linear-gradient(90deg, #27b2dc 0%, #2bbde0 100%); } footer nav.social .right a:nth-child(3) { background-image: linear-gradient(90deg, #2cc2e2 0%, #2fcde6 100%); } footer nav.social .right a:nth-child(4) { background-image: linear-gradient(270deg, #31d2e8 0%, #34dcec 100%); } footer nav.social .right a:first-child { margin-left: 0; } footer .copyright, footer .copyright a, footer .copyright a:hover { color: #888; } footer nav.social a:hover { text-decoration: none; } footer .copyright { margin-top: calc(4em); clear: both; display: block; width: calc(100% - 175px); } footer .tflogo { opacity: 0.5; position: absolute; right: 30px; bottom: 30px; font-size: 0; } footer .tflogo img { width: 150px; } footer p { line-height: 1.7; font-size: 14px; font-weight: 500; letter-spacing: 0.2px; margin: 1em auto; } /*#Caretbox#*/ .caretbox { background: rgba(0, 0, 0, 0.05); position: relative; padding: 15px; padding-top: 2em; margin: 0; font-size: 16px; color: #000; } .night .caretbox { background: rgba(255, 255, 255, 0.05); color: #fff; } .caretbox p { margin: 20px 0; } .caret { position: absolute; left: 0; top: 0; width: 100%; font-weight: 600; letter-spacing: 2px; line-height: 1.3; border: none; display: block; margin: 0; } .caret::before { content: ' '; width: 100%; height: 2px; background: #3ECDE7; position: absolute; } .caret h2 { font-size: inherit; margin: 0; padding: 0; display: inline; letter-spacing: inherit; } .caret > .title { background: #3ECDE7; padding: 0.5em 0.2em 0.5em 0.75em; position: relative; color: #fff; user-select: none; -webkit-user-select: none; display: inline-block; text-transform: uppercase; letter-spacing: 2px; margin: 0;font-size: inherit; } article.single .content .caret > .title { margin: 0 } .caret > .title::after { content: ' '; position: absolute; width: 0; height: 0; top: 2px; right: -1em; border-top: 2.1em solid #3ECDE7; border-right: 1em solid transparent;transform: translateX(-0.25px) translateY(-0.25px); } .caret > .sub { display: inline-block; margin-left: 1.5em; text-transform: uppercase; font-size: 15px; color: inherit; letter-spacing: inherit; } .night .caret > .sub { color: #fff; } .caret > .title:hover, .caret > .sub:hover { text-decoration: none; } .caretbox.bazar .caret::before, .caretbox.bazar .caret > .title { background: #ff9600; } .caretbox.bazar .caret > .title::after { border-top-color: #ff9600 } .caretbox.forum .caret::before, .caretbox.forum .caret > .title { background: #ff407f; } .caretbox.forum .caret > .title::after { border-top-color: #ff407f } .linesep { background: rgba(0, 0, 0, 0.12); width: 100%; height: 1px; margin: 30px 0; display: block; } .night .linesep { background: rgba(255, 255, 255, 0.2); } h2.stripe a { margin: 0; padding: 0.5em 1em; font-size: 14px; text-transform: uppercase; background: #42b9f5; color: #fff; display: block; color: #fff; letter-spacing: 2px; font-weight: 600; } h2.stripe.bazar a { background: #ff9600; } h2.stripe.forum a { background: #ff407f; } h2.stripe.bazar a:hover { color: #fff !important; } .stripebox-inside-wrapper { margin-top: 10px; } .stripebox .linesep { margin: 15px 0; } .stripebox.forum { background: #ee115414; } .stripebox.bazar { background: #ff990014; /* background: rgba(0, 0, 0, 0.05); */ } .stripebox .linesep:last-child { background: transparent; } .night .stripebox { background: rgba(255, 255, 255, 0.05); } .stripe-art { display: flex; padding: 0 10px; width: 100%; } .stripe-art h3 { font-size: initial; margin: 0; } .stripe-art h3 a { color: inherit; } .stripe-art h3 a i { margin-right: 0; content: ' '; background-size: contain; background-repeat: no-repeat; font-size: 0.75em; display: inline-block; color: #ff9600; margin-right: 5px; } h2.stripe::after, .stripe-art h3::after { display: none; } .stripe-art h3 { color: #272c35; font-weight: 600; } .stripe-art a:hover { color: #ff9600; text-decoration: none; } .stripe-art .stripe-thumbnail { min-width: 80px; max-width: 80px; height: 80px; flex: 0; display: block; } .stripe-art .stripe-thumbnail img { object-fit: cover; width: 100%; height: 100%; } .stripe-art .desc { margin-left: 15px; flex: 1; display: flex; justify-content: space-evenly; flex-direction: column; color: #272c35; } .related-caretbox { margin: 25px 30px; padding: 60px 40px 15px 40px; } article.preview.big { width: 100%; display: flex; } article.preview { font-size: 14px; line-height: 1.3; } article.preview.big .thumbnail { width: 160px; height: 160px; } article.preview .thumbnail { flex-shrink: 0; overflow: hidden; display: inline-block; padding: 0; line-height: 0; border: 0; border-radius: 0; background: 0; margin: 0; } article.preview.big .descbox { margin-left: 32px; display: flex; flex-direction: column; justify-content: space-evenly; } article.preview .descbox { display: flex; flex-direction: column; justify-content: space-between; flex: 1; } article.preview h3, article.preview h4 { font-size: 24px; } article.preview.big h3 a, article.preview.big h4 a { padding: 0; margin: 0; height: 4em; width: 100%; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; text-decoration: none; font-weight: 600; } article.preview h3 a, article.preview h4 a { padding: 12px 0 15px 0; color: inherit; display: inline-block; text-align: left; } article.preview h3 a:hover, article.preview h4 a:hover { color: #00adf4; } article.preview h3:after { display: none; } article.preview.big .infoline { flex: 0; display: block; margin-top: 10px; } .category_stripe { text-transform: uppercase; font-weight: 600; display: inline-block; font-size: 14px; color: inherit; min-width: 48px; } .category_stripe::before { content: ' '; height: calc(1.4em); width: 4px; background: #00adf4; display: inline-block; margin-right: 8px; margin-bottom: -0.4em; vertical-align: top; } article.bazar .category_stripe::before { background: #ff9600; } article.preview .thumbnail img { height: 100%; width: 100%; object-fit: cover; display: block; } article.preview .thumbnail img { width: 100%; } article .infoline span.sep { display: inline-block; background: rgba(145, 145, 145); margin: 0 10px; height: 1.2em; width: 1px; margin-bottom: -0.3em; } article .stats { display: block; float: right; font-size: 14px; } article .stats a i { font-size: 1.2em; margin-right: 0.3em; vertical-align: top; } article .infoline time, article .infoline address, article .infoline address a, .night article .infoline address a { color: rgb(145, 145, 145); display: inline-block; font-style: normal; } a.rawblack { color: #000; } article.preview.lsa a { text-decoration: none; } .category_stripe:hover { color: initial; } .product-content { color: #272c35; } .form-terms-wrapper, .form-title, .form-wrapper label, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #272c35 } .form-file-item label { color: #fff; } .detail-info-title, .detail-price, .product-detail-contact { color: #000; } .related-caretbox .related-title { font-size: 17px; } .related-grid { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px; } aside.headerbanner { padding-top: 20px; padding-bottom: 20px; text-align: center; min-height: 168px; } aside.headerbanner img { max-height: 150px; } #headerbanner1 { padding-top: 0; } aside.footerbanner { min-height: 214px; } aside.footerbanner > div, aside.headerbanner > div { margin-left: auto; margin-right: auto; } aside.headerbanner[data-place="headerbanner_top"] { min-height: calc((1110px / 1130) * 150 + 22px); } aside.headerbanner[data-place="headerbanner_bottom"] { min-height: calc((1110px / 1130) * 125 + 22px * 2); } .gallery-banner.leaderboard { left: 0; right: 0; margin: auto; } .gallery-banner.left-banner, .gallery-banner.right-banner { width: 300px; height: 600px; position: absolute; /* background: red; */ top: 150px; } .gallery-banner.left-banner { left: -330px; } .gallery-banner.right-banner { right: -330px; } .gallery-banner.bottom-banner { text-align: center; min-height: 210px; } .gallery-banner.bottom-banner a { display: inline-block; max-width: 100%; } .gallo { display: block; position: fixed; background: #000; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; opacity: 0; transition: opacity .2s ease-out, overflow-y .2s ease-out; z-index: 2000; transform: translateZ(10px); overflow-x: scroll; touch-action: manipulation; -webkit-user-select: none; margin-top: 0 !important; } .gallo.open { opacity: 1; pointer-events: all; /* overflow-y: scroll; overflow-x: scroll; */ -webkit-overflow-scrolling: touch; overscroll-behavior-y: contain; } body.gallo-open { overflow: hidden; } .gallo .gal-ui, .gallo .gal-ui-cont { width: 100%; height: 100%; } .gallo .content-area { width: 1170px; height: 100%; position: relative; margin: 0 auto; } .gallo .gal-ui { position: absolute; top: 0; left: 0; } .gallo .gal-ui-cont { position: relative; } .gallo .scroll-wrap { position: relative; display: table; width: 100%; height: 700px; margin-bottom: 1em; } .gallo .gal-items img { height: 100%; position: absolute; overflow: overlay; display: table-row; width: 100%; object-fit: contain; transition: .2s opacity ease-in-out; opacity: 0; } .gallo .gal-items img.active { opacity: 1; } .gallo.solopic .gal-nav { display: none; } .gallo .gal-nav { height: 100%; width: 100%; /* position: absolute; */ /* display: table-row; */ } .gallo .gal-nav button { height: 100%; display: block; background: transparent; border: none; margin: 0; padding: 0; width: 33%; height: 100%; position: absolute; outline: none; cursor: pointer; padding: 20px; line-height: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; } .gallo .gal-nav button.gal-next { right: 0; text-align: right; } .gallo .gal-nav button.gal-previous { text-align: left; } .gallo .gal-nav button i { color: #fff; font-size: 40px; background: #00adf4; border-radius: 12em; padding: 0.75em; width: 1.5em; height: 0; display: inline-flex; align-items: center; justify-content: space-around; text-align: center; user-select: none; -webkit-user-select: none; } .gallo .gal-nav button i::before { margin-left: 0.1em; } .gallo .gal-nav button.gal-previous i::before { margin-left: -5px; } .gallo .gal-nav button:hover i { color: #fff; background: #00adf4; } .gallo .gal-nav button:hover i, .gallo .gal-zoom i:hover, .gallo .gal-close i:hover { text-shadow: 0 0 3px #000; } .gallo .gal-info { font-size: 24px; color: rgba(255, 255, 255, 0.9); font-weight: 600; padding: 20px; min-height: 100px; } .gallo .gal-info .counter { font-size: 0; margin-top: 10px; display: inline-block; } .gallo .gal-info .counter .gal-counter { font-size: 18px; } .gallo.solopic .gal-info .counter { display: none; } .gallo .gal-info .gal-source { margin-left: 10px; } .gallo .gal-zoom, .gallo .gal-close { color: #00afd4; font-size: 18px; cursor: pointer; } .gallo .gal-close { float: right; } .gallo .gal-zoom { float: left; } .gallo .gal-zoom i, .gallo .gal-close i { color: #fff; padding: 0.8em; border-radius: 3em; vertical-align: middle; display: inline-block; } .gallo .gal-close i { margin-left: 1em; background: #00adf4; } .gallo .gal-zoom { margin-right: 1em; } .gallo .gal-source, .gallo .gal-caption { color: #eee; font-size: 17px; width: 75%; margin: 0 auto; padding: 30px 0; } body:not(.isseznam) .gallo .gal-source { display: none; } .gallo .gal-caption.empty { display: none; } .gallo .gal-caption .citation { display: none; } .searchform.big { display: block; margin: 0; padding: 0 3em; font-size: 28px; display: flex; flex-wrap: wrap; } .searchform.big input[type=search] { font-family: inherit; font-size: inherit; background: transparent; border: none; font-weight: 600; letter-spacing: 1px; padding: 0.5em 0; outline: none; color: inherit; margin-right: 10px; flex: 1; -webkit-appearance: initial; } .searchform.big input[type=search]:-webkit-autofill, .searchform.big input[type=search]:-webkit-autofill:hover, .searchform.big input[type=search]:-webkit-autofill:focus { transition: background 1s linear 99999s, color 1s linear 99999s !important; line-height: 1.3; } .searchform.big input[type=search]::placeholder { color: #333; } .night .searchform.big input[type=search]::placeholder { color: #ccc; } .searchform.big input[type=search]:focus::placeholder { } .searchform.big button[type=submit] { color: #fff; font-size: 0.6em; border-radius: 5em; line-height: 0; background: linear-gradient(90deg, #3fdcee, #11a2dc); padding: 0.75em; border: none; outline: none; flex: 0; margin-top: 0.75em; } .searchform.big button[type=submit]:focus { box-shadow: 0 0 5px #00adf4; } .searchform.big .linesep { width: 100%; height: 1em; content: ''; margin: 0; font-size: 2px; position: relative; overflow: hidden; opacity: 0.5; transition: opacity .2s ease-in-out; } .searchform.big:focus-within .linesep { opacity: 1; } .searchform.big .linesep::after { position: absolute; content: ''; display: block; width: 0; height: 100%; margin: 0 auto; left: 0; right: 0; background: #00adf4; /* padding: 1em; transform: scale(0); transition: transform .5s ease-in-out;*/ transition: width .2s ease-in-out; overflow: hidden; } .searchform.big:focus-within .linesep::after { width: 100%; } @media (min-width: 980px) { .row {/* display: flex; */} #sidebar-wrapper { height: 100%; } .autoscroll-content { position: sticky; position: -webkit-sticky; top: 20px; } } .onlymobile {display: none !important;} @media (max-width: 980px) { .onlymobile {display: block !important;} .onlydesktop { display: none !important;} #hornybanner { padding-bottom: 10vw; /* height: 0; */ /* top: -101%; */ /* top: -11vw; */ width: 100%; height: 10.39vw !important; padding-bottom: 10.39vw !important; top: 0; background-size: contain; position: relative; margin-left: 0; } .col-xs-12, .col-sm-8 {max-width: 100% } .row{margin-right:0;margin-left:0; } .product-item h2 { white-space: normal; } .detail-price span { display: inline !important; } } /*#_Responsive#*/ @media (max-width: 1200px) { .product-image-wrapper a.product-image {width: calc(50% - 5px);} } @media (max-width: 1170px) { #branding_top, #branding_conts { max-width: 100vw; } } .container { max-width: 1170px; } @media (max-width: 1169px) { .header-menu section.daynight { margin-left: 0; } #menu-category { display: flex; justify-content: space-between; align-items: center; height: 100%; min-height: 80px; } #menu-category li { line-height: 0; } #menu-category li a { /* display: flex; */ /* flex-direction: column; *//* align-items: center; */ /* display: block; */ margin: 0; padding: 0; } #menu-category a { text-align: center; } #menu-category a i { display: block; margin-bottom: 0.34em; margin-right: 0; } } @media (max-width: 1100px) { #menu-main-wrapper #menu-main li.menu-item-regular-first {margin-left: 0px; padding-left: 15px;} #menu-main-wrapper #menu-main li {padding: 0px 12px;} #menu-category a {padding: 0px 15px;} .title-stripe .button-orange {margin-right: 5px;} .header-menu section.daynight { padding: 0 20px; } .main-menu-item { margin-right: 20px;} } @media (max-width: 992px) {.sidebar-product-content span.author a, .sidebar-product-content span {color: #747474; font-size: 13px; font-weight: 500; display: inline;} .title-stripe, .content, footer {padding-left: 20px!important; padding-right: 20px!important;} .title-stripe .col-sm-12 {text-align: left;} .sidebar-product-teaser {display: none;} .category-item {width: 33.33%; height: 300px;} .product-detail-info .col-xs-12 {text-align: left;} .detail-price {margin-top: 20px;} } @media (max-width: 980px) { .container {width: 100%;} .attachment-inner { padding: 0 } .col-sm-3,.col-sm-6,.col-sm-9,.col-xs-12 {padding-bottom:5px;margin-bottom:15px;} .attachment-detail { padding: 0; } figure.smallart { width: 100%; margin-left: 0 !important;} .banner-top-wrapper {padding: 0;} .product-item-teaser a { width: 30vw; height: 30vw; } .product-item-teaser { padding-left: 0 !important; padding-right: 0 !important; } .product-item-content { margin-left: 10px; } .title-stripe { padding-top: 10px; } .title-stripe .col-xs-12, .title-stripe .col-sm-7 { padding-left: 0; padding-right: 0; } .title-stripe a.button-big { line-height: 60px; } .title-stripe .button span.plus { line-height: 60px; } .title-stripe .button:first-child { margin-bottom: 10px; } h1 { text-align: center; } h1::after { display: none; } .title-stripe .row .col-xs-12 { margin-bottom: 0 !important; } .product-detail-contact { margin-top: 0.5em; } .product-detail-info { background: none !important; padding: 0 !important; } .product-detail-info .col-xs-12 { margin: 0.5em 0; padding: 0; } } @media (max-width: 900px) { header {padding-bottom: 20px; height: auto; position: relative;} header .container, header .col-xs-12, header .row {position: static;} header .col-xs-12 {width: 100%; text-align: center;} .header-link {display: none;} .mean-container .mean-nav {font-size: 14px;} section.container.content {padding: 15px 0 0 0 !important;} div.col-xs-12.col-sm-4 {/* padding:0 */} .sidebar-product-item {padding: 15px 0px 10px 15px;} .page-width { width: 100%; } } @media (max-width: 769px) { .text-left-xs {text-align: left;} .sidebar-item {margin-top: 20px;} .sidebar-product-teaser {display: block;} .product-detail-info {padding: 10px;} .product-detail-contact {padding: 0;} .product-content {padding: 25px 15px;} } @media (max-width: 600px) { .category-item {width: 50%;} .form-button-wrapper .col-xs-6, .form-wrapper .col-xs-6 {width: 100%;} .form-button-wrapper a.button {width: 100%;} .form-button-wrapper .button input {margin: 20px auto 40px; width: 100%;} .attachment-inner {padding: 20px;} .product-item .infoline .sep { display: none; } .product-item .infoline .item-date { display: none; } } @media (max-width: 500px) { .recommended-teaser {width: 100%;} } @media (max-width: 460px) { .header-link {display: none;} .title-stripe .button {margin: 0px; width: 100%;} .category-item {padding: 20px 10px; width: 100%; height: auto;} .category-item img {display: none;} .category-title {margin-top: 0px;} .product-item {padding-bottom: 10px;border-bottom: 1px solid #e1ecf4;margin-bottom: 20px;} .product-item h2 {margin-bottom: 5px;font-size: 18px;white-space: normal;} .product-price strong {font-size: 18px; margin-left: 12px;} .product-item-teaser {margin-right: 5px;padding: 0px;width: 35%;} .product-item-content {padding: 0 10px;width: 70%;} .product-item .product-info, .product-item p {display: none;} .product-item .infoline .product-price {display: block;float: none;margin-top: 0px; margin-bottom: 10px; } .product-item .infoline { margin: 0; } .product-teaser { border: none; } .product-image-wrapper a {margin: 0px 0px 10px; width: 100%;} .product-image-list {width: 100%;} .product-image-wrapper a.product-image {margin: 0px 0.5% 10px;width: 49%;} .product-image-wrapper { float: none; } .product-contact.caretbox { width: 100%; } .product-image-wrapper { width: 100%; } .contact-place strong {display: block;} .detail-price {padding: 0;} .related-item {width: 100%;} .related-title {margin-top: 0px;} .product-content { padding: 0; } } .form-product-description textarea[name=post-content] { max-width: 100%;} /*#_Responsive#*/ @media (max-width: 1100px) { #menu-main-wrapper #menu-main li.menu-item-regular-first {margin-left: 0px; padding-left: 15px;} #menu-main-wrapper #menu-main li {padding: 0px 12px;} } @media (max-width: 992px) { .content {padding-left: 20px!important; padding-right: 20px!important;} } @media (max-width: 980px) { header {padding-bottom: 20px; height: auto; margin-top: 0;} header .container, header .col-xs-12, header .row {position: static;} header .col-xs-12 {width: 100%; text-align: center;} .header-link {display: none;} .mean-container .mean-nav {font-size: 14px;} .attachment-inner {padding: 0} .attachment-info { padding: 0; } .attachment-detail div.col-xs-12.col-sm-9 { padding: 0;} .attachment-detail .row {margin: 0} .attachment-detail {background: #434247; padding: 0} .attachment-inner .text-right {padding: 15px 15px 0 0;height:55px} .recommended-article .recommended-teaser {display: inline-block;border: none;width: auto;border-radius: 50%;overflow: hidden;max-height: 60px; margin-top: 7px} .recommended-article .recommended-teaser img {max-width: 50px; border-radius: 50px;} .recommended-article .recommended-title { display: inline-block; width: 80%; } a.filter-button-active, .button-blue input:hover, a.button-blue:hover { background: #12a3de; color: #fff} a.button.filter-button-active {background: #fff; color: #12a3de} .recommended-title {margin-top: 0px;} header.page-style { z-index: 1200; padding: 20px; } .mobile-slide-menu { display: none; background: #fff; position: absolute; width: 100%; left: 0; /* margin-top: 20px; */ padding: 20px 0 25px 0; z-index: 1000; pointer-events: none; opacity: 0; transition: opacity .4s ease-in-out, transform .4s ease-in-out, background .4s ease-in-out; transform: translateY(-80px); } .mobile-slide-menu.did-open { display: block; } .mobile-slide-menu.open { opacity: 1; pointer-events: all; transform: translateY(0px); } .mobile-slide-menu::after { width: 100%; height: 100px; display: block; content: ''; z-index: 900; bottom: -100px; position: absolute; background: linear-gradient( to bottom, hsla(0, 0%, 0%, 0.512) 3.3%, hsla(0, 0%, 0%, 0.394) 6%, hsla(0, 0%, 0%, 0.296) 9.5%, hsla(0, 0%, 0%, 0.152) 19.2%, hsla(0, 0%, 0%, 0.102) 25.5%, hsla(0, 0%, 0%, 0.064) 32.8%, hsla(0, 0%, 0%, 0.037) 41.2%, hsla(0, 0%, 0%, 0.019) 50.6%, hsla(0, 0%, 0%, 0.002) 72.9%, hsla(0, 0%, 0%, 0) 85.8%, hsla(0, 0%, 0%, 0) 100% ); filter: invert(0); transition: filter .4s ease-in-out; } .night .mobile-slide-menu { background: #000; } .night .mobile-slide-menu::after { filter: invert(1); } .mobile-slide-menu .entries { text-align: center; } .logo_composed { margin-right: 0; } .header-menu .main-menu-item { margin-right: 0; } .header-menu section.daynight { padding: 0; margin: 0; } .menu-burger { padding: 0 15px; vertical-align: middle; max-width: 65px; margin-right: -15px; } .menu-burger .burger-icon { display: inline-flex; flex-direction: column; justify-content: space-between; width: 100%; height: 24px; position: relative; } .menu-burger .burger-icon .bar { width: 100%; height: 2px; background: #000; border-radius: 3px; transition: 0.4s; opacity: 1; transform: translateY(0px) rotate(0); transition: opacity .4s ease-in-out, transform .4s cubic-bezier(0.5, 0.2, 0.2, 1), background .4s ease-in-out; } .night .menu-burger .burger-icon .bar { background: #fff; } .menu-burger .bar:nth-of-type(2) { position: absolute; top: calc(50% - 1px); } .menu-burger.open .bar:nth-of-type(1) { opacity: 0; transform: translateY(15px) rotateY(90deg); } .menu-burger.open .bar:nth-of-type(2) { transform: rotate(45deg); } .menu-burger.open .bar:nth-of-type(3) { transform: rotate(-45deg); } .menu-burger.open .bar:nth-of-type(4) { opacity: 1; transform: translateY(-15px) rotateY(90deg); } .mobile-slide-menu .main-menu-item { margin-top: 20px; display: block; } header #menu section.main, header #menu section.search { display: none !important; } .header-menu section.main { justify-content: space-evenly; } #header_menu_mobile { min-height: 45px; padding: 10px 20px; background: #fff; } .form-wrapper { padding: 15px } .form-button-wrapper.cancel-link { display: block; text-align: center; } footer section.copyright { display: none; } footer .tflogo { position: relative; margin: 0 auto; text-align: center; width: 100%; margin-top: 80px; right: 0; /* bottom: 0; */ } .leaderboard-wrapper { margin-bottom: 0; padding-bottom: 10px; } .related-caretbox { margin: 1em 0; padding: 50px 20px 20px 20px } .related-caretbox { padding: 3em 1em 1em 1em; margin: 1em 0; margin-top: 0; } article .infoline address, article .infoline time { display: none; } article.preview.big .descbox { margin-left: 20px; } article.preview h3, article.preview h4 { font-size: 22px; } .related-grid { grid-column-gap: 10px; grid-row-gap: 20px; grid-template-columns: 1fr; } .related-grid .stripe-art { padding: 0; } #branding_conts { margin: auto; width: 100%; } #branding_left, #branding_right, #branding_kocka1, #branding_kocka2 { display: none; } #branding_conts #branding_top, #branding_gallery { width: 100%; height: 10.68vw; position: relative; top: 0; display: block; background-size: calc(100vw * 1.43) auto; background-position: calc(-100vw * 0.215) 0 !important; display: none; } aside.headerbanner[data-place="headerbanner_top"] { min-height: calc((100vw / 1110) * 150 + 15px); } aside.headerbanner[data-place="headerbanner_bottom"] { min-height: calc((100vw / 1110) * 125 + 15px); } aside.headerbanner img { max-height: none; /* min-height: calc(((100vw - 40px) / 830) * 220 + 0px); */ } aside.headerbanner { min-height: 0; padding-top: 10px; padding-bottom: 10px; } aside.headerbanner.lsads-mobile-branding, aside.headerbanner.lsads-banner { min-height: calc(((100vw - 40px) / 830) * 220 + 20px); } aside.headerbanner div { height: 50px !important; } .gallo { display: none; overflow: scroll; } .gallo.did-open { display: block; } .gallo .content-area { width: 100%; } .gallo .gal-info { font-size: 20px; padding: 10px 10px; vertical-align: middle; min-height: 75px; } .gallo .gal-close { padding-left: 0; font-size: 16px; margin-top: 3px; } .gallo .scroll-wrap { height: calc(100vh - 100vh * 0.2); max-height: none; width: 100%; } .gallo .gal-source, .gallo .gal-caption { padding: 15px 20px; width: 100%; } .gallo .gal-nav button { padding: 10px; } .gallo .gal-nav button i, .gallo .gal-nav button:hover i { /* background: none; */ text-shadow: 0 0 3px black; color: #fff; } body.gallo-open { padding-right: 0; } .gallery-banner.leaderboard { max-width: 100%; } .gallery-banner.leaderboard a, .gallery-banner.leaderboard a img { max-width: 100%; } .gallery-banner.bottom-banner { min-height: 0; } .gallery-banner.leaderboard { max-width: 100%; } .gallery-banner.leaderboard a, .gallery-banner.leaderboard a img { max-width: 100%; } #menu-category { display: inline-block; } #menu-category li { display: block; width: auto; text-align: center; margin: 0.5em 0; } #menu-category li a { text-align: left; width: 100%; padding: 10px 0; } #menu-category a i { padding: 0; margin: 0; display: inline-block; min-width: 2.5em; text-align: center; } .searchform.big input[type=search] { font-size: 24px; } .searchform.big { padding: 0; width: 100%; } .search-form-row { width: 100% !important; } } @media (max-width: 1850px) { .gallery-banner.left-banner { width: 250px; left: -280px; } .gallery-banner.right-banner { width: 250px; right: -280px; } } @media (max-width: 1750px) and (min-width: 1190px) { .gallo .scroll-wrap { margin: 0 auto; display: block; width: calc(100vw - 560px); max-height: 600px; margin-bottom: 1em; } .gallery-banner.left-banner, .gallery-banner.right-banner { position:fixed; margin-top: 70px; } .gallery-banner.left-banner { left: 0; } .gallery-banner.right-banner { right: 0; } } @media (max-width: 1190px) { .gallery-banner.right-banner { display: none; } } @media (max-width: 1170px) { #branding_right, #branding_kocka2 { display: none } } @media (max-width: 818px) and (orientation: portrait) { .gallo .scroll-wrap { height: calc(var(--viewport-height) - (100vw / 830) * 220 - 75px - 70px - 10px); } } /**************************************** N I G H T ****************************************/ body.night .daynight_switch .select_fill_cont { left: calc(100% - 2.5em); } .night h1, .night h2, .night h3, .night h4, .night h5, .night h6, .night .h1, .night .h2, .night .h3, .night .h4, .night .h5, .night .h6, .night .detail-info-title, .night .detail-price { color: #fff; } .night .daynight_switch i { color: #fff; } .night .daynight_switch { background: #ffffff0D; } .night .daynight_switch .select_fill { background: rgba(255, 255, 255, 0.2); } .night .page-style, .night .banner-top-wrapper, .night .title-stripe, .night .content.post, .night .content, .night #header_menu_mobile, .night .select2-dropdown { background: #252429; } body.night, .night .backarrow a, .night .form-item, .night .stripe-art h3, .night .stripe-art .desc, .night a.rawblack { color: #ddd; } .night .form-terms-wrapper, .night .form-title, .night .form-wrapper label, .night #menu-category a, .night .product-detail-contact, .night .product-short-info { color: #fff; } .night .form-file-item label:hover { color: #cd3b33; } .night .recommended-article, .night .product-detail-contact, .night .product-image-wrapper a { border-color: rgba(255, 255, 255, 0.2); } .night .category-wrapper h2 a, .night .category-item { color: #fff; border-color: rgba(255, 255, 255, 0.05); } .night .product-detail-info, .night .form-wrapper { background: rgba(255, 255, 255, 0.12); } .night .button-orange input:hover, .night a.button-orange:hover, .night a.filter-button-active, .night .button-blue input:hover, .night a.button-blue:hover { background: transparent; } .night .select2-container--default .select2-selection--multiple { background: transparent; border-color: rgba(255, 255, 255, 0.2); } .night .select2-container--default.select2-container--focus .select2-selection--multiple { border-color: rgba(255, 255, 255, 0.6); } .night .select2-container--default .select2-selection--multiple .select2-selection__choice, .night .select2-container .select2-selection--single, .night .form-product-description textarea, .night .select2-container--default .select2-selection--single, .night .form-item input { border-color: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.1); color: #fff; } .night .select2-results__options { background: rgba(0, 0, 0, 0.8); } .night .select2-container--default .select2-results__option[aria-selected=true] { background: rgba(255, 255, 255, 0.5); } .night .select2-container--default .select2-search--dropdown .select2-search__field { background: rgba(255, 255, 255, 0.2); } .night .select2-search--dropdown { background: rgba(255, 255, 255, 0.05); } .night .select2-container .select2-selection--single .select2-selection__rendered { color: #fff; } .night #filter-wrapper .button-grey input { color: #fff6; } .night .button-blue:hover, .night .button-blue input:hover, .night .button-blue:focus, .night .button-blue input:focus, .night .button-blue.filter-button-active { border-color: #65dcee; } .night .product-item, .night #ad_native_loop_mid, .night #LSA_NativeAds_vypis_bazar {color: #eee;border-bottom: 1px solid rgba(255, 255, 255, 0.2);} .night #pagination span, .night #pagination a, .night .form-button-wrapper .cancel-link, .night .product-item h2 a, .night .product-content, .night .category_stripe:hover { color: #fff; } .night #pagination a:hover { color: #00adf4; } .night .has-error .help-block, .night .has-error .control-label, .night .has-error .radio, .night .has-error .checkbox, .night .has-error .radio-inline, .night .has-error .checkbox-inline, .night .has-error.radio label, .night .has-error.checkbox label, .night .has-error.radio-inline label, .night .has-error.checkbox-inline label { color: #ff6a6a; } img.bwicon { transition: filter .4s ease-in-out; filter: invert(0); } .night img.bwicon { filter: invert(1); } .daynight_switch i, .daynight_switch, .daynight_switch .select_fill, .page-style, .banner-top-wrapper, .title-stripe, .content.post, .content, .backarrow a, #menu-category a, .category-wrapper h2 a, .category-item, .product-detail-info, .form-wrapper, .select2-container--default .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default .select2-selection--multiple .select2-selection__choice, .select2-container .select2-selection--single, .form-product-description textarea, .select2-container--default .select2-selection--single, .form-item input, .select2-results__options, .select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-search--dropdown .select2-search__field, .select2-search--dropdown, .select2-dropdown, .select2-container .select2-selection--single .select2-selection__rendered, #filter-wrapper .button-grey input, .button-blue.filter-button-active, .product-item, #pagination span, #pagination a, .form-button-wrapper .cancel-link, .product-item h2 a, .header-menu .separator::before, .logo_composed .text::before, .caretbox, .linesep, .form-item, .stripe-art h3, .stripe-art .desc, .form-terms-wrapper, .form-wrapper label, .form-title, .detail-price, .detail-info-title, .product-detail-contact, .product-image-wrapper a, .product-content, #header_menu_mobile, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, a.rawblack, footer, .c4711c7 { transition: background .4s ease-in-out, border-color .4s ease-in-out, color .4s ease-in-out; } body { transition: color .4s ease-in-out; } .logo_composed .text::before { transition: opacity .4s ease-in-out; } @media(max-width: 980px) { .night .page-style, .night .banner-top-wrapper, .night .title-stripe, .night .content.post, .night .content, .night #header_menu_mobile, .night .select2-dropdown { background: #000 } .night .daynight_switch { background: #ffffff28; } header.page-style, .page-style { padding: 10px 20px; } header.page-style { z-index: 1200; padding: 20px; } } @media (max-width: 1295px) { #branding_left, #branding_right, #branding_kocka2, #branding_kocka1 { display: none; } } #ad_popup { text-align: center; width: 100%; position: fixed; top: 0; z-index: 2000; height: 100vh; color: #fff; display: none; justify-content: center; vertical-align: middle; flex-direction: column; background: rgba(0, 0, 0, 0.7); } #ad_popup.shown { display: flex; } #ad_popup img { max-width: 100%; height: auto; } #ad_popup.bottom { position: fixed; bottom: 0; padding: 0; left: 0; right: 0; height: auto; /* background: #d6d6d6d1; */ top: auto; color: #000; line-height: 0; text-decoration: none; background: none; /* backdrop-filter: blur(5px); */ cursor: auto; } #ad_popup.bottom a { display: inline-block; } #ad_popup.noclose .close { display: none; } #ad_popup > div.close { width: 100%; line-height: 1em; text-align: right; padding: 5px 10px; font-weight: 600; color: #333; text-shadow: 0 0 5px rgba(50, 50, 50, 0.4); font-size: 16px; background: #fffa; display: none; cursor: pointer; } #ad_popup img { max-height: 100vh; max-width: 100vw; } #ad_popup div.popup_wrapper { text-align: center; } #ad_popup > div.close { display: block } #ad_popup.tabclose img { box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.4); } #ad_popup.tabclose .close { width: auto; margin: 0 auto; margin-right: 10px; padding: 10px 12px 10px 15px; backdrop-filter: blur(8px); letter-spacing: 0.8px; opacity: 1; } #ad_popup.tabclose .close i { margin-left: 5px; } .night #ad_popup.tabclose .close { background: rgba(255, 255, 255, 0.5); color: #000; } #ad_popup.tabclose .close { background: rgba(37, 35, 41, 0.5); color: #fff; display: inline-block; } .nouserselect { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } h1.bazar:after, h2.bazar:after, h3.bazar:after { background: #ff9600; } section.recommended { margin: 0 30px; } .carousel { width: 100%; height: 400px; display: block; position: relative; } .carousel article { width: 100%; height: 100%; display: block; position: absolute; overflow: hidden; pointer-events: none; opacity: 0; transition: opacity .5s; } .carousel article h3 { font-weight: 600; } .carousel article.active { pointer-events: auto; opacity: 1; } .carousel article .descbox { display: block; width: 100%; position: absolute; bottom: 0; background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 20%, rgba(0, 0, 0, 0)); padding: 0 25px 25px 25px; } .carousel article .desc h3, .carousel article .desc h4 { margin: 0; padding: 0; } .carousel article .desc h3 a, .carousel article .desc h4 a { color: #fff; font-size: 30px; display: block; padding-top: 50px; padding-bottom: 0; margin-bottom: 0; } .carousel article .desc h3 a:hover, .carousel article .desc h4 a:hover { text-decoration: none; } .carousel article .infoline .category_stripe { color: #ffffff; } .carousel article a.thumbnail { position: relative; height: 100%; color: #fff; width: 100%; } .carousel article .infoline { display: block; margin-top: 1.5em; color: #fff; } .carousel article .infoline .grey, .carousel article .infoline .grey a { color: rgba(255, 255, 255, 0.7); } .carousel article a.rawblack:hover { color: #ffffff } .carousel .navigation { position: absolute; right: 0; bottom: 0; padding: 23px; color: #fff; line-height: 1; } .carousel .navigation .button { font-size: 20px; color: #fff; cursor: pointer; } .carousel .navigation .bullet { cursor: pointer; } .carousel .navigation .bullet-icon { background: transparent; width: 8px; height: 8px; margin: 0 5px; display: inline-block; border-radius: 5px; border: 1px solid #ffffff; margin-bottom: calc(0.5em - 2px); transition: .2s background ease-out; } .carousel .navigation .bullet.active .bullet-icon, .carousel .navigation .bullet:hover .bullet-icon { background: #ffffff; } .carousel .navigation .button-next { margin-left: 15px; } .carousel .navigation .button-prev { margin-right: 15px; } .carousel article.preview a:hover + .descbox .desc h4 a { color: #fff; } @media(max-width: 980px) { .carousel { height: 300px; } .carousel article .descbox { padding-bottom: 5em; } section.recommended { margin: 0; } }