nav ul {
list-style: none
}
blockquote,
q {
quotes: none
}
.info-inner-category {
min-width: 135px;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent
}
ins {
background-color: #ff9;
color: #000;
text-decoration: none
}
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold
}
del {
text-decoration: line-through
}
abbr[title],
dfn[title] {
border-bottom: 1px dotted;
cursor: help
}
table {
border-collapse: collapse;
border-spacing: 0
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #666;
margin: 1em 0;
padding: 0
}
input,
select {
vertical-align: middle
}
strong {
font-weight: bold
}
b {
font-weight: bold
}
em {
font-style: italic
}
.bg-cover {
background: no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover
}
.mt-5 {
margin-top: 5px
}
.mt-10 {
margin-top: 10px
}
.mt-20 {
margin-top: 20px
}
.mt-30 {
margin-top: 30px
}
.mt-40 {
margin-top: 40px
}
.mr-10 {
margin-right: 10px
}
.mr-15 {
margin-right: 15px
}
.mr-20 {
margin-right: 20px
}
.mb-10 {
margin-bottom: 10px
}
.mb-15 {
margin-bottom: 15px
}
.mb-20 {
margin-bottom: 20px
}
.mb-25 {
margin-bottom: 25px
}
.mb-30 {
margin-bottom: 30px
}
.mb-35 {
margin-bottom: 35px
}
.mb-40 {
margin-bottom: 40px
}
.ml-20 {
margin-left: 20px
}
.pt-20 {
padding-top: 20px
}
.pt-30 {
padding-top: 30px
}
.pr-20 {
padding-right: 20px
}
.pb-20 {
padding-bottom: 20px
}
.pl-15 {
padding-left: 15px
}
.pl-20 {
padding-left: 20px
}
.number-box span {
width: 40px;
min-width: 40px;
height: 40px;
min-height: 40px;
border-radius: 999px;
-webkit-border-radius: 999px;
background: #e30613;
font-weight: 700;
color: #fff;
}
#membership hr {
border-color: #797979 !important;
}
#membership .membership-boxes {
margin-right: -15px;
margin-bottom: -15px;
}
#membership .membership-boxes li {
width: calc(100% / 2 - 15px);
margin-right: 15px;
margin-bottom: 15px;
}
#membership .membership-boxes li button {
width: 100%;
background: #fff;
border: 0;
transition: .3s;
-webkit-transition: .3s;
padding: 1rem;
border-radius: 16px;
-webkit-border-radius: 16px;
}
#membership .membership-boxes li button svg {
width: 40px;
height: 40px;
transition: .3s;
-webkit-transition: .3s;
margin-right: 15px;
}
#membership .membership-boxes li button.active {
color: #fff;
background: #e30613;
}
#membership .membership-boxes li button.active svg {
fill: #fff;
}
#membership .membership-boxes li button:not(.active):hover {
background: #e30613;
}
#membership .membership-boxes li button:not(.active):hover {
color: #fff
}
#membership .membership-boxes li button:not(.active):hover svg {
fill: #fff;
}
#membership .membership-boxes li button:not(.active):not:hover {
opacity: 0.75;
}
#membership .membership-boxes li button img {
width: auto;
max-width: 50px;
max-height: 50px;
margin-right: 15px;
}
#membership .membership-boxes li button p {
text-align: left;
}
.lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color: #000;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: .8;
display: none
}
.lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: normal
}
.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px
}
.lightbox a img {
border: none
}
.lb-outerContainer {
position: relative;
background-color: #fff;
*zoom: 1;
width: 250px;
height: 250px;
margin: 0 auto;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px
}
.lb-outerContainer:after {
content: "";
display: table;
clear: both
}
.lb-container {
padding: 4px
}
.lb-loader {
position: absolute;
top: 43%;
left: 0;
height: 25%;
width: 100%;
text-align: center;
line-height: 0
}
.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
background: url(//autosap.cz/wp-content/themes/autosap/images/loading.gif) no-repeat
}
.lb-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10
}
.lb-container > .nav {
left: 0
}
.lb-nav a {
outline: none;
background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)
}
.lb-prev,
.lb-next {
height: 100%;
cursor: pointer;
display: block
}
.lb-nav a.lb-prev {
width: 34%;
left: 0;
float: left;
background: url(//autosap.cz/wp-content/themes/autosap/images/prev.png) left 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity .6s;
-moz-transition: opacity .6s;
-o-transition: opacity .6s;
transition: opacity .6s
}
.lb-nav a.lb-prev:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1
}
.lb-nav a.lb-next {
width: 64%;
right: 0;
float: right;
background: url(//autosap.cz/wp-content/themes/autosap/images/next.png) right 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity .6s;
-moz-transition: opacity .6s;
-o-transition: opacity .6s;
transition: opacity .6s
}
.lb-nav a.lb-next:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1
}
.lb-dataContainer {
margin: 0 auto;
padding-top: 5px;
*zoom: 1;
width: 100%;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px
}
.lb-dataContainer:after {
content: "";
display: table;
clear: both
}
.lb-data {
padding: 0 4px;
color: #ccc
}
.lb-data .lb-details {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 400;
width: 85%;
float: left;
text-align: left;
line-height: 1.1em
}
.lb-data .lb-caption {
font-size: 13px;
font-weight: bold;
line-height: 1em
}
.lb-data .lb-number {
display: block;
clear: left;
padding-bottom: 1em;
font-size: 12px;
color: #999
}
.lb-data .lb-close {
display: block;
float: right;
width: 30px;
height: 30px;
background: url(//autosap.cz/wp-content/themes/autosap/images/close.png) top right no-repeat;
text-align: right;
outline: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: .7;
-webkit-transition: opacity .2s;
-moz-transition: opacity .2s;
-o-transition: opacity .2s;
transition: opacity .2s
}
.lb-data .lb-close:hover {
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1
}
.select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle
}
.select2-container .select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: block;
height: 28px;
user-select: none;
-webkit-user-select: none
}
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding-left: 8px;
padding-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.select2-container .select2-selection--single .select2-selection__clear {
position: relative
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
padding-right: 8px;
padding-left: 20px
}
.select2-container .select2-selection--multiple {
box-sizing: border-box;
cursor: pointer;
display: block;
min-height: 32px;
user-select: none;
-webkit-user-select: none
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
display: inline-block;
overflow: hidden;
padding-left: 8px;
text-overflow: ellipsis;
white-space: nowrap
}
.select2-container .select2-search--inline {
float: left
}
.select2-container .select2-search--inline .select2-search__field {
box-sizing: border-box;
border: none;
font-size: 100%;
margin-top: 5px;
padding: 0
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none
}
.select2-dropdown {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px;
box-sizing: border-box;
display: block;
position: absolute;
left: -100000px;
width: 100%;
z-index: 1051
}
.select2-results {
display: block
}
.select2-results__options {
list-style: none;
margin: 0;
padding: 0
}
.select2-results__option {
padding: 6px;
user-select: none;
-webkit-user-select: none
}
.select2-results__option[aria-selected] {
cursor: pointer
}
.select2-container--open .select2-dropdown {
left: 0
}
.select2-container--open .select2-dropdown--above {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.select2-container--open .select2-dropdown--below {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0
}
.select2-search--dropdown {
display: block;
padding: 4px
}
.select2-search--dropdown .select2-search__field {
padding: 4px;
width: 100%;
box-sizing: border-box
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none
}
.select2-search--dropdown.select2-search--hide {
display: none
}
.select2-close-mask {
border: 0;
margin: 0;
padding: 0;
display: block;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 99;
background-color: #fff;
filter: alpha(opacity=0)
}
.select2-hidden-accessible {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important
}
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px
}
.select2-container--default .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #999
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
left: 1px;
right: auto
}
.select2-container--default.select2-container--disabled .select2-selection--single {
background-color: #eee;
cursor: default
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
display: none
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px
}
.select2-container--default .select2-selection--multiple {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0 5px;
width: 100%
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
color: #999;
margin-top: 5px;
float: left
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-top: 5px;
margin-right: 10px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: #999;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #333
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
float: right
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
border: solid #000 1px;
outline: 0
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: #eee;
cursor: default
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
display: none
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa
}
.select2-container--default .select2-search--inline .select2-search__field {
background: transparent;
border: none;
outline: 0;
box-shadow: none;
-webkit-appearance: textfield
}
.select2-container--default .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto
}
.select2-container--default .select2-results__option[role=group] {
padding: 0
}
.select2-container--default .select2-results__option[aria-disabled=true] {
color: #999
}
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #ddd
}
.select2-container--default .select2-results__option .select2-results__option {
padding-left: 1em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
padding-left: 0
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
margin-left: -1em;
padding-left: 2em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -2em;
padding-left: 3em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -3em;
padding-left: 4em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -4em;
padding-left: 5em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -5em;
padding-left: 6em
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #e30613;
color: #fff
}
.select2-container--default .select2-results__group {
cursor: default;
display: block;
padding: 6px
}
.select2-container--classic .select2-selection--single {
background-color: #f7f7f7;
border: 1px solid #aaa;
border-radius: 4px;
outline: 0;
background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}
.select2-container--classic .select2-selection--single:focus {
border: 1px solid #e30613;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-right: 10px
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
color: #999
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
background-color: #ddd;
border: none;
border-left: 1px solid #aaa;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
border: none;
border-right: 1px solid #aaa;
border-radius: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
left: 1px;
right: auto
}
.select2-container--classic.select2-container--open .select2-selection--single {
border: 1px solid #e30613;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
background: transparent;
border: none
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
background-image: -webkit-linear-gradient(top, #fff 0, #eee 50%);
background-image: -o-linear-gradient(top, #fff 0, #eee 50%);
background-image: linear-gradient(to bottom, #fff 0, #eee 50%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}
.select2-container--classic .select2-selection--multiple {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
outline: 0
}
.select2-container--classic .select2-selection--multiple:focus {
border: 1px solid #e30613;
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
list-style: none;
margin: 0;
padding: 0 5px
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
display: none
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
color: #888;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #555
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
float: right
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
border: 1px solid #e30613;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
outline: 0
}
.select2-container--classic .select2-search--inline .select2-search__field {
outline: 0;
box-shadow: none
}
.select2-container--classic .select2-dropdown {
background-color: #fff;
border: 1px solid transparent
}
.select2-container--classic .select2-dropdown--above {
border-bottom: none
}
.select2-container--classic .select2-dropdown--below {
border-top: none
}
.select2-container--classic .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto
}
.select2-container--classic .select2-results__option[role=group] {
padding: 0
}
.select2-container--classic .select2-results__option[aria-disabled=true] {
color: #808080
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
background-color: #e30613;
color: #fff
}
.select2-container--classic .select2-results__group {
cursor: default;
display: block;
padding: 6px
}
.select2-container--classic.select2-container--open .select2-dropdown {
border-color: #e30613;
}
.form-tabs {
zoom: 1;
display: block;
padding-bottom: 25px
}
.form-tabs:before {
content: "";
display: table
}
.form-tabs:after {
content: "";
display: table;
clear: both
}
.form-tabs input[type=radio] + label {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 700;
border-radius: 22px;
-webkit-border-radius: 22px;
-moz-border-radius: 22px;
position: relative;
z-index: 0;
zoom: 1;
text-transform: uppercase;
width: 48%;
float: left;
margin-left: 1%;
margin-right: 1%;
height: 44px;
line-height: 40px;
text-align: center;
border: 3px solid #f2f2f2;
background-color: #fff;
color: #111;
padding: 0
}
.form-tabs input[type=radio] + label:before {
display: none !important
}
.form-tabs input[type=radio]:checked + label {
color: #fff;
border: 3px solid transparent
}
input[type=radio] {
display: none
}
input[type=radio] + label {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 400;
color: #320e0e;
display: block;
position: relative;
padding-left: 25px;
font-size: 18px;
line-height: 22px;
cursor: pointer
}
input[type=radio]:checked + label:before {
background-position: -56px 0
}
input[type=checkbox] + label {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 400;
display: block;
cursor: pointer;
padding-left: 33px;
position: relative;
line-height: 22px;
padding-top: 3px;
color: #320e0e;
font-size: 18px
}
input[type=checkbox]:checked + label:before {
background-position: -28px 0
}
span.error {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 400;
font-size: 14px;
display: block;
padding-top: 3px;
color: #e30613
}
.alert {
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
position: relative;
z-index: 0;
zoom: 1;
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 1.1em;
display: block;
padding: 12px 17px;
border: 1px solid #808080;
background-size: 24px 24px;
background-position: right 10px center;
background-repeat: no-repeat;
padding-right: 45px;
margin-bottom: 30px
}
.alert.warning {
color: #e30613;
border: 1px solid #e30613;
background-color: #fbe9e8;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIzMy41cHgiIGhlaWdodD0iMzMuNXB4IiB2aWV3Qm94PSIwIDAgMzMuNSAzMy41IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMy41IDMzLjUiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIGZpbGw9IiNFMTMyMzciIGQ9Ik0xNi43NSwwQzcuNDk5LDAsMCw3LjQ5OSwwLDE2Ljc1UzcuNDk5LDMzLjUsMTYuNzUsMzMuNVMzMy41LDI2LjAwMSwzMy41LDE2Ljc1UzI2LjAwMSwwLDE2Ljc1LDB6CgkJIE0yNi4yODEsMjIuNjg5YzEuNDc0LDEuNDc0LTMuNDU4LDMuODEzLTQuNzU4LDIuNTA0Yy0xLjgxOS0xLjgxMS0zLjUwNi0zLjc1NC01LjItNS42ODljLTEuNTQxLDEuNTMxLTMuMDk4LDMuMDQ3LTQuNjUsNC41ODgKCQljLTAuOTE0LDAuOTA0LTIuMzY0LDEuNDg2LTMuNjcsMS4zM2MtMS4wOTUtMC4xMjUtMS40ODQtMS4wMjktMC42NjMtMS44MzRjMi4yMzUtMi4yMTUsNC40ODItNC40MDQsNi43MjYtNi42MzUKCQljLTIuMTA0LTIuMjgxLTQuMjk0LTQuNDQ0LTYuODQ1LTYuMjQ1Yy0xLjU2NC0xLjA5NSwzLjIxNi0zLjYxNiw0Ljc2Ny0yLjUxMWMyLjExOSwxLjQ5NCwzLjk5NSwzLjI0Miw1Ljc1OCw1LjExOQoJCWMxLjM2OS0xLjM1MSwyLjcwOS0yLjY4Niw0LjA3Mi00LjAxOGMwLjkyOC0wLjkwNCwyLjM3LTEuNDk4LDMuNjgyLTEuMzQyYzEuMDg5LDAuMTMxLDEuNDgyLDEuMDM3LDAuNjYzLDEuODM4CgkJYy0yLjAyOCwyLjAxNS00LjA2MSw0LjAzMS02LjEwNCw2LjAyM0MyMi4xMDIsMTguMTMyLDI0LjEwOCwyMC41LDI2LjI4MSwyMi42ODl6Ii8+CjwvZz4KPC9zdmc+)
}
.alert.success {
color: #e30613;
border: 1px solid #e30613;
background-color: #e2faff;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIzMy41cHgiIGhlaWdodD0iMzMuNXB4IiB2aWV3Qm94PSIwIDAgMzMuNSAzMy41IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMy41IDMzLjUiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjMjc3Njk4IiBkPSJNMTYuNzUsMEM3LjQ5OSwwLDAsNy40OTksMCwxNi43NVM3LjQ5OSwzMy41LDE2Ljc1LDMzLjVTMzMuNSwyNi4wMDEsMzMuNSwxNi43NVMyNi4wMDEsMCwxNi43NSwwegoJIE0yOS4xMjYsMTAuMDQ2Yy01LjM3Miw0LjI2MS05LjM0OCwxMC44MTUtMTEuODAzLDE3LjE2MmMtMC41OTIsMS41MjQtNC4xNDYsMi41OTYtNS4xNjgsMS4xMjQKCWMtMi4zMDctMy4zMzQtNC42MjMtNi42NzQtNi45MjctMTAuMDE1Yy0wLjk3Mi0xLjM5Miw0LjA3OS0zLjY1NCw1LjI3OC0xLjkxOGMxLjM3NSwxLjk4OCwyLjc1MywzLjk3Miw0LjEyOSw1Ljk2NAoJYzIuNzQ1LTUuMjA5LDYuNDc4LTEwLjAzMywxMC45OTQtMTMuNjE3YzAuOTQxLTAuNzUyLDIuNjA3LTEuMjksMy43ODctMC44NUMzMC42NTcsOC4zNTksMjkuNzgsOS41MjcsMjkuMTI2LDEwLjA0NnoiLz4KPC9zdmc+)
}
.form-wide {
zoom: 1;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding-bottom: 15px
}
.form-wide:before {
content: "";
display: table
}
.form-wide:after {
content: "";
display: table;
clear: both
}
.form-side {
display: block;
width: 50%;
float: left
}
.form-side:nth-child(1) {
padding-right: 10px
}
.form-side:nth-child(2) {
padding-left: 10px
}
input[type=text],
input[type=password],
input[type=email],
input[type=tel] {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 400;
border-radius: 22px;
-webkit-border-radius: 22px;
-moz-border-radius: 22px;
position: relative;
z-index: 0;
zoom: 1;
height: 44px;
line-height: 45px;
padding-left: 34px;
padding-right: 60px;
border: 1px solid #e2e2e2;
background: #fff;
color: #212529;
width: 100%;
font-size: 14px
}
input[type=text].error,
input[type=password].error,
input[type=email].error,
input[type=tel].error {
border: 1px solid #e30613;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIzMy41cHgiIGhlaWdodD0iMzMuNXB4IiB2aWV3Qm94PSIwIDAgMzMuNSAzMy41IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMy41IDMzLjUiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIGZpbGw9IiNFMTMyMzciIGQ9Ik0xNi43NSwwQzcuNDk5LDAsMCw3LjQ5OSwwLDE2Ljc1UzcuNDk5LDMzLjUsMTYuNzUsMzMuNVMzMy41LDI2LjAwMSwzMy41LDE2Ljc1UzI2LjAwMSwwLDE2Ljc1LDB6CgkJIE0yNi4yODEsMjIuNjg5YzEuNDc0LDEuNDc0LTMuNDU4LDMuODEzLTQuNzU4LDIuNTA0Yy0xLjgxOS0xLjgxMS0zLjUwNi0zLjc1NC01LjItNS42ODljLTEuNTQxLDEuNTMxLTMuMDk4LDMuMDQ3LTQuNjUsNC41ODgKCQljLTAuOTE0LDAuOTA0LTIuMzY0LDEuNDg2LTMuNjcsMS4zM2MtMS4wOTUtMC4xMjUtMS40ODQtMS4wMjktMC42NjMtMS44MzRjMi4yMzUtMi4yMTUsNC40ODItNC40MDQsNi43MjYtNi42MzUKCQljLTIuMTA0LTIuMjgxLTQuMjk0LTQuNDQ0LTYuODQ1LTYuMjQ1Yy0xLjU2NC0xLjA5NSwzLjIxNi0zLjYxNiw0Ljc2Ny0yLjUxMWMyLjExOSwxLjQ5NCwzLjk5NSwzLjI0Miw1Ljc1OCw1LjExOQoJCWMxLjM2OS0xLjM1MSwyLjcwOS0yLjY4Niw0LjA3Mi00LjAxOGMwLjkyOC0wLjkwNCwyLjM3LTEuNDk4LDMuNjgyLTEuMzQyYzEuMDg5LDAuMTMxLDEuNDgyLDEuMDM3LDAuNjYzLDEuODM4CgkJYy0yLjAyOCwyLjAxNS00LjA2MSw0LjAzMS02LjEwNCw2LjAyM0MyMi4xMDIsMTguMTMyLDI0LjEwOCwyMC41LDI2LjI4MSwyMi42ODl6Ii8+CjwvZz4KPC9zdmc+);
background-size: 24px 24px;
background-position: right 10px center;
background-repeat: no-repeat;
padding-right: 45px
}
input[type=text].ok,
input[type=password].ok,
input[type=email].ok,
input[type=tel].ok {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIzMy41cHgiIGhlaWdodD0iMzMuNXB4IiB2aWV3Qm94PSIwIDAgMzMuNSAzMy41IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMy41IDMzLjUiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjMjc3Njk4IiBkPSJNMTYuNzUsMEM3LjQ5OSwwLDAsNy40OTksMCwxNi43NVM3LjQ5OSwzMy41LDE2Ljc1LDMzLjVTMzMuNSwyNi4wMDEsMzMuNSwxNi43NVMyNi4wMDEsMCwxNi43NSwwegoJIE0yOS4xMjYsMTAuMDQ2Yy01LjM3Miw0LjI2MS05LjM0OCwxMC44MTUtMTEuODAzLDE3LjE2MmMtMC41OTIsMS41MjQtNC4xNDYsMi41OTYtNS4xNjgsMS4xMjQKCWMtMi4zMDctMy4zMzQtNC42MjMtNi42NzQtNi45MjctMTAuMDE1Yy0wLjk3Mi0xLjM5Miw0LjA3OS0zLjY1NCw1LjI3OC0xLjkxOGMxLjM3NSwxLjk4OCwyLjc1MywzLjk3Miw0LjEyOSw1Ljk2NAoJYzIuNzQ1LTUuMjA5LDYuNDc4LTEwLjAzMywxMC45OTQtMTMuNjE3YzAuOTQxLTAuNzUyLDIuNjA3LTEuMjksMy43ODctMC44NUMzMC42NTcsOC4zNTksMjkuNzgsOS41MjcsMjkuMTI2LDEwLjA0NnoiLz4KPC9zdmc+);
background-size: 24px 24px;
background-position: right 10px center;
background-repeat: no-repeat;
padding-right: 45px
}
::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {
color: #e2e2e2
}
button[type=submit],
input[type=submit] {
border-radius: 22px;
-webkit-border-radius: 22px;
-moz-border-radius: 22px;
position: relative;
z-index: 0;
zoom: 1;
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 500;
font-size: 14px;
color: #000;
line-height: 44px;
height: 44px;
text-transform: uppercase;
border: none;
padding-left: 10px;
padding-right: 10px;
cursor: pointer;
background: #fff;
transition: background .35s, color .35s
}
button[type=submit]:hover,
input[type=submit]:hover {
background: #e30613;
color: #fff
}
textarea {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 400;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
position: relative;
z-index: 0;
zoom: 1;
padding: 12px 18px;
line-height: 1.3em;
border: 1px solid #e2e2e2;
background: #fff;
color: #212529;
width: 100%;
max-width: 100%;
font-size: 16px
}
select, button.multiselect {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 400;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
position: relative;
z-index: 0;
zoom: 1;
height: 44px;
line-height: 44px;
padding-left: 18px;
padding-right: 18px;
border: 1px solid #e2e2e2;
display: block;
width: 100%;
font-size: 18px;
color: #212529;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
text-overflow: ''; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0nMS4wJyBlbmNvZGluZz0ndXRmLTgnPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEyOSAxMjkiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMjkgMTI5Ij4KICA8Zz4KICAgIDxwYXRoIGQ9Im0xMjEuMywzNC42Yy0xLjYtMS42LTQuMi0xLjYtNS44LDBsLTUxLDUxLjEtNTEuMS01MS4xYy0xLjYtMS42LTQuMi0xLjYtNS44LDAtMS42LDEuNi0xLjYsNC4yIDAsNS44bDUzLjksNTMuOWMwLjgsMC44IDEuOCwxLjIgMi45LDEuMiAxLDAgMi4xLTAuNCAyLjktMS4ybDUzLjktNTMuOWMxLjctMS42IDEuNy00LjIgMC4xLTUuOHoiLz4KICA8L2c+Cjwvc3ZnPgo=);
background-size: 30px 20px;
background-position: right 10px center;
background-repeat: no-repeat;
padding-right: 45px
}
select::-ms-expand {
display: none
}
.selectboxit-container {
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
position: relative;
z-index: 0;
zoom: 1;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 400;
width: 100% !important;
background: transparent;
border: 2px solid #fff;
padding-bottom: 0 !important;
margin-bottom: 15px !important;
z-index: 1 !important;
margin-top: 20px !important
}
.selectboxit-container:before {
content: "";
display: table
}
.selectboxit-container:after {
content: "";
display: table;
clear: both
}
.selectboxit-container > .selectboxit {
width: 100% !important
}
.selectboxit-container .selectboxit-btn {
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
position: relative;
z-index: 0;
zoom: 1;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 16px !important;
border: 1px solid #e30613 !important;
color: #e30613 !important;
margin-bottom: 0 !important;
background: #fff !important;
padding-left: 10px;
height: 44px;
line-height: 42px
}
.selectboxit-container .selectboxit-btn.selectboxit-enabled {
z-index: 500 !important
}
.selectboxit-container .selectboxit-btn .selectboxit-arrow-container {
width: 44px !important;
height: 44px !important;
line-height: 44px;
background-color: transparent !important;
position: relative;
right: 0;
float: right
}
.selectboxit-container .selectboxit-btn .selectboxit-arrow-container i {
background: no-repeat url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE1LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgMjAiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMDUyOTIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjYuMzMxIiB5MT0iNy45OSIgeDI9IjEwLjM1IiB5Mj0iMTIuMDEiLz4KPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDA1MjkyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIxMy42NjkiIHkxPSI3Ljk5NSIgeDI9IjEwLjAwMiIgeTI9IjExLjY2MiIvPgo8L3N2Zz4=");
background-size: 20px 20px;
width: 20px;
height: 20px;
display: inline-block;
vertical-align: middle;
background-repeat: no-repeat;
border: none !important;
position: absolute;
top: 11.5px;
right: 0;
opacity: 1
}
.selectboxit-container .selectboxit-btn:hover .selectboxit-arrow-container i {
opacity: .8
}
.selectboxit-container span,
.selectboxit-container .selectboxit-options a {
height: 44px !important;
line-height: 44px !important;
font-size: 16px
}
.selectboxit-container .selectboxit-option-icon-container {
display: none !important
}
.selectboxit-container .selectboxit-list {
width: 100% !important;
min-width: 50% !important;
z-index: 550 !important
}
.selectboxit-container .selectboxit-list li a {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 20px;
color: #e30613 !important;
font-size: 16px !important;
line-height: 40px !important;
height: 40px !important
}
.selectboxit-container .selectboxit-list li.selectboxit-focus,
.selectboxit-container .selectboxit-list li.selectboxit-selected,
.selectboxit-container .selectboxit-list li:hover {
background-color: #fff !important
}
.selectboxit-container .selectboxit-list li.selectboxit-focus a,
.selectboxit-container .selectboxit-list li.selectboxit-selected a,
.selectboxit-container .selectboxit-list li:hover a {
background: 0 a 9 e 8 !important;
color: #fff !important
}
.select2-container .select2-selection {
height: 44px !important;
line-height: 44px !important;
border: 1px solid #e2e2e2 !important
}
.select2-container .select2-selection .select2-selection__rendered {
line-height: 44px !important;
color: #212529 !important;
padding-left: 18px
}
.select2-container .select2-selection .select2-selection__arrow {
height: 42px !important;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIxOS44cHgiIGhlaWdodD0iOS45cHgiIHZpZXdCb3g9IjAgMCAxOS44IDkuOSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTkuOCA5LjkiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwb2x5Z29uIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBwb2ludHM9IjkuOSw1LjUgMCwwIDkuOSw5LjkgMTkuOCwwIAkJIi8+Cgk8L2c+CjwvZz4KPC9zdmc+);
background-size: 20px 10px;
background-position: right 10px center;
background-repeat: no-repeat;
padding-right: 45px
}
.select2-container .select2-selection .select2-selection__arrow b {
display: none !important
}
.select2-dropdown {
border-color: #e2e2e2 !important
}
.select2-container .select2-selection {
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
position: relative;
z-index: 0;
zoom: 1
}
.select2-search__field {
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
position: relative;
z-index: 0;
zoom: 1
}
.swipe {
overflow: hidden;
visibility: visible;
position: relative
}
.swipe .swipe-wrap {
overflow: hidden;
position: relative
}
.swipe .swipe-wrap > div,
.swipe .swipe-wrap > section {
float: left;
width: 100%;
position: relative
}
.swipe #console {
color: #999;
margin-top: 20px;
max-height: 150px;
overflow: auto
}
.swipe #mySwipe div b {
display: block;
font-weight: bold;
color: #e30613;
font-size: 20px;
text-align: center;
margin: 10px;
padding: 100px 10px;
box-shadow: 0 1px #ebebeb;
background: #fff;
border-radius: 3px;
border: 1px solid;
border-color: #e5e5e5 #d3d3d3 #b9c1c6
}
body {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 400;
}
body:after {
display: none
}
body:not(.sticky) main {
padding-top: 164px;
}
body.sticky header.header .header-inner .logo {
margin-top: auto;
margin-bottom: 30px;
width: 150px;
height: 49px;
}
main {
overflow: hidden;
transition: padding-top .5s;
-webkit-transition: padding-top .5s;
}
.screenReaderElement {
position: absolute;
left: -10000px
}
header.header {
display: block;
width: 100%;
background: #fff;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
z-index: 1000;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.13);
-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.13);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.13);
transition: top .35s
}
header.header .top-menu, header #menu-header-menu {
display: flex;
align-items: center;
margin-bottom: 0;
padding-left: 0;
}
header.header .main-menu {
display: flex;
align-items: center;
}
header .logo-container {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 0;
top: 0;
background: #fff;
z-index: 1;
height: 100%;
width: 300px;
border-right: 1px solid #f6f6f6;
}
header.header .menu-burger {
display: none
}
body.sticky header.header {
position: fixed;
}
body.sticky header.header .topbar {
margin-top: -64px;
}
header.header .header-inner {
margin-left: auto;
margin-right: auto;
max-width: 1550px;
position: relative;
transition: min-height .35s
}
header.header .header-inner .logo {
display: block;
width: 258px;
height: 85px;
transition: top .5s, width .5s, height .5s, margin-top .5s;
-webkit-transition: top .5s, width .5s, height .5s, margin-top .5s;
}
header .navigation-container {
padding-left: 300px;
}
header.header .header-inner .topbar {
display: flex;
align-items: center;
width: 100%;
padding-top: 22px;
padding-bottom: 18px;
position: relative;
transition: margin-top .5s;
-webkit-transition: margin-top .5s;
}
header.header .header-inner .topbar:after {
content: "";
width: 250%;
height: 100%;
display: block;
position: absolute;
left: 0;
top: 0;
background: #f6f6f6;
z-index: 0
}
header.header .header-inner .topbar nav {
display: block;
position: relative;
z-index: 1
}
#single-header {
height: 700px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
#contacts a {
text-decoration: none;
}
#contacts a:hover {
color: #000;
text-decoration: underline;
}
#single .section-title {
font-size: 18px;
margin-bottom: 1rem;
}
.single-content {
padding-top: 75px;
padding-bottom: 75px;
background: #f6f6f6;
}
.single-content h3 {
margin-top: 40px;
margin-bottom: 20px;
}
.text-red {
color: #e30613;
}
#single .list-categories li a {
display: inline-block;
border: 1px solid #e30613;
text-decoration: none;
padding: 3px 12px;
font-size: 13px;
border-radius: 999px;
-webkit-border-radius: 999px;
}
#single .list-categories li a:hover {
color: #fff;
background: #e30613;
}
#single h1 {
font-size: 50px;
line-height: 60px;
font-weight: 700;
}
#single .excerpt p {
font-weight: 600;
}
.list-social-header {
display: flex;
align-items: center;
position: relative;
margin-left: 20px;
z-index: 1;
top: -2px;
}
.list-social-header li:not(:last-of-type) {
margin-right: 15px;
}
.list-social-header li a svg {
width: 14px;
height: 14px;
}
.list-social-header li a:hover svg, .list-social-header li a:hover svg path {
fill: #e30613 !important;
}
.list-social-mobile {
padding: 20px;
}
.list-social-mobile li:not(:last-of-type) {
margin-right: 15px;
}
.list-social-mobile li a {
}
.list-social-mobile li a svg {
width: 18px;
height: 18px;
}
header.header .header-inner .topbar nav ul li {
display: block;
padding-left: 16px;
padding-right: 16px
}
header.header .header-inner .topbar nav ul li a {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 700;
font-size: 14px;
color: #212529;
display: block;
text-decoration: none;
line-height: 1.2em;
transition: color .35s
}
header.header .header-inner .topbar nav ul li a:hover {
color: #000
}
header.header .header-inner .topbar .members-link {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 700;
float: right;
display: block;
color: #e30613;
font-size: 14px;
z-index: 2;
text-decoration: none;
margin-right: 22px;
padding-left: 35px;
position: relative;
margin-left: 35px
}
header.header .header-inner .topbar .members-link:before {
content: "";
display: inline-block;
width: 19px;
height: 19px;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlZyc3R2YV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iNDRweCIgaGVpZ2h0PSI0NHB4IiB2aWV3Qm94PSIwIDAgNDQgNDQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ0IDQ0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBmaWxsPSIjZTEwZjIwIiBkPSJNNDQsMjJDNDQsOS44NzEsMzQuMTI5LDAsMjIsMFMwLDkuODcxLDAsMjJjMCw2LjQwNiwyLjc1NCwxMi4xODQsNy4xNDEsMTYuMjA3bC0wLjAyLDAuMDJsMC43MTEsMC42MDIKCQljMC4wNDcsMC4wMzksMC4wOTgsMC4wNywwLjE0NSwwLjEwOWMwLjM3OCwwLjMxMywwLjc3MywwLjYwOSwxLjE3MSwwLjg5OGMwLjEyOSwwLjA5NCwwLjI1OCwwLjE4OCwwLjM5MSwwLjI4MQoJCWMwLjQzLDAuMjkzLDAuODY3LDAuNTc0LDEuMzE2LDAuODM2YzAuMDk4LDAuMDU5LDAuMTk2LDAuMTEzLDAuMjkzLDAuMTcyYzAuNDg5LDAuMjc3LDAuOTkzLDAuNTQzLDEuNTA0LDAuNzgxCgkJYzAuMDM5LDAuMDIsMC4wNzUsMC4wMzUsMC4xMTQsMC4wNTVjMS42NzIsMC43NzMsMy40NTcsMS4zNDQsNS4zMiwxLjY4NGMwLjA1MSwwLjAwOCwwLjA5OCwwLjAxNiwwLjE0OCwwLjAyMwoJCWMwLjU3OCwwLjEwMiwxLjE2NCwwLjE4LDEuNzU4LDAuMjM0YzAuMDcsMC4wMDgsMC4xNDUsMC4wMTIsMC4yMTUsMC4wMkMyMC43OTcsNDMuOTY5LDIxLjM5NSw0NCwyMiw0NAoJCWMwLjU5OCwwLDEuMTkxLTAuMDMxLDEuNzc3LTAuMDc4YzAuMDc0LTAuMDA4LDAuMTQ4LTAuMDEyLDAuMjIzLTAuMDE2YzAuNTktMC4wNTUsMS4xNjgtMC4xMzMsMS43NDItMC4yMwoJCWMwLjA1MS0wLjAwOCwwLjEwMi0wLjAyLDAuMTUyLTAuMDI3YzEuODM2LTAuMzI4LDMuNTk0LTAuODg3LDUuMjQyLTEuNjQ1YzAuMDYzLTAuMDI3LDAuMTI1LTAuMDU1LDAuMTg0LTAuMDgyCgkJYzAuNDk2LTAuMjM0LDAuOTc3LTAuNDg0LDEuNDQ5LTAuNzVjMC4xMTctMC4wNjYsMC4yMzQtMC4xMzMsMC4zNTItMC4yMDNjMC40My0wLjI1NCwwLjg1NS0wLjUxNiwxLjI2Ni0wLjgwMQoJCWMwLjE0OC0wLjA5OCwwLjI5My0wLjIwNywwLjQzOC0wLjMxM2MwLjM1Mi0wLjI1LDAuNjk5LTAuNTEyLDEuMDMxLTAuNzg1YzAuMDc0LTAuMDU5LDAuMTU2LTAuMTEzLDAuMjMtMC4xNzJsMC43My0wLjYxMwoJCWwtMC4wMjMtMC4wMkM0MS4yMTksMzQuMjQyLDQ0LDI4LjQ0MSw0NCwyMkw0NCwyMnogTTEuNjAyLDIyQzEuNjAyLDEwLjc1LDEwLjc1LDEuNjAyLDIyLDEuNjAyUzQyLjM5OCwxMC43NSw0Mi4zOTgsMjIKCQljMCw2LjA2Mi0yLjY2LDExLjUxMi02Ljg3MSwxNS4yNWMtMC4yMzQtMC4xNi0wLjQ2OS0wLjMwOS0wLjcxNS0wLjQzbC02Ljc3My0zLjM4N2MtMC42MDUtMC4zMDUtMC45ODQtMC45MTQtMC45ODQtMS41OTR2LTIuMzY3CgkJYzAuMTU2LTAuMTkxLDAuMzI0LTAuNDExLDAuNDkyLTAuNjUyYzAuODc5LTEuMjM4LDEuNTgyLTIuNjE3LDIuMDk0LTQuMDk4YzEuMDE2LTAuNDgsMS42NjgtMS40OTIsMS42NjgtMi42MzN2LTIuODM2CgkJYzAtMC42OTItMC4yNTQtMS4zNjMtMC43MDctMS44OTV2LTMuNzM0YzAuMDM5LTAuNDE0LDAuMTg4LTIuNzU4LTEuNTA4LTQuNjkxQzI3LjYyMSw3LjI1NCwyNS4yMzQsNi4zOTgsMjIsNi4zOTgKCQljLTMuMjM0LDAtNS42MjEsMC44NTYtNy4wOTQsMi41MzZjLTEuNjk1LDEuOTMzLTEuNTQ3LDQuMjc3LTEuNTA4LDQuNjkxdjMuNzM0Yy0wLjQ1MywwLjUyOC0wLjcwNywxLjIwMy0wLjcwNywxLjg5NXYyLjgzNgoJCWMwLDAuODgzLDAuMzk1LDEuNzAzLDEuMDcxLDIuMjU4YzAuNjQ4LDIuNTM5LDEuOTgsNC40NjEsMi40NzYsNS4xMDl2Mi4zMTZjMCwwLjY1Mi0wLjM1OSwxLjI1NC0wLjkyOSwxLjU2Nkw4Ljk4LDM2Ljc4OQoJCWMtMC4xOTksMC4xMDktMC40MDIsMC4yMzgtMC42MDEsMC4zODNDNC4yMjMsMzMuNDM0LDEuNjAyLDI4LjAyLDEuNjAyLDIyTDEuNjAyLDIyeiBNMzMuOTY5LDM4LjUwNAoJCWMtMC4yODEsMC4yMDMtMC41NjYsMC40MDItMC44NTUsMC41OWMtMC4xMzMsMC4wODYtMC4yNjYsMC4xNzItMC4zOTgsMC4yNThjLTAuMzc5LDAuMjM0LTAuNzYyLDAuNDUzLTEuMTU2LDAuNjY0CgkJYy0wLjA4NiwwLjA0My0wLjE3MiwwLjA4Ni0wLjI1OCwwLjEzM2MtMC45MDIsMC40NjEtMS44MzYsMC44NTktMi43OTMsMS4xOGMtMC4wMzEsMC4wMTItMC4wNjYsMC4wMjMtMC4xMDIsMC4wMzUKCQljLTAuNSwwLjE2OC0xLjAwOCwwLjMxMy0xLjUyMywwLjQ0MWgtMC4wMDRjLTAuNTIsMC4xMjktMS4wNDMsMC4yMzQtMS41NywwLjMyNGMtMC4wMTYsMC0wLjAzMSwwLjAwNC0wLjA0MywwLjAwOAoJCWMtMC40OTYsMC4wNzgtMSwwLjEzNy0xLjUsMC4xODRjLTAuMDksMC4wMDgtMC4xOCwwLjAxMi0wLjI3LDAuMDJDMjMsNDIuMzc1LDIyLjUsNDIuMzk4LDIyLDQyLjM5OAoJCWMtMC41MDgsMC0xLjAxMi0wLjAyMy0xLjUxNi0wLjA2M2MtMC4wODYtMC4wMDQtMC4xNzUtMC4wMTItMC4yNjEtMC4wMmMtMC41MDgtMC4wNDMtMS4wMTItMC4xMDUtMS41MTItMC4xODRsLTAuMDY2LTAuMDEyCgkJYy0xLjA1OS0wLjE4LTIuMDk4LTAuNDM4LTMuMTE0LTAuNzc3Yy0wLjAzMS0wLjAxMi0wLjA2My0wLjAyMy0wLjA5My0wLjAzNWMtMC41MDQtMC4xNjgtMS0wLjM1OS0xLjQ4OS0wLjU3CgkJYy0wLjAwNCwwLTAuMDA4LDAtMC4wMTEtMC4wMDRjLTAuNDYxLTAuMTk5LTAuOTE1LTAuNDE4LTEuMzY0LTAuNjUyYy0wLjA1OC0wLjAzMS0wLjExNy0wLjA1OS0wLjE3Ni0wLjA5CgkJYy0wLjQxLTAuMjE5LTAuODA4LTAuNDUzLTEuMjAzLTAuNjk5Yy0wLjExNy0wLjA3NC0wLjIzNC0wLjE0OC0wLjM0Ny0wLjIyN2MtMC4zNjQtMC4yMzQtMC43MjMtMC40ODQtMS4wNzEtMC43NDYKCQljLTAuMDM1LTAuMDI3LTAuMDctMC4wNTUtMC4xMDUtMC4wODJsMC4wNzQtMC4wNDNsNi4zMjgtMy40NDljMS4wODYtMC41OTQsMS43NjItMS43MzQsMS43NjItMi45NzN2LTIuODgzbC0wLjE4NC0wLjIyMwoJCWMtMC4wMTktMC4wMi0xLjc0Ni0yLjEyMS0yLjQwMi00Ljk3M2wtMC4wNy0wLjMxNmwtMC4yNzQtMC4xNzZjLTAuMzg2LTAuMjUtMC42MTctMC42NjQtMC42MTctMS4xMTN2LTIuODM2CgkJYzAtMC4zNzEsMC4xNi0wLjcxOSwwLjQ0NS0wLjk4MUwxNSwxOC4wMzV2LTQuNDUzbC0wLjAwOC0wLjEwNWMwLTAuMDItMC4yMzgtMS45NDYsMS4xMTctMy40ODlDMTcuMjY2LDguNjY4LDE5LjI1LDgsMjIsOAoJCWMyLjc0MiwwLDQuNzE5LDAuNjY0LDUuODc1LDEuOTczYzEuMzU1LDEuNTI3LDEuMTMzLDMuNDg4LDEuMTMzLDMuNTA0TDI5LDE4LjAzOWwwLjI2NiwwLjIzOGMwLjI4NSwwLjI1OCwwLjQ0NSwwLjYwNiwwLjQ0NSwwLjk3NwoJCXYyLjgzNmMwLDAuNTctMC4zOTEsMS4wOS0wLjk0NSwxLjI2MmwtMC4zOTgsMC4xMjFsLTAuMTI5LDAuMzk4Yy0wLjQ3MywxLjQ2NS0xLjE0NSwyLjgyLTEuOTk2LDQuMDIzCgkJYy0wLjIxMSwwLjI5Ny0wLjQxNCwwLjU1OS0wLjU5LDAuNzYybC0wLjE5NSwwLjIyM3YyLjk2MWMwLDEuMjg5LDAuNzE1LDIuNDQ5LDEuODY3LDMuMDI3bDYuNzczLDMuMzg3CgkJYzAuMDQzLDAuMDIsMC4wODYsMC4wNDMsMC4xMjksMC4wNjZDMzQuMTQxLDM4LjM4MywzNC4wNTUsMzguNDQxLDMzLjk2OSwzOC41MDRMMzMuOTY5LDM4LjUwNHogTTMzLjk2OSwzOC41MDQiLz4KPC9nPgo8L3N2Zz4=);
vertical-align: middle;
margin-right: 17px;
background-size: 100% 100%;
margin-top: -11px;
position: absolute;
top: 50%;
left: 5px
}
header.header .header-inner .topbar .members-link:after {
height: 20px;
width: 1px;
display: block;
content: "";
background: #e4e4e4;
position: absolute;
left: -30px;
top: 50%;
margin-top: -11px
}
header.header .header-inner .topbar .members-link:hover:before {
width: 22px;
height: 22px;
margin-top: -13px;
margin-left: -2px
}
header.header .header-inner .mainbar {
display: flex;
align-items: center;
height: 100px;
}
header.header .header-inner .mainbar nav {
display: block;
clear: both
}
header.header .header-inner .mainbar nav > ul {
margin-bottom: 0;
}
header.header .header-inner .mainbar nav > ul > li {
display: block;
padding-left: 24px;
padding-right: 24px
}
header.header .header-inner .mainbar nav > ul > li.current-menu-item > a {
border-bottom: 3px solid #e30613;
color: #000
}
header.header .header-inner .mainbar nav > ul > li.menu-item-has-children {
position: relative
}
header.header .header-inner .mainbar nav > ul > li.menu-item-has-children > a:after {
border-top: 6px solid #e30613;
border-left: 5.5px solid transparent;
border-right: 5.5px solid transparent;
content: "";
display: inline-block;
vertical-align: middle;
margin-left: 12px;
background: none;
margin-top: -2px;
position: relative;
left: auto;
top: auto;
height: auto;
width: auto
}
header.header .header-inner .mainbar nav > ul > li > a {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 700;
display: flex;
align-items: center;
font-size: 16px;
color: #212529;
height: 100px;
text-decoration: none;
border-bottom: 3px solid transparent;
transition: border-bottom .35s;
position: relative
}
header.header .header-inner .mainbar nav > ul > li > a:before {
content: "";
display: block;
width: 3px;
height: 100%;
position: absolute;
right: 100%;
top: 0
}
header.header .header-inner .mainbar nav > ul > li > a:after {
content: "";
display: block;
width: 3px;
height: 100%;
position: absolute;
left: 100%;
top: 0
}
header.header .header-inner .mainbar nav > ul > li > a:hover {
border-bottom: 3px solid #e30613
}
header.header .header-inner .mainbar nav > ul > li ul {
position: absolute;
top: 100%;
right: 0;
min-width: 100%;
background: #fff;
display: none;
list-style: none;
padding-left: 0;
}
header.header .header-inner .mainbar nav > ul > li ul li {
display: block;
clear: both;
width: 100%;
text-align: center
}
header.header .header-inner .mainbar nav > ul > li ul li a {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 700;
display: block;
font-size: 16px;
color: #212529;
padding-left: 20px;
padding-right: 20px;
border-left: 3px solid transparent;
text-decoration: none;
padding-top: 17px;
padding-bottom: 17px;
transition: .3s;
-webkit-transition: .3s;
}
header.header .header-inner .mainbar nav > ul > li ul li a:hover {
border-left: 3px solid #e30613;
color: #000;
background-color: #f5f6f7;
}
header.header .header-inner .mainbar nav > ul > li ul li ul {
display: none
}
.headline {
display: block;
width: 100%;
text-align: center;
position: relative
}
.headline > .container:before {
content: "";
display: block;
position: absolute;
top: -40px;
left: 50%;
margin-left: -50vw;
width: 100vw;
height: 50px;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlZyc3R2YV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iMTkxOS43NnB4IiBoZWlnaHQ9IjM1NC45MnB4IiB2aWV3Qm94PSIwIDAgMTkxOS43NiAzNTQuOTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE5MTkuNzYgMzU0LjkyIgoJIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRkZGRiIgZD0iTTAsMGMyMy4wNjgsMS43OTEsNDYuMTM1LDMuNjAzLDY5LjIwNiw1LjM2NgoJYzIwLjQxNywxLjU2LDQwLjgzMywzLjEzOSw2MS4yNTgsNC41NzVjMjcuOTAzLDEuOTYxLDU1LjgxMSwzLjg1NCw4My43MjMsNS42NjZjMjMuNTk2LDEuNTMyLDQ3LjE5OCwyLjk2OCw3MC44MDQsNC4zMzYKCWMzMy41ODMsMS45NDYsNjcuMTY3LDMuODUyLDEwMC43NTYsNS42NjFjMjIuNjE3LDEuMjE4LDQ1LjI0MSwyLjMxMyw2Ny44NjksMy4zMzNjMzUuOTM4LDEuNjIyLDcxLjg3OSwzLjIyMSwxMDcuODI2LDQuNjY3CgljMjkuNDU5LDEuMTg1LDU4LjkyLDIuNDU1LDg4LjM5MywzLjEyNmM3OS43NzIsMS44MTQsMTU5LjU0Nyw0LjE5MiwyMzkuMzMxLDQuNzI0YzgyLjQ1MiwwLjU0OSwxNjQuOTI2LTAuMjk1LDI0Ny4zNzYtMS40OTgKCWM2NS42MjEtMC45NTgsMTMxLjIyOS0zLjEwNywxOTYuODI0LTUuMjM1YzQ3LjI3NS0xLjUzMiw5NC41MzQtMy42ODQsMTQxLjc4Mi01Ljk1N2M0OS45MDEtMi40LDk5Ljc5MS01LjA3NSwxNDkuNjY2LTcuOTkzCgljNDYuNzA4LTIuNzMsOTMuNDAyLTUuNzM0LDE0MC4wNzctOC45OTFjNDIuMTgyLTIuOTQyLDg0LjMyNi02LjM5LDEyNi40ODgtOS42MTJjOS40NjEtMC43MjQsMTguOTItMS40NDQsMjguMzgxLTIuMTY3CgljMCwxMTguMjk2LDAsMjM2LjU5MiwwLDM1NC45MmMtNjM5LjkyLDAtMTI3OS44NCwwLTE5MTkuNzYsMEMwLDIzNi41OTIsMCwxMTguMjk2LDAsMHoiLz4KPC9zdmc+);
background-repeat: no-repeat;
background-position: center top;
background-size: 100% auto;
z-index: 2
}
.headline .headline-main {
height: 814px;
background-position: center bottom;
background-size: cover;
background-color: #595959;
position: relative;
z-index: 1;
overflow: hidden
}
.headline .headline-main video {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover
}
.headline .headline-inner {
display: inline-block;
text-align: center;
margin-left: auto;
margin-right: auto;
padding-top: 210px;
padding-bottom: 210px
}
.headline .headline-inner .headline-inner-desc {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 700;
color: #e30613;
font-size: 20px;
text-transform: uppercase;
display: inline-block;
clear: both;
margin-left: auto;
margin-right: auto;
padding-bottom: 20px;
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
letter-spacing: 14.5px;
position: relative;
}
.headline .headline-inner .headline-inner-desc span {
display: inline-block
}
.headline .headline-inner .headline-inner-desc span:before {
content: "";
width: 51px;
height: 31px;
display: inline-block;
margin-left: 7px;
margin-right: 38px;
vertical-align: middle;
background: url(//autosap.cz/wp-content/themes/autosap/images/czmap.png) center center no-repeat;
margin-top: -2px
}
.headline .headline-inner h2 {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 700;
display: block;
font-size: 60px;
color: #fff;
line-height: 1.25em;
padding-top: 15px;
padding-bottom: 20px;
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.headline .headline-inner a {
background: #e30613;
background: -moz-linear-gradient(left, #e30613 0, #e30613 100%);
background: -webkit-linear-gradient(left, #e30613 0, #e30613 100%);
background: -o-linear-gradient(left, #e30613 0, #e30613 100%);
background: -ms-linear-gradient(left, #e30613 0, #e30613 100%);
background: linear-gradient(to right, #e30613 0, #e30613 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e30613', endColorstr='#e30613', GradientType=1);
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 700;
border-radius: 29px;
-webkit-border-radius: 29px;
-moz-border-radius: 29px;
position: relative;
z-index: 0;
zoom: 1;
display: inline-block;
margin-left: auto;
margin-right: auto;
clear: both;
height: 58px;
line-height: 58px;
padding-left: 78px;
padding-right: 78px;
color: #fff;
text-decoration: none;
margin-top: 55px;
text-transform: uppercase;
font-size: 14px
}
.headline .headline-inner a:hover {
background: #ed1527
}
.headline .headline-boxes {
display: inline-table;
width: calc(100%);
position: relative;
left: 15px;
top: -163px;
z-index: 3
}
.headline .headline-boxes .box {
display: table-cell;
width: 33.333333%;
vertical-align: middle;
position: relative;
padding-right: 30px;
text-align: left;
text-decoration: none
}
.headline .headline-boxes .box a {
zoom: 1;
display: block;
text-decoration: none;
padding: 45px 40px;
padding-right: 55px;
transition: background .35s
}
.headline .headline-boxes .box a:before {
content: "";
display: table
}
.headline .headline-boxes .box a:after {
content: "";
display: table;
clear: both
}
.headline .headline-boxes .box a:before {
content: "";
display: block;
position: absolute;
background: #fff;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
box-shadow: 0 5px 70px 0 rgba(40, 34, 26, 0.25);
background-size: cover !important
}
.headline .headline-boxes .box a:hover span {
background: #fff;
color: #3f3f3f;
padding-right: 65px
}
.headline .headline-boxes .box a:hover span:after {
opacity: 1
}
.headline .headline-boxes .box a:hover h3,
.headline .headline-boxes .box a:hover p {
color: #fff
}
.headline .headline-boxes .box:first-child a:before {
background: url(//autosap.cz/wp-content/themes/autosap/images/box01.png) center center no-repeat
}
.headline .headline-boxes .box:first-child a:after {
content: "";
background: url(//autosap.cz/wp-content/themes/autosap/images/redcar.png) center center no-repeat
}
.headline .headline-boxes .box:first-child a:hover:before {
background: url(//autosap.cz/wp-content/themes/autosap/images/redcar.png) center center no-repeat
}
.headline .headline-boxes .box:nth-child(2) a:before {
background: url(//autosap.cz/wp-content/themes/autosap/images/box02.png) center center no-repeat
}
.headline .headline-boxes .box:nth-child(2) a:after {
content: "";
background: url(//autosap.cz/wp-content/themes/autosap/images/box02red.png) center center no-repeat
}
.headline .headline-boxes .box:nth-child(2) a:hover:before {
background: url(//autosap.cz/wp-content/themes/autosap/images/box02red.png) center center no-repeat
}
.headline .headline-boxes .box:nth-child(3) a:before {
background: url(//autosap.cz/wp-content/themes/autosap/images/box03.png) center center no-repeat
}
.headline .headline-boxes .box:nth-child(3) a:after {
content: "";
background: url(//autosap.cz/wp-content/themes/autosap/images/box03red.png) center center no-repeat
}
.headline .headline-boxes .box:nth-child(3) a:hover:before {
background: url(//autosap.cz/wp-content/themes/autosap/images/box03red.png) center center no-repeat
}
.headline .headline-boxes .box * {
z-index: 1;
position: relative
}
.headline .headline-boxes .box h3 {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 700;
font-size: 30px;
line-height: 1.25em;
display: block;
padding-bottom: 20px;
padding-right: 30px;
color: #282828;
transition: color .6s;
min-height: 3.2em;
}
.headline .headline-boxes .box p {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 400;
font-size: 14px;
color: #666;
padding-bottom: 30px;
transition: color .6s
}
.headline .headline-boxes .box span {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 700;
border-radius: 22px;
-webkit-border-radius: 22px;
-moz-border-radius: 22px;
z-index: 0;
zoom: 1;
background: #e30613;
background: -moz-linear-gradient(left, #e30613 0, #e30613 100%);
background: -webkit-linear-gradient(left, #e30613 0, #e30613 100%);
background: -o-linear-gradient(left, #e30613 0, #e30613 100%);
background: -ms-linear-gradient(left, #e30613 0, #e30613 100%);
background: linear-gradient(to right, #e30613 0, #e30613 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e30613', endColorstr='#e30613', GradientType=1);
height: 45px;
line-height: 45px;
padding-left: 39px;
padding-right: 39px;
display: block;
text-decoration: none;
color: #fff;
z-index: 1;
float: left;
font-size: 14px;
text-transform: uppercase;
transition: background .35s, padding-right .35s;
position: relative
}
.headline .headline-boxes .box span:after {
background-image: url(//autosap.cz/wp-content/themes/autosap/images/sprites.png);
background-repeat: no-repeat;
content: "";
display: block;
width: 21px;
height: 21px;
position: absolute;
right: 20px;
top: 50%;
margin-top: -10.5px;
opacity: 0;
transition: opacity .35s
}
.tab-pane ul li:not(:last-of-type) {
margin-bottom: 1rem;
}
.section-headline .breadcrumb {
left: 0;
bottom: 20px;
}
.title-box {
display: block;
text-align: center;
}
.title-box h2 {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 700;
font-size: 48px;
color: #282828;
display: block;
clear: both;
position: relative;
margin-top: 4rem;
margin-bottom: 4rem;
}
.title-box h2:after {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 700;
content: attr(data-title);
display: block;
width: 300%;
white-space: nowrap;
position: absolute;
top: 50%;
left: -100%;
font-size: 160px;
color: rgba(40, 40, 40, 0.03);
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.title-box p {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 400;
display: block;
width: 100%;
clear: both;
color: #212529;
font-size: 18px;
line-height: 1.4em;
padding-top: 15px
}
footer.footer {
display: block;
clear: both;
width: 100%;
background: #212121
}
footer.footer .footer-up {
display: block;
clear: both;
width: 100%;
background: url(//autosap.cz/wp-content/themes/autosap/images/footer.jpg) center center no-repeat;
background-size: cover;
padding-top: 90px
}
footer.footer .footer-up .container > h2 {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 700;
display: block;
clear: both;
color: #fff;
font-size: 48px;
padding-bottom: 15px;
position: relative;
z-index: 1;
width: 100%
}
footer.footer .footer-up .container > h2:after {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 700;
content: attr(data-title);
display: block;
width: 100%;
position: absolute;
top: -47px;
left: 0;
font-size: 161px;
color: rgba(255, 255, 255, 0.05)
}
footer.footer .footer-up p {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 400;
display: block;
clear: both;
font-size: 18px;
color: #fff;
position: relative;
z-index: 1
}
footer.footer .footer-up .newsletter-form {
display: inline-block;
margin-left: auto;
margin-right: auto;
clear: both;
position: relative;
margin-top: 75px;
padding-bottom: 100px
}
footer.footer .footer-up .newsletter-form .input label {
width: 100%;
}
footer.footer .footer-up .newsletter-form .input {
float: left;
display: block;
width: 100%;
}
footer.footer .footer-up .newsletter-form .input input {
border: 1px solid #fff;
background: none;
color: #fff;
padding-left: 20px !important;
}
@media (min-width: 768px) {
footer.footer .footer-up .newsletter-form .input input {
min-width: 500px;
}
}
@media (max-width: 768px) {
footer.footer .footer-up .newsletter-form .submit {
position: relative !important;
width: 100% !important;
margin-top: 5px;
}
}
footer.footer .footer-up .newsletter-form .input ::-webkit-input-placeholder,
footer.footer .footer-up .newsletter-form .input :-moz-placeholder,
footer.footer .footer-up .newsletter-form .input ::-moz-placeholder,
footer.footer .footer-up .newsletter-form .input :-ms-input-placeholder {
color: #fff
}
footer.footer .footer-up .newsletter-form .submit {
width: 35%;
float: right;
position: absolute;
top: 0;
right: 0
}
footer.footer .footer-up .newsletter-form .submit button,
footer.footer .footer-up .newsletter-form .submit input {
width: 100%
}
footer.footer .footer-up .footer-boxes {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: -105px;
}
footer.footer .footer-up .footer-boxes > .box:last-of-type {
padding: 40px;
background: transparent;
background-size: cover;
}
footer.footer .footer-up .footer-boxes .box h2 {
text-align: left;
}
footer.footer .footer-up .footer-boxes .box {
vertical-align: top;
display: inline-block;
margin-left: 15px;
background: #fff;
position: relative;
width: 48%;
}
footer.footer .footer-up .footer-boxes .box p a {
color: #fff;
text-decoration: underline;
}
footer.footer .footer-up .footer-boxes .box:first-child {
margin-left: 0
}
footer.footer .footer-up .footer-boxes .box:last-child {
margin-right: 0
}
footer.footer .footer-up .footer-boxes .box .inner {
text-align: left;
padding: 0 !important;
}
footer.footer .footer-up .footer-boxes .box .inner .item {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 700;
font-size: 18px;
color: #282828;
display: block;
clear: both;
padding-bottom: 40px
}
@media (max-width: 768px) {
footer.footer .footer-up .footer-boxes .box {
width: 100%;
margin-left: 0 !important;
}
footer.footer .footer-up .footer-boxes .box:last-of-type {
margin-bottom: 15px;
}
}
footer.footer .footer-up .footer-boxes .box .inner .item a {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 700;
color: #282828;
text-decoration: none
}
footer.footer .footer-up .footer-boxes .box .inner .item a:hover {
text-decoration: underline
}
footer.footer .footer-up .footer-boxes .box .inner small {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 700;
font-size: 14px;
color: #757575;
display: block;
float: left;
width: 89px;
padding-top: 2px
}
footer.footer .footer-up .footer-boxes .box h2 {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 700;
font-size: 30px;
display: block;
margin-bottom: 2rem;
}
footer.footer .footer-up .footer-boxes .box .box-map {
height: 385px;
display: block;
}
footer.footer .footer-down {
padding-top: 150px;
padding-bottom: 42px;
color: #b4b4b4;
font-size: 12px
}
footer.footer .footer-down .container {
text-align: center
}
footer.footer .footer-down .container .copyright {
display: inline-block;
vertical-align: middle;
width: 320px;
text-align: right;
padding-right: 64px
}
footer.footer .footer-down .container .created-by {
display: inline-block;
vertical-align: middle;
padding-left: 64px;
position: relative
}
footer.footer .footer-down .container .created-by:before {
content: "";
display: block;
width: 1px;
height: 26px;
background: #4c4c4c;
position: absolute;
top: 50%;
left: -0.5px;
margin-top: -13px
}
footer.footer .footer-down .container .created-by img {
display: inline-block;
vertical-align: middle;
margin-top: -7px;
margin-left: 32px
}
footer.footer .footer-down .container .created-by img:first-child {
display: inline-block;
width: 166px;
height: 30px;
}
footer.footer .footer-down .container .created-by a:hover img {
display: inline-block;
}
.tabs .tabs-panes .pane {
display: none
}
.tabs .tabs-panes .pane.active {
display: block
}
.main-news {
padding-top: 60px;
padding-bottom: 70px
}
.main-news .tabs .tabs-nav {
display: inline-table;
width: 100%;
position: relative
}
.main-news .tabs .tabs-nav .tabs-line {
width: 25%
}
.main-news .tabs .tabs-nav a {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
display: table-cell;
vertical-align: top;
width: 25%;
color: #4c4c4c;
padding-bottom: 14px;
padding-top: 5px;
text-decoration: none;
text-align: center;
transition: color .35s;
position: relative
}
.main-news .tabs .tabs-nav a:after {
content: "";
display: block;
width: 100%;
height: 1px;
background: #f2f1f1;
position: absolute;
bottom: 2px;
left: 0;
transition: background .35s, height .35s
}
.main-news .tabs .tabs-nav a:hover {
color: #e30613
}
.main-news .tabs .tabs-nav a.active {
color: #e30613
}
.main-news .tabs .tabs-panes .pane {
padding-top: 55px
}
.main-news .tabs .tabs-panes .pane .main-posts,
.main-news .tabs .tabs-panes .pane .next-posts {
display: flex;
flex-wrap: wrap
}
.main-news .tabs .tabs-panes .pane .next-post {
display: block;
width: 29%;
flex-basis: 29%;
margin-left: 2.16666667%;
margin-right: 2.16666667%;
padding-right: 80px;
margin-top: 30px;
text-decoration: none;
position: relative
}
.main-news .tabs .tabs-panes .pane .next-post:after {
background-image: url(//autosap.cz/wp-content/themes/autosap/images/sprites.png);
background-repeat: no-repeat;
background-position: -42px 0;
content: "";
display: block;
position: absolute;
right: 20px;
top: 50%;
margin-top: -10.5px;
width: 21px;
height: 21px;
z-index: 1;
transition: right .35s
}
.main-news .tabs .tabs-panes .pane .next-post:hover:after {
background-position: 0 0;
right: 15px
}
.main-news .tabs .tabs-panes .pane .next-post:hover p {
color: #e30613
}
.main-news .tabs .tabs-panes .pane .next-post .post-type {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 700;
font-size: 12px;
display: block;
padding-bottom: 15px;
color: #d2d2d2;
z-index: 2;
letter-spacing: 1px;
opacity: 1;
transition: opacity .35s
}
.main-news .tabs .tabs-panes .pane .next-post .post-type .time {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 500;
display: inline-block
}
.main-news .tabs .tabs-panes .pane .next-post .post-type .time:before {
content: "";
display: inline-block;
width: 2px;
height: 2px;
vertical-align: middle;
margin-left: 13px;
margin-right: 13px;
background: #d2d2d2;
margin-top: -2px
}
.main-news .tabs .tabs-panes .pane .next-post p {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 700;
display: block;
font-size: 14px;
color: #212529;
line-height: 1.4em;
transition: color .35s
}
.main-news .tabs .tabs-panes .pane a:not(.next-post) {
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
position: relative;
z-index: 0;
zoom: 1;
display: block;
width: 23.85%;
flex-basis: 23.85%;
float: left;
margin-left: .575%;
margin-right: .575%;
text-decoration: none;
transition: box-shadow .35s, -webkit-box-shadow .35s, -moz-box-shadow .35s;
margin-bottom: 30px;
box-shadow: 0 2px 4px 0 rgba(241, 241, 241, 0.56)
}
.main-news .tabs .tabs-panes .pane a:not(.next-post):hover {
box-shadow: 0 5px 15px 0 rgba(1, 1, 1, 0.14)
}
.main-news .tabs .tabs-panes .pane a:not(.next-post):hover .image:after {
opacity: 1
}
.main-news .tabs .tabs-panes .pane a:not(.next-post):hover .image:before {
content: "";
background: rgba(225, 15, 33, 0.89)
}
.main-news .tabs .tabs-panes .pane a:not(.next-post):hover .image .post-type {
opacity: 0
}
.main-news .tabs .tabs-panes .pane a:not(.next-post):hover .info h4 {
color: #e30613
}
.main-news .tabs .tabs-panes .pane a:not(.next-post) .image {
border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
z-index: 0;
zoom: 1;
height: 214px;
display: block;
overflow: hidden;
position: relative;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-color: #595959;
}
.main-news .tabs .tabs-panes .pane a:not(.next-post) .image:after {
background-image: url(//autosap.cz/wp-content/themes/autosap/images/sprites.png);
background-repeat: no-repeat;
content: "";
width: 21px;
height: 21px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -10.5px;
margin-top: -10.5px;
background-position: -21px 0;
z-index: 3;
display: block;
opacity: 0
}
.main-news .tabs .tabs-panes .pane a:not(.next-post) .image:before {
content: "";
transition: background .35s;
height: 100%;
display: block;
width: 100%;
position: absolute;
z-index: 2;
top: 0;
left: 0;
background: transparent
}
.main-news .tabs .tabs-panes .pane a:not(.next-post) .info {
border-radius: 0 0 4px 4px;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
position: relative;
z-index: 0;
zoom: 1;
display: block;
clear: both;
background: #fff;
padding: 25px 16px
}
.main-news .tabs .tabs-panes .pane a:not(.next-post) .info h4 {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 700;
color: #212529;
display: block;
clear: both;
padding-bottom: 17px;
line-height: 1.35em
}
.main-news .tabs .tabs-panes .pane a:not(.next-post) .info p {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 400;
color: #212529;
display: block;
font-size: 12px;
line-height: 1.4em
}
.main-news .tabs .tabs-panes .pane a:not(.next-post) .post-type {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 700;
font-size: 12px;
display: block;
padding: 15px 25px;
color: #fff;
z-index: 2;
letter-spacing: 1px;
padding-top: 180px;
opacity: 1;
transition: opacity .35s
}
.main-news .tabs .tabs-panes .pane a:not(.next-post) .post-type:after {
content: "";
display: block;
width: 100%;
height: 65%;
position: absolute;
bottom: 0;
left: 0;
z-index: -1;
background: rgba(255, 255, 255, 0);
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.69) 100%);
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.69) 100%);
background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.69) 100%);
background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.69) 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.69) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000', GradientType=0);
transition: opacity .35s
}
.main-news .tabs .tabs-panes .pane a:not(.next-post) .post-type .time {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 500;
display: inline-block
}
.main-news .tabs .tabs-panes .pane a:not(.next-post) .post-type .time:before {
content: "";
display: inline-block;
width: 2px;
height: 2px;
vertical-align: middle;
margin-left: 13px;
margin-right: 13px;
background: #fff;
margin-top: -2px
}
.logos {
display: block;
text-align: center
}
.logos > div {
border: 1px solid #f5f5f5;
transition: .3s;
-webkit-transition: .3s;
}
@media (max-width: 1200px) {
.logos > div {
width: calc(100% / 3 - 15px) !important;
}
}
@media (max-width: 768px) {
.logos > div {
width: calc(100% / 2 - 15px) !important;
}
}
@media (max-width: 480px) {
.logos > div {
width: 100% !important;
}
}
.logos > div:hover {
box-shadow: 0 0 40px -6px rgba(0, 0, 0, 0.2);
}
.logos .logos-inner {
display: block;
padding-bottom: 80px
}
.logos .logos-inner .logo-item {
text-align: center;
height: 100px
}
.logos .logos-inner .logo-item img {
max-width: 100%;
max-height: 100px;
margin-left: auto;
margin-right: auto
}
.logos .logos-inner .bx-prev {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
position: relative;
z-index: 0;
zoom: 1;
background-image: url(//autosap.cz/wp-content/themes/autosap/images/sprites.png);
background-repeat: no-repeat;
display: block;
width: 39px;
height: 39px;
background-position: 0 -60px !important;
left: -73px;
position: absolute;
margin-top: -19.5px;
-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.13);
-moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.13);
box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.13)
}
.logos .logos-inner .bx-prev:hover {
background-position: 0 -21px !important
}
.logos .logos-inner .bx-next {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
position: relative;
z-index: 0;
zoom: 1;
background-image: url(//autosap.cz/wp-content/themes/autosap/images/sprites.png);
background-repeat: no-repeat;
display: block;
width: 39px;
height: 39px;
background-position: -39px -21px !important;
right: -73px;
position: absolute;
margin-top: -19.5px;
-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.13);
-moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.13);
box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.13)
}
.logos .logos-inner .bx-next:hover {
background-position: -39px -60px !important
}
.logos .logos-inner .bx-wrapper {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none
}
.btn-more {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 700;
border-radius: 22px;
-webkit-border-radius: 22px;
-moz-border-radius: 22px;
position: relative;
z-index: 0;
zoom: 1;
background: #e30613;
background: -moz-linear-gradient(left, #e30613 0, #e30613 100%);
background: -webkit-linear-gradient(left, #e30613 0, #e30613 100%);
background: -o-linear-gradient(left, #e30613 0, #e30613 100%);
background: -ms-linear-gradient(left, #e30613 0, #e30613 100%);
background: linear-gradient(to right, #e30613 0, #e30613 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e30613', endColorstr='#e30613', GradientType=1);
height: 45px;
line-height: 45px;
padding-left: 45px;
padding-right: 45px;
text-decoration: none;
color: #fff;
z-index: 1;
font-size: 14px;
text-transform: uppercase;
display: inline-block;
clear: both;
margin-left: auto;
margin-right: auto;
margin-top: 10px
}
.btn-more:hover {
background: #ff172a;
background: -moz-linear-gradient(left, #ff172a 0, #ff172a 100%);
background: -webkit-linear-gradient(left, #ff172a 0, #ff172a 100%);
background: -o-linear-gradient(left, #ff172a 0, #ff172a 100%);
background: -ms-linear-gradient(left, #ff172a 0, #ff172a 100%);
background: linear-gradient(to right, #ff172a 0, #ff172a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff172a', endColorstr='#ff172a', GradientType=1)
}
.live {
display: block;
clear: both;
padding-top: 70px;
padding-bottom: 50px;
background: #f6f6f6
}
.filter {
zoom: 1;
display: block;
clear: both;
text-align: center;
position: relative;
z-index: 1
}
.filter:before {
content: "";
display: table
}
.filter:after {
content: "";
display: table;
clear: both
}
.filter.bigger {
margin-bottom: 15px
}
.filter.bigger .filter-main > div {
width: 250px;
right: -98px
}
.filter.bigger .filter-main > div .filter-main-inner-wrap {
width: 250px
}
.filter.bigger .filter-main > div .filter-main-inner-wrap ul {
width: 275px;
text-align: left
}
.filter.bigger .filter-main > div .filter-main-inner-wrap ul li a:hover {
background: #f6f6f6;
z-index: 1
}
.filter.bigger .filter-main > div .filter-main-inner-wrap ul li a:hover:before {
content: "";
display: block;
width: calc(100% + 62px);
height: 100%;
position: absolute;
left: -34px;
top: 0;
background: #f6f6f6;
z-index: -1
}
.filter.right .filter-main {
float: left
}
.filter.right .filter-main:first-child {
margin-left: 0
}
.filter.filter-normal .filter-main {
margin-top: 0
}
.filter.filter-normal .filter-main > div ul {
background: #fff
}
.filter .filter-main {
display: inline-block;
margin-top: 45px;
position: relative;
margin-left: 15px;
margin-right: 15px
}
.filter .filter-main:hover > span {
background: #ff172a;
background: -moz-linear-gradient(left, #ff172a 0, #ff172a 100%);
background: -webkit-linear-gradient(left, #ff172a 0, #ff172a 100%);
background: -o-linear-gradient(left, #ff172a 0, #ff172a 100%);
background: -ms-linear-gradient(left, #ff172a 0, #ff172a 100%);
background: linear-gradient(to right, #ff172a 0, #ff172a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff172a', endColorstr='#ff172a', GradientType=1)
}
.filter .filter-main:hover > span:after {
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
.filter .filter-main > span {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 700;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
position: relative;
z-index: 0;
zoom: 1;
background: #e30613;
background: -moz-linear-gradient(left, #e30613 0, #e30613 100%);
background: -webkit-linear-gradient(left, #e30613 0, #e30613 100%);
background: -o-linear-gradient(left, #e30613 0, #e30613 100%);
background: -ms-linear-gradient(left, #e30613 0, #e30613 100%);
background: linear-gradient(to right, #e30613 0, #e30613 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e30613', endColorstr='#e30613', GradientType=1);
height: 45px;
line-height: 45px;
padding-left: 45px;
padding-right: 13px;
text-decoration: none;
color: #fff;
z-index: 1;
font-size: 14px;
display: inline-block;
clear: both;
margin-left: auto;
margin-right: auto;
margin-top: 10px
}
.filter .filter-main > span:after {
background-image: url(//autosap.cz/wp-content/themes/autosap/images/sprites.png);
background-repeat: no-repeat;
content: "";
background-position: -21px 0;
width: 21px;
height: 21px;
display: inline-block;
vertical-align: middle;
margin-left: 60px;
margin-top: -2px;
transition: -ms-transform .35s, -webkit-transform .35s, transform .35s
}
.filter .filter-main > div {
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
position: relative;
z-index: 0;
zoom: 1;
position: absolute;
top: 55px;
right: -60px;
width: 175px;
display: none;
padding-top: 10px;
z-index: 10
}
.filter .filter-main > div .filter-main-inner-wrap {
display: block;
margin: 10px 0;
width: 175px;
-webkit-box-shadow: 0 0 29px 1px rgba(0, 0, 0, 0.13);
-moz-box-shadow: 0 0 29px 1px rgba(0, 0, 0, 0.13);
box-shadow: 0 0 29px 1px rgba(0, 0, 0, 0.13);
overflow: hidden;
max-height: 180px
}
.filter .filter-main > div .filter-main-inner-wrap:before {
background-color: #fff;
width: 0;
height: 0;
border-bottom: 8px solid #fff;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
content: "";
display: block;
position: absolute;
top: -8px;
left: 50%;
margin-left: -5px;
background: none;
z-index: 1;
overflow: hidden
}
.filter .filter-main .nano-pane {
z-index: 5;
top: 20px;
right: 0;
bottom: 10px
}
.filter .filter-main ul {
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
z-index: 0;
zoom: 1;
list-style: none outside none;
z-index: 1;
background: #f6f6f6;
display: block;
position: relative;
width: 175px;
padding-left: 0 !important;
overflow: hidden;
overflow-x: hidden;
max-height: 180px;
margin-right: 0 !important
}
.filter .filter-main ul.nano-content {
overflow: scroll;
overflow-x: hidden
}
.filter .filter-main ul li {
display: block;
padding-left: 17px !important;
padding-right: 17px;
padding-bottom: 0 !important
}
.filter .filter-main ul li:first-child {
border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
position: relative;
z-index: 0;
zoom: 1
}
.filter .filter-main ul li:last-child {
border-radius: 0 0 4px 4px;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
position: relative;
z-index: 0;
zoom: 1
}
.filter .filter-main ul li.fb,
.filter .filter-main ul li.tw {
background: #fff;
text-align: left
}
.filter .filter-main ul li.fb a:before,
.filter .filter-main ul li.tw a:before {
background-image: url(//autosap.cz/wp-content/themes/autosap/images/sprites.png);
background-repeat: no-repeat;
content: "";
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
margin-right: 19px;
margin-top: -1px
}
.filter .filter-main ul li.fb a:before {
background-position: 0 -100px
}
.filter .filter-main ul li.tw a {
border-bottom: none
}
.filter .filter-main ul li.tw a:before {
background-position: -20px -100px
}
.filter .filter-main ul li a {
display: flex;
align-content: center;
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 700;
font-size: 13px;
color: #212529;
padding: 10px 5px;
text-decoration: none;
border-bottom: 1px solid #f2f2f2;
position: relative;
line-height: 40px;
}
.filter .filter-main ul li a img {
width: 40px;
height: 40px;
}
.filter .filter-main ul li:first-of-type {
padding: 0 !important;
}
.filter .filter-main ul li:first-of-type a {
padding: 10px 23px !important
}
.filter .filter-main ul li a.filter-reset {
background: #ddd;
}
.filter .filter-main ul li a div {
display: flex;
align-items: center;
justify-content: center;
padding: 0;
width: 25px;
min-width: 25px;
min-height: 25px;
height: 25px;
margin-left: auto;
background: #eee;
margin-top: 6px;
border-radius: 999px;
-webkit-border-radius: 999px;
}
.filter .filter-main ul li.active-filter {
background: #f2f2f2;
}
.filter .filter-main ul li.active-filter a div {
background: #e30613;
}
.filter .filter-main ul li.active-filter a div:before {
content: '';
display: block;
width: 6px;
height: 10px;
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}   .live .title-box {
padding-bottom: 40px;
position: relative;
z-index: 1
}
.live-boxes a {
width: 100%;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
position: relative;
z-index: 0;
zoom: 1;
min-height: 365px;
display: block;
text-decoration: none;
background: #fff;
box-shadow: 0 2px 4px 0 rgba(241, 241, 241, 0.56);
transition: box-shadow .35s, -moz-box-shadow .35s, -webkit-box-shadow .35s;
margin-bottom: 20px
}
.live-boxes a:hover {
box-shadow: 0 5px 15px 0 rgba(1, 1, 1, 0.14)
}
.live-boxes a.tw .image {
height: 80px;
background: #fafafa !important
}
.live-boxes a.tw .image:before {
display: none
}
.live-boxes a.tw .image .inner-info {
color: #5c5c5c;
bottom: 14px
}
.live-boxes a.tw .image .inner-info:before {
background-position: -20px -100px
}
.live-boxes a.tw .image .inner-info .time:before {
background: #5c5c5c
}
.live-boxes a .image {
border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
z-index: 0;
zoom: 1;
display: block;
height: 128px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative
}
@media screen and (max-width: 1100px) {
#sfm-mob-navbar img {
height: 30px !important;
margin-top: 12px !important;
}
}
#sfm-sidebar .sfm-menu li > a span {
text-transform: initial !important;
}
.live-boxes a .image:before {
content: "";
display: block;
width: 100%;
height: 65%;
position: absolute;
bottom: 0;
left: 0;
z-index: 0;
background: rgba(255, 255, 255, 0);
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.3) 100%);
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.3) 100%);
background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.3) 100%);
background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.3) 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.3) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000', GradientType=0);
transition: opacity .35s
}
.slick-arrow {
font-size: 0;
border: 0;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
width: 35px;
height: 35px;
top: 50%;
z-index: 2;
transform: translateY(-50%);
background-color: #fff;
border-radius: 999px;
transition: .3s;
-webkit-transition: .3s;
}
.slick-arrow.slick-disabled {
opacity: 0.5;
cursor: initial;
}
.swiper-logos img {
padding: 0 10% !important;
}
.slick-arrow:not(:disabled):hover {
background: #e30613;
}
.slick-arrow:hover:after {
border-color: #fff;
}
.slick-arrow:after {
content: '';
display: inline-block;
width: 10px;
height: 10px;
border-bottom: 2px solid #000;
border-right: 2px solid #000;
position: relative;
}
.slick-prev:after {
left: 2px;
transform: rotate(135deg);
}
.slick-next:after {
right: 2px;
transform: rotate(-45deg);
}
.live-boxes {
padding: 0 50px;
}
.tiskove_zpravy_slider, .single_slider {
padding: 0 50px;
margin: 0 -50px;
}
.live-boxes .slick-track {
display: flex;
align-items: center;
}
.slick-slide {
margin: 0 10px;
}
.slick-list {
margin: 0 -10px;
}
.slick-arrow.slick-prev {
left: 0;
}
.slick-arrow.slick-next {
right: 0;
}
.slick-dots {
display: flex;
align-items: center;
justify-content: center;
list-style: none;
margin-top: 20px;
}
.slick-dots li:not(:last-of-type) {
margin-right: 8px;
}
.slick-dots li button {
font-size: 0;
width: 16px;
height: 16px;
border-radius: 999px;
border: 0;
background: #ddd;
transition: .3s;
-webkit-transition: .3s;
}
.slick-dots li.slick-active button {
background: #ccc;
}
.live-boxes a .image .inner-info {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 700;
font-size: 12px;
display: block;
padding-bottom: 15px;
color: #fff;
z-index: 2;
letter-spacing: 1px;
opacity: 1;
transition: opacity .35s;
position: absolute;
z-index: 1;
bottom: 1px;
left: 24px;
padding-right: 20px
}
.live-boxes a .image .inner-info:before {
background-image: url(//autosap.cz/wp-content/themes/autosap/images/sprites.png);
background-repeat: no-repeat;
content: "";
vertical-align: middle;
margin-top: -1px;
display: inline-block;
margin-right: 20px;
width: 20px;
height: 20px;
background-position: 0 -100px
}
@media (min-width: 1100px) {
.sfm-navicon-button {
display: none !important;
}
}
.live-boxes a .image .inner-info .time {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 500;
display: inline-block
}
.live-boxes a .image .inner-info .time:before {
content: "";
display: inline-block;
width: 2px;
height: 2px;
vertical-align: middle;
margin-left: 13px;
margin-right: 13px;
background: #fff;
margin-top: -2px
}
.live-boxes a p {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 400;
padding: 30px;
display: block;
font-size: 14px;
line-height: 1.4em;
color: #212529;
clear: both
}
.special-more {
display: block;
clear: both;
text-align: center;
padding-top: 38px;
padding-bottom: 20px
}
.special-more a,
.special-more span {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 400;
color: #e30613;
display: inline-block;
margin-left: auto;
margin-right: auto;
font-size: 15px;
letter-spacing: .7px;
text-decoration: none;
transition: opacity .35s
}
.special-more a:after,
.special-more span:after {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
z-index: 0;
zoom: 1;
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 700;
content: "+";
font-size: 17px;
display: inline-block;
width: 31px;
height: 31px;
vertical-align: middle;
margin-top: -2px;
background: #e30613;
position: relative;
color: #fff;
line-height: 31px;
margin-left: 15px
}
.special-more a:hover,
.special-more span:hover {
opacity: .8
}
.section-headline {
display: flex;
align-items: center;
position: relative;
clear: both;
background-color: #212529;
background-position: center center;
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
min-height: 300px;
}
.section-headline.section-headline-short {
min-height: 262px
}
.section-headline.white {
background: #fff
}
.section-headline.white .title-box h2 {
color: #282828
}
.section-headline.white .title-box h2:after {
color: rgba(40, 40, 40, 0.03)
}
.section-headline.white .title-box p {
color: #212529
}
.section-headline .title-box h2 {
color: #fff
}
.section-headline .title-box h2:after {
color: rgba(255, 255, 255, 0.06)
}
.section-headline .title-box p {
color: #fff
}
.section-headline .breadcrumb {
display: block;
width: 100%;
color: #fff;
}
.section-headline .breadcrumb a,
.section-headline .breadcrumb span {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 700;
font-size: 12px;
color: #fff;
float: left;
display: block;
text-decoration: none;
margin-left: 38px;
position: relative
}
.section-headline .breadcrumb a:hover,
.section-headline .breadcrumb span:hover {
text-decoration: underline
}
.section-headline .breadcrumb a:before,
.section-headline .breadcrumb span:before {
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
display: block;
width: 6px;
height: 6px;
position: absolute;
top: 6px;
left: -24px;
border-top: 2px solid #e30613;
border-right: 2px solid #e30613
}
.section-headline .breadcrumb a.breadcrumb-home,
.section-headline .breadcrumb span.breadcrumb-home {
font-size: 0;
display: block;
width: 16px;
height: 16px;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlZyc3R2YV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iNDI1LjE5N3B4IiBoZWlnaHQ9IjQyNS4xOTdweCIgdmlld0JveD0iMCAwIDQyNS4xOTcgNDI1LjE5NyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNDI1LjE5NyA0MjUuMTk3IgoJIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRkZGRkZGIiBkPSJNMzYuNTgyLDIwOS43ODhjNDQuMzYxLTM2LjU3NSw4OC43MjktNzMuMTQyLDEzMy4wODEtMTA5LjcyOAoJCWM3Ljc1OS02LjQwMywxNS4yOTMtMTMuMDg1LDIzLjIwOS0xOS4yODJjMTQuMTgxLTExLjEsMjUuNTktMTEuMTY3LDM5LjY1NSwwLjIwNGMxNS44NDksMTIuODE0LDMxLjMxMywyNi4xMDMsNDkuNzcxLDQxLjU1MgoJCWMwLTE0LjIwNiwwLjI1NS0yNC45NTEtMC4wNzUtMzUuNjgxYy0wLjMwMi05Ljc3NiwzLjY5NS0xNC4yLDEzLjc1NC0xNC4wM2M1MC4yMTUsMC44MzMsNDEuODIzLTYuNTQsNDIuNTkyLDQwLjAzNAoJCWMwLjMwOSwxOC43Mi01LjA4Niw0MC4xNDIsMi4yOTUsNTUuNDE2YzcuNjIzLDE1Ljc3NywyNy41OTQsMjUuNjAyLDQyLjIxOSwzNy45NjJjMS42NiwxLjQwMSwzLjY3OSwyLjM3OSw1LjUzMiwzLjU1MwoJCWMwLDIuNzUsMCw1LjUsMCw4LjI1MWMtMjAuODE0LDIxLjE4OC0yMC44MSwyMS4xODEtNDQuODQsMS4xMzljLTM4Ljk4MS0zMi41MTItNzcuOTYyLTY1LjAyMy0xMTYuOTY0LTk3LjUxMQoJCWMtNC41MS0zLjc1Ny05LjE0Ny03LjM1OS0xNC40MjQtMTEuNTkyYy0zOS4zNDcsMzIuNzgxLTc4LjI3OSw2NS4yMTctMTE3LjIxMSw5Ny42NTNjLTguNzgzLDcuMzE2LTE4LjAxNywxNC4xNjgtMjYuMjI3LDIyLjA4MQoJCWMtOC45NSw4LjYzMi0xNi4wNzcsOC44My0yMy4yNDQtMS44MDNjLTIuNDktMy42OTUtNi4wNTEtNi42NjYtOS4xMjQtOS45NjdDMzYuNTgyLDIxNS4yODgsMzYuNTgyLDIxMi41MzgsMzYuNTgyLDIwOS43ODh6Ii8+Cgk8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRkZGRiIgZD0iTTI0MC4yNzQsMzUyLjcxMmMwLTI4LjcwMywwLTU1LjU2MiwwLTgzLjI0NgoJCWMtMTguNzgyLDAtMzYuNDAyLDAtNTUuMjA1LDBjMCwyNy41NjYsMCw1NC40MTQsMCw4Mi45MWMtMjkuMzMyLDAtNTcuNTQ2LDAuNjE4LTg1LjY3Ni0wLjY0MgoJCWMtNC4zOTYtMC4xOTYtMTEuODc0LTguODE3LTEyLjA0LTEzLjczOGMtMS4xMTYtMzMuMzk3LTAuNzgzLTY2Ljg0Ny0wLjQ3OC0xMDAuMjc2YzAuMDI4LTMuMDQ0LDIuNDU4LTYuODk2LDQuOTQ2LTguOTYzCgkJYzM5Ljc2NS0zMy4wNjUsNzkuNzIxLTY1LjkwNCwxMjAuNzQxLTk5LjcwOGMxMS40MSw5LjM4NCwyMi42MywxOC41OTEsMzMuODM0LDI3LjgyNWMyNy45MTgsMjMuMDA0LDU2LjAxNSw0NS44MDEsODMuNTQ1LDY5LjI2MgoJCWM0LjIyLDMuNTk2LDguMTE2LDEwLjIwMyw4LjI1NSwxNS41MjFjMC43ODEsMzAuMjA2LDAuNTE4LDYwLjQ0NiwwLjMxOCw5MC42NzVjLTAuMTA0LDE1LjY4NS00Ljg5NSwyMC4yNjgtMjAuNzE4LDIwLjM0NQoJCUMyOTIuNjU5LDM1Mi44MDMsMjY3LjUyMSwzNTIuNzEyLDI0MC4yNzQsMzUyLjcxMnoiLz4KPC9nPgo8L3N2Zz4=);
background-size: 100% 100%;
background-repeat: no-repeat;
margin-left: 0;
margin-top: 1px
}
.section-headline .breadcrumb a.breadcrumb-home:before,
.section-headline .breadcrumb span.breadcrumb-home:before {
display: none
}
.section-headline .breadcrumb span:hover {
text-decoration: none
}
.section-content {
display: block;
clear: both;
padding-top: 110px;
padding-bottom: 85px
}
.section-content.short {
padding-top: 60px
}
.section-content.section-content-grey {
background: #f6f6f6
}
.section-content .tabs .tabs-nav {
display: inline-table;
width: 100%;
position: relative
}
.section-content .tabs .tabs-nav .tabs-line {
width: 50%
}
.section-content .tabs .tabs-nav.triple .tabs-line {
width: 33.33333%
}
.section-content .tabs .tabs-nav.triple a {
width: 33.33333%
}
.section-content .tabs .tabs-nav a {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
display: table-cell;
vertical-align: top;
width: 50%;
color: #4c4c4c;
padding-bottom: 14px;
padding-top: 5px;
text-decoration: none;
text-align: center;
transition: color .35s;
position: relative
}
.section-content .tabs .tabs-nav a:after {
content: "";
display: block;
width: 100%;
height: 1px;
background: #f2f1f1;
position: absolute;
bottom: 2px;
left: 0;
transition: background .35s, height .35s
}
.section-content .tabs .tabs-nav a:hover {
color: #e30613
}
.section-content .tabs .tabs-nav a.active {
color: #e30613
}
.section-content .tabs-panes {
padding-top: 58px;
padding-bottom: 80px
}
.section-content .tabs-panes.no-bottom {
padding-bottom: 0
}
.section-content .section-content-sidebar {
display: block;
}
.section-content .section-content-sidebar .sidebar-nav {
display: block;
clear: both;
background: #fff;
border: 1px solid #f1f1f1;
position: relative;
top: 0
}
a {
color: #e30613;
}
.section-content .section-content-sidebar .sidebar-nav h2,
.section-content .section-content-sidebar .sidebar-nav h3 {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 700;
color: #282828;
font-size: 15px;
display: block;
padding-top: 27px;
padding-bottom: 25px;
padding-left: 30px;
padding-right: 30px;
position: relative;
clear: both
}
.section-content .section-content-sidebar .sidebar-nav h2:after,
.section-content .section-content-sidebar .sidebar-nav h3:after {
content: "";
display: block;
height: 1px;
width: 19px;
background: #f2f2f2;
position: absolute;
left: 30px;
bottom: 6px
}
.section-content .section-content-sidebar .sidebar-nav ul {
display: block;
list-style: none outside none
}
.section-content .section-content-sidebar .sidebar-nav ul li {
display: block;
clear: both;
padding-left: 17px;
padding-right: 17px;
padding-bottom: 10px
}
.section-content .section-content-sidebar .sidebar-nav ul li.current-menu-item a {
color: #fff;
background: #e30613
}
.section-content .section-content-sidebar .sidebar-nav ul li.current-menu-item a:after {
background-position: -63px 0
}
.section-content .section-content-sidebar .sidebar-nav ul li a {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 700;
font-size: 12px;
color: #737373;
display: block;
padding: 15px 11px;
padding-right: 26px;
transition: color .35s, background .35s;
text-decoration: none;
line-height: 1.3em;
position: relative
}
.section-content .section-content-sidebar .sidebar-nav ul li a:hover {
color: #fff;
background: #e30613
}
.section-content .section-content-sidebar .sidebar-nav ul li a:hover:after {
background-position: -63px 0
}
.section-content .section-content-sidebar .sidebar-nav ul li a:after {
background-image: url(//autosap.cz/wp-content/themes/autosap/images/sprites.png);
background-repeat: no-repeat;
content: "";
display: block;
width: 7px;
height: 9px;
background-position: -70px 0;
position: absolute;
right: 17px;
top: 50%;
margin-top: -4.5px
}
.section-content .section-content-sidebar .sidebar-box {
-webkit-box-shadow: 0 0 29px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 29px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 29px 1px rgba(0, 0, 0, 0.1);
display: block
}
.section-content .section-content-sidebar .sidebar-box .sidebar-box-title {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 700;
font-size: 12px;
display: block;
padding: 16px 10px;
padding-bottom: 14px;
background: #eee;
text-align: center;
border-bottom: 2px solid #ddd;
color: #000;
letter-spacing: .7px;
text-transform: uppercase;
}
.section-content .section-content-sidebar .sidebar-box .sidebar-box-inner {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
background: #fff;
padding: 35px;
font-size: 15px;
color: #282828;
line-height: 1.4em
}
.section-content .section-content-sidebar .sidebar-box .sidebar-box-inner strong {
color: #e30613;
display: block;
clear: both;
padding-bottom: 2px
}
.section-content:not(.section-content-fullwidth) .section-content-main {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 400;
font-size: 14px;
color: #212529;
line-height: 1.7em;
display: block;
float: right
}
.section-content .section-content-main.border-el {
position: relative
}
.section-content .section-content-main.border-el:before {
content: "";
display: block;
height: calc(100% - 24px);
width: 1px;
position: absolute;
top: 0;
left: -55px;
background: #eceaea
}
.section-content .section-content-main.closer {
width: 65%
}
.section-content .section-content-main h2,
.section-content .section-content-main h3,
.section-content .section-content-main h4,
.section-content .section-content-main h5,
.section-content .section-content-main h6 {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 700;
font-size: 30px;
color: #e30613;
display: block;
padding-bottom: 22px;
padding-top: 5px;
line-height: 1.3em
}
.section-content .section-content-main h2 {
padding-top: 0
}
.section-content .section-content-main h3 {
font-size: 26px
}
.section-content .section-content-main h4 {
font-size: 22px
}
.section-content .section-content-main h5 {
font-size: 20px;
padding-bottom: 15px
}
.section-content .section-content-main h6 {
font-size: 17px;
padding-bottom: 15px
}
.section-content .section-content-main p, .section-content .section-content-main li {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 400;
font-size: 14px;
color: #212529;
line-height: 1.7em;
padding-bottom: 22px;
display: block
}
.section-content .section-content-main b,
.section-content .section-content-main strong {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 700
}
.section-content .section-content-main img {
max-width: 100%;
margin-bottom: 22px;
height: auto;
}
.section-content .section-content-main ol {
display: block;
padding-bottom: 14px;
padding-left: 24px
}
.section-content .section-content-main ol li {
padding-bottom: 8px
}
.section-content .section-content-main ul:not(.filter-list):not(.article-gallery) {
display: block;
padding-bottom: 14px;
list-style: none outside none
}
.section-content .section-content-main ul:not(.filter-list):not(.article-gallery) li {
padding-bottom: 8px;
padding-left: 23px;
position: relative
}
.section-content .section-content-main ul:not(.filter-list):not(.article-gallery) li:before {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
position: relative;
z-index: 0;
zoom: 1;
content: "";
display: block;
width: 4px;
height: 4px;
border: 2px solid #e21d2e;
position: absolute;
top: 8px;
left: 1px
}
.calendar-items {
display: block;
clear: both;
padding-top: 45px
}
.calendar-items .calendar-item {
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
position: relative;
z-index: 0;
zoom: 1;
display: block;
clear: both;
margin-bottom: 15px;
text-decoration: none
}
.text-primary {
color: #e30613 !important;
}
.calendar-items .calendar-item:before {
content: "";
display: table
}
.calendar-items .calendar-item:after {
content: "";
display: table;
clear: both
}
a:hover {
color: #e30613;
}
.calendar-items .calendar-item:hover .info {
box-shadow: 0 5px 15px 0 rgba(1, 1, 1, 0.14)
}
.calendar-items .calendar-item:hover .date {
color: #e30613;
transition: .3s;
-webkit-transition: .3s;
}
.calendar-items .calendar-item:hover .info .info-inner h4 {
color: #e30613
}
.calendar-items .calendar-item:hover .info .image:after {
opacity: 1
}
.calendar-items .calendar-item:hover .info .image:before {
content: "";
background: rgba(225, 15, 33, 0.89)
}
.calendar-items .date {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 700;
display: block;
float: left;
width: 8.5%;
padding-right: 20px;
padding-left: 8px;
text-transform: uppercase;
font-size: 18px;
letter-spacing: 11px;
padding-top: 15px;
color: #000;
}
.calendar-items .calendar-item .date strong {
font-size: 48px;
display: block;
clear: both;
line-height: 1;
padding-bottom: 8px;
letter-spacing: 0
}
.calendar-items .calendar-item .info {
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
position: relative;
z-index: 0;
zoom: 1;
display: inline-table;
float: left;
width: 91.5%;
border: 1px solid #dee2e6;
transition: box-shadow .35s, -moz-box-shadow .35s, -webkit-box-shadow .35s
}
.calendar-items .calendar-item.calendar-item-only-members .info {
border-color: #e30613;
}
.btn-calendar {
color: #fff;
border: 1px solid #e30613;
padding: 0.5rem 1.5rem;
font-size: 12px;
line-height: 1.25;
background-color: #e30613;
border-radius: 999px;
-webkit-border-radius: 999px;
transition: color .3s, background-color .3s, border-color .3s;
-webkit-transition: color .3s, background-color .3s, border-color .3s;
}
.new-member-link {
color: #000;
text-decoration: none;
transition: .3s;
-webkit-transition: .3s;
}
.new-member-link:hover {
color: #e30613;
text-decoration: underline;
}
.calendar-items .calendar-item .info .image {
border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
z-index: 0;
zoom: 1;
display: table-cell;
width: 31.85%;
vertical-align: middle;
position: relative;
background-position: center center;
background-repeat: no-repeat;
background-size: cover
}
.calendar-items .calendar-item .info .image:after {
background-image: url(//autosap.cz/wp-content/themes/autosap/images/sprites.png);
background-repeat: no-repeat;
content: "";
width: 21px;
height: 21px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -10.5px;
margin-top: -10.5px;
background-position: -21px 0;
z-index: 3;
display: block;
opacity: 0
}
.calendar-items .calendar-item .info .image:before {
border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
position: relative;
z-index: 0;
zoom: 1;
content: "";
transition: background .35s;
height: 100%;
display: block;
width: 100%;
position: absolute;
z-index: 2;
top: 0;
left: 0;
background: transparent
}
.calendar-items .calendar-item .info .info-inner {
border-radius: 0 4px 4px 0;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
position: relative;
z-index: 0;
zoom: 1;
display: table-cell;
width: 68.15%;
vertical-align: middle;
padding: 33px 58px
}
.calendar-items .calendar-item .info .info-inner h4 {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 700;
font-size: 25px;
color: #282828;
display: block;
clear: both;
padding-bottom: 17px
}
.calendar-items .calendar-item .info .info-inner p {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 400;
display: block;
clear: both;
font-size: 14px;
line-height: 1.4em;
color: #212529
}
.bottom-boxes {
display: block;
clear: both;
padding-top: 60px;
padding-left: 100px
}
.bottom-boxes .bottom-box {
display: block;
float: left;
width: 40%;
margin-right: 10%
}
.bottom-boxes .bottom-box h4 {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 700;
font-size: 30px;
color: #282828;
display: block;
clear: both;
padding-bottom: 17px
}
.bottom-boxes .bottom-box a {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 700;
text-decoration: none;
display: block;
clear: both;
font-size: 14px;
padding-top: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #f5f5f5;
width: 90%;
color: #212529;
padding-right: 100px;
position: relative;
line-height: 1.5em
}
.bottom-boxes .bottom-box a:last-child {
border-bottom: none
}
.bottom-boxes .bottom-box a:after {
background-image: url(//autosap.cz/wp-content/themes/autosap/images/sprites.png);
background-repeat: no-repeat;
background-position: -42px 0;
content: "";
display: block;
position: absolute;
right: -7px;
top: 50%;
margin-top: -10.5px;
width: 21px;
height: 21px;
z-index: 1;
transition: right .35s
}
.bottom-boxes .bottom-box a:hover {
color: #e30613
}
.bottom-boxes .bottom-box a:hover:after {
background-position: 0 0;
right: -19px
}
.gallery {
zoom: 1;
display: block;
clear: both;
padding-top: 10px;
padding-bottom: 25px
}
.gallery:before {
content: "";
display: table
}
.gallery:after {
content: "";
display: table;
clear: both
}
.gallery a {
display: block;
float: left;
width: 47.75%;
margin-bottom: 33px;
height: 210px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative
}
.gallery a:nth-child(2n+1) {
margin-right: 4.5%
}
.gallery a:after {
content: "";
transition: background .35s;
height: 100%;
display: block;
width: 100%;
position: absolute;
z-index: 2;
top: 0;
left: 0;
background: transparent
}
.gallery a:before {
content: "";
display: block;
width: 30px;
height: 30px;
top: 50%;
left: 50%;
margin-top: -15px;
margin-left: -15px;
position: absolute;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI1MC4zMTMgMjUwLjMxMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjUwLjMxMyAyNTAuMzEzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4KPGcgaWQ9IlNlYXJjaCI+Cgk8cGF0aCBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7IiBkPSJNMjQ0LjE4NiwyMTQuNjA0bC01NC4zNzktNTQuMzc4Yy0wLjI4OS0wLjI4OS0wLjYyOC0wLjQ5MS0wLjkzLTAuNzYgICBjMTAuNy0xNi4yMzEsMTYuOTQ1LTM1LjY2LDE2Ljk0NS01Ni41NTRDMjA1LjgyMiw0Ni4wNzUsMTU5Ljc0NywwLDEwMi45MTEsMFMwLDQ2LjA3NSwwLDEwMi45MTEgICBjMCw1Ni44MzUsNDYuMDc0LDEwMi45MTEsMTAyLjkxLDEwMi45MTFjMjAuODk1LDAsNDAuMzIzLTYuMjQ1LDU2LjU1NC0xNi45NDVjMC4yNjksMC4zMDEsMC40NywwLjY0LDAuNzU5LDAuOTI5bDU0LjM4LDU0LjM4ICAgYzguMTY5LDguMTY4LDIxLjQxMyw4LjE2OCwyOS41ODMsMEMyNTIuMzU0LDIzNi4wMTcsMjUyLjM1NCwyMjIuNzczLDI0NC4xODYsMjE0LjYwNHogTTEwMi45MTEsMTcwLjE0NiAgIGMtMzcuMTM0LDAtNjcuMjM2LTMwLjEwMi02Ny4yMzYtNjcuMjM1YzAtMzcuMTM0LDMwLjEwMy02Ny4yMzYsNjcuMjM2LTY3LjIzNmMzNy4xMzIsMCw2Ny4yMzUsMzAuMTAzLDY3LjIzNSw2Ny4yMzYgICBDMTcwLjE0NiwxNDAuMDQ0LDE0MC4wNDMsMTcwLjE0NiwxMDIuOTExLDE3MC4xNDZ6IiBmaWxsPSIjRkZGRkZGIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+);
background-size: 95% auto;
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
transition: opacity .35s;
z-index: 3
}
.gallery a:hover:after {
content: "";
background: rgba(225, 15, 33, 0.89)
}
.gallery a:hover:before {
opacity: 1
}
.content-nav {
zoom: 1;
display: block;
text-align: center;
padding-top: 25px
}
.content-nav:before {
content: "";
display: table
}
.content-nav:after {
content: "";
display: table;
clear: both
}
.content-nav a {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 400;
display: inline-block;
vertical-align: middle;
color: #e30613;
font-size: 15px;
position: relative;
text-decoration: none;
padding-top: 5px
}
.content-nav a:before {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
position: relative;
z-index: 0;
zoom: 1;
background-image: url(//autosap.cz/wp-content/themes/autosap/images/sprites.png);
background-repeat: no-repeat;
content: "";
display: block;
width: 39px;
height: 39px;
position: absolute;
top: -5px;
transition: right .35s, left .35s;
-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.13);
-moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.13);
box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.13)
}
.content-nav a.prev {
padding-left: 60px;
padding-right: 45px
}
.content-nav a.prev:before {
background-position: 0 -21px;
left: 0
}
.content-nav a.prev:hover:before {
left: -3px
}
.content-nav a.next {
padding-left: 45px;
padding-right: 60px
}
.content-nav a.next:before {
background-position: -39px -60px;
right: 0
}
.content-nav a.next:hover:before {
right: -3px
}
.perex {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 400;
color: #212529;
font-size: 14px;
display: block;
text-align: center;
line-height: 1.7em;
padding-top: 10px;
padding-bottom: 50px
}
.press-boxes {
display: flex;
flex-wrap: wrap;
}
.press-boxes .special-more {
text-align: center;
width: 100%;
padding-bottom: 0;
padding-top: 55px
}
.press-boxes > a {
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
position: relative;
z-index: 0;
zoom: 1;
display: block;
background: #fff;
text-decoration: none;
transition: box-shadow .35s, -moz-box-shadow .35s, -webkit-box-shadow .35s
}
.press-boxes > a:hover {
box-shadow: 0 5px 15px 0 rgba(1, 1, 1, 0.14)
}
.press-boxes > a:hover .image:after {
opacity: 1
}
.press-boxes > a:hover .image:before {
content: "";
background: rgba(225, 15, 33, 0.89)
}
.press-boxes > a:nth-of-type(3n+1) {
margin-left: 0
}
.press-boxes > a:nth-of-type(3n+3) {
margin-right: 0
}
.press-boxes > a.simple {
padding-top: 20px
}
.press-boxes > a.simple .info .info-up {
padding-bottom: 30px
}
.press-boxes > a.simple .special-more a,
.press-boxes > a.simple .special-more span {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 500
}
.press-boxes > a.simple .special-more a:after,
.press-boxes > a.simple .special-more span:after {
background-image: url(//autosap.cz/wp-content/themes/autosap/images/sprites.png);
background-repeat: no-repeat;
content: "";
width: 21px;
height: 21px;
margin-left: 20px
}
.press-boxes > a .image {
border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
z-index: 0;
zoom: 1;
display: block;
width: 100%;
clear: both;
position: relative;
background-size: cover;
background-position: center center;
background-repeat: no-repeat
}
.press-boxes > a .image:after {
background-image: url(//autosap.cz/wp-content/themes/autosap/images/sprites.png);
background-repeat: no-repeat;
content: "";
width: 21px;
height: 21px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -10.5px;
margin-top: -10.5px;
background-position: -21px 0;
z-index: 3;
display: block;
opacity: 0
}
.press-boxes > a .image:before {
border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
position: relative;
z-index: 0;
zoom: 1;
content: "";
transition: background .35s;
height: 100%;
display: block;
width: 100%;
position: absolute;
z-index: 2;
top: 0;
left: 0;
background: transparent
}
.press-boxes > a .info {
display: block;
}
.press-boxes > a .info .info-up {
display: none;
zoom: 1;
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 400;
clear: both;
padding-top: 2px;
padding-bottom: 20px;
font-size: 12px;
color: #6E6E6E
}
.press-boxes > a .info .info-up:before {
content: "";
display: table
}
.press-boxes > a .info .info-up:after {
content: "";
display: table;
clear: both
}
.press-boxes > a .info .info-up .time {
display: block;
float: left;
padding-left: 31px;
padding-right: 35px;
position: relative
}
.press-boxes > a .info .info-up .time:before {
content: "";
display: block;
width: 14px;
height: 15px;
position: absolute;
top: 50%;
margin-top: -7px;
left: 1px;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlZyc3R2YV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iMTU3LjM4N3B4IiBoZWlnaHQ9IjE2Mi44MzZweCIgdmlld0JveD0iMCAwIDE1Ny4zODcgMTYyLjgzNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTU3LjM4NyAxNjIuODM2IgoJIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIGZpbGw9IiNENEQ0RDQiIGQ9Ik0xNTIuNTksOS41MzVoLTMxLjQ1M1Y0LjhjMC0yLjY1Mi0yLjE0OC00LjgtNC44MDEtNC44Yy0yLjY0OCwwLTQuODAxLDIuMTQ4LTQuODAxLDQuOHY0LjczNUg4My40OTJWNC44CgkJYzAtMi42NTItMi4xNDgtNC44LTQuNzk3LTQuOGMtMi42NTIsMC00LjgsMi4xNDgtNC44LDQuOHY0LjczNUg0Ny4wNDNWNC44YzAtMi42NTItMi4xNDgtNC44LTQuODAxLTQuOAoJCWMtMi42NDgsMC00LjgwMSwyLjE0OC00LjgwMSw0Ljh2NC43MzVINC44MDFDMi4xNDgsOS41MzUsMCwxMS42ODMsMCwxNC4zMzZ2MTA4LjQ1N2MwLDIuNjQ4LDIuMTQ4LDQuOCw0LjgwMSw0LjhoMjkuNDYxCgkJYzQuNzE4LDIwLjE2OCwyMi44NDMsMzUuMjQzLDQ0LjQzMywzNS4yNDNjMjEuNTg2LDAsMzkuNzExLTE1LjA3NSw0NC40My0zNS4yNDNoMjkuNDYxYzIuNjUyLDAsNC44MDEtMi4xNTEsNC44MDEtNC44VjE0LjMzNgoJCUMxNTcuMzg3LDExLjY4MywxNTUuMjM4LDkuNTM1LDE1Mi41OSw5LjUzNUwxNTIuNTksOS41MzV6IE0zNy40NDEsMTkuMTMydjQuMzRjMCwyLjY0OSwyLjE1Myw0LjgwMSw0LjgwMSw0LjgwMQoJCWMyLjY1MywwLDQuODAxLTIuMTUyLDQuODAxLTQuODAxdi00LjM0aDI2Ljg1MnY0LjM0YzAsMi42NDksMi4xNDgsNC44MDEsNC44LDQuODAxYzIuNjQ5LDAsNC43OTctMi4xNTIsNC43OTctNC44MDF2LTQuMzRoMjguMDQzCgkJdjQuMzRjMCwyLjY0OSwyLjE1Miw0LjgwMSw0LjgwMSw0LjgwMWMyLjY1MiwwLDQuODAxLTIuMTUyLDQuODAxLTQuODAxdi00LjM0aDI2LjY1MnYxOS42MjlIOS42MDJWMTkuMTMySDM3LjQ0MXogTTc4LjY5NSwxNTMuMjM0CgkJYy0xOS44NzUsMC0zNi4wNDMtMTYuMTY4LTM2LjA0My0zNi4wNDNjMC0xOS44NzEsMTYuMTY4LTM2LjA0MywzNi4wNDMtMzYuMDQzYzE5Ljg3MiwwLDM2LjA0LDE2LjE2OCwzNi4wNCwzNi4wNDMKCQlTOTguNTY2LDE1My4yMzQsNzguNjk1LDE1My4yMzRMNzguNjk1LDE1My4yMzR6IE0xMjQuMzE2LDExNy45OTJjMC4wMDQtMC4yNjcsMC4wMi0wLjUzMSwwLjAyLTAuODAxCgkJYzAtMjUuMTY4LTIwLjQ3Ny00NS42NDItNDUuNjQxLTQ1LjY0MmMtMjUuMTY4LDAtNDUuNjQ0LDIwLjQ3NC00NS42NDQsNDUuNjQyYzAsMC4yNywwLjAxNSwwLjUzNCwwLjAxOSwwLjgwMUg5LjU5OFY0OC4zNjMKCQloMTM4LjE5MXY2OS42MjlIMTI0LjMxNnogTTEyNC4zMTYsMTE3Ljk5MiIvPgoJPHBhdGggZmlsbD0iI0Q0RDRENCIgZD0iTTgzLjQ5MiwxMTguNDAydi0yMy4yMmMwLTIuNjUxLTIuMTQ4LTQuODAxLTQuNzk3LTQuODAxYy0yLjY1MiwwLTQuOCwyLjE0OS00LjgsNC44MDF2MjUuMjA3CgkJYzAsMS4yNzQsMC41MDMsMi40OTYsMS40MDYsMy4zOTZsMTEuMDMxLDExLjAzNWMwLjkzOCwwLjkzNywyLjE2NCwxLjQwNSwzLjM5NSwxLjQwNWMxLjIyNywwLDIuNDU3LTAuNDY5LDMuMzk1LTEuNDA1CgkJYzEuODc1LTEuODc1LDEuODc1LTQuOTE0LDAtNi43ODlMODMuNDkyLDExOC40MDJ6IE04My40OTIsMTE4LjQwMiIvPgo8L2c+Cjwvc3ZnPg==);
background-size: 100% 100%
}
.press-boxes > a .info .info-up .time:after {
content: "";
display: inline-block;
width: 2px;
height: 2px;
vertical-align: middle;
margin-left: 13px;
margin-right: 13px;
background: #d4d4d4;
margin-top: -2px;
position: absolute;
right: 5px;
top: 50%
}
.press-boxes > a .info .info-up span {
display: block;
float: left
}
.press-boxes > a .info h3,
.press-boxes > a .info h4 {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 700;
display: block;
clear: both;
color: #212529;
font-size: 15px;
line-height: 1.35em;
padding-bottom: 7px
}
.press-boxes > a .info p {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 400;
display: block;
clear: both;
color: #212529;
font-size: 14px;
line-height: 1.35em
}
.big-new {
display: block;
clear: both;
padding-bottom: 45px;
border-bottom: 1px solid #e8e8e8
}
.big-new + .press-boxes {
padding-top: 45px
}
.big-new a {
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
position: relative;
z-index: 0;
zoom: 1;
display: inline-table;
width: 100%;
text-decoration: none;
background: #fff;
transition: box-shadow .35s, -moz-box-shadow .35s, -webkit-box-shadow .35s
}
.big-new a:hover {
box-shadow: 0 5px 15px 0 rgba(1, 1, 1, 0.14)
}
.big-new a:hover .image:after {
opacity: 1
}
.big-new a:hover .image:before {
content: "";
background: rgba(225, 15, 33, 0.89)
}
.big-new a .image {
border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
z-index: 0;
zoom: 1;
display: table-cell;
vertical-align: middle;
height: 100%;
width: 40.3%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative
}
.big-new a .image:after {
background-image: url(//autosap.cz/wp-content/themes/autosap/images/sprites.png);
background-repeat: no-repeat;
content: "";
width: 21px;
height: 21px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -10.5px;
margin-top: -10.5px;
background-position: -21px 0;
z-index: 3;
display: block;
opacity: 0
}
.big-new a .image:before {
border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
position: relative;
z-index: 0;
zoom: 1;
content: "";
transition: background .35s;
height: 100%;
display: block;
width: 100%;
position: absolute;
z-index: 2;
top: 0;
left: 0;
background: transparent
}
.big-new a .info {
display: table-cell;
vertical-align: middle;
width: 59.7%;
padding: 55px 60px
}
.big-new a .info h3,
.big-new a .info h4 {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 700;
color: #e30613;
display: block;
font-size: 30px;
padding-bottom: 25px
}
.big-new a .info p {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 400;
color: #212529;
display: block;
clear: both;
font-size: 14px;
line-height: 1.4em
}
.about-bar {
display: flex;
align-items: center;
width: 100%;
clear: both;
text-align: center;
background-color: #000;
background-image: url(//autosap.cz/wp-content/themes/autosap/images/about-bar.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
position: relative;
z-index: 1;
min-height: 500px;
}
.about-bar .about-bar-item {
display: inline-block;
vertical-align: middle;
padding-top: 65px;
padding-bottom: 65px;
color: #fff
}
.about-bar .about-bar-item strong {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 700;
display: block;
clear: both;
font-size: 57px
}
.about-bar .about-bar-item strong span {
font-size: 30px;
}
.about-bar .about-bar-item small {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.42em;
display: block;
clear: both;
letter-spacing: .5px
}
.members:not(body) {
display: flex;
flex-wrap: wrap;
width: 100%;
padding-top: 60px
}
.members .members-item {
display: block;
width: 23%;
flex-basis: 23%;
margin-left: 1.33333333%;
margin-right: 1.33333333%;
margin-bottom: 24px;
border: 1px solid #f5f5f5;
background: #fff;
padding: 15px 25px;
padding-bottom: 25px;
text-align: center;
position: relative;
}
.members .members-item:nth-child(4n+1) {
margin-left: 0
}
.members .members-item:nth-child(4n+4) {
margin-right: 0
}
.members .members-item .image {
display: block;
clear: both;
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
height: 85px;
margin-bottom: 40px;
position: relative
}
.members .members-item .image:after {
content: "";
display: block;
position: absolute;
bottom: -16px;
left: 50%;
margin-left: -36px;
width: 72px;
height: 1px;
background: #f5f5f5
}
.members .members-item h2,
.members .members-item h3,
.members .members-item h4 {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 700;
display: block;
font-size: 18px;
line-height: 1.4em;
color: #282828;
padding-bottom: 15px
}
.members .members-item p {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 400;
display: block;
font-size: 14px;
color: #757676;
line-height: 1.7em;
padding-bottom: 22px
}
.members .members-item .link {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 400;
display: block;
font-size: 14px;
color: #e30613;
text-decoration: none;
position: absolute;
left: 0;
right: 0;
bottom: 16px;
}
.members .members-item .link:hover {
text-decoration: underline
}
.contact-main {
display: block;
clear: both;
padding-top: 83px;
padding-bottom: 83px;
background: url(//autosap.cz/wp-content/themes/autosap/images/contact-main.jpg) center center no-repeat;
background-size: cover
}
.contact-main .contact-main-inner {
display: inline-table;
width: 100%
}
.contact-main .contact-main-inner .image {
display: table-cell;
vertical-align: middle;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
width: 40%
}
.contact-main .contact-main-inner .info {
display: table-cell;
width: 60%;
vertical-align: middle;
padding-left: 30px
}
.contact-main .contact-main-inner .info .info-inner {
display: block;
background: #fff;
padding: 60px 85px;
padding-bottom: 45px
}
.contact-main .contact-main-inner .info h2,
.contact-main .contact-main-inner .info h3,
.contact-main .contact-main-inner .info h4 {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 700;
font-size: 30px;
color: #e30613;
display: block;
padding-bottom: 35px
}
.contact-main .contact-main-inner .info p {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 700;
display: block;
font-size: 18px;
line-height: 1.9em;
color: #282828;
padding-bottom: 30px;
padding-left: 3px
}
.contact-main .contact-main-inner .info ul {
zoom: 1;
display: block;
width: 100%;
list-style: none outside none
}
.contact-main .contact-main-inner .info ul:before {
content: "";
display: table
}
.contact-main .contact-main-inner .info ul:after {
content: "";
display: table;
clear: both
}
.contact-main .contact-main-inner .info ul li {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 700;
font-size: 14px;
color: #696969;
display: inline-block;
padding-right: 50px;
padding-bottom: 15px;
white-space: nowrap
}
.contact-main .contact-main-inner .info ul li small {
padding-top: 4px;
display: inline-block;
width: 40px;
}
.contact-main .contact-main-inner .info ul li span,
.contact-main .contact-main-inner .info ul li a {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 700;
font-size: 18px;
color: #282828;
margin-left: 30px
}
.contact-main .contact-main-inner .info ul li a {
text-decoration: none
}
.contact-main .contact-main-inner .info ul li a:hover {
text-decoration: underline
}
.contact-map {
height: 450px
}
.people {
margin-right: -15px;
margin-bottom: -15px;
}
.people .item {
width: calc(100% / 4 - 15px);
margin-right: 15px;
margin-bottom: 15px;
padding: 15px;
}
@media (max-width: 1200px) {
.people .item {
width: calc(100% / 3 - 15px);
}
}
@media (max-width: 992px) {
.navigation-buttons li a {
font-size: 14px;
}
.people .item {
width: calc(100% / 2 - 15px);
}
}
@media (max-width: 768px) {
.navigation-buttons li {
width: calc(100% / 3 - 15px) !important;
}
.people .item img {
height: 220px !important;
}
}
@media (max-width: 576px) {
.navigation-buttons li {
width: calc(100% / 2 - 15px) !important;
}
}
@media (max-width: 480px) {
.navigation-buttons li {
width: 100% !important;
}
.people .item {
width: 100%;
}
.people .item img {
height: 300px !important;
}
}
.people .item img {
width: 100%;
max-width: 300px;
margin: 0 auto;
height: 300px;
object-fit: cover;
}
.people .item h4 {
display: block;
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 700;
font-size: 20px;
}
.people .item svg {
width: 20px;
height: 20px;
opacity: 0.5;
transition: .3s;
-webkit-transition: .3s;
}
.people .item svg:hover {
opacity: 1;
}
.tabs-line {
display: block;
position: absolute;
bottom: 0;
width: 100px;
height: 3px;
background: #e30613;
transition: left .35s
}
.nano > .nano-content::-webkit-scrollbar {
display: none
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
display: block
}
.nano > .nano-pane {
background: rgba(0, 0, 0, 0.25);
position: absolute;
width: 10px;
right: 0;
top: 0;
bottom: 0;
visibility: hidden \9;
opacity: .01;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px
}
.nano > .nano-pane > .nano-slider {
background: #444;
background: rgba(0, 0, 0, 0.5);
position: relative;
margin: 0 1px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px
}
.nano:hover > .nano-pane,
.nano-pane.active,
.nano-pane.flashed {
visibility: visible \9;
opacity: .99
}
.tiles {
zoom: 1;
display: block;
clear: both;
margin-bottom: -30px;
}
.tiles:before {
content: "";
display: table
}
.tiles:after {
content: "";
display: table;
clear: both
}
@media (max-width: 1100px) {
header.header {
display: none !important;
}
main {
padding-top: 0 !important;
}
}
.tiles .tile {
display: block;
width: 100%;
text-decoration: none;
background-color: #fff;
margin-bottom: 30px;
padding: 30px 40px;
transition: background-image .35s;
background-position: center center;
background-repeat: no-repeat;
background-size: cover
}
.tiles:not(.press-tiles) .tile:nth-child(1) {
background-image: url(//autosap.cz/wp-content/themes/autosap/images/in01.png)
}
.tiles:not(.press-tiles) .tile:nth-child(1):hover {
background-image: url(//autosap.cz/wp-content/themes/autosap/images/in01r.png)
}
.tiles:not(.press-tiles) .tile:nth-child(2) {
background-image: url(//autosap.cz/wp-content/themes/autosap/images/in02.png)
}
.tiles:not(.press-tiles) .tile:nth-child(2):hover {
background-image: url(//autosap.cz/wp-content/themes/autosap/images/in02r.png)
}
.tiles:not(.press-tiles) .tile:nth-child(3) {
background-image: url(//autosap.cz/wp-content/themes/autosap/images/in03.png)
}
.tiles:not(.press-tiles) .tile:nth-child(3):hover {
background-image: url(//autosap.cz/wp-content/themes/autosap/images/in03r.png)
}
.tiles:not(.press-tiles) .tile:nth-child(4) {
background-image: url(//autosap.cz/wp-content/themes/autosap/images/in04.png)
}
.tiles:not(.press-tiles) .tile:nth-child(4):hover {
background-image: url(//autosap.cz/wp-content/themes/autosap/images/in04r.png)
}
.tiles.press-tiles .tile {
background-size: contain;
background-position: right;
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.96)), url(//autosap.cz/wp-content/themes/autosap/images/document.png)
}
.tiles.press-tiles .tile:hover {
background-image: linear-gradient(to right, rgba(202, 17, 32, 0.95), rgba(202, 17, 32, 0.95)), url(//autosap.cz/wp-content/themes/autosap/images/document.png)
}
.tiles .tile:hover h3,
.tiles .tile:hover p {
color: #fff
}
.tiles .tile:hover span {
background: #fff;
color: #3f3f3f;
padding-right: 65px
}
.tiles .tile:hover span:after {
opacity: 1
}
.tiles .tile h3 {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 700;
color: #282828;
display: block;
padding-bottom: 15px;
transition: color .5s
}
.tiles .tile p {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 400;
color: #666;
line-height: 1.7em;
font-size: 14px;
display: block;
padding-bottom: 18px;
transition: color .5s
}
.tiles .tile span, .button-red {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 700;
border-radius: 22px;
-webkit-border-radius: 22px;
-moz-border-radius: 22px;
zoom: 1;
background: #e30613;
background: -moz-linear-gradient(left, #e30613 0, #e30613 100%);
background: -webkit-linear-gradient(left, #e30613 0, #e30613 100%);
background: -o-linear-gradient(left, #e30613 0, #e30613 100%);
background: -ms-linear-gradient(left, #e30613 0, #e30613 100%);
background: linear-gradient(to right, #e30613 0, #e30613 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e30613', endColorstr='#e30613', GradientType=1);
height: 45px;
line-height: 45px;
padding-left: 39px;
padding-right: 39px;
display: inline-block;
text-decoration: none;
color: #fff;
z-index: 1;
font-size: 14px;
text-transform: uppercase;
transition: background .35s, padding-right .35s;
position: relative
}
.tiles .tile span:after, .button-red:after {
background-image: url(//autosap.cz/wp-content/themes/autosap/img/red_arrow.png);
background-repeat: no-repeat;
background-size: contain;
content: "";
display: block;
width: 21px;
height: 21px;
position: absolute;
right: 20px;
top: 50%;
margin-top: -10.5px;
opacity: 0;
transition: opacity .35s
}
#imagelightbox {
cursor: pointer;
position: fixed;
z-index: 10000;
-ms-touch-action: none;
touch-action: none;
-webkit-box-shadow: 0 0 3.125em rgba(0, 0, 0, 0.75);
box-shadow: 0 0 3.125em rgba(0, 0, 0, 0.75)
}
#imagelightbox-loading,
#imagelightbox-loading div {
border-radius: 50%
}
#imagelightbox-loading {
width: 2.5em;
height: 2.5em;
background-color: #444;
background-color: rgba(0, 0, 0, 0.5);
position: fixed;
z-index: 10003;
top: 50%;
left: 50%;
padding: .625em;
margin: -1.25em 0 0 -1.25em;
-webkit-box-shadow: 0 0 2.5em rgba(0, 0, 0, 0.75);
box-shadow: 0 0 2.5em rgba(0, 0, 0, 0.75)
}
.article-gallery {
display: flex;
flex-wrap: wrap;
list-style: none;
margin-right: -15px;
margin-bottom: -15px;
padding-left: 0;
}
.article-gallery > li {
width: calc(100% / 4 - 15px);
margin-right: 15px;
margin-bottom: 15px;
}
@media (max-width: 768px) {
.article-gallery > li {
width: calc(100% / 3 - 15px);
}
}
@media (max-width: 480px) {
.article-gallery > li {
width: calc(100% / 2 - 15px);
}
}
.article-gallery > li a img {
height: auto;
width: auto;
aspect-ratio: 1/1;
object-fit: cover;
}
#imagelightbox-loading div {
width: 1.25em;
height: 1.25em;
background-color: #fff;
-webkit-animation: imagelightbox-loading .5s ease infinite;
animation: imagelightbox-loading .5s ease infinite
}
@-webkit-keyframes imagelightbox-loading {
from {
opacity: .5;
-webkit-transform: scale(.75)
}
50% {
opacity: 1;
-webkit-transform: scale(1)
}
to {
opacity: .5;
-webkit-transform: scale(.75)
}
}
@keyframes imagelightbox-loading {
from {
opacity: .5;
transform: scale(.75)
}
50% {
opacity: 1;
transform: scale(1)
}
to {
opacity: .5;
transform: scale(.75)
}
}
#imagelightbox-overlay {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.9);
position: fixed;
z-index: 9998;
top: 0;
right: 0;
bottom: 0;
left: 0
}
#imagelightbox-close {
width: 2.5em;
height: 2.5em;
text-align: left;
background-color: #666;
border-radius: 50%;
position: fixed;
z-index: 10002;
top: 2.5em;
right: 2.5em;
-webkit-transition: color .3s ease;
transition: color .3s ease
}
#imagelightbox-close:hover,
#imagelightbox-close:focus {
background-color: #111
}
#imagelightbox-close:before,
#imagelightbox-close:after {
width: 2px;
background-color: #fff;
content: '';
position: absolute;
top: 20%;
bottom: 20%;
left: 50%;
margin-left: -1px
}
#imagelightbox-close:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
#imagelightbox-close:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
#imagelightbox-caption {
text-align: center;
color: #fff;
background-color: #666;
position: fixed;
z-index: 10001;
left: 0;
right: 0;
bottom: 0;
padding: .625em
}
#imagelightbox-nav {
background-color: #444;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 20px;
position: fixed;
z-index: 10001;
left: 50%;
bottom: 3.75em;
padding: .313em;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
#imagelightbox-nav button {
width: 1em;
height: 1em;
background-color: transparent;
border: 1px solid #fff;
border-radius: 50%;
display: inline-block;
margin: 0 .313em
}
#imagelightbox-nav button.active {
background-color: #fff
}
.imagelightbox-arrow {
width: 3.75em;
height: 7.5em;
background-color: #444;
background-color: rgba(0, 0, 0, 0.5);
vertical-align: middle;
display: none;
position: fixed;
z-index: 10001;
top: 50%;
margin-top: -3.75em
}
.imagelightbox-arrow:hover,
.imagelightbox-arrow:focus {
background-color: rgba(0, 0, 0, 0.75)
}
.imagelightbox-arrow:active {
background-color: #111
}
.imagelightbox-arrow-left {
left: 2.5em
}
.imagelightbox-arrow-right {
right: 2.5em
}
.imagelightbox-arrow:before {
width: 0;
height: 0;
border: 1em solid transparent;
content: '';
display: inline-block;
margin-bottom: -0.125em
}
.imagelightbox-arrow-left:before {
border-left: none;
border-right-color: #fff;
margin-left: -0.313em
}
.imagelightbox-arrow-right:before {
border-right: none;
border-left-color: #fff;
margin-right: -0.313em
}
#imagelightbox-loading,
#imagelightbox-overlay,
#imagelightbox-close,
#imagelightbox-caption,
#imagelightbox-nav,
.imagelightbox-arrow {
-webkit-animation: fade-in .25s linear;
animation: fade-in .25s linear
}
@-webkit-keyframes fade-in {
from {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fade-in {
from {
opacity: 0
}
to {
opacity: 1
}
}
.timeline-element {
zoom: 1;
display: block;
padding-left: 65px;
position: relative
}
.timeline-element:before {
content: "";
display: table
}
.timeline-element:after {
content: "";
display: table;
clear: both
}
.timeline-element:before {
content: "";
display: block;
width: 3px;
background: #d8d8d8;
height: 100%;
position: absolute;
top: 0;
left: 3px
}
.timeline-element p {
zoom: 1;
display: block;
clear: both;
margin-bottom: 24px;
padding: 20px 48px;
background: #fff;
position: relative;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.04)
}
.timeline-element p:before {
content: "";
display: table
}
.timeline-element p:after {
content: "";
display: table;
clear: both
}
.timeline-element p:before {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
position: relative;
z-index: 0;
zoom: 1;
content: "";
display: block;
width: 19px;
height: 19px;
position: absolute;
z-index: 1;
border: 6px solid #f6f6f6;
background: #e30613;
top: 17px;
left: -70px
}
.timeline-element p:after {
width: 0;
height: 0;
border-style: solid;
border-width: 11.5px 12px 11.5px 0;
border-color: transparent #fff transparent transparent;
top: 15px;
left: -12px;
position: absolute
}
.timeline-element p:last-child {
margin-bottom: 0
}
@media screen and (max-width: 1500px) and (min-width: 0) {
header.header .header-inner .logo {
width: 167px;
height: 68px;
}
header.header .header-inner .mainbar nav > ul > li {
padding-left: 20px;
padding-right: 20px
}
header.header .header-inner .mainbar {
padding-right: 15px;
}
}
@media screen and (max-width: 1250px) and (min-width: 0) {
.headline .headline-main {
height: 650px
}
.headline .headline-inner h2 {
font-size: 45px
}
.headline .headline-boxes .box a {
padding: 25px;
padding-right: 45px
}
.headline .headline-boxes .box h3 {
font-size: 25px
}
.headline .headline-boxes .box a span {
padding-left: 15px;
padding-right: 15px
}
header.header .header-inner .mainbar nav > ul > li {
padding-left: 10px;
padding-right: 10px
}
header.header .header-inner .mainbar nav > ul > li > a {
font-size: 14px
}
header.header .header-inner .topbar nav ul li {
padding-left: 10px;
padding-right: 10px
}   .title-box h2 {
font-size: 40px
}
.title-box h2:after {
font-size: 110px
}
.main-news .tabs .tabs-panes .pane a:not(.next-post) .image {
height: 160px
}
.main-news .tabs .tabs-panes .pane a:not(.next-post) .post-type {
padding-top: 135px;
padding-left: 10px;
padding-right: 10px;
font-size: 10px
}
.main-news .tabs .tabs-panes .pane a:not(.next-post) .post-type .time:before {
margin-left: 6px;
margin-right: 6px
}
.main-news .tabs .tabs-panes .pane .next-post {
padding-right: 55px
}
.main-news .tabs .tabs-panes .pane .next-post .post-type {
font-size: 10px
}
.main-news .tabs .tabs-panes .pane .next-post .post-type .time:before {
margin-left: 6px;
margin-right: 6px
}
footer.footer .footer-up .footer-boxes .box .inner {
padding-left: 50px
}
footer.footer .footer-up .container > h2:after {
font-size: 110px
}
.bottom-boxes {
padding-left: 50px
}
.bottom-boxes .bottom-box a {
padding-right: 60px
}
.bottom-boxes .bottom-box h4 {
font-size: 25px
}
.section-content .section-content-sidebar {
margin-left: -10px;
padding-right: 20px
}
.tiles .tile {
padding: 25px
}
.members .members-item {
width: 30%;
flex-basis: 30%;
margin-left: 1.66666667% !important;
margin-right: 1.66666667% !important
}
.about-bar .about-bar-item strong {
font-size: 45px
}
.about-bar .about-bar-item small {
font-size: 12px
}
.contact-main .contact-main-inner .info .info-inner {
padding: 35px
}
.contact-main .contact-main-inner .info h2,
.contact-main .contact-main-inner .info h3,
.contact-main .contact-main-inner .info h4 {
font-size: 25px;
padding-bottom: 20px
}
.people .people-inner .person {
width: 30%;
flex-basis: 30%;
margin-left: 1.66666667% !important;
margin-right: 1.66666667% !important
}
.main-news .tabs .tabs-panes .pane a:not(.next-post) .info h4 {
font-size: 14px
}
.main-news .tabs .tabs-panes .pane a:not(.next-post) .post-type {
display: none
}
.main-news .tabs .tabs-panes .pane .next-post .post-type {
display: none
}
.main-news .tabs .tabs-panes .pane .next-post p {
font-size: 13px
}
.title-box h2:after,
footer.footer .footer-up .container > h2:after {
font-size: 90px
}
.main-news {
padding-top: 40px
}
.live-boxes a .image .inner-info {
left: 12px;
padding-right: 6px;
font-size: 11px
}
.live-boxes a .image .inner-info:before {
margin-right: 6px
}
.headline > .container:before {
top: -30px
}
.timeline-element {
padding-left: 40px
}
.timeline-element p {
padding: 20px
}
.timeline-element p:before {
left: -45px
}
}
@media screen and (max-width: 1024px) and (min-width: 0) {
header.header .header-inner .mainbar nav > ul > li.menu-item-has-children:before {
content: "";
display: block;
width: 100%;
height: 100%;
z-index: 1;
position: absolute;
top: 0;
left: 0
}
}
@media screen and (max-width: 977px) and (min-width: 0) {
header.header .header-inner .topbar .members-link {
margin-left: 15px;
margin-right: 15px
}
header.header .header-inner .topbar .members-link:after {
display: none
}
header.header .header-inner .topbar .members-link:before {
margin-right: 10px
}
header.header .header-inner .topbar:before {
display: none
}
header.header .header-inner .mainbar nav > ul > li > a {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 500;
font-size: 13px
}
header.header .header-inner .mainbar nav > ul > li.menu-item-has-children > a:after {
margin-left: 7px
}
header.header .header-inner .mainbar nav > ul > li {
padding-left: 5px;
padding-right: 5px
}
header.header .header-inner .logo {
width: 120px
}
.headline .headline-boxes .box h3 {
font-size: 20px;
padding-right: 0
}
.headline .headline-boxes .box a {
padding: 20px;
padding-right: 30px
}
.headline .headline-boxes .box p {
font-size: 12px
}
.headline .headline-boxes .box a:hover span {
padding-right: 50px
}
.headline .headline-boxes .box span {
padding-left: 15px;
font-size: 11px
}
.calendar-items .calendar-item .info .info-inner {
padding: 30px 20px
}
.calendar-items .calendar-item .info .info-inner h4 {
font-size: 22px
}
.calendar-items .calendar-item .info .info-inner p {
font-size: 13px
}
.calendar-items .calendar-item .date {
width: 15%
}
.calendar-items .calendar-item .info {
width: 84%
}
.section-content .section-content-sidebar .sidebar-box .sidebar-box-inner {
padding: 15px;
font-size: 13px
}
header.header .header-inner .mainbar nav > ul > li ul li a {
font-size: 13px
}
.section-content .section-content-sidebar .sidebar-nav ul li {
padding-left: 5px;
padding-right: 5px
}
.section-content .section-content-sidebar .sidebar-nav ul li a:after {
right: 10px
}
.tiles .tile {
zoom: 1;
width: 100%;
float: none;
clear: both
}
.tiles .tile:before {
content: "";
display: table
}
.tiles .tile:after {
content: "";
display: table;
clear: both
}
.section-headline.white {
min-height: 230px
}
.section-content.short {
padding-top: 40px
}
.title-box h2,
footer.footer .footer-up .container > h2 {
font-size: 35px
}
.title-box h2:after,
footer.footer .footer-up .container > h2:after {
font-size: 60px;
}
.members .members-item h2,
.members .members-item h3,
.members .members-item h4 {
font-size: 16px
}
footer.footer .footer-up .newsletter-form {
padding-bottom: 50px
}
.about-bar .about-bar-item {
padding-top: 20px;
padding-bottom: 20px
}
.contact-main .contact-main-inner .image {
width: 30%
}
.contact-main .contact-main-inner .info {
width: 70%
}
.contact-main .contact-main-inner .info h2,
.contact-main .contact-main-inner .info h3,
.contact-main .contact-main-inner .info h4 {
font-size: 22px
}
.contact-main .contact-main-inner .info p {
font-size: 16px;
line-height: 1.4em
}
.contact-main .contact-main-inner .info ul li span,
.contact-main .contact-main-inner .info ul li a {
font-size: 16px
}
.contact-map {
height: 350px
}
.big-new a .info {
padding: 40px
}
.bx-wrapper {
margin-left: auto;
margin-right: auto;
clear: both
}
.filter .filter-main > span {
cursor: pointer
}
@media (min-width: 992px) {
.filter .filter-main > span:hover + .filter-main-inner {
display: block
}
}
}
@keyframes float {
0% {
transform: translatey(0px);
}
50% {
transform: translatey(-20px);
}
100% {
transform: translatey(0px);
}
}
.scroll-cursor {
position: absolute;
left: 0;
right: 0;
z-index: 5;
transform: translatey(0px);
-webkit-transform: translatey(0px);
animation: float 6s ease-in-out infinite; }
.scroll-cursor svg {
width: 50px;
height: 50px;
}
@media (max-width:768px) {
.scroll-cursor {
bottom: 15px;
}
}
@media (min-width:768px) {
.scroll-cursor {
bottom: 30px;
}
}
input[type="submit"].wpcf7-submit {
padding: 0 2rem !important;
}
.wpcf7-spinner {
display: none !important;
}
@media (min-width: 992px) and (max-width: 1200px) {
#membership .membership-boxes li {
width: 100%;
}
}
@media screen and (max-width: 992px) and (min-width: 0) {
footer.footer .footer-up .footer-boxes .box .box-map {
height: 428px;
}
body:not(.sticky) main {
padding-top: 100px;
}
header.header {
height: 100px !important;
}
header.header .menu-burger {
display: block;
border-top: 4px solid #282828;
border-bottom: 4px solid #282828;
width: 28px;
height: 22px;
position: absolute;
cursor: pointer;
top: 44px;
right: 15px;
transition: top .35s
}
header.header .menu-burger:after {
content: "";
display: block;
height: 4px;
width: 100%;
position: absolute;
top: 5px;
left: 0;
background: #282828
}
header.header .header-inner .mainbar nav {
position: absolute;
right: 0;
background: #fff;
width: 100%;
transition: top .35s, height .35s;
display: none
}
header.header .header-inner .mainbar nav > ul {
display: block;
clear: both;
float: none;
width: 100%;
padding-top: 5px
}
header.header .header-inner .mainbar nav > ul > li {
display: block;
width: 100%;
padding-top: 5px;
padding-bottom: 5px
}
header.header .header-inner .mainbar nav > ul > li a {
display: block;
width: 100%;
text-align: left;
padding-top: 8px;
padding-bottom: 8px;
border-bottom: none !important;
padding-left: 20px
}
header.header .header-inner .mainbar nav > ul > li > ul {
display: none;
clear: both;
position: relative;
top: auto;
left: 0;
padding-left: 10px;
text-align: left;
padding-top: 5px
}
header.header .header-inner .mainbar nav > ul > li > ul.open {
display: block
}
header.header .header-inner .mainbar nav > ul > li > ul li {
padding-top: 4px;
padding-bottom: 4px
}
header.header .header-inner .mainbar nav > ul > li > ul li a {
padding-top: 4px;
padding-bottom: 4px
}
header.header .header-inner .mainbar nav > ul > li.menu-item-has-children:before {
display: none
}
header.header .header-inner .topbar {
padding-top: 9px;
padding-bottom: 6px;
width: 100%;
max-width: 100%
}
header.header .header-inner .topbar.active {
margin-top: -36px
}
header.header .header-inner .topbar nav ul li {
padding-left: 3px;
padding-right: 3px
}
header.header .header-inner .topbar nav ul li a {
font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif;
font-weight: 400;
font-size: 11px;
padding: 2px
}
header.header .header-inner .topbar:after {
left: -30px
}
header.header .header-inner {
min-height: 83px
}
header.header.active {
top: 36px
}
header.header .header-inner .logo {
top: 0;
background-size: 120% auto
}
header.header .menu-burger {
top: 32px
}
}
.slick-track {
display: flex;
}
.slick-track .slick-slide {
display: flex;
height: auto;
}
.btn {
border-radius: 999px !important;
-webkit-border-radius: 999px !important;
}
@media screen and (max-width: 767px) and (min-width: 0) {
.headline .headline-inner .headline-inner-desc {
font-size: 15px;
letter-spacing: 4.5px
}
.headline .headline-inner .headline-inner-desc span:before {
width: 41px;
height: 25px;
background-size: 100%;
margin-right: 21px
}
.headline .headline-inner h2 {
font-size: 26px
}
.headline .headline-inner a {
height: 44px;
line-height: 44px
}
footer.footer .footer-up .newsletter-form {
width: 90%;
max-width: 500px;
margin-left: 5%;
margin-right: 5%
}
footer.footer .footer-up .newsletter-form .submit button,
footer.footer .footer-up .newsletter-form .submit input {
font-size: 11px;
padding-left: 2px;
padding-right: 2px
}
header.header .header-inner .topbar .members-link:before {
display: none
}
header.header .header-inner .topbar .members-link {
margin-left: 3px;
margin-right: 3px;
font-size: 11px;
padding-left: 0;
padding: 3px;
padding-top: 2px
}
.headline .headline-boxes .box {
display: inline-block;
max-width: 370px;
width: 90%;
margin-left: auto;
margin-right: auto;
clear: both;
margin-bottom: 20px;
padding-right: 0
}
.headline .headline-boxes .box span {
display: inline-block;
clear: both;
float: none
}
.headline .headline-boxes {
left: 0;
top: -10px
}
.headline .headline-main {
height: 450px
}
.headline .headline-inner {
padding-top: 100px;
padding-bottom: 100px
}
.main-news {
padding-top: 0
}
.main-news .tabs .tabs-nav a {
font-size: 11px;
vertical-align: middle
}
.headline .headline-inner a {
margin-top: 30px
}
.headline {
margin-bottom: -35px
}
.main-news .tabs .tabs-panes .pane a:not(.next-post) {
width: 100%;
clear: both;
float: none;
flex-basis: 100%;
margin-left: 0 !important;
margin-right: 0 !important
}
.main-news .tabs .tabs-panes .pane .next-post {
width: 100%;
clear: both;
float: none;
flex-basis: 100%;
margin-left: 0 !important;
margin-right: 0 !important;
margin-bottom: 15px
}
.main-news {
padding-bottom: 35px
}
.logos .container {
padding-left: 10px;
padding-right: 10px
}
.bx-wrapper {
display: inline-block;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px !important;
clear: both
}
.btn-more {
width: 96%;
margin-left: 2%;
margin-right: 2%;
clear: both
}
.logos .logos-inner .bx-next {
right: -20px
}
.logos .logos-inner .bx-prev {
left: -20px
}
.btn-more {
font-size: 12px
}
.logos .logos-inner {
padding-bottom: 50px
}
.live {
padding-top: 35px;
padding-bottom: 35px
}
.live-boxes a {
width: 100%;
clear: both;
float: none;
flex-basis: 100%;
margin-left: 0 !important;
margin-right: 0 !important;
margin-bottom: 20px
}
footer.footer .footer-up .footer-boxes .box h2 {
padding-bottom: 40px
}
footer.footer .footer-up .footer-boxes .box .inner {
padding-left: 20px;
padding-right: 20px
}
footer.footer .footer-up .footer-boxes .box .inner .item {
font-size: 15px
}
footer.footer .footer-up .footer-boxes .box .inner small {
width: 70px;
min-height: 30px
}
footer.footer .footer-down .container .copyright {
width: 100%;
clear: both;
padding: 20px;
padding-bottom: 30px;
text-align: center
}
footer.footer .footer-down .container {
padding-left: 5px;
padding-right: 5px;
text-align: center
}
footer.footer .footer-down .container .created-by {
text-align: center;
padding-left: 0
}
footer.footer .footer-down .container .created-by:before {
display: none
}
footer.footer .footer-down {
padding-top: 50px
}
.section-headline {
min-height: 257px
}
.calendar-items .calendar-item .date {
display: block;
clear: both;
float: none;
width: 100%;
padding-bottom: 10px
}
.calendar-items .calendar-item .info {
display: block;
clear: both;
float: none;
width: 100%
}
.calendar-items .calendar-item .date strong {
float: left;
clear: none;
display: inline-block;
vertical-align: baseline;
margin-top: -6px;
padding-right: 10px;
font-size: 30px
}
.calendar-items .calendar-item .info .info-inner {
padding: 15px
}
.calendar-items .calendar-item .info .info-inner h4 {
font-size: 18px;
padding-bottom: 10px
}
.calendar-items .calendar-item .info .info-inner p {
font-size: 13px
}
.calendar-items .calendar-item {
margin-bottom: 25px;
margin-left: auto;
margin-right: auto;
max-width: 400px
}
.bottom-boxes {
padding-left: 0
}
.bottom-boxes .bottom-box {
width: 100%;
clear: both;
float: none;
margin-right: 0;
margin-left: 0
}
.section-content .tabs-panes {
padding-bottom: 40px
}
.section-content {
padding-top: 60px;
padding-bottom: 60px
}
.section-content .section-content-sidebar {
margin-top: 20px;
margin-bottom: 20px;
clear: both;
width: 100%;
float: none;
padding-right: 0;
margin-left: 0
}
.section-content .section-content-main {
padding-top: 25px;
padding-bottom: 25px;
clear: both;
width: 100%;
float: none
}
.gallery a {
height: 170px;
margin-bottom: 15px;
width: 100%;
clear: both;
margin-left: auto !important;
margin-right: auto !important
}
.press-boxes .special-more {
padding-top: 30px
}
.section-content .section-content-main.closer {
width: 100%
}
.members .members-item {
width: 100%;
float: none;
clear: both;
flex-basis: 100%;
margin-left: 0 !important;
margin-right: 0 !important
}
.about-bar .about-bar-item {
padding-top: 20px;
padding-bottom: 20px
}
.contact-main .contact-main-inner .image {
display: block;
clear: both;
width: 100%;
height: 200px
}
.contact-main .contact-main-inner .info {
display: block;
width: 100%;
clear: both;
padding-left: 0;
margin-top: 30px
}
.people .people-inner .person {
width: 250px;
flex-basis: 250px;
margin-left: 1% !important;
margin-right: 1% !important
}
.people h3 {
font-size: 22px;
padding-bottom: 40px
}
.big-new a .image {
display: block;
clear: both;
width: 100%;
height: 200px
}
.big-new a .info {
display: block;
clear: both;
width: 100%
}
.big-new a .info h3,
.big-new a .info h4 {
font-size: 22px;
padding-bottom: 20px
}
.content-nav a {
font-size: 11px
}
.content-nav a.prev {
padding-right: 7px;
padding-left: 45px
}
.content-nav a.next {
padding-left: 7px;
padding-right: 45px
}
footer.footer .footer-down .container .created-by img {
margin-left: 20px
}
.section-headline .breadcrumb {
display: none
}
.calendar-items .calendar-item .info .image {
display: block;
clear: both;
width: 100%;
height: 100px
}
.calendar-items .calendar-item .info .info-inner {
display: block;
width: 100%;
clear: both
}
footer.footer .footer-up .footer-boxes {
width: 100%;
margin-left: 0
}
.section-content .section-content-sidebar .sidebar-nav {
top: 0 !important
}
.headline > .container {
height: auto
}
}
@media screen and (max-width: 500px) and (min-width: 0) {
.people .people-inner .person {
width: 98%;
margin-left: 1%;
margin-right: 1%;
flex-basis: 98%
}
#membership .membership-boxes li {
width: 100%;
}
.title-box h2:after,
footer.footer .footer-up .container > h2:after {
font-size: 40px;
}
}.slick-logos .slick-slide {
margin: 0 30px;
}
.slick-logos .slick-list {
margin: 0 50px;
}
.btn {
text-transform: uppercase;
padding: 10px 30px;
border-radius: 999px;
font-weight: 500;
outline: none !important;
transition: 0.3s;
-webkit-transition: 0.3s;
}
.btn:focus {
box-shadow: unset !important;
}
.btn.btn-primary {
background: #e30613 !important;
color: #fff !important;
border-color: #e30613 !important;
}
.btn.btn-primary:hover {
background: #c10010 !important;
border-color: #c10010 !important;
box-shadow: 0 0 10px rgba(193, 0, 16, 0.5);
-webkit-box-shadow: 0 0 10px rgba(193, 0, 16, 0.5);
}
.btn.btn-outline-primary {
background: #fff !important;
color: #e30613 !important;
border-color: #e30613 !important;
}
.btn.btn-outline-primary:hover {
color: #fff !important;
background: #c10010 !important;
border-color: #c10010 !important;
box-shadow: 0 0 10px rgba(193, 0, 16, 0.5);
-webkit-box-shadow: 0 0 10px rgba(193, 0, 16, 0.5);
}
.btn.btn-secondary {
background: #000 !important;
color: #fff !important;
border-color: #000 !important;
}
.btn.btn-secondary:hover {
background: #000 !important;
border-color: #000 !important;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.btn.btn-outline-secondary {
background: #fff !important;
color: #000 !important;
border-color: #000 !important;
}
.btn.btn-outline-secondary:hover {
color: #fff !important;
background: #000 !important;
border-color: #000 !important;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
header.header .header-inner .logo:not(.logo-en) {
background-image: url(//autosap.cz/wp-content/themes/autosap/img/logo.svg);
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center center;
}
.section-headline .breadcrumb {
background-color: transparent;
}
.section-headline .breadcrumb > span {
margin-left: 0;
}
.section-headline .breadcrumb > span:before {
display: none;
}
.section-headline .breadcrumb > span > span {
margin-left: 0;
}
.section-headline .breadcrumb > span > span:before {
display: none;
}
.section-headline .breadcrumb > span > span a:first-child {
margin-left: 0;
}
.section-headline .breadcrumb > span > span a:first-child:before {
display: none;
}
.page-template-template-aktualne .section-content .tabs .tabs-nav .tabs-line {
width: 33%;
}
.page-template-template-aktualne .section-content .tabs .tabs-nav a {
width: 33%;
}
.home .main-news .tabs .tabs-nav .tabs-line {
width: 33%;
}
.home .main-news .tabs .tabs-nav a {
width: 33%;
}
.bottom-boxes .bottom-box p {
font-weight: 700;
font-size: 14px;
padding-top: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #f5f5f5;
color: #767676;
line-height: 1.5em;
}
.veletrhy-box {
margin-top: 4rem;
}
.veletrhy-box h4 {
text-align: center;
font-size: 1.6rem;
font-weight: 600;
margin-bottom: 1.6rem;
}
.veletrhy-table {
font-size: 14px;
background-color: #f9f9f9;
}
.veletrhy-table th {
text-transform: uppercase;
}
.veletrhy-table th span {
border-bottom: 1px solid #282828;
}
.veletrhy-table td {
vertical-align: middle;
font-weight: 600;
color: #212529;
}
.veletrhy-table td span {
border-bottom: 1px solid #d2d2d2;
}
.veletrhy-table td, .veletrhy-table th {
border-top: 0px solid;
padding: 0.6rem 0.4rem;
}
.veletrhy-table td span, .veletrhy-table th span {
display: block;
padding: 5px 0 15px 5px;
}
#page-404 {
height: 80vh;
overflow: hidden;
}
.filter-main-inner {
top: 100% !important;
padding-top: 0 !important;
}
.filter .filter-main > div .filter-main-inner-wrap, .filter .filter-main > div, .filter .filter-main ul {
width: 100%;
max-width: 300px;
height: auto;
max-height: 350px;
margin-top: 0;
}
.filter .filter-main > div {
left: 0;
right: 0;
margin: 0 auto;
}
.filter .filter-main:hover > span {
background: #a40000;
}
.filter .filter-main ul li {
text-align: left;
}
.filter .filter-main ul li:hover {
background: #F5F5F5;
}
.filter-main ul li span {
font-weight: 700;
font-size: 13px;
color: #282828;
padding: 17px 5px;
text-decoration: none;
border-bottom: 1px solid #f2f2f2;
position: relative;
display: block;
}
.filter-main ul li.disabled:hover {
background: transparent;
}
.calendar-items .calendar-item .info .info-inner h4 {
padding-bottom: 8px;
}
.calendar-items {
height: 1100px;
overflow: hidden;
transition: 0.9s all;
}
.calendar-items.expanded {
height: auto;
}
.calendar-items .calendar-item .info {
min-height: 141px;
}
.calendar-items .calendar-item .info .info-inner {
padding: 27px 58px;
}
.calendar-more {
margin-top: 30px;
}
.calendar-more.expanded:after {
content: "-";
}
.btn-more:hover {
background: #c10010;
color: white;
}
.headline .headline-inner a:hover {
background: #c10010;
}
.page-template-template-calendar .filter .filter-main > div {
right: 30px;
}
.section-content.section-content-notop {
padding-top: 40px;
}
.section-content .section-content-main .excerpt p {
font-weight: bold;
}
.section-content .section-content-main iframe {
max-width: 100%;
}
.section-content .section-content-main .article-gallery {
margin: 0;
padding: 0;
list-style-type: none;
}
.section-content .section-content-main .article-gallery li {
display: inline-block;
padding-bottom: 0;
max-width: 32%;
}
.section-content .section-content-main .article-gallery li img {
margin-bottom: 0;
object-fit: cover;
height: 90px;
margin-bottom: -3px;
}
.section-content .section-content-full {
width: 100%;
}
.big-new a .image {
background-image: url(//autosap.cz/wp-content/themes/autosap/images/im03.jpg);
}
.calendar-item .image {
background-image: url(//autosap.cz/wp-content/themes/autosap/images/im03.jpg);
}
.main-news .image {
background-image: url(//autosap.cz/wp-content/themes/autosap/images/im03.jpg);
}
.headline .headline-main {
max-height: 94vh;
}
.headline .headline-boxes .box a {
display: inline-block;
width: 100%;
}
.headline .headline-boxes .box a:before {
content: "";
display: block;
position: absolute;
background: #fff;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
box-shadow: 0 5px 70px 0 rgba(40, 34, 26, 0.25);
background-size: cover !important;
}
.page-template-template-prehledy .section-content .section-content-main h3 {
padding-top: 40px;
}
.page-template-template-prehledy .section-content .section-content-main .tiles h3 {
padding-top: 5px;
}
.page-template-template-prehledy .section-content .section-content-main table span[style="color: #000000; font-size: 12px;"], .page-template-template-prehledy .section-content .section-content-main table span[style="font-size: 12px;"] {
display: block;
color: black;
}
.press-boxes-loaded {
padding-top: 0;
}
.pagination {
margin: 0 auto;
display: inline-block;
}
.pagination .page-numbers:before {
display: none;
}
ul.sub-menu {
width: 300px;
max-width: 300px;
}
.image-gallery {
padding-bottom: 0 !important;
}
.image-gallery li {
padding-left: 0 !important;
}
.image-gallery li:before {
border: 0px solid white !important;
}
#partners .logos {
margin-right: -15px;
margin-bottom: -15px;
}
#partners .logos > div {
width: calc(100%/4 - 15px);
margin-right: 15px;
margin-bottom: 15px;
}
#partners .logos > div a {
padding: 20px;
min-height: 150px;
}
#partners .logos > div a img {
max-height: 100px;
}
input:focus {
outline: none !important;
box-shadow: unset !important;
border-color: #e30613 !important;
}
.form-control {
padding: 0 15px !important;
}
.form-select {
margin-bottom: 1rem !important;
color: #757575 !important;
font-size: 14px !important;
border-radius: 999px !important;
-webkit-border-radius: 999px !important;
}
header.header {
z-index: 10000;
}
header.header .header-inner .mainbar nav > ul > li ul li {
text-align: left;
}
.accordion-flush .accordion-item .accordion-button {
box-shadow: unset !important;
color: #000 !important;
background-color: #fff !important;
border-bottom: 1px solid #eee !important;
}
.publication-files {
margin-right: -15px;
margin-bottom: -15px;
}
.publication-files > div {
width: calc(100% / 4 - 15px);
margin-right: 15px;
margin-bottom: 15px;
padding: 20px;
border: 1px solid #eee;
}
.list-publication-info {
margin-right: -15px;
margin-bottom: -15px;
}
.list-publication-info li {
width: calc(100%/4 - 15px);
margin-right: 15px;
margin-bottom: 15px;
padding: 30px;
}
.list-publication-info li:not(:last-of-type) {
border-right: 1px solid #eee;
}
#zpravodaj .main-posts, #magazine .main-posts {
display: inline-block;
width: 100%;
text-align: center;
}
#zpravodaj .main-posts a, #magazine .main-posts a {
display: inline-block;
width: 166px;
height: 322px;
float: none;
vertical-align: top;
}
#zpravodaj .main-posts a .image, #magazine .main-posts a .image {
width: 166px;
height: 235px;
}
#zpravodaj .main-posts a .info h4, #magazine .main-posts a .info h4 {
padding-bottom: 0;
font-size: 15px;
}
#zpravodaj .big-new, #magazine .big-new {
display: inline-block;
border-bottom: 0px solid white;
}
#zpravodaj .big-new a, #magazine .big-new a {
display: inline-block;
}
#zpravodaj .big-new a .image, #magazine .big-new a .image {
display: block;
width: 166px;
height: 235px;
}
#zpravodaj .big-new a .info, #magazine .big-new a .info {
display: block;
padding: 10px;
width: 100%;
}
#zpravodaj .big-new a .info h4, #magazine .big-new a .info h4 {
font-size: 15px;
padding-bottom: 0;
}
#zpravodaj .press-boxes, #magazine .press-boxes {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-bottom: -15px;
text-align: center;
}
#zpravodaj .press-boxes a, #magazine .press-boxes a {
width: calc(100% / 5 - 15px);
margin-right: 15px;
margin-bottom: 15px;
vertical-align: top;
}
#zpravodaj .press-boxes a .image, #magazine .press-boxes a .image {
display: inline-block;
}
#zpravodaj .press-boxes a .image img, #magazine .press-boxes a .image img {
width: 100%;
}
#zpravodaj .press-boxes a .info, #magazine .press-boxes a .info {
padding: 10px;
}
#zpravodaj .press-boxes a .info h4, #magazine .press-boxes a .info h4 {
padding-bottom: 0;
}
.navigation-buttons {
margin-right: -15px;
margin-bottom: -15px;
}
.navigation-buttons li {
width: calc(100%/4 - 15px);
margin-right: 15px;
margin-bottom: 15px;
}
.navigation-buttons li.current-menu-item a {
color: #fff;
background: #e30613;
border-color: #e30613;
}
.navigation-buttons li a {
display: block;
text-align: center;
color: #e30613;
padding: 10px 20px;
border: 2px solid #e30613;
border-radius: 999px;
font-weight: 500;
text-decoration: none;
transition: 0.3s;
-webkit-transition: 0.3s;
}
.navigation-buttons li a.active, .navigation-buttons li a:hover {
color: #fff;
background: #e30613;
border-color: #e30613;
}
.navigation-buttons li:not(:last-of-type) {
margin-right: 12px;
}
.publication-image-container {
position: relative;
transition: 0.3s;
-webkit-transition: 0.3s;
}
.publication-image-container span.label-current {
position: absolute;
top: 10px;
left: 0;
z-index: 99;
background: #fff;
padding: 4px 12px;
font-size: 13px;
font-weight: 700;
border-radius: 0 4px 4px 0;
box-shadow: 20px 20px 6px rgba(0, 0, 0, 0.16);
}
.publication-image-container:hover .publication-overlay {
opacity: 1;
visibility: visible;
}
.publication-image-container .publication-overlay {
opacity: 0;
visibility: hidden;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
z-index: 2;
background: rgba(227, 6, 19, 0.85);
width: 100%;
height: 100%;
transition: 0.3s;
-webkit-transition: 0.3s;
}
.publication-image-container .publication-overlay a {
display: flex;
align-items: center;
justify-content: center;
padding: 10px 30px;
background: #fff;
border-radius: 3px;
-webkit-border-radius: 3px;
}
.publication-image-container .publication-overlay a:hover {
color: #e30613;
}
.blog-categories {
margin-right: -15px;
margin-bottom: -15px;
}
.blog-categories li {
width: calc(100%/4 - 15px);
margin-right: 15px;
margin-bottom: 15px;
}
.blog-categories li a {
display: block;
text-align: center;
color: #e30613;
min-height: 48px;
line-height: 48px;
padding: 0 20px;
border: 2px solid #e30613;
border-radius: 999px;
font-weight: 700;
text-decoration: none;
transition: 0.3s;
-webkit-transition: 0.3s;
}
.blog-categories li a.active, .blog-categories li a:hover {
color: #fff !important;
background: #e30613;
border-color: #e30613;
}
.blog-categories li:not(:last-of-type) {
margin-right: 12px;
}
.swiper-slide {
height: auto !important;
}
#sfm-sidebar .sfm-copy {
padding-left: 10% !important;
}
#sfm-sidebar .wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {
padding: 0 !important;
}
#sfm-sidebar .wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer ul {
text-align: left !important;
}
#sfm-sidebar .wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer ul li a {
font-size: 0 !important;
}
.tiskove-zpravy a {
background: #fff;
text-decoration: none;
transition: 0.3s;
-webkit-transition: 0.3s;
border-radius: 4px;
-webkit-border-radius: 4px;
margin-bottom: 30px;
}
.tiskove-zpravy a:hover {
box-shadow: 0 5px 15px 0 rgba(1, 1, 1, 0.14);
}
.tiskove-zpravy a:hover .post-overlay {
opacity: 1;
visibility: visible;
}
.tiskove-zpravy a .post-overlay {
opacity: 0;
visibility: hidden;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
z-index: 2;
background: rgba(227, 6, 19, 0.85);
width: 100%;
height: 100%;
transition: 0.3s;
-webkit-transition: 0.3s;
}
.tiskove-zpravy a .post-overlay span {
display: flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
background: #fff;
border-radius: 999px;
-webkit-border-radius: 999px;
}
.tiskove-zpravy a .post-overlay span:after {
content: "";
display: inline-block;
width: 5px;
height: 5px;
border-bottom: 2px solid #e30613;
border-right: 2px solid #e30613;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.tiskove-zpravy a img {
width: 100%;
height: 100%;
object-fit: cover;
aspect-ratio: 4/3;
border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
}
.tiskove-zpravy a .post-image-container:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to top, #000, rgba(0, 0, 0, 0.35) 20%, transparent);
}
.tiskove-zpravy a .post-image-container .post-meta span, .tiskove-zpravy a .post-image-container .post-meta a {
color: #fff !important;
}
.tiskove-zpravy a .post-excerpt {
font-size: 14px;
}
.tiskove-zpravy a .post-meta {
left: 20px;
bottom: 30px;
z-index: 1;
}
.tiskove-zpravy a .post-content {
color: #000;
padding: 30px 15px;
}
.tiskove-zpravy a ul.list-categories li span {
color: #000;
text-decoration: none;
border: 1px solid #eee;
padding: 8px 16px;
border-radius: 999px;
font-size: 13px;
font-weight: 500;
white-space: nowrap;
}
.tiskove-zpravy a .post-label {
color: #e30613;
border: 1px solid #e30613;
border-radius: 4px;
padding: 3px 20px;
font-size: 13px;
}
.tiskove-zpravy a .post-title {
color: #000;
text-decoration: none;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
height: 60px;
overflow: hidden;
margin-bottom: 15px;
}
.tiskove-zpravy a .post-title h3 {
font-size: 16px;
line-height: 20px;
font-weight: 700;
}
@media (min-width: 1200px) {
#blog_posts .blog_posts:not(.without-main) > a:first-of-type .post-excerpt {
font-size: 14px;
}
}
@media (max-width: 1200px) and (min-width: 992px) {
#blog_posts .blog_posts .post-excerpt {
font-size: 13px;
}
}
#blog_posts .blog_posts {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-bottom: -30px;
min-height: 500px;
}
#blog_posts .blog_posts.blog_posts_3.without-main > a {
width: calc(100% / 3 - 15px);
}
#blog_posts .blog_posts.blog_posts_3:not(.without-main) > a:not(:first-of-type) {
width: calc(100% / 3 - 15px);
}
#blog_posts .blog_posts:not(.blog_posts_3).without-main > a {
width: calc(100% / 4 - 15px);
}
#blog_posts .blog_posts:not(.blog_posts_3):not(.without-main) > a:not(:first-of-type) {
width: calc(100% / 4 - 15px);
}
#blog_posts .blog_posts.without-main > a .post-title {
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
height: 60px;
overflow: hidden;
margin-bottom: 15px;
}
#blog_posts .blog_posts.without-main > a .post-title h3 {
font-size: 16px;
line-height: 20px;
}
#blog_posts .blog_posts.without-main > a .post-image-container:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to top, #000, rgba(0, 0, 0, 0.35) 20%, transparent);
}
#blog_posts .blog_posts.without-main > a .post-excerpt {
font-size: 14px;
}
#blog_posts .blog_posts.without-main > a .post-meta {
left: 20px;
bottom: 30px;
z-index: 1;
}
#blog_posts .blog_posts.without-main > a .post-meta span, #blog_posts .blog_posts.without-main > a .post-meta a {
color: #fff !important;
}
#blog_posts .blog_posts.without-main > a img {
aspect-ratio: 4/3;
border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
}
#blog_posts .blog_posts:not(.without-main) > a:first-of-type .post-title {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
height: 68px;
overflow: hidden;
}
#blog_posts .blog_posts:not(.without-main) > a:first-of-type .post-overlay {
border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;
}
#blog_posts .blog_posts:not(.without-main) > a:first-of-type .post-meta span {
color: #000;
}
#blog_posts .blog_posts:not(.without-main) > a:first-of-type .post-image-container {
height: 100%;
}
#blog_posts .blog_posts:not(.without-main) > a:first-of-type img {
width: 100%;
aspect-ratio: 1/1;
max-height: 500px;
border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;
}
#blog_posts .blog_posts:not(.without-main) > a:not(:first-of-type) .post-overlay {
border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
}
#blog_posts .blog_posts:not(.without-main) > a:not(:first-of-type) .post-title {
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
height: 60px;
overflow: hidden;
margin-bottom: 15px;
}
#blog_posts .blog_posts:not(.without-main) > a:not(:first-of-type) .post-title h3 {
font-size: 16px;
line-height: 20px;
}
#blog_posts .blog_posts:not(.without-main) > a:not(:first-of-type) .post-image-container:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to top, #000, rgba(0, 0, 0, 0.35) 20%, transparent);
}
#blog_posts .blog_posts:not(.without-main) > a:not(:first-of-type) .post-excerpt {
font-size: 14px;
}
#blog_posts .blog_posts:not(.without-main) > a:not(:first-of-type) .post-meta {
left: 20px;
bottom: 30px;
z-index: 1;
}
#blog_posts .blog_posts:not(.without-main) > a:not(:first-of-type) .post-meta span, #blog_posts .blog_posts:not(.without-main) > a:not(:first-of-type) .post-meta a {
color: #fff !important;
}
#blog_posts .blog_posts:not(.without-main) > a:not(:first-of-type) img {
aspect-ratio: 4/3;
border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
}
#blog_posts .blog_posts > a {
background: #fff;
text-decoration: none;
transition: 0.3s;
-webkit-transition: 0.3s;
border-radius: 4px;
-webkit-border-radius: 4px;
margin-right: 15px;
margin-bottom: 30px;
}
#blog_posts .blog_posts > a .post-overlay {
opacity: 0;
visibility: hidden;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
z-index: 2;
background: rgba(227, 6, 19, 0.85);
width: 100%;
height: 100%;
transition: 0.3s;
-webkit-transition: 0.3s;
}
#blog_posts .blog_posts > a .post-overlay span {
display: flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
background: #fff;
border-radius: 999px;
-webkit-border-radius: 999px;
}
#blog_posts .blog_posts > a .post-overlay span:after {
content: "";
display: inline-block;
width: 5px;
height: 5px;
border-bottom: 2px solid #e30613;
border-right: 2px solid #e30613;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
#blog_posts .blog_posts > a img {
width: 100%;
height: 100%;
object-fit: cover;
}
#blog_posts .blog_posts > a .post-content {
color: #000;
padding: 30px;
}
#blog_posts .blog_posts > a ul.list-categories li span {
color: #000;
text-decoration: none;
border: 1px solid #eee;
padding: 8px 16px;
border-radius: 999px;
font-size: 13px;
font-weight: 500;
}
#blog_posts .blog_posts > a .post-label {
color: #e30613;
border: 1px solid #e30613;
border-radius: 4px;
padding: 3px 20px;
font-size: 13px;
}
#blog_posts .blog_posts > a .post-title {
color: #000;
text-decoration: none;
}
#blog_posts .blog_posts > a .post-title h3 {
font-weight: 700;
}
@media (min-width: 992px) {
#blog_posts .blog_posts > a:hover {
box-shadow: 0 5px 15px 0 rgba(1, 1, 1, 0.14);
}
#blog_posts .blog_posts > a:hover .post-overlay {
opacity: 1;
visibility: visible;
}
#blog_posts .blog_posts > a:hover .post-title {
color: #e30613 !important;
}
}
@media (max-width: 1200px) {
#blog_posts .blog_posts.without-main > a {
width: calc(100%/3 - 15px) !important;
}
#blog_posts .blog_posts:not(.without-main) > a:not(:first-of-type) {
width: calc(100%/3 - 15px) !important;
}
}
@media (max-width: 992px) {
#blog_posts .blog_posts:not(.without-main) > a:first-of-type img {
border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
}
.blog-categories li {
width: calc(100%/2 - 15px);
}
#blog_posts .blog_posts.without-main > a {
width: calc(100%/2 - 15px) !important;
}
#blog_posts .blog_posts:not(.without-main) > a:not(:first-of-type) {
width: calc(100%/2 - 15px) !important;
}
}
@media (max-width: 768px) {
#blog_posts .blog_posts:not(.without-main) > a:first-of-type .post-title {
-webkit-line-clamp: 3 !important;
height: 99px !important;
}
#blog_posts .blog_posts.without-main > a {
width: 100% !important;
}
#blog_posts .blog_posts:not(.without-main) > a:not(:first-of-type) {
width: 100% !important;
}
#blog_posts .blog_posts:not(.without-main) > a:first-of-type img {
max-height: unset;
aspect-ratio: 4/3;
}
}
@media (max-width: 576px) {
.blog-categories li {
width: 100%;
}
}
.video-overlay {
background: rgba(0, 0, 0, 0.5);
height: 100%;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
#menu-topics-menu ul.sub-menu {
display: block !important;
transition: 0s all !important;
width: 100%;
max-width: 100%;
}
.section-content .section-content-sidebar .sidebar-nav ul li ul li {
padding-right: 0;
}
.section-content .section-content-sidebar .sidebar-nav ul li ul li a {
padding-right: 35px;
}
.section-content .section-content-sidebar .sidebar-nav ul#menu-topics-menu li.current-menu-item .sub-menu a {
color: #737373;
background: transparent;
}
.filter-tip {
text-align: center;
margin: 0 0 20px 0;
}
.section-content.no-top {
padding-top: 0;
}
.wpml-ls-item .sub-menu {
width: 70px;
}
.page-template-template-prehledy main td {
padding: 0 15px;
}
body.position td {
padding: 0 15px;
}
.search-results-count {
margin-bottom: 15px;
}
.search-page .section-content .section-content-main h2 {
padding-bottom: 0;
}
.search-page .section-content .section-content-main img {
max-width: 200px;
}
.top-search-trigger {
cursor: pointer;
}
.img-caption {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 8px 12px;
display: block;
width: 100%;
background: rgba(0, 0, 0, 0.5);
}
.top-search {
position: relative;
}
.top-search form {
display: flex;
align-items: center;
margin-left: 30px;
background: #fff;
z-index: 1;
width: 0;
height: 0;
opacity: 0;
position: absolute;
left: 0;
transition: opacity 0.3s;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.top-search form input {
padding: 10px 30px 5px 5px;
border: 0 solid transparent;
background: transparent;
border-bottom: 0.5px solid #8e8e8e;
box-shadow: none;
width: 220px;
font-size: 14px;
}
.top-search form button[type=submit] {
background: #f6f6f6;
border: 0 solid transparent;
text-transform: uppercase;
font-weight: bold;
color: #575757;
padding-bottom: 5px;
margin-top: -3px;
border-radius: 0;
-webkit-border-radius: 0;
}
.top-search form button[type=submit]:hover, .top-search form button[type=submit]:active, .top-search form button[type=submit]:focus {
color: black;
}
.top-search form.active {
width: auto;
height: auto;
opacity: 1;
}
.search-img {
width: 16px;
height: auto;
}
.filter-search-wrap {
text-align: center;
margin-top: 30px;
}
#filterMembers {
max-width: 300px;
margin: 0 auto;
}
.section-headline.white {
min-height: 0;
}
.social-links-wrap {
text-align: center;
margin: 20px 0;
}
.social-links-wrap .social-link {
margin: 10px 0 0;
display: inline-block;
}
.social-links-wrap .social-link a {
color: #484848;
padding: 10px 10px;
transition: 0.3s all;
transform: scale(1);
display: inline-block;
}
.social-links-wrap .social-link a:hover {
transform: scale(1.09);
}
.social-links-wrap .social-link a:active {
color: black;
}
.main-news {
padding-bottom: 30px;
}
.hp-projects {
text-align: center;
margin: 0 0 3rem;
}
.hp-projects .projects-logos {
margin: 0 0 2rem;
}
.hp-projects .projects-logos h2 {
font-size: 1.5rem;
font-weight: 700;
}
.press-section {
text-align: center;
}
.press-section h3 {
font-weight: 700;
font-size: 30px;
color: #e30613;
display: block;
padding-bottom: 60px;
}
.press-section-inner {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
margin-right: -15px;
margin-bottom: -15px;
}
.press-section-item {
display: inline-block;
vertical-align: top;
padding: 30px;
width: calc(100% / 3 - 15px);
margin-right: 15px;
margin-bottom: 15px;
}
.press-section-icon img {
max-height: 100px;
max-width: 240px;
}
.date-year {
letter-spacing: 5.6px;
}
.page-template-template-aktualne .section-content .tabs .tabs-nav {
position: static;
}
.page-template-template-aktualne .section-content .tabs .tabs-nav a {
padding-top: 15px;
transition: 0.65s;
color: #e30613;
}
.page-template-template-aktualne .section-content .tabs .tabs-nav a:after {
background: transparent;
}
.page-template-template-aktualne .section-content .tabs .tabs-nav a.active {
border-radius: 50px;
background: #e30613;
color: white;
}
.page-template-template-aktualne .section-content .tabs .tabs-nav .tabs-line {
display: none;
}
.filter-white {
background: white;
padding: 1rem;
text-align: center;
box-shadow: 8px 8px 40px rgba(0, 0, 0, 0.1);
margin: 0 15px 15px 0;
width: calc(50% - 19px);
}
.filter-white-title {
display: block;
font-size: 14px;
font-weight: 700;
margin-bottom: 0.5rem;
}
.filter-years {
display: inline-block;
vertical-align: middle;
}
.filter-years input[type=number] {
padding: 5px 0 5px 10px;
font-size: 18px;
color: #737373;
font-weight: 700;
text-align: center;
min-width: 100px;
width: calc(50% - 2px);
}
.filter-companies {
display: inline-block;
vertical-align: middle;
}
.filter-companies .filter .filter-main {
position: relative;
top: 10px;
margin: 0;
}
.filter-companies .filter .filter-main > span {
margin: 0;
background: #D5D5D5;
}
.filter-companies .filter .filter-main > span:after {
-webkit-filter: grayscale(100%); filter: grayscale(100%);
opacity: 0.5;
}
.filter-companies .filter .filter-main ul li a {
text-align: left;
padding: 7px 0px;
}
.filter-companies .filter .filter-main ul li a big {
color: #e30613;
}
.btn-link {
color: #8e8e8e;
}
.btn-link:hover, .btn-link:focus {
color: #292929;
}
.btn-export {
display: inline-block;
padding: 10px 15px;
background: white;
border-color: white;
border-radius: 150px;
font-weight: 600;
color: #e30613;
box-shadow: 10px 10px 77px -6px rgba(0, 0, 0, 0.12);
margin-top: 0;
transition: 0.3s all;
font-size: 14px;
}
.btn-export:hover, .btn-export:focus, .btn-export:active, .btn-export:visited {
margin-top: -3px;
background: white;
border-color: white;
color: #e30613;
box-shadow: 10px 10px 77px -6px rgba(0, 0, 0, 0.19);
}
.api-results-export {
position: relative;
top: -15px;
text-align: right;
}
.api-results-export .btn-print {
height: 46px;
margin-right: 5px;
}
.api-results-export .printer-icon {
max-height: 100%;
}
.api-filter {
margin-bottom: 1rem;
}
.api-filter .filter {
text-align: left;
display: inline-block;
}
.api-filter .filter-main {
margin: 0;
}
.api-filter .filter-title {
display: inline-block;
}
.api-filter .filter-title h2 {
font-weight: bold;
color: #e30613;
position: relative;
top: 3px;
font-size: 14px;
}
.api-filter .filter-reset {
display: inline-block;
margin: 10px 0 10px 0;
font-size: 14px;
position: relative;
top: 2px;
}
.api-filter .filter-reset a {
color: #e30613;
}
.filter-condensed .filter-main > span {
height: 35px;
line-height: 35px;
}
#reset-filters-link {
display: none;
}
.filter-main-products .filter-main-inner:not(.active) {
display: none !important;
}
.filter-small .filter-main {
margin-right: 5px;
margin-left: 5px;
width: calc(100%/4 - 15px);
}
.filter-small .filter-main > span {
width: 100%;
height: 60px;
line-height: 60px;
padding-left: 40px;
padding-right: 11px;
text-align: left;
}
.filter-small .filter-main > span:after {
margin-left: 0;
float: right;
margin-top: 20px;
}
@media (max-width: 992px) {
.list-publication-info li {
width: calc(100%/2 - 15px) !important;
padding: 15px !important;
font-size: 13px !important;
}
.list-publication-info li:nth-of-type(2) {
border-right: unset !important;
}
#publication .btn {
width: 100% !important;
font-size: 14px !important;
}
.publication-files > div {
width: calc(100%/2 - 15px) !important;
}
.filter-small .filter-main {
width: calc(100%/2 - 15px);
}
}
@media (max-width: 576px) {
.publication-files > div {
width: 100% !important;
}
.filter-small .filter-main {
width: 100%;
}
}
.filter-inline-items select {
display: inline-block;
width: 48%;
}
button.multiselect {
width: 100%;
color: black;
overflow: hidden;
background-color: #eee;
text-align: left;
line-height: 1;
padding: 10px 0 10px 18px;
font-weight: 600;
}
button.multiselect.dropdown-toggle:after {
display: none;
}
.multiselect-group {
color: black;
opacity: 0.4;
}
.multiselect-group a {
cursor: default;
}
.multiselect-group:hover a {
color: black;
}
.multiselect-container > li > a > label {
font-size: 14px;
position: relative;
padding-left: 40px;
}
.multiselect-container > li > a > label input[type=checkbox] {
margin-bottom: 0;
position: absolute;
left: 14px;
top: 9px;
}
.multiselect-clear-filter {
display: none;
}
.multiselect-filter {
display: inline-block;
max-width: 70%;
}
.multiselect-reset {
display: inline-block;
vertical-align: top;
margin-top: 5px;
}
.multiselect-reset a {
font-size: 0.9rem;
}
.multiselect-container {
padding: 10px 0 0 0;
box-shadow: 10px 10px 77px -6px rgba(0, 0, 0, 0.12);
}
.multiselect-container input[type=text] {
padding: 15px 15px;
margin-left: 5px;
}
.multiselect-search {
color: #333 !important;
}
#monthsMonths {
padding: 0 5px;
display: inline-block;
max-width: 50px;
}
#slider-months-range {
margin: 0 15px 20px 10px;
}
.ui-widget.ui-widget-content {
border: 0px solid transparent;
background: #edbab9;
}
.ui-widget-content .ui-slider-handle {
background: #24333f;
border: 0px solid transparent;
border-radius: 50px;
}
.ui-slider-horizontal {
height: 0.6em;
}
.ui-widget-header {
background: #e30613;
}
.months-alert {
position: relative;
display: none;
}
.months-alert.active {
display: inline-block;
}
.months-alert:hover .months-alert-text {
opacity: 1;
}
.months-alert img {
width: 15px;
height: 15px;
position: relative;
top: 2px;
}
.months-alert .months-alert-text {
opacity: 0;
background: rgba(0, 0, 0, 0.5);
color: white;
padding: 10px;
border-radius: 2px;
position: absolute;
bottom: 35px;
width: 280px;
font-size: 14px;
text-align: center;
left: -120px;
}
.ui-state-active, .ui-widget-content .ui-state-active {
border: 1px solid #e30613;
background: #e30613 !important;
}
.filter-submit-wrap {
text-align: center;
margin: 25px 0 0 0;
}
.filter-submit-wrap input[type=submit] {
background: #e30613;
color: white;
padding: 0 20px;
}
.filter-submit-wrap input[type=submit]:hover {
background: #a40000;
}
#api-form-results {
margin-top: 10px;
}
#api-form-results h2 {
text-align: center;
color: #e30613;
font-size: 1.2rem;
margin: 15px 0 15px 0;
}
.category-title {
text-align: center;
display: block;
width: 100%;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.api-form-results-item {
padding: 25px;
margin-bottom: 30px;
}
.api-form-results-item .table td {
padding: 0.4rem;
}
.api-error {
color: #e30613;
font-size: 1.4rem;
}
.api-table-company-name {
min-width: 180px;
}
.api-quick-links {
margin: 0 0 20px 0px;
}
.api-quick-links h3 {
color: #e30613;
font-weight: bold;
font-size: 1.5rem;
}
.api-quick-links-label {
font-size: 14px;
display: block;
background: #e6e6e6;
font-weight: 600;
margin: 15px 0 4px 0;
padding: 10px 15px;
}
.api-quick-links-item {
color: #66666b;
font-weight: 600;
display: block;
padding: 15px 15px;
background: white;
margin: 4px 0;
font-size: 0.9rem;
}
.api-quick-links-item:hover, .api-quick-links-item:focus, .api-quick-links-item:active {
color: #c10010;
}
.api-quick-links-left {
padding: 11px 0;
}
.api-quick-links-right {
text-align: center;
}
.api-quick-links-right .button-red {
float: none;
}
.image-tiles .image-tile-title {
min-height: 100px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.image-tiles .image-tile-title h3 {
position: absolute;
padding: 0;
font-size: 1.5rem;
color: white;
}
.image-tiles .image-tile-overlay {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.4);
}
.image-tiles .image-tile {
padding: 0;
background-image: none !important;
border: 1px solid #eee;
}
.image-tiles .image-tile:hover {
background-color: #e30613;
}
.image-tiles .image-tile .button-red {
display: inline-block;
text-align: center;
float: none;
}
.image-tiles .image-tile-content {
height: 100%;
padding: 25px;
text-align: justify;
-moz-text-align-last: center;
text-align-last: center;
}
.contact-main .contact-main-inner .info .info-inner {
padding: 59px 79px;
}
.contact-main .contact-main-inner .info ul .contact-ic {
padding-right: 110px;
}
.contact-main .contact-main-inner .info ul .contact-dic {
padding-right: 10px;
}
.contact-main .contact-main-inner .info ul .contact-dic small {
width: 33px;
}
footer.footer .footer-up .footer-boxes .box .inner {
padding-left: 77px;
}
footer.footer ::placeholder { color: white;
opacity: 1; }
footer.footer :-ms-input-placeholder { color: white;
}
footer.footer ::-ms-input-placeholder { color: white;
}
.newsletter-terms {
float: left;
color: white;
font-size: 0.9em;
opacity: 0.8;
margin: 20px 0 0 20px;
}
.newsletter-terms input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.newsletter-terms .checkbox-container {
position: relative;
padding-left: 32px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.newsletter-terms .checkmark {
position: absolute;
top: -18px;
left: 0;
height: 25px;
width: 25px;
background-color: transparent;
border: 1px solid white;
border-radius: 50px;
}
.newsletter-terms .checkbox-container:hover input ~ .checkmark {
background-color: rgba(255, 255, 255, 0.1);
}
.newsletter-terms .checkbox-container input:checked ~ .checkmark {
background-color: #e30613;
border-color: #e30613;
}
.newsletter-terms .checkmark:after {
content: "";
position: absolute;
display: none;
}
.newsletter-terms .checkbox-container input:checked ~ .checkmark:after {
display: block;
}
.newsletter-terms .checkbox-container .checkmark:after {
left: 9px;
top: 6px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.newsletter-terms a {
color: white;
text-decoration: underline;
}
.footer-down a {
color: #b4b4b4;
text-decoration: underline;
}
.privacy-policy-link-wrap {
margin-top: 25px;
margin-left: 15px;
}
.ozp-chart-wrapper {
height: 220px;
}
*::-webkit-media-controls-start-playback-button {
display: none !important;
-webkit-appearance: none;
}
@media screen and (max-width: 767px) {
.tabs .tabs-nav a {
font-size: 11px;
}
}
@media screen and (max-width: 1500px) and (min-width: 977px) {
header.header .header-inner .logo {
width: 217px;
height: 75px;
}
}
@media screen and (max-width: 1500px) and (min-width: 1420px) {
header.header .header-inner .logo {
left: 4.5%;
}
}
@media screen and (min-width: 992px) {
.api-results-export {
position: absolute;
top: 9px;
right: 13px;
}
.api-filters-wrap {
display: flex;
}
.api-filter {
margin-bottom: 25px;
}
.api-filter .filter-title {
margin-left: 15px;
}
.api-filter .filter-reset {
margin: 0px 0 0 20px;
}
.form-filter-item {
width: 100%;
display: inline-block;
margin-right: 25px;
padding-bottom: 95px;
position: relative;
}
.form-filter-item .filter-submit-wrap {
position: absolute;
bottom: 25px;
left: 0;
right: 0;
}
.form-filter-card .select-wrap {
margin: 0 25px 0 0;
}
.api-form-results-item .table td {
padding: 0.75rem;
}
.form-filter-half {
padding-bottom: 25px;
}
.calendar-items .calendar-item {
height: 180px;
max-height: 180px;
margin-bottom: 0;
}
.calendar-items .calendar-item .info {
height: 100%;
margin-bottom: 15px;
}
.section-content .section-content-main .article-gallery li img {
height: 160px;
}
}
@media screen and (min-width: 1251px) {
.section-headline.white {
min-height: 277px;
}
.image-tiles {
display: flex;
}
.image-tiles .image-tile {
position: relative;
}
.image-tiles .image-tile:not(:nth-child(1)) {
margin-left: 25px;
}
.image-tiles .image-tile p {
line-height: 1.5rem;
}
}.tablepress{--text-color:#111;--head-text-color:var(--text-color);--head-bg-color:#d9edf7;--odd-text-color:var(--text-color);--odd-bg-color:#fff;--even-text-color:var(--text-color);--even-bg-color:#f9f9f9;--hover-text-color:var(--text-color);--hover-bg-color:#f3f3f3;--border-color:#ddd;--padding:0.5rem;border:none;border-collapse:collapse;border-spacing:0;clear:both;margin:0 auto 1rem;table-layout:auto;width:100%}.tablepress>:not(caption)>*>*{background:none;border:none;box-sizing:border-box;float:none!important;padding:var(--padding);text-align:left;vertical-align:top}.tablepress>:where(thead)+tbody>:where(:not(.child))>*,.tablepress>tbody>*~:where(:not(.child))>*,.tablepress>tfoot>:where(:first-child)>*{border-top:1px solid var(--border-color)}.tablepress>:where(thead,tfoot)>tr>*{background-color:var(--head-bg-color);color:var(--head-text-color);font-weight:700;vertical-align:middle;word-break:normal}.tablepress>:where(tbody)>tr>*{color:var(--text-color)}.tablepress>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child,.dtrg-group)))+:where(.child)>*,.tablepress>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child,.dtrg-group)))>*{background-color:var(--odd-bg-color);color:var(--odd-text-color)}.tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))+:where(.child)>*,.tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))>*{background-color:var(--even-bg-color);color:var(--even-text-color)}.tablepress>.row-hover>tr:has(+.child:hover)>*,.tablepress>.row-hover>tr:hover+:where(.child)>*,.tablepress>.row-hover>tr:where(:not(.dtrg-group)):hover>*{background-color:var(--hover-bg-color);color:var(--hover-text-color)}.tablepress img{border:none;margin:0;max-width:none;padding:0}.tablepress-table-description{clear:both;display:block}.dt-scroll{width:100%}.dt-scroll .tablepress{width:100%!important}div.dt-scroll-body tfoot tr,div.dt-scroll-body thead tr{height:0}div.dt-scroll-body tfoot tr td,div.dt-scroll-body tfoot tr th,div.dt-scroll-body thead tr td,div.dt-scroll-body thead tr th{border-bottom-width:0!important;border-top-width:0!important;height:0!important;padding-bottom:0!important;padding-top:0!important}div.dt-scroll-body tfoot tr td div.dt-scroll-sizing,div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,div.dt-scroll-body thead tr td div.dt-scroll-sizing,div.dt-scroll-body thead tr th div.dt-scroll-sizing{height:0!important;overflow:hidden!important}div.dt-scroll-body>table.dataTable>thead>tr>td,div.dt-scroll-body>table.dataTable>thead>tr>th{overflow:hidden}.tablepress{--head-active-bg-color:#049cdb;--head-active-text-color:var(--head-text-color);--head-sort-arrow-color:var(--head-active-text-color)}.tablepress thead th:active{outline:none}.tablepress thead .dt-orderable-asc .dt-column-order:before,.tablepress thead .dt-ordering-asc .dt-column-order:before{bottom:50%;content:"\25b2"/"";display:block;position:absolute}.tablepress thead .dt-orderable-desc .dt-column-order:after,.tablepress thead .dt-ordering-desc .dt-column-order:after{content:"\25bc"/"";display:block;position:absolute;top:50%}.tablepress thead .dt-orderable-asc,.tablepress thead .dt-orderable-desc,.tablepress thead .dt-ordering-asc,.tablepress thead .dt-ordering-desc{padding-right:24px;position:relative}.tablepress thead .dt-orderable-asc .dt-column-order,.tablepress thead .dt-orderable-desc .dt-column-order,.tablepress thead .dt-ordering-asc .dt-column-order,.tablepress thead .dt-ordering-desc .dt-column-order{bottom:0;color:var(--head-sort-arrow-color);position:absolute;right:6px;top:0;width:12px}.tablepress thead .dt-orderable-asc .dt-column-order:after,.tablepress thead .dt-orderable-asc .dt-column-order:before,.tablepress thead .dt-orderable-desc .dt-column-order:after,.tablepress thead .dt-orderable-desc .dt-column-order:before,.tablepress thead .dt-ordering-asc .dt-column-order:after,.tablepress thead .dt-ordering-asc .dt-column-order:before,.tablepress thead .dt-ordering-desc .dt-column-order:after,.tablepress thead .dt-ordering-desc .dt-column-order:before{font-family:sans-serif!important;font-size:12px;line-height:12px;opacity:.2}.tablepress thead .dt-orderable-asc,.tablepress thead .dt-orderable-desc{cursor:pointer;outline-offset:-2px}.tablepress thead .dt-orderable-asc:hover,.tablepress thead .dt-orderable-desc:hover,.tablepress thead .dt-ordering-asc,.tablepress thead .dt-ordering-desc{background-color:var(--head-active-bg-color);color:var(--head-active-text-color)}.tablepress thead .dt-ordering-asc .dt-column-order:before,.tablepress thead .dt-ordering-desc .dt-column-order:after{opacity:.8}.tablepress:where(.auto-type-alignment) .dt-right,.tablepress:where(.auto-type-alignment) .dt-type-date,.tablepress:where(.auto-type-alignment) .dt-type-numeric{text-align:right}.dt-container{clear:both;margin-bottom:1rem;position:relative}.dt-container .tablepress{margin-bottom:0}.dt-container .tablepress tfoot:empty{display:none}.dt-container .dt-layout-row{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.dt-container .dt-layout-row.dt-layout-table .dt-layout-cell{display:block;width:100%}.dt-container .dt-layout-cell{display:flex;flex-direction:row;flex-wrap:wrap;gap:1em;padding:5px 0}.dt-container .dt-layout-cell.dt-layout-full{align-items:center;justify-content:space-between;width:100%}.dt-container .dt-layout-cell.dt-layout-full>:only-child{margin:auto}.dt-container .dt-layout-cell.dt-layout-start{align-items:center;justify-content:flex-start;margin-right:auto}.dt-container .dt-layout-cell.dt-layout-end{align-items:center;justify-content:flex-end;margin-left:auto}.dt-container .dt-layout-cell:empty{display:none}.dt-container .dt-input,.dt-container label{display:inline;width:auto}.dt-container .dt-input{font-size:inherit;padding:5px}.dt-container .dt-length,.dt-container .dt-search{align-items:center;display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.dt-container .dt-paging .dt-paging-button{background:#0000;border:1px solid #0000;border-radius:2px;box-sizing:border-box;color:inherit!important;cursor:pointer;display:inline-block;font-size:1em;height:32px;margin-left:2px;min-width:32px;padding:0 5px;text-align:center;text-decoration:none!important;vertical-align:middle}.dt-container .dt-paging .dt-paging-button.current,.dt-container .dt-paging .dt-paging-button:hover{border:1px solid #111}.dt-container .dt-paging .dt-paging-button.disabled,.dt-container .dt-paging .dt-paging-button.disabled:active,.dt-container .dt-paging .dt-paging-button.disabled:hover{border:1px solid #0000;color:#0000004d!important;cursor:default;outline:none}.dt-container .dt-paging>.dt-paging-button:first-child{margin-left:0}.dt-container .dt-paging .ellipsis{padding:0 1em}@media screen and (max-width:767px){.dt-container .dt-layout-row{flex-direction:column}.dt-container .dt-layout-cell{flex-direction:column;padding:.5em 0}}