@charset "UTF-8";

*,
*:before,
*:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
} html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body,
ul,
li,
* {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover,
*:focus {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
i,
em,
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: none; cursor: pointer; }
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box; box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0; padding: 0; }
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
} .clearfix:before,
.clearfix:after {
content: " "; display: table; }
.clearfix:after {
clear: both;
} .clearfix {
*zoom: 1;
}
.left-col {
width: 50%;
float: left;
}
.right-col {
width: 50%;
float: right;
}  html {
font-size: 62.5%;
font-family: "Open Sans", sans-serif;
background: white !important;
}
.table {
display: table;
}
.table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
.parallax {
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.container {
width: 1275px;
margin: 0 auto;
}
@media screen and (max-width: 1280px) {
.container {
width: 100%;
}
}
.hidden {
display: none;
}
.white-space {
width: 100%;
height: 10.5rem;
transition: 0.4s ease-out;
}
@media screen and (max-width: 1305px) {
.white-space {
height: 7.5rem !important;
}
}
.white-space.big {
margin-bottom: 70px;
}
@media screen and (max-width: 1305px) {
.white-space.big {
margin-bottom: 20px;
}
}
a {
text-decoration: none;
color: #67b330;
transform: 0.2s;
}
a:hover {
color: #63296a;
}
.popis-spolecnosti ul,
.documentation-filter ul {
margin: 0;
padding: 0;
line-height: 2.8rem;
font-size: 1.4rem;
list-style-type: none;
}
.popis-spolecnosti ul li,
.documentation-filter ul li {
position: relative;
padding-left: 20px;
margin-bottom: 1.5rem;
display: none;
}
.popis-spolecnosti ul li a,
.documentation-filter ul li a {
text-decoration: none;
color: black;
transition: 0.2s;
}
.popis-spolecnosti ul li a:hover,
.documentation-filter ul li a:hover {
color: #67b330;
}
.popis-spolecnosti ul li:nth-child(-n + 3),
.documentation-filter ul li:nth-child(-n + 3) {
display: block;
}
.popis-spolecnosti ul li:last-child,
.documentation-filter ul li:last-child {
margin-bottom: 5px;
}
.popis-spolecnosti ul li:before,
.documentation-filter ul li:before {
content: "";
position: absolute;
width: 15px;
height: 15px;
border: 2px solid #63296a;
border-radius: 25px;
left: 0;
top: 7px;
} header {
width: 100%;
height: 10.5rem;
transition: 0.2s;
background: white;
position: fixed;
z-index: 998;
transition: 0.4s ease-out;
-webkit-box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.75);
box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.75);
}
@media screen and (max-width: 1305px) {
header {
height: 7.5rem !important;
}
}
header.with-after:after {
content: "";
width: 100%;
height: 2px;
display: block;
background: #e61f4d; background: -moz-linear-gradient(left, #e61f4d 0%, #2e2973 100%); background: -webkit-linear-gradient(left, #e61f4d 0%, #2e2973 100%); background: linear-gradient(to right, #e61f4d 0%, #2e2973 100%); }
header:after {
content: "";
width: 100%;
height: 2px;
display: none;
background: #e61f4d; background: -moz-linear-gradient(left, #e61f4d 0%, #2e2973 100%); background: -webkit-linear-gradient(left, #e61f4d 0%, #2e2973 100%); background: linear-gradient(to right, #e61f4d 0%, #2e2973 100%); }
@media screen and (max-width: 1305px) {
header:after {
display: block;
}
}
.first-line {
line-height: 30px;
position: relative;
transition: 0.4s ease-out;
padding-right: 55px;
}
@media screen and (max-width: 1305px) {
.first-line {
padding-right: 120px;
}
}
@media screen and (max-width: 680px) {
.first-line {
padding-right: 0;
}
}
.first-line.small {
width: 175px;
margin-top: 5px;
float: right;
}
@media screen and (max-width: 1305px) {
.first-line.small {
width: auto;
margin-top: 0;
}
}
@media screen and (max-width: 1305px) {
.second-line {
display: none;
}
}
.navigation-wrap {
width: 1275px;
height: 100%;
margin: 0 auto;
padding-left: 3rem;
}
@media screen and (max-width: 1305px) {
.navigation-wrap {
padding-left: 2rem;
padding-right: 2rem;
width: 100%;
}
}
.logo-wrap {
width: 17.4rem;
height: 7.5rem;
transition: 0.2s;
}
.logo-wrap img {
height: 7.5rem;
transition: 0.4s ease-out;
}
@media screen and (max-width: 1305px) {
.logo-wrap img {
height: 5rem !important;
}
}
.menu-wrap {
text-align: right;
}
.menu-wrap li {
display: inline-block;
list-style-type: none;
}
a.mail,
a.phone,
.search-form,
.lang-switch,
.search-button {
display: inline-block;
} a.mail,
a.phone {
text-decoration: none;
color: #67b330;
font-weight: 600;
font-size: 1.5rem;
padding-left: 3rem;
background-position: left center;
margin-right: 2.5rem;
transition: 0.2s;
}
@media screen and (max-width: 1305px) {
a.mail,
a.phone {
display: inline-block !important;
}
}
@media screen and (max-width: 680px) {
a.mail,
a.phone {
display: none !important;
}
}
a.mail {
background-image: url(//4heat.cz/wp-content/themes/4heat/img/mail-green.png);
background-repeat: no-repeat;
}
a.mail:hover {
background-image: url(//4heat.cz/wp-content/themes/4heat/img/mail-pink.png);
background-repeat: no-repeat;
color: #dc1e4e;
}
a.phone {
background-image: url(//4heat.cz/wp-content/themes/4heat/img/phone-green.png);
background-repeat: no-repeat;
}
a.phone:hover {
background-image: url(//4heat.cz/wp-content/themes/4heat/img/phone-pink.png);
background-repeat: no-repeat;
color: #dc1e4e;
}
.menu-buttons {
width: 30px;
height: 30px;
display: block;
float: right;
position: relative;
}
.search-form-btn:hover,
.search-form-btn2:hover {
cursor: pointer;
border-color: #dc1e4e;
background: url(//4heat.cz/wp-content/themes/4heat/img/search-pink.png) no-repeat no-repeat;
background-position: center center;
background-size: 73%;
}
.search-form {
position: absolute;
right: 0;
z-index: 1;
float: left;
}
@media screen and (max-width: 1305px) {
.search-form {
right: 70px;
top: 0;
}
}
@media screen and (max-width: 680px) {
.search-form {
right: 0;
float: right;
}
}
@media screen and (max-width: 380px) {
.search-form {
display: none;
}
}
.search-form-btn,
.search-form-btn2 {
width: 3rem;
height: 3rem;
border: 0.2rem solid #63296a;
background: url(//4heat.cz/wp-content/themes/4heat/img/search.png) no-repeat no-repeat;
background-position: center center;
background-size: 73%;
}
.search-input {
height: 30px;
float: left;
border: 0px solid #63296a;
border-right: 0px;
width: 0px;
font-size: 1.4rem;
position: absolute;
right: 30px;
}
.search2 {
width: 210px;
margin: 0 auto;
}
.search-input2 {
height: 30px;
float: left;
width: 180px;
border: 2px solid #63296a;
border-right: 0px;
padding-left: 10px;
font-size: 1.4rem;
right: 30px;
}
.search-form2 {
position: static;
margin: 0 auto;
float: none;
}
.search-results-count {
font-size: 1.8rem;
text-align: center;
font-weight: 700;
}
.menu-buttons .lang-switch {
transition: 0.2s;
position: relative;
z-index: 1;
}
@media screen and (max-width: 1305px) {
.menu-buttons {
display: none;
}
}
.lang-switch:hover .lang-item {
display: inline-block;
}
.lang-switch .lang-item {
display: none;
transition: 0.2s;
}
.burger-nav .lang-item {
display: inline-block;
margin-right: 15px;
}
.burger-nav li.lang-item:last-of-type {
margin-right: 0;
}
.lang-switch .lang-item:nth-child(1) {
display: inline-block;
}
.lang-switch ul {
margin: 0;
width: 50px;
padding: 0;
text-align: center;
}
.lang-switch li.lang-item-6 {
display: none !important;
}
.burger-nav .lang-switch ul {
width: 100%;
}
.lang-switch a {
width: 3rem;
height: 3rem;
line-height: 2.6rem;
color: #63296a;
border: 0.2rem solid #63296a;
float: right;
font-size: 1.5rem;
text-align: center;
font-weight: 700;
text-transform: uppercase;
transition: 0.2s;
text-decoration: none;
}
.lang-switch a:hover {
color: #dc1e4e;
border-color: #dc1e4e;
cursor: pointer;
}
.menu-item a {
text-decoration: none;
color: #162970;
text-transform: uppercase;
font-size: 1.5rem;
margin-left: 3.5rem;
font-weight: 600;
transition: 0.2s;
}
.current-menu-item a,
.menu-item a:hover {
color: #dc1e4e;
}
.menu-small-btn {
display: none;
text-transform: uppercase;
color: #63296a;
height: 30px;
border: 2px solid #63296a;
margin-left: 3.5rem;
font-size: 1.5rem;
line-height: 2.6rem;
float: right;
padding-left: 0.5rem;
padding-right: 0.5rem;
font-weight: 700;
transition: 0.2s;
float: right;
}
@media screen and (max-width: 1305px) {
.menu-small-btn {
display: block;
}
}
@media screen and (max-width: 680px) {
.menu-small-btn {
right: 40px;
position: relative;
}
}
.menu-small-btn:hover {
border-color: #dc1e4e;
color: #dc1e4e;
cursor: pointer;
}
div.burger-nav {
display: none;
width: 100%;
height: auto;
background: white;
text-align: center;
position: fixed;
z-index: 102;
top: 74px;
border-bottom: 2px solid #63296a;
}
div.burger-nav ul {
padding-left: 0;
}
div.burger-nav ul li {
line-height: 2.5rem;
list-style-type: none;
}
div.burger-nav ul a {
color: #63296a;
text-decoration: none;
font-size: 2rem;
font-weight: 600;
margin-left: 0;
}
div.burger-nav ul a:hover {
color: #dc1e4e;
}  .slider {
position: relative;
width: 100%;
height: 80vh;
}
.cycle-slideshow {
width: 100%;
height: 80vh;
}
.cycle-slideshow div.slide {
background-size: cover !important;
}
.cycle-pager {
position: absolute;
margin: auto;
bottom: 40px;
z-index: 101;
left: 0;
right: 0;
width: 300px;
text-align: center;
}
@media screen and (max-width: 380px) {
.cycle-pager {
display: none;
}
}
.cycle-pager span {
width: 25px;
height: 25px;
display: inline-block; border: 4px solid white;
border-radius: 25px;
margin-left: 5px;
margin-right: 5px;
color: transparent;
}
.cycle-pager span:hover {
cursor: pointer;
background: white;
}
.cycle-pager-active {
width: 30px;
height: 30px;
display: inline-block;
background: white;
border: 4px solid white;
border-radius: 25px;
}
.slider {
position: relative;
}
.slide {
display: table;
width: 100%;
height: 60vh;
}
.bx-wrapper {
border: 0px !important;
box-shadow: none !important;
margin-bottom: 0 !important;
}
.bx-viewport {
height: calc(85vh - 75px) !important;
}
.cycle-slideshow div.slide {
height: 100%;
}
.cycle-slideshow div.slide {
background-size: 100% 100%;
display: table;
text-align: center;
}
.owl-pagination-true {
margin-bottom: 0px !important;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
bottom: 35px !important;
}
@media screen and (max-width: 380px) {
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
bottom: 15px !important;
}
}
.slide-content {
width: 600px;
margin: 0 auto;
height: 100%;
position: relative;
z-index: 101;
}
@media screen and (max-width: 1030px) {
.slide-content {
width: 100%;
}
}
.table-slide {
display: table;
height: 100%;
}
@media screen and (max-width: 1030px) {
.table-slide {
margin: 0 auto;
}
}
.slide-content.with-thumb {
text-align: left;
width: 1000px;
}
@media screen and (max-width: 1030px) {
.slide-content.with-thumb {
width: 100%;
}
}
h1 {
font-size: 3.7rem;
text-transform: uppercase;
font-weight: 600;
line-height: 3.9rem;
}
@media screen and (max-width: 460px) {
h1 {
font-size: 2.7rem;
}
}
.slide-content p {
font-size: 1.6rem;
line-height: 2.3rem;
margin-bottom: 1.5rem;
}
.slide-content.with-thumb p,
.slide-content.with-thumb h1 {
width: 60%;
float: left;
}
@media screen and (max-width: 1030px) {
.slide-content.with-thumb p,
.slide-content.with-thumb h1 {
width: 100%;
float: none;
}
}
.slide-content p a {
color: white;
background: #67b330;
padding: 1rem 1.5rem;
border-radius: 24px;
font-size: 1.4rem;
font-weight: 600;
text-decoration: none;
transition: 0.2s;
width: 200px;
height: 45px;
display: inline-block;
text-align: center;
text-transform: uppercase;
}
.slide-content p a:hover {
background: #dc1e4e;
}
.slide-content p,
.slide-content h1 {
color: white;
}
.slide-content .content-inner {
width: 600px;
margin: 0 auto;
display: table-cell;
vertical-align: middle;
}
@media screen and (max-width: 630px) {
.slide-content .content-inner {
width: 100%;
padding: 0;
}
}
.content-inner img {
width: 40%;
}
@media screen and (max-width: 1030px) {
.content-inner img {
display: none;
}
}
.slide-content.with-thumb .content-inner {
width: 1000px;
margin: 0 auto;
background-position: right center;
background-repeat: no-repeat;
}
@media screen and (max-width: 1030px) {
.slide-content.with-thumb .content-inner {
background-image: none !important;
width: 600px;
padding-right: 0;
text-align: center;
}
}
@media screen and (max-width: 630px) {
.slide-content.with-thumb .content-inner {
width: 100%;
padding: 0 15%;
}
}
@media screen and (max-width: 380px) {
.slide-content.with-thumb .content-inner {
padding: 0;
}
} #ups {
position: relative;
width: 100%;
text-align: center;
margin-top: -1px;
margin-bottom: 40px;
z-index: 101;
}
.home-ups {
width: 20%;
height: 220px;
transition: 0.2s ease-out;
margin-left: 6.5%;
position: relative;
float: left;
border-radius: 20px;
}
@media screen and (max-width: 1080px) {
.home-ups {
width: 48%;
margin-left: 2%;
margin-bottom: 25px;
}
}
@media screen and (max-width: 600px) {
.home-ups {
width: 98%;
}
}
.home-ups:hover {
background: #162970;
height: 300px;
margin-top: -80px;
}
.home-ups:first-child {
margin-left: 0;
}
@media screen and (max-width: 1080px) {
.home-ups:first-child {
margin-left: 1%;
}
}
@media screen and (max-width: 1080px) {
.home-ups:nth-child(2n + 1) {
margin-left: 1%;
}
}
.ups-image {
width: 85px;
height: 85px;
background: white;
border-radius: 50%;
margin: 0 auto;
margin-top: -32px;
transition: 0.2s;
}
.home-ups:hover .ups-image {
background: #162970;
}
.home-ups img {
transition: 0.2s;
position: relative;
top: 20px;
left: auto;
right: auto;
margin: 0 auto;
}
.home-ups .ups-image .thumb-image,
.home-ups:hover .ups-image .hover-image {
display: block;
}
.home-ups:hover .ups-image .thumb-image,
.home-ups .ups-image .hover-image {
display: none;
}
.home-ups-title {
font-size: 2.2rem;
color: #63296a;
line-height: 4rem;
text-transform: uppercase;
font-weight: 700;
transition: 0.2s;
}
.home-ups:hover .home-ups-title {
color: white;
}
.ups-content {
transition: 0.2s;
}
.ups-content p {
font-size: 1.4rem;
font-weight: 300;
line-height: 2rem;
}
.ups-content p em {
color: #67b330;
font-style: normal;
font-weight: 600;
}
.home-ups:hover .ups-content {
display: none;
}
.ups-hover {
display: none;
transition: 0.2s;
}
.ups-hover ul {
margin: 0;
padding: 0;
text-align: left;
display: inline-table;
}
.ups-hover li {
font-size: 1.6rem;
font-weight: 300;
line-height: 3rem;
list-style-type: none;
background-position: center left;
transition: 0.2s;
padding-left: 30px;
position: relative;
}
.ups-hover li:before {
content: "";
position: absolute;
left: 0;
width: 20px;
height: 20px;
border: 3px solid white;
border-radius: 25px;
top: 5px;
}
.ups-hover p {
font-size: 1.5rem;
font-weight: 300;
line-height: 2rem;
transition: 0.2s;
color: white;
padding: 0 30px;
}
.ups-hover a {
color: white;
text-decoration: none;
transition: 0.2s;
}
.ups-hover a:hover {
color: #67b330;
}
.ups-hover li a {
color: white;
text-decoration: none;
transition: 0.2s;
}
.ups-hover li:hover a {
color: #67b330;
}
.ups-hover li:hover:before {
border-color: #67b330;
background-color: #67b330;
}
.home-ups:hover .ups-hover {
display: block;
} #popis {
position: relative;
width: 100%;
padding-top: 45px;
padding-bottom: 45px;
background-image: url(//4heat.cz/wp-content/themes/4heat/img/circle-white.png);
background-color: #f9f9f9;
background-position: center bottom;
background-repeat: no-repeat;
margin-bottom: 30px;
}
.popis-spolecnosti {
width: 50%;
padding-left: 30px;
float: left;
}
@media screen and (max-width: 860px) {
.popis-spolecnosti {
width: 100%;
padding: 0 5%;
float: none;
}
}
.popis-spolecnosti p {
font-size: 1.4rem;
line-height: 2rem;
padding-right: 100px;
}
@media screen and (max-width: 860px) {
.popis-spolecnosti p {
padding-right: 0;
}
}
.popis-spolecnosti::-webkit-scrollbar {
width: 33px;
background-color: #ececec;
border-left: 11.5px solid #f9f9f9;
border-right: 11.5px solid #f9f9f9;
}
.popis-spolecnosti::-webkit-scrollbar-thumb {
width: 33px;
height: 33px;
background: url(//4heat.cz/wp-content/themes/4heat/img/scroll.png) no-repeat no-repeat;
}
h3 {
font-size: 4rem;
line-height: 4.3rem;
margin: 0;
margin-bottom: 35px;
text-transform: uppercase;
color: #63296a;
}
h3.clip {
background: #e61f4d; background: -moz-linear-gradient(left, #e61f4d 0%, #2e2973 100%); background: -webkit-linear-gradient(left, #e61f4d 0%, #2e2973 100%); background: linear-gradient(to right, #e61f4d 0%, #2e2973 100%); -webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.home h2 {
font-size: 4rem;
}
body:not(.home) h2 {
font-size: 2.6rem;
}
.home h2,
body:not(.home) h2 {
line-height: 4.3rem;
margin: 0;
margin-bottom: 35px;
text-transform: uppercase;
color: #63296a;
}
.home h2.clip,
body:not(.home) h2.clip {
background: #e61f4d; background: -moz-linear-gradient(left, #e61f4d 0%, #2e2973 100%); background: -webkit-linear-gradient(left, #e61f4d 0%, #2e2973 100%); background: linear-gradient(to right, #e61f4d 0%, #2e2973 100%); -webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.popis-kategorie {
width: 50%;
float: right;
padding-top: 15px;
padding-left: 65px;
}
@media screen and (max-width: 860px) {
.popis-kategorie {
width: 100%;
padding: 0 5%;
float: none;
}
}
.category {
width: 100%;
margin-bottom: 15px;
}
p.category-title {
font-size: 1.6rem;
line-height: 2rem;
color: #162970;
font-weight: 600;
}
p.category-description {
font-size: 1.4rem;
font-weight: 300;
line-height: 2rem;
padding-right: 2.2rem;
}
@media screen and (max-width: 860px) {
p.category-description {
padding-right: 0;
}
}
a.popis-link {
width: 150px;
height: 35px;
display: inline-block;
color: white;
background: #67b330;
font-weight: 600;
font-size: 1.4rem;
text-decoration: none;
line-height: 3.5rem;
border-radius: 25px;
transition: 0.2s;
margin-top: 15px;
margin-bottom: 10px;
text-align: center;
text-transform: uppercase;
}
a.popis-link:hover {
background: #dc1e4e;
}
a.back-link {
width: 170px;
height: 35px;
display: block;
color: white;
background: #67b330;
font-weight: 600;
font-size: 1.4rem;
text-decoration: none;
line-height: 3.5rem;
border-radius: 25px;
transition: 0.2s;
margin-top: 15px;
margin-bottom: 10px;
text-align: center;
text-transform: uppercase;
margin: 0 auto;
margin-bottom: 30px;
}
a.back-link:hover {
background: #dc1e4e;
} #reference {
padding-top: 40px;
padding-bottom: 40px;
}
.reference-wrap {
margin: 0 auto;
}
@media screen and (max-width: 1265px) {
.reference-wrap {
width: 933px;
}
}
@media screen and (max-width: 993px) {
.reference-wrap {
width: 622px;
}
}
@media screen and (max-width: 660px) {
.reference-wrap {
width: 282px;
}
}
#reference .container {
padding-left: 26px;
}
@media screen and (max-width: 660px) {
#reference .container {
padding-left: 0;
}
}
#reference h3 {
width: 238px;
margin: 0 auto;
margin-bottom: 40px;
}
.reference-single {
position: relative;
width: 285px;
height: 432px;
float: left;
margin-right: 26px;
transition: all 0.2s;
}
.single-tab .reference-single {
margin-bottom: 20px;
}
.reference-thumb {
height: 215px;
border-bottom: 3px solid #162970;
width: 100%;
}
.reference-content {
padding-left: 15px;
transition: 0.2s;
margin-top: -3px;
width: 282px;
height: 220px;
}
.reference-single:hover .reference-content {
background: #162970;
}
p.reference-title {
color: black;
font-size: 1.8rem;
line-height: 2.2rem;
font-weight: 600;
padding-top: 10px;
transition: 0.2s;
text-transform: uppercase;
height: 80px;
}
.reference-single:hover p.reference-title {
color: white;
}
p.reference-description {
color: black;
font-size: 1.5rem;
font-weight: 300;
margin-bottom: 45px;
transition: 0.2s;
}
.reference-single:hover p.reference-description {
color: white;
}
.refernce-logo {
transition: 0.2s;
}
.reference-single:hover .reference-logo {
display: none;
}
.reference-single a,
.reference-single span {
display: none;
transition: 0.2s;
width: 145px;
height: 35px;
background: #67b330;
text-decoration: none;
text-align: center;
color: white;
font-size: 1.3rem;
line-height: 3.5rem;
border-radius: 25px;
margin-left: 55px;
font-weight: 600;
text-transform: uppercase;
position: absolute;
bottom: 10px;
}
.reference-content img {
position: absolute;
bottom: 10px;
}
.reference-single:hover a,
.reference-single:hover span {
display: block;
}
.reference-single a:hover,
.reference-single a:hover {
background: #dc1e4e;
}
.image-circle {
width: 29px;
height: 29px;
border: 6px solid white;
border-radius: 25px;
position: absolute;
right: 15px;
top: 15px;
transition: 0.2s;
}
.reference-single:hover .image-circle {
border-color: #162970;
}
a.vsechny-reference {
transition: 0.2s;
width: 260px;
height: 46px;
background: #67b330;
text-decoration: none;
text-align: center;
color: white;
font-size: 1.4em;
line-height: 4.3rem;
border-radius: 25px;
margin: 0 auto;
margin-top: 35px;
transition: 0.2s;
font-weight: 600;
display: block;
text-transform: uppercase;
}
a.vsechny-reference:hover {
background: #dc1e4e;
} .error-wrap-404 {
width: 100%;
height: 100vh;
text-align: center;
padding-top: 100px;
} footer {
padding-top: 55px;
padding-bottom: 81px;
position: relative;
background: url(//4heat.cz/wp-content/themes/4heat/img/footer.jpg) no-repeat no-repeat;
background-size: 100% 100%;
position: relative;
}
.footer-logo {
width: 25%;
float: left;
padding-left: 30px;
}
@media screen and (max-width: 1050px) {
.footer-logo {
width: 50%;
text-align: center;
}
}
@media screen and (max-width: 485px) {
.footer-logo {
width: 100%;
}
}
.footer-contact {
width: 25%;
float: left;
}
@media screen and (max-width: 1050px) {
.footer-contact {
width: 50%;
}
}
@media screen and (max-width: 485px) {
.footer-contact {
width: 100%;
text-align: center;
margin-top: 20px;
}
}
a.footer-mail,
a.footer-phone {
text-decoration: none;
color: white;
font-weight: 600;
font-size: 1.6rem;
padding-left: 3rem;
margin-right: 2.5rem;
transition: 0.2s;
display: block;
margin-top: 15px;
}
@media screen and (max-width: 1050px) {
a.footer-mail,
a.footer-phone {
width: 165px;
margin: 15px auto;
}
}
a.footer-phone {
background: url(//4heat.cz/wp-content/themes/4heat/img/phone-white.png) no-repeat no-repeat;
background-position: left center;
}
a.footer-mail {
background: url(//4heat.cz/wp-content/themes/4heat/img/mail-white.png) no-repeat no-repeat;
background-position: left center;
}
a.footer-phone:hover {
color: #67b330;
background: url(//4heat.cz/wp-content/themes/4heat/img/phone-green2.png) no-repeat no-repeat;
background-position: left center;
}
a.footer-mail:hover {
color: #67b330;
background: url(//4heat.cz/wp-content/themes/4heat/img/mail-green2.png) no-repeat no-repeat;
background-position: left center;
}
.footer-menu {
width: 50%;
float: left;
}
@media screen and (max-width: 1050px) {
.footer-menu {
display: none;
}
}
.footer-menu li {
display: inline-block;
list-style-type: none;
}
.footer-menu li:nth-child(1),
.footer-menu li:nth-child(4) {
width: 160px;
}
@media screen and (max-width: 1207px) {
.footer-menu li:nth-child(1),
.footer-menu li:nth-child(4) {
width: 50%;
float: left;
}
}
.footer-menu li:nth-child(2),
.footer-menu li:nth-child(5) {
width: 275px;
}
@media screen and (max-width: 1207px) {
.footer-menu li:nth-child(2),
.footer-menu li:nth-child(5) {
width: 50%;
float: left;
}
}
.footer-menu li:nth-child(3),
.footer-menu li:nth-child(6) {
width: 115px;
}
@media screen and (max-width: 1207px) {
.footer-menu li:nth-child(3),
.footer-menu li:nth-child(6) {
width: 50%;
float: left;
}
}
.footer-menu li a {
color: white;
text-transform: uppercase;
font-weight: 400;
margin-right: 70px;
text-decoration: none;
padding-left: 0;
margin: 0;
line-height: 36px;
transition: 0.2s;
}
.footer-menu li a:hover {
color: #67b330;
}
.spisova-znacka {
position: absolute;
text-align: center;
color: rgba(255, 255, 255, 0.42);
font-size: 1.2rem;
bottom: 0;
width: 100%;
}
.madeby-wrap {
width: 100%;
background: #162970;
padding: 15px;
position: relative;
text-align: center;
color: white;
}
.copy {
font-size: 1.5rem;
position: absolute;
left: 0;
right: 0;
}
@media screen and (max-width: 680px) {
.copy {
left: initial;
right: initial;
}
}
@media screen and (max-width: 380px) {
.copy {
width: 100%;
display: block;
position: initial;
}
}
.madeby {
float: right;
font-size: 1.4rem;
position: relative;
z-index: 1;
}
@media screen and (max-width: 380px) {
.madeby {
width: 100%;
margin-top: 8px;
}
}
.madeby a {
color: white;
transition: 0.2s;
}
.madeby a:hover {
color: #dc1e4e;
}
.madeby img {
margin-left: 5px;
vertical-align: text-bottom;
width: 17px !important;
height: 17px !important;
}
.konzultace-sticker {
width: 200px;
height: 125px;
position: fixed;
bottom: 50px;
right: 50px;
text-align: center;
z-index: 101;
transition: all 0.2s easy-out;
}
@media screen and (max-width: 1650px) {
.konzultace-sticker {
bottom: 36px;
right: 20px;
width: 38px;
height: 38px;
}
}
.konzultace-sticker-wrap {
position: relative;
width: 100%;
height: 100%;
}
.konzultace-sticker-content {
width: 190px;
height: 110px;
background: #162970;
border-radius: 20px;
padding-top: 20px;
position: absolute;
right: 0;
bottom: 0;
z-index: 0;
}
@media screen and (max-width: 1650px) {
.konzultace-sticker-content {
display: none;
}
}
.konzultace-sticker .ikonka {
background-image: url(//4heat.cz/wp-content/themes/4heat/img/bubbles-small.png);
background-color: #162970;
background-repeat: no-repeat;
background-position: center center;
width: 38px;
height: 38px;
border-radius: 25px;
position: absolute;
top: 0;
left: 0;
z-index: 1;
cursor: pointer;
transition: 0.2s;
}
.konzultace-sticker .ikonka:hover {
background-color: #dc1e4e;
}
.konzultace-sticker p {
font-size: 1.3rem;
line-height: 1.55rem;
color: white;
font-weight: 600;
}
.konzultace-sticker a {
transition: 0.2s;
width: 110px;
height: 26px;
background: #67b330;
text-decoration: none;
text-align: center;
color: white;
font-size: 1.2em;
line-height: 2.6rem;
border-radius: 25px;
margin: 0 auto;
margin-top: -10px;
transition: 0.2s;
font-weight: 600;
display: block;
margin-top: 10px;
text-transform: uppercase;
}
.konzultace-sticker a:hover {
background: #dc1e4e;
cursor: pointer;
} h4 {
font-size: 3.4rem;
line-height: 4.3rem;
margin: 0;
margin-bottom: 30px;
text-transform: uppercase;
color: #63296a;
}
@media screen and (max-width: 375px) {
h4 {
font-size: 2.4rem;
line-height: 3.3rem;
}
}
h4.clip {
background: #e61f4d; background: -moz-linear-gradient(left, #e61f4d 0%, #2e2973 100%); background: -webkit-linear-gradient(left, #e61f4d 0%, #2e2973 100%); background: linear-gradient(to right, #e61f4d 0%, #2e2973 100%); -webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-template-page-produkty h1,
body:not(.home) h1 {
font-size: 3.4rem;
line-height: 4.3rem;
margin: 0;
margin-bottom: 30px;
text-transform: uppercase;
font-weight: bold;
color: #63296a;
}
@media screen and (max-width: 375px) {
h4 {
font-size: 2.4rem;
line-height: 3.3rem;
}
}
.page-template-page-produkty h1.clip,
body:not(.home) h1.clip {
background: #e61f4d; background: -moz-linear-gradient(left, #e61f4d 0%, #2e2973 100%); background: -webkit-linear-gradient(left, #e61f4d 0%, #2e2973 100%); background: linear-gradient(to right, #e61f4d 0%, #2e2973 100%); -webkit-background-clip: text;
-webkit-text-fill-color: transparent;
} #kontakt-uvod {
margin-top: 85px;
}
#kontakt-uvod h4 {
width: 250px;
}
@media screen and (max-width: 410px) {
#kontakt-uvod h4 {
width: 100%;
text-align: center;
margin-bottom: 40px;
}
}
.kontakty-leftcol {
width: 50%;
float: left;
padding-left: 30px;
font-size: 1.7rem;
line-height: 2.2rem;
margin-bottom: 70px;
}
@media screen and (max-width: 1050px) {
.kontakty-leftcol {
width: 100%;
float: none;
padding: 0 3%;
}
}
.kontakty-leftcol table {
width: 50% !important;
float: left;
font-weight: 300;
}
@media screen and (max-width: 410px) {
.kontakty-leftcol table {
width: 100% !important;
text-align: center;
margin-bottom: 40px;
}
}
.kontakty-leftcol table tr {
height: 22px !important;
}
.kontakty-leftcol table:nth-of-type(3) {
width: 75% !important;
margin-bottom: 40px;
}
@media screen and (max-width: 410px) {
.kontakty-leftcol table:nth-of-type(3) {
width: 100% !important;
}
}
.kontakty-leftcol table:nth-of-type(4) {
width: 100% !important;
}
.kontakty-leftcol table a {
color: #67b330;
transition: 0.2s;
text-decoration: none;
font-weight: 600;
}
.kontakty-leftcol table a:hover {
color: #dc1e4e;
}
.kontakty-rightcol {
width: 50%;
float: right;
margin-bottom: 70px;
}
@media screen and (max-width: 1050px) {
.kontakty-rightcol {
width: 100%;
float: none;
}
}
.mapa {
height: 400px;
background: url(//4heat.cz/wp-content/themes/4heat/img/circle-purple.png) no-repeat no-repeat;
background-position: top right;
}
@media screen and (max-width: 1300px) {
.mapa {
height: 290px;
width: 480px;
margin: 0 auto;
}
}
@media screen and (max-width: 540px) {
.mapa {
height: 215px;
width: 360px;
}
}
@media screen and (max-width: 400px) {
.mapa {
width: 300px;
background: none;
}
}
p.mapa-header {
color: #63296a;
font-size: 2.4rem;
line-height: 3.3rem;
margin: 0;
padding-top: 10px;
text-transform: uppercase;
}
p.loader-text {
font-size: 1.5rem;
line-height: 2rem;
display: none;
}
p.mapa-header.clip {
background: #e61f4d; background: -moz-linear-gradient(left, #e61f4d 0%, #2e2973 100%); background: -webkit-linear-gradient(left, #e61f4d 0%, #2e2973 100%); background: linear-gradient(to right, #e61f4d 0%, #2e2973 100%); -webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
path {
transition: 0.2s;
}
@media screen and (max-width: 1300px) {
path {
transform: scale(0.8);
}
}
@media screen and (max-width: 540px) {
path {
transform: scale(0.6);
}
}
@media screen and (max-width: 400px) {
path {
transform: scale(0.5);
}
}
path:hover,
path.path-active {
fill: #d02052;
}
a.no-pointer {
pointer-events: none;
text-shadow: 0px 2px 8px black;
}
@media screen and (max-width: 1300px) {
a.no-pointer {
transform: scale(0.8);
}
}
@media screen and (max-width: 540px) {
a.no-pointer {
display: none;
}
}
.map-contacts-wrap {
text-align: center;
margin-top: 40px;
}
a.contacts-mail,
a.contacts-phone {
display: inline-block;
text-decoration: none;
color: #162970;
font-weight: 400;
font-size: 2rem;
padding-left: 3rem;
background-position: left center;
margin-right: 2.5rem;
transition: 0.2s;
}
@media screen and (max-width: 410px) {
a.contacts-mail,
a.contacts-phone {
display: block;
margin-right: 0;
width: 220px;
margin: 0 auto;
line-height: 4rem;
}
}
a.contacts-mail {
background-image: url(//4heat.cz/wp-content/themes/4heat/img/mail-blue.png);
background-repeat: no-repeat;
margin-left: 35px;
}
@media screen and (max-width: 410px) {
a.contacts-mail {
margin: 0 auto;
}
}
a.contacts-mail:hover {
background-image: url(//4heat.cz/wp-content/themes/4heat/img/mail-pink2.png);
background-repeat: no-repeat;
color: #dc1e4e;
}
a.contacts-phone {
background-image: url(//4heat.cz/wp-content/themes/4heat/img/phone-blue.png);
background-repeat: no-repeat;
}
a.contacts-phone:hover {
background-image: url(//4heat.cz/wp-content/themes/4heat/img/phone-pink2.png);
background-repeat: no-repeat;
color: #dc1e4e;
}
#kontakty table {
width: 100% !important;
height: auto !important;
padding-left: 30px;
background-color: #f7f7f7;
background-image: url(//4heat.cz/wp-content/themes/4heat/img/circle-purple.png);
background-repeat: no-repeat;
background-position: 98% 15px;
line-height: 35px;
position: relative;
margin-bottom: 70px;
border-radius: 5px;
}
@media screen and (max-width: 340px) {
#kontakty table {
background-image: none;
}
}
#kontakty table.oz {
display: none;
}
#kontakty table.oz.slovensko {
display: block;
}
#kontakty table:before {
content: "";
position: absolute;
display: block;
background-image: url(//4heat.cz/wp-content/themes/4heat/img/circle-white-up.png);
width: 55px;
height: 14px;
left: 0;
right: 0;
margin: 0 auto;
}
#kontakty table:after {
content: "";
position: absolute;
display: block;
background-image: url(//4heat.cz/wp-content/themes/4heat/img/circle-white.png);
width: 55px;
height: 14px;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
}
#kontakty table:last-child:after {
background: #e61f4d; background: -moz-linear-gradient(left, #e61f4d 0%, #2e2973 100%); background: -webkit-linear-gradient(left, #e61f4d 0%, #2e2973 100%); background: linear-gradient(to right, #e61f4d 0%, #2e2973 100%); -webkit-text-fill-color: transparent;
height: 30px;
width: 100%;
left: 0;
right: 0;
bottom: -5px;
margin: 0 auto;
z-index: -1;
border-radius: 5px;
}
@media screen and (max-width: 1030px) {
#kontakty table tr {
height: auto !important;
width: 33% !important;
display: block;
margin-bottom: 30px !important;
float: left;
}
}
@media screen and (max-width: 690px) {
#kontakty table tr {
width: 50% !important;
}
}
@media screen and (max-width: 460px) {
#kontakty table tr {
width: 100% !important;
}
}
#kontakty table tr:last-of-type {
border-bottom: 30px solid transparent;
}
#kontakty table tr:first-child {
width: 100% !important;
height: auto !important;
display: table-row;
padding-left: 0 !important;
margin-bottom: 0 !important;
}
#kontakty table tr:first-child td {
padding-left: 30px;
}
@media screen and (max-width: 1030px) {
#kontakty table tr:first-child td {
text-align: center;
width: 100% !important;
display: block;
padding-left: 0;
}
}
#kontakty table tr:first-child:hover {
color: black;
}
#kontakty table tr:nth-of-type(n + 1) td:nth-of-type(1) {
padding-left: 30px;
width: 20% !important;
}
@media screen and (max-width: 1030px) {
#kontakty table tr:nth-of-type(n + 1) td:nth-of-type(1) {
width: 100% !important;
display: block !important;
line-height: 17px !important;
height: auto !important;
text-align: center !important;
padding-left: 0 !important;
}
}
#kontakty table tr:nth-of-type(n + 1) td:nth-of-type(2) {
width: 25% !important;
font-style: italic;
padding-right: 5%;
line-height: 3rem;
}
@media screen and (max-width: 1030px) {
#kontakty table tr:nth-of-type(n + 1) td:nth-of-type(2) {
width: 100% !important;
display: block !important;
line-height: 20px !important;
text-align: center !important;
height: auto !important;
padding-top: 0 !important;
margin-bottom: 10px !important;
padding-right: 0;
}
}
#kontakty table tr:nth-of-type(n + 1) td:nth-of-type(3) {
width: 25% !important;
}
@media screen and (max-width: 1030px) {
#kontakty table tr:nth-of-type(n + 1) td:nth-of-type(3) {
width: 100% !important;
display: block !important;
line-height: 17px !important;
height: auto !important;
text-align: center !important;
margin-bottom: 10px !important;
}
}
#kontakty table tr:nth-of-type(n + 1) td:nth-of-type(4) {
width: 25% !important;
}
@media screen and (max-width: 1030px) {
#kontakty table tr:nth-of-type(n + 1) td:nth-of-type(4) {
width: 100% !important;
display: block !important;
line-height: 17px !important;
height: auto !important;
text-align: center !important;
}
}
h5 {
font-size: 2rem;
font-weight: 700;
margin-top: 15px;
text-transform: uppercase;
}
#servis-page h3 {
font-size: 2rem;
font-weight: 700;
margin-top: 15px;
text-transform: uppercase;
color: black;
margin-bottom: 30px;
margin-top: 0;
}
.page-template-page-produkty h2 {
font-size: 2rem;
font-weight: 700;
margin-top: 15px;
text-transform: uppercase;
}
#kontakty table tr {
margin-bottom: 5px;
transition: 0.2s;
} #kontakty table tr b {
font-weight: 700;
}
#kontakty table tr td {
font-size: 1.7rem;
font-weight: 300;
line-height: 4rem;
}
#kontakty table a {
text-decoration: none;
color: black;
transition: 0.2s;
}
#kontakty table a:hover {
color: #67b330;
}
#google-mapa .container .hover-map {
width: 100%;
height: 100%;
display: none;
opacity: 0.7;
position: absolute;
z-index: 30;
background: white;
transition: 0.2s;
text-align: center;
}
#google-mapa .container .hover-map p {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
font-size: 1.8rem;
text-transform: uppercase;
font-weight: 700;
}
#google-mapa .container {
height: 485px;
margin-bottom: 70px;
position: relative;
}
#map {
height: 100%;
} #product-intro {
margin-top: 4.5rem;
margin-bottom: 4.5rem;
}
.product-gallery {
float: left;
width: 40%;
}
@media screen and (max-width: 860px) {
.product-gallery {
display: none;
}
}
.product-descpription {
float: right;
width: 60%;
padding-right: 5%;
}
@media screen and (max-width: 860px) {
.product-descpription {
width: 100%;
float: none;
padding: 2%;
}
}
.product-gallery-small {
display: none;
margin: 15px 0;
}
@media screen and (max-width: 860px) {
.product-gallery-small {
display: block;
}
}
.product-gallery-small img {
width: 100px;
height: 100px;
}
.product-descpription h4 {
margin-bottom: 0;
}
.product-descpription h5,
.product-descpription h3 {
font-size: 1.8rem;
font-weight: 700;
margin: 0;
text-transform: uppercase;
margin-bottom: 1.5rem;
color: black;
margin: 0;
}
ul.product-desc-tabs {
margin: 0;
padding: 0;
color: #67b330;
font-size: 1.5rem;
font-weight: 400;
margin-bottom: 3.5rem;
}
ul.product-desc-tabs li,
ul.product-desc-tabs a {
display: inline-block;
list-style-type: none;
padding: 0 1.5rem;
border-right: 1px solid #67b330;
transition: 0.2s;
}
ul.product-desc-tabs li:first-child,
ul.product-desc-tabs a:first-child {
padding-left: 0;
}
ul.product-desc-tabs li:last-child,
ul.product-desc-tabs a:last-child {
border-right: none;
}
ul.product-desc-tabs li:hover,
ul.product-desc-tabs a:hover {
cursor: pointer;
color: #dc1e4e;
}
.product-content {
font-size: 1.5rem;
line-height: 2rem;
margin-bottom: 3.5rem;
}
.product-benefits ul {
margin: 0;
padding: 0;
line-height: 2.8rem;
font-size: 1.4rem;
list-style-type: none;
}
.product-benefits ul li {
position: relative;
padding-left: 20px;
margin-bottom: 1.5rem;
display: none;
}
.product-benefits ul li:nth-child(-n + 3) {
display: block;
}
.product-benefits ul li:last-child {
margin-bottom: 5px;
}
.product-benefits ul li:before {
content: "";
position: absolute;
width: 15px;
height: 15px;
border: 2px solid #63296a;
border-radius: 25px;
left: 0;
top: 7px;
}
.product-benefits a {
text-align: left;
width: 100%; font-size: 1.3rem;
color: #67b330;
text-decoration: none;
transition: 0.2s;
padding-left: 20px;
}
.product-benefits a:hover {
color: #dc1e4e;
}
.product-benefits li a {
margin-left: -20px;
font-size: 1.4rem;
}
.product-documents {
margin-top: 3.5rem;
}
.product-documents table {
width: 100% !important;
font-size: 1.4rem;
line-height: 2.7rem;
}
.product-documents table tr:nth-child(2n) {
background: #f7f7f7;
}
.product-documents table td:nth-child(1) {
width: 15% !important;
}
.product-documents table td:nth-child(2) {
width: 85% !important;
}
.product-documents table a {
color: black;
transition: 0.2s;
text-decoration: none;
}
.product-documents table a:hover {
color: #dc1e4e;
}
.photo-thumbs img {
width: 100px;
height: 100px;
opacity: 0.5;
margin-left: 10px;
transition: 0.2s;
}
.photo-thumbs img:first-child {
margin-left: 0;
}
.photo-thumbs img.active {
opacity: 1;
}
.photo-thumbs img:hover {
cursor: pointer;
opacity: 1;
}
.photo-big {
position: relative;
height: 290px;
width: 100%;
}
.photo-big a {
display: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
width: 100%;
height: 100%;
}
.photo-big a img {
width: 80%;
height: 80%;
}
.photo-big a:first-child {
display: block;
}
#product-tabs .container {
padding: 0 30px;
}
@media screen and (max-width: 525px) {
#product-tabs .container {
padding: 0;
}
}
#product-tabs ul.tabs {
margin: 0;
padding: 0;
background: #e61f4d; background: -moz-linear-gradient(left, #e61f4d 0%, #2e2973 100%); background: -webkit-linear-gradient(left, #e61f4d 0%, #2e2973 100%); background: linear-gradient(to right, #e61f4d 0%, #2e2973 100%); color: white;
font-size: 1.8rem;
text-transform: uppercase;
font-weight: 700;
height: 60px;
line-height: 60px;
}
@media screen and (max-width: 1225px) {
#product-tabs ul.tabs {
height: 30px;
line-height: 30px;
font-size: 1.5rem;
}
}
@media screen and (max-width: 1106px) {
#product-tabs ul.tabs {
height: auto;
}
}
#product-tabs ul.tabs li {
display: inline-block;
padding-left: 50px;
padding-right: 60px;
transition: 0.2s;
margin-left: -5px;
}
@media screen and (max-width: 1106px) {
#product-tabs ul.tabs li {
width: 50%;
}
}
@media screen and (max-width: 657px) {
#product-tabs ul.tabs li {
width: 100%;
margin-left: 0;
}
}
#product-tabs ul.tabs li:first-child {
margin-left: 0;
}
@media screen and (max-width: 1106px) {
#product-tabs ul.tabs li:nth-child(2n + 1) {
margin-left: 0;
}
}
#product-tabs ul.tabs li:hover,
#product-tabs ul.tabs li.active {
background: #f7f7f7;
color: black;
cursor: pointer;
}
.tabs-content {
width: 100%;
background: #f7f7f7;
padding-top: 15px;
min-height: 300px;
position: relative;
border-radius: 5px;
}
.tabs-content table {
margin-bottom: 30px;
}
.tabs-content div.single-tab {
display: none;
position: relative;
width: 100%;
padding-left: 50px;
padding-right: 50px;
transition: 0.2 easy-out;
font-size: 1.5rem;
line-height: 2rem;
}
@media screen and (max-width: 525px) {
.tabs-content div.single-tab {
padding: 0;
}
}
.tabs-content div.single-tab table {
width: 100%;
}
.tabs-content div.single-tab table tr:nth-child(2n) {
background: white;
}
.tabs-content div.single-tab table td {
text-align: center;
}
.tabs-content div.single-tab.active {
display: block;
}
.single-tab ul {
margin: 0;
padding: 0;
line-height: 2.8rem;
font-size: 1.4rem;
list-style-type: none;
}
.single-tab ul li {
position: relative;
padding-left: 20px;
margin-bottom: 1.5rem;
}
.single-tab ul li:before {
content: "";
position: absolute;
width: 15px;
height: 15px;
border: 2px solid #63296a;
border-radius: 25px;
left: 0;
top: 7px;
}
#product-tabs .container:after {
background: #e61f4d; background: -moz-linear-gradient(left, #e61f4d 0%, #2e2973 100%); background: -webkit-linear-gradient(left, #e61f4d 0%, #2e2973 100%); background: linear-gradient(to right, #e61f4d 0%, #2e2973 100%); -webkit-text-fill-color: transparent;
height: 30px;
width: 100%;
left: 0;
right: 0;
bottom: 20px;
margin: 0 auto;
z-index: -1;
border-radius: 5px;
margin-bottom: 35px;
position: relative;
}
.single-product {
width: 200px;
height: 300px;
display: block;
}
.single-refence {
font-size: 1.7rem;
line-height: 2rem;
padding: 20px 0;
color: black;
}
.single-refence .product-detail-link {
margin-top: 3rem;
}
#product-tabs .complementary .reference-single img,
#references-products .reference-single img {
width: 100%;
}
#product-tabs .complementary .reference-single a {
display: block;
}
#product-tabs .complementary .reference-content,
#references-products .reference-content {
width: 285px;
margin-top: -5px;
}
#product-tabs .references .reference-content {
margin-top: -5px;
}
#product-tabs .complementary .reference-content,
#references-products .reference-content {
height: 150px;
}
.single-product p {
width: 100%;
font-size: 1.7rem;
line-height: 2rem;
padding: 20px 0;
color: #63296a;
text-transform: uppercase;
font-weight: 600;
background: white;
}
.helper {
width: 933px;
margin: 0 auto;
}
@media screen and (max-width: 1110px) {
.helper {
width: 622px;
}
}
@media screen and (max-width: 770px) {
.helper {
width: 283px;
}
}
.info-sticker {
position: absolute;
top: 330px;
height: 170px;
display: block;
width: 415px;
transition: 0.2s ease-out;
left: -305px;
}
@media screen and (max-width: 1580px) {
.info-sticker {
display: none;
}
}
.info-sticker:hover {
cursor: pointer;
}
.sticker-wrap {
position: relative;
}
.sticker-arrow {
height: 170px;
background: #67b330;
border-radius: 0 5px 5px 0;
width: 35px;
text-align: center;
padding-top: 78px;
transition: 0.2s;
position: absolute;
right: 0;
}
.sticker-arrow img {
transition: 0.2s;
}
.sticker-arrow img.rotate {
-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);
}
.info-sticker:hover .sticker-arrow,
.info-sticker:hover .sticker-info {
background-color: #dc1e4e;
cursor: pointer;
}
.sticker-info {
background-image: url(//4heat.cz/wp-content/themes/4heat/img/info-sticker.png);
background-color: #67b330;
background-repeat: no-repeat;
background-position: center center;
width: 75px;
height: 170px;
position: absolute;
right: 35px;
transition: 0.2s;
}
.info-sticker.active .sticker-info {
width: 0;
}
.sticker-content {
height: 170px;
background-color: #162970;
color: white;
font-size: 1.3rem;
line-height: 1.95rem;
padding-left: 100px;
border-radius: 0 5px 5px 0;
position: absolute;
left: 0;
background-position-y: 15px;
background-position-x: 15px;
background-repeat: no-repeat;
width: 305px;
transition: 0.2 ease-out;
}
.sticker-content p {
margin: 0;
}
.sticker-content p.sticker-title {
font-size: 1.4rem;
font-weight: 700;
text-transform: uppercase;
padding-right: 20px;
line-height: 22px;
margin-top: 30px;
margin-bottom: 15px;
}
.sticker-content a {
color: white;
text-decoration: none;
transition: 0.2s;
}
.sticker-content a:hover {
color: #dc1e4e;
} #categories-header .container {
background: url(//4heat.cz/wp-content/themes/4heat/img/circle-purple.png) no-repeat no-repeat;
background-position-y: 2px;
background-position-x: right;
padding: 0 30px;
}
@media screen and (max-width: 500px) {
#categories-header .container {
background: none;
}
}
ul.products-categories {
font-size: 1.95rem;
line-height: 2.5rem;
font-weight: 400;
color: black;
margin: 0;
padding: 0;
margin-bottom: 30px;
}
ul.products-categories li {
list-style-type: none;
margin-right: 35px;
transition: 0.2s;
display: inline-block;
}
@media screen and (max-width: 600px) {
ul.products-categories li {
font-size: 1.2rem;
line-height: 1.3;
display: inline-block;
margin: 0 0.6rem;
margin-bottom: 1rem;
white-space: nowrap;
}
}
ul.products-categories li:hover {
color: #dc1e4e;
cursor: pointer;
}
ul.products-categories li.active {
color: #67b330;
}
ul.products-categories.fixed {
position: fixed;
top: 77px;
background: white;
width: 100%;
line-height: 40px;
z-index: 40;
left: 0;
padding-left: 7rem;
transition: 0.2s;
}
@media screen and (max-width: 1305px) {
ul.products-categories.fixed {
top: 77px;
}
}
@media screen and (max-width: 600px) {
ul.products-categories.fixed {
padding-top: 1rem;
padding-left: 1rem;
}
}
.category-section .container {
text-align: center;
padding: 0 30px;
position: relative;
}
.category-section h5,
.page-template-page-produkty .category-section h2 {
padding-top: 30px;
}
.category-section:nth-child(2n + 1) .container {
background: #f7f7f7;
}
.category-section:nth-child(2n + 1) .container:before {
content: "";
position: absolute;
display: block;
background-image: url(//4heat.cz/wp-content/themes/4heat/img/circle-white-up.png);
width: 55px;
height: 14px;
left: 0;
right: 0;
margin: 0 auto;
}
.category-section:nth-child(2n + 1) .container:after {
content: "";
position: absolute;
display: block;
background-image: url(//4heat.cz/wp-content/themes/4heat/img/circle-white.png);
width: 55px;
height: 14px;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
}
.subcats-wrap {
padding-bottom: 50px;
}
.single-subcat {
position: relative;
width: 290px;
height: 290px;
background: white;
border-radius: 5px;
display: inline-block;
margin-left: 5px;
margin-right: 5px;
border-radius: 5px;
transition: 0.2s;
margin-bottom: 20px;
}
@media screen and (max-width: 380px) {
.single-subcat {
width: 100%;
}
}
.single-subcat img {
height: 160px;
width: 77%;
border-radius: 5px;
margin-top: 12px;
margin-bottom: 12px;
}
.single-subcat span {
width: 150px;
height: 35px;
border: 2px solid #67b330;
border-radius: 25px;
color: #67b330;
font-size: 1.4rem;
line-height: 31px;
text-align: center;
display: block;
text-decoration: none;
margin: 0 auto;
position: absolute;
left: 0;
right: 0;
bottom: 8px;
text-transform: uppercase;
}
.subcat-content {
position: absolute;
z-index: 0;
height: 100%;
width: 100%;
}
.subcat-hover {
opacity: 0;
position: absolute;
z-index: 1;
background: rgba(22, 41, 112, 0.92);
color: white;
width: 100%;
height: 100%;
padding: 0 40px;
line-height: 2rem;
font-size: 1.4rem;
border-radius: 5px;
}
.subcat-hover p {
padding-top: 45px;
margin-bottom: 45px;
}
.subcat-hover span {
width: 150px;
height: 35px;
border-radius: 25px;
border: 2px solid #67b330;
background: #67b330;
font-size: 1.4rem;
line-height: 31px;
color: white;
text-align: center;
display: block;
text-decoration: none;
margin: 0 auto;
transition: 0.2s;
position: absolute;
left: 0;
right: 0;
bottom: 8px;
text-transform: uppercase;
}
.subcat-hover span:hover {
background: #dc1e4e;
border-color: #dc1e4e;
}
.single-subcat:hover .subcat-hover {
opacity: 1;
} .category-subpage.container {
padding: 0 30px;
margin-bottom: 50px;
}
.category-subpage-leftcol {
width: 20%;
float: left;
}
@media screen and (max-width: 995px) {
.category-subpage-leftcol {
width: 100%;
float: none;
}
}
p.subcat-list-header {
font-size: 2rem;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 35px;
padding-top: 7px;
}
@media screen and (max-width: 1257px) {
p.subcat-list-header {
font-size: 1.8rem;
margin-bottom: 20px;
}
}
@media screen and (max-width: 995px) {
p.subcat-list-header {
padding-top: 0;
}
}
.small-header {
display: none;
}
@media screen and (max-width: 605px) {
.small-header {
display: inline-block;
}
}
.cancel-filtres-button {
width: 150px;
height: 35px;
border-radius: 25px;
border: 2px solid #67b330;
background: #67b330;
font-size: 1.4rem;
line-height: 31px;
color: white;
text-align: center;
display: block;
text-decoration: none;
transition: 0.2s;
text-transform: uppercase;
}
.cancel-filtres-button:hover {
background: #dc1e4e;
border-color: #dc1e4e;
}
ul.subcat-list {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 1.4rem;
line-height: 2rem;
}
@media screen and (max-width: 1257px) {
ul.subcat-list {
line-height: 1.8rem;
}
}
@media screen and (max-width: 605px) {
ul.subcat-list {
display: none;
}
}
ul.subcat-list a {
color: black;
text-decoration: none;
transition: 0.2s;
position: relative;
}
ul.subcat-list a:hover {
color: #67b330;
}
ul.subcat-list li {
padding-left: 25px;
margin-bottom: 20px;
position: relative;
transition: 0.2s;
}
@media screen and (max-width: 995px) {
ul.subcat-list li {
display: inline-block;
width: 48%;
}
}
@media screen and (max-width: 605px) {
ul.subcat-list li {
width: 100%;
}
}
ul.subcat-list li.active,
ul.subcat-list li.active a {
color: #67b330;
}
ul.subcat-list li:hover {
cursor: pointer;
color: #67b330;
}
ul.subcat-list li:hover:before,
ul.subcat-list li.active:before {
background: #67b330;
border: none;
}
ul.subcat-list li:before {
content: "";
position: absolute;
width: 15px;
height: 15px;
border: 2px solid black;
border-radius: 25px;
left: 0;
top: 2px;
}
@media screen and (max-width: 605px) {
ul.subcat-list li:before {
top: 0;
}
}
ul.subcat-list a:hover li:before {
background: #67b330;
border: none;
}
.category-subpage-rightcol {
width: 77%;
float: right;
}
@media screen and (max-width: 995px) {
.category-subpage-rightcol {
width: 100%;
float: none;
margin-top: 20px;
}
}
.category-subpage-rightcol h4 {
font-size: 3rem;
line-height: 3.5rem;
}
.category-subpage-single-product {
display: block;
width: 100%;
min-height: 235px;
background: #f7f7f7;
padding-top: 15px;
padding-left: 25px;
position: relative;
padding-right: 50px;
padding-bottom: 15px;
}
@media screen and (max-width: 775px) {
.category-subpage-single-product {
text-align: center;
margin-bottom: 20px;
padding-right: 15px;
padding-left: 15px;
}
}
.category-subpage-single-product:last-child {
margin-bottom: 40px;
}
.single-product-thumb {
width: 285px;
height: 215px;
background: white;
float: left;
margin-right: 30px;
}
.single-product-thumb img {
width: 100%;
height: 100%;
}
@media screen and (max-width: 775px) {
.single-product-thumb {
display: block;
float: none;
margin: 0 auto;
width: 90%;
height: auto;
}
}
.product-title {
font-size: 1.8rem;
font-weight: bold;
text-transform: uppercase;
margin-top: 10px;
display: block;
margin-bottom: 10px;
color: black;
text-decoration: none;
transition: 0.2s;
}
.product-title:hover {
color: #dc1e4e;
}
.category-subpage-single-product p {
color: black;
font-size: 1.4rem;
line-height: 2rem;
}
.category-subpage-single-product .product-desc-tabs a,
.category-subpage-single-product .product-desc-tabs li {
font-size: 1.4rem;
color: #67b330;
text-decoration: none;
padding: 0 0.5rem;
}
.category-subpage-rightcol ul.product-desc-tabs {
float: left;
line-height: 35px;
}
@media screen and (max-width: 1262px) {
.category-subpage-rightcol ul.product-desc-tabs {
display: none;
}
}
@media screen and (max-width: 775px) {
.category-subpage-rightcol ul.product-desc-tabs {
display: block;
float: none;
line-height: 2rem;
margin-bottom: 10px;
}
}
.product-detail-link {
width: 150px;
height: 35px;
border-radius: 25px;
border: 2px solid #67b330;
background: #67b330;
font-size: 1.4rem;
line-height: 31px;
color: white;
text-align: center;
display: block;
text-decoration: none;
margin: 0 auto;
transition: 0.2s;
float: right;
text-transform: uppercase;
}
@media screen and (max-width: 1262px) {
.product-detail-link {
float: left;
}
}
@media screen and (max-width: 775px) {
.product-detail-link {
float: none;
}
}
.product-detail-link:hover {
background: #dc1e4e;
border-color: #dc1e4e;
}
.breadcrumbs {
width: 100%;
color: white;
line-height: 40px;
background: #e61753; background: -moz-linear-gradient(left, #e61753 56%, #1f1b5e 82%); background: -webkit-linear-gradient(left, #e61753 56%, #1f1b5e 82%); background: linear-gradient(to right, #e61753 56%, #1f1b5e 82%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e61753', endColorstr='#1f1b5e',GradientType=1 ); font-size: 1.6rem;
}
@media screen and (max-width: 1305px) {
.breadcrumbs {
display: none;
}
}
.breadcrumbs .inner {
width: 1275px;
margin: 0 auto;
padding-left: 3rem;
}
@media screen and (max-width: 1305px) {
.breadcrumbs .inner {
padding-left: 2rem;
padding-right: 2rem;
width: 100%;
}
}
.breadcrumbs a {
color: white;
text-decoration: none;
transition: 0.2s;
}
.breadcrumbs a:hover {
color: #67b330;
} #documentation-header h4 {
padding-left: 30px;
}
@media screen and (max-width: 1305px) {
#documentation-header h4 {
padding-left: 2rem;
}
}
.documentation-filter {
background: #f7f7f7;
width: 100%;
padding-top: 35px;
padding-bottom: 10px;
padding-left: 3rem;
border-radius: 5px;
margin-bottom: 35px;
}
@media screen and (max-width: 1305px) {
.documentation-filter {
padding-left: 2rem;
padding-right: 2rem;
}
}
.documentation-filter p {
font-size: 1.4rem;
line-height: 2rem;
padding-right: 385px;
}
@media screen and (max-width: 1080px) {
.documentation-filter p {
padding-right: 0;
}
}
.documentation-filter p:last-of-type {
margin-bottom: 35px;
margin-top: 35px;
padding-right: 0;
}
.documentation-filter h5,
.products-list h5,
body:not(.home) .documentation-filter h2,
body:not(.home) .products-list h2 {
text-transform: uppercase;
margin: 0;
margin-bottom: 20px;
font-size: 2rem;
color: black;
}
.documentation-filter select {
width: 240px;
height: 35px;
line-height: 35px;
padding-left: 15px;
border-radius: 5px;
border: 2px solid black;
font-size: 1.8rem;
text-transform: uppercase;
margin-right: 30px;
}
@media screen and (max-width: 852px) {
.documentation-filter select {
margin-bottom: 30px;
margin-right: 0;
}
}
@media screen and (max-width: 610px) {
.documentation-filter select {
width: 100%;
}
}
.documentation-filter select.sub-category {
width: 560px;
margin-right: 0;
display: none;
margin-bottom: 0;
}
@media screen and (max-width: 610px) {
.documentation-filter select.sub-category {
width: 100%;
}
}
.servis-links {
position: relative;
margin-bottom: 25px;
}
.documentation-filter a,
.wpcf7-list-item-label {
font-size: 1.8rem;
font-weight: 700;
text-transform: uppercase;
position: relative;
padding-left: 20px;
transition: 0.2s;
text-decoration: none;
color: #67b330;
}
.documentation-filter.without-link p:nth-of-type(1) a {
font-size: 1.4rem;
color: #67b330;
margin: 0;
text-transform: initial;
padding: 0;
}
.documentation-filter.without-link p:nth-of-type(1) a:before {
display: none;
}
.documentation-filter a:hover,
.wpcf7-list-item-label:hover {
color: #67b330;
cursor: pointer;
}
span.typ_prace {
display: none;
}
.documentation-filter a,
.wpcf7-list-item {
margin: 0 25px 0 0;
}
.documentation-filter a:before,
.wpcf7-list-item-label:before {
content: "";
position: absolute;
left: 0;
top: 6px;
width: 13px;
height: 13px;
border-radius: 25px;
border: 3px solid black;
}
input[type="radio"] {
position: absolute;
visibility: hidden;
}
.documentation-filter a.active:before,
.documentation-filter a:hover:before,
input[type="radio"]:checked + .wpcf7-list-item-label:after,
.wpcf7-list-item-label:hover:before {
content: "";
position: absolute;
left: 0;
top: 6px;
width: 13px;
height: 13px;
border-radius: 25px;
border: 3px solid #67b330;
background: #67b330;
transition: 0.2s;
}
.documentation-filtre a.active,
input[type="radio"]:checked + .wpcf7-list-item-label {
color: #67b330;
}
.documentation-filtre a.active,
input[type="radio"]:checked + .wpcf7-list-item-label:before,
.documentation-filter
.wpcf7-list-item-label:hover
+ .wpcf7-list-item-label:before {
border: 3px solid #67b330;
}
.products-list {
width: 100%;
overflow-x: auto;
padding-top: 35px;
padding-bottom: 35px;
padding-left: 3rem;
margin-bottom: 35px;
}
@media screen and (max-width: 1305px) {
.products-list {
padding-left: 2rem;
}
}
.products-list table {
display: none;
width: 100%;
line-height: 35px;
font-size: 1.7rem;
}
@media screen and (max-width: 705px) {
.products-list table {
width: 705px;
}
}
.products-list table tr.table-header {
font-size: 1.4rem;
text-align: center;
font-weight: 300;
transition: 0.2s;
}
@media screen and (max-width: 490px) {
.products-list table tr.table-header {
font-size: 1.2rem;
}
}
.products-list table tr:hover {
background: #f7f7f7;
}
.products-list table tr:first-child:hover {
background: none;
}
.products-list table td {
width: 15%;
}
.products-list table tr td:first-child {
font-weight: 700;
width: 40%;
padding-left: 40px;
}
@media screen and (max-width: 555px) {
.products-list table tr td:first-child {
padding-left: 0;
}
}
@media screen and (max-width: 490px) {
.products-list table tr td:first-child {
font-weight: 400;
font-size: 1.3rem;
width: 30%;
}
}
.products-list table a.download-button {
width: 25px;
height: 25px;
display: block;
background-color: #dc1e4e;
background-image: url(//4heat.cz/wp-content/themes/4heat/img/arrow-sticker.png);
background-repeat: no-repeat;
background-position-x: 7.5px;
background-position-y: 5.4px;
border-radius: 25px;
-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);
transition: 0.2s;
margin: 0 auto;
}
@media screen and (max-width: 490px) {
.products-list table a.download-button {
width: 20px;
height: 20px;
background-position-y: 4.2px;
background-position-x: 7px;
background-size: 36%;
}
}
.products-list table a.download-button:hover {
background-color: #67b330;
}
.products-list table a.product-link {
text-decoration: none;
color: black;
transition: 0.2s;
-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);
}
.products-list table a.product-link:hover {
color: #dc1e4e;
background: none;
} #servis-page .container {
padding-left: 3rem;
}
@media screen and (max-width: 1305px) {
#servis-page .container {
padding-left: 2rem;
padding-right: 2rem;
}
}
#servis-page h4 {
margin-bottom: 20px;
}
#servis-page h5 {
margin-top: 0;
margin-bottom: 30px;
}
.servis-leftcol {
width: 60%;
float: left;
font-size: 1.5rem;
line-height: 2rem;
margin-bottom: 30px;
}
@media screen and (max-width: 880px) {
.servis-leftcol {
width: 100%;
float: none;
}
}
h6 {
font-size: 1.5rem;
line-height: 2rem;
font-weight: 700;
margin-bottom: 1.5rem;
margin-top: 40px;
}
#servis-page h4 {
font-size: 1.5rem;
line-height: 2rem;
font-weight: 700;
margin-bottom: 1.5rem;
margin-top: 40px;
color: black;
}
.servis-rightcol {
width: 40%;
float: right;
padding-top: 50px;
}
@media screen and (max-width: 880px) {
.servis-rightcol {
width: 100%;
float: none;
padding-top: 0;
margin-bottom: 30px;
}
}
.servis-leftcol ul {
margin: 0;
padding: 0;
line-height: 2.8rem;
font-size: 1.5rem;
list-style-type: none;
}
.servis-leftcol ul li {
position: relative;
padding-left: 20px;
margin-bottom: 1.5rem;
}
.servis-leftcol ul li:nth-child(-n + 3) {
display: block;
}
.servis-leftcol ul li:last-child {
margin-bottom: 5px;
}
.servis-leftcol ul li:before {
content: "";
position: absolute;
width: 15px;
height: 15px;
border: 2px solid #63296a;
border-radius: 25px;
left: 0;
top: 7px;
}
.servis-contact {
width: 380px;
height: 390px;
background: #f7f7f7;
padding: 30px;
margin: 0 auto;
font-size: 1.5rem;
line-height: 2rem;
border-radius: 5px;
position: relative;
}
@media screen and (max-width: 450px) {
.servis-contact {
width: 100%;
}
}
.servis-contact h5 {
margin-bottom: 20px;
}
.servis-contact p:first-child {
margin-bottom: 45px;
}
.servis-contact p:nth-child(n + 3) {
padding-left: 40px;
}
@media screen and (max-width: 450px) {
.servis-contact p:nth-child(n + 3) {
padding-left: 0;
}
}
.servis-contact p em {
font-style: normal;
width: 90px;
display: inline-block;
}
.servis-button {
width: 203px;
height: 48px;
background: #67b330;
color: white;
font-size: 1.8rem;
line-height: 48px;
border-radius: 30px;
transition: 0.2s;
margin: 0 auto;
display: block;
text-align: center;
text-decoration: none;
margin-top: 33px;
text-transform: uppercase;
}
.servis-button:hover {
background: #dc1e4e;
}
.servis-contact:after {
content: "";
display: block;
position: absolute;
background: #e61f4d; background: -moz-linear-gradient(left, #e61f4d 0%, #2e2973 100%); background: -webkit-linear-gradient(left, #e61f4d 0%, #2e2973 100%); background: linear-gradient(to right, #e61f4d 0%, #2e2973 100%); -webkit-text-fill-color: transparent;
height: 30px;
width: 100%;
left: 0;
right: 0;
bottom: -5px;
margin: 0 auto;
z-index: -1;
border-radius: 5px;
} #objednavka .documentation-filter select {
width: 50%;
margin-top: 35px;
}
@media screen and (max-width: 915px) {
#objednavka .documentation-filter select {
width: 80%;
}
}
#objednavka .container,
#servis-form .container {
padding-left: 3rem;
}
@media screen and (max-width: 1305px) {
#objednavka .container,
#servis-form .container {
padding-left: 2rem;
padding-right: 2rem;
}
}
.contact-form-leftcol {
width: 50%;
float: left;
}
@media screen and (max-width: 615px) {
.contact-form-leftcol {
width: 100%;
float: none;
}
}
#servis-form .container:first-child,
#servis-form .container:nth-of-type(2) {
margin-bottom: 55px;
}
@media screen and (max-width: 615px) {
#servis-form .container:first-child,
#servis-form .container:nth-of-type(2) {
margin-bottom: 0;
}
}
.contact-form-rightcol {
width: 50%;
float: right;
}
@media screen and (max-width: 615px) {
.contact-form-rightcol {
width: 100%;
float: none;
}
}
#servis-form input,
#servis-form textarea {
width: 95%;
height: 35px;
line-height: 35px;
padding-left: 15px;
border-radius: 5px;
border: 2px solid black;
font-size: 1.8rem;
text-transform: uppercase;
margin-bottom: 20px;
}
@media screen and (max-width: 610px) {
#servis-form input,
#servis-form textarea {
width: 100%;
}
}
#servis-form select {
width: 95%;
height: 35px;
line-height: 35px;
padding-left: 15px;
border-radius: 5px;
border: 2px solid black;
font-size: 1.8rem;
text-transform: uppercase;
margin-bottom: 20px;
}
#servis-form textarea {
height: 113px;
resize: none;
}
#servis-form h5 {
margin-bottom: 15px;
}
#servis-form p {
font-size: 1.4rem;
line-height: 1.8rem;
font-weight: 300;
margin-bottom: 35px;
}
#servis-form input[type="submit"] {
width: 210px;
height: 55px;
background: #67b330;
color: white;
font-size: 1.8rem;
line-height: 55px;
border-radius: 30px;
transition: 0.2s;
margin: 0 auto;
display: block;
text-align: center;
text-decoration: none;
margin-top: 33px;
transition: 0.2s;
border: none;
text-transform: none;
padding: 0;
margin-top: 40px;
margin-bottom: 40px;
display: inline-block;
text-transform: uppercase;
}
#servis-form input[type="submit"]:hover {
background: #dc1e4e;
}
#servis-form .send-button {
float: left;
width: 100%;
text-align: center;
}
#servis-form .input-label {
width: 100%;
display: block;
font-size: 1.4rem;
line-height: 1.8rem;
font-weight: 300;
margin-bottom: 5px;
padding-right: 20%;
}
#servis-form .input-label .pristup {
padding-right: 2%;
}
#servis-form .input-label .pristup .wpcf7-radio {
white-space: nowrap;
}
span.wpcf7-not-valid-tip {
position: relative;
margin-top: -20px;
} .reference-subpage a.product-detail-link {
float: left;
} #single-post .container,
#modal {
padding-left: 3rem;
margin-bottom: 30px;
}
@media screen and (max-width: 1305px) {
#single-post .container,
#modal {
padding-left: 2rem;
padding-right: 2rem;
}
}
#single-post {
font-size: 1.4rem;
line-height: 2.8rem;
}
#single-post table tr:nth-child(2n + 1) {
background: #f7f7f7;
}
#single-post ul {
list-style-type: none;
}
#single-post li {
position: relative;
padding-left: 30px;
}
#single-post li:before {
content: "";
position: absolute;
width: 15px;
height: 15px;
border: 2px solid #63296a;
border-radius: 25px;
left: 0;
top: 7px;
} #news .container {
padding-left: 3rem;
}
@media screen and (max-width: 1305px) {
#news .container {
padding-left: 2rem;
padding-right: 2rem;
}
}
#news-wrap .container {
background-color: #f7f7f7;
padding-left: 8rem;
padding-right: 2.5rem;
padding-top: 4.5rem;
padding-bottom: 4.5rem;
text-align: center;
}
@media screen and (max-width: 520px) {
#news-wrap .container {
padding-left: 0;
padding-right: 0;
}
} .search-more:hover {
color: white;
}
.single-news {
width: 325px;
background-color: white;
position: relative;
display: inline-block;
margin: 0 auto;
margin-right: 60px;
margin-bottom: 60px;
text-align: left;
}
@media screen and (max-width: 520px) {
.single-news {
width: 100%;
margin-right: 0;
}
}
.single-news img,
.single-news .no-image {
width: 100%;
height: 215px;
border-bottom: 5px solid #162970;
}
.single-news .no-image {
background-image: url(//4heat.cz/wp-content/themes/4heat/img/default.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 45%;
}
.single-news .news-content {
padding-left: 17px;
padding-top: 15px;
padding-bottom: 35px;
margin-top: -3px;
}
.single-news:hover .news-content {
background: #162970;
}
.single-news:hover a.more {
background: #67b330;
color: white;
}
.single-news:hover img.image-circle {
border-color: #162970;
}
.single-news:hover {
color: white;
}
.single-news .excrept {
position: relative;
}
.single-news .excrept {
color: black;
font-size: 1.4rem;
line-height: 1.4rem;
margin-bottom: 2.5rem;
height: 60px;
overflow: hidden;
}
.single-news:hover .excrept,
.single-news:hover p.news-title {
color: white;
}
.single-news .excrept:after {
content: " ";
position: absolute;
width: 100%;
height: 35px;
bottom: 0px;
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); bacbkground: -webkit-linear-gradient(
top,
rgba(255, 255, 255, 0) 0%,
white 100%
); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); }
.single-news:hover .excrept:after {
background: -moz-linear-gradient(
top,
rgba(255, 255, 255, 0) 0%,
#162970 100%
); bacbkground: -webkit-linear-gradient(
top,
rgba(255, 255, 255, 0) 0%,
#162970 100%
); background: linear-gradient(
to bottom,
rgba(255, 255, 255, 0) 0%,
#162970 100%
); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); }
.single-news p.news-title {
color: black;
font-size: 2rem;
line-height: 2.2rem;
font-weight: 700;
margin-bottom: 2rem;
height: 66px;
}
.single-news span.more-link {
text-decoration: none;
color: black;
}
.single-news span.more {
color: white;
width: 145px;
height: 30px;
border: 2px solid #67b330;
border-radius: 25px;
font-size: 1.4rem;
line-height: 26px;
text-decoration: none;
font-weight: 600;
color: #67b330;
transition: 0.2s;
text-transform: uppercase;
display: block;
margin: 0 auto;
text-align: center;
}
.single-news span.more:hover {
color: white;
background-color: #dc1e4e;
border-color: #dc1e4e;
} .single-search {
height: 360px;
float: left;
}
.container.search {
margin-bottom: 30px;
} .konzultace-pop {
width: 100%;
height: 100%;
position: fixed;
z-index: 1000;
top: 0;
background: rgba(0, 0, 0, 0.8);
text-align: center;
display: none;
}
.konzultace-pop .popup-wrap {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
width: 450px;
height: 345px;
}
@media screen and (max-width: 500px) {
.konzultace-pop .popup-wrap {
width: 80%;
height: 345px;
}
}
.popup-content {
background: #162970;
border-radius: 5px;
height: 345px;
}
.popup-content a {
display: block;
float: left;
margin-left: 38px;
font-size: 13px;
}
@media screen and (max-width: 500px) {
.popup-content {
height: 345px;
}
}
.konzultace-pop p {
color: white;
font-size: 1.6rem;
margin-bottom: 15px;
font-weight: bold;
padding-top: 10px;
}
@media screen and (max-width: 500px) {
.konzultace-pop p {
padding: 5px 5%;
margin-bottom: 0;
}
}
.konzultace-pop input[type="email"],
.konzultace-pop input[type="tel"],
.konzultace-pop textarea {
font-weight: lighter;
width: 90%;
float: none;
margin: 0 auto;
padding-left: 16px;
border-radius: 5px;
color: black;
border: 2px solid black;
margin-bottom: 16px;
font-size: 16px;
height: 36px;
}
.konzultace-pop input[type="tel"],
.konzultace-pop textarea {
margin-top: 10px;
}
.konzultace-pop textarea {
resize: none;
height: 60px;
}
.konzultace-pop input[type="submit"] {
float: right;
margin-top: 10px;
height: 30px;
margin-right: 22px;
font-size: 16px;
width: 120px;
font-weight: lighter;
background: #67b330;
border: none;
border-radius: 25px;
transition: 0.2s;
text-transform: uppercase;
}
.konzultace-pop input[type="submit"]:hover {
background-color: #dc1e4e;
}
.konzultace-pop input.wpcf7-not-valid {
border-color: red;
}
.konzultace-pop span.wpcf7-not-valid-tip {
position: absolute;
width: 175px;
margin-left: 13px;
font-size: 1.3rem;
}
.wpcf7-form-control-wrap.pristup span.wpcf7-not-valid-tip {
margin-top: 0;
}
.konzultace-pop div.wpcf7-validation-errors {
display: none !important;
}
.konzultace-pop div.wpcf7-mail-sent-ok {
border: 2px solid #398f14;
background: #67b330;
border-radius: 5px;
margin-top: -9px;
width: 83%;
margin: 0 auto;
color: white;
font-size: 1.4rem;
}
.konzultace-pop .wpcf7 form .wpcf7-response-output {
color: white;
}
.konzultace-pop a {
display: block;
float: none;
margin-left: 0;
font-size: 13px;
list-style: telugu;
text-align: left;
padding-left: 22px;
}
.close {
position: absolute;
right: -10px;
top: -10px;
width: 32px;
height: 32px;
opacity: 1;
background: #162970;
border-radius: 30px;
padding-top: 6px;
transition: 0.2s;
}
.close:before,
.close:after {
position: absolute;
left: 15px;
content: " ";
height: 20px;
width: 2px;
background-color: white;
transition: 0.3s;
}
.close:before {
transform: rotate(45deg);
}
.close:after {
transform: rotate(-45deg);
}
.close:hover {
background: #dc1e4e;
cursor: pointer;
}
#references-products .container {
padding-left: 3rem;
}
@media screen and (max-width: 1305px) {
#references-products .container {
padding-left: 2rem;
padding-right: 2rem;
}
}
.fotorama__nav-wrap {
float: left !important;
margin: 25px 0 0 0 !important;
}
.fotorama_stage {
margin: 0 auto !important;
}
.fotorama__wrap {
width: 100% !important;
}
.fotorama {
width: 80% !important;
}
@media screen and (max-width: 860px) {
.fotorama {
margin: 0 auto !important;
}
}
.loader {
width: 100px;
height: 100px;
border-radius: 100%;
position: relative;
margin: 0 auto;
display: none;
}
.category-subpage-rightcol .loader {
display: block;
} #loader-1:before,
#loader-1:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
border-radius: 100%;
border: 10px solid transparent;
border-top-color: #63296a;
}
#loader-1:before {
z-index: 100;
animation: spin 1s infinite;
}
#loader-1:after {
border: 10px solid #ccc;
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
ul.menu {
position: relative;
}
ul.menu li {
position: relative;
}
ul.sub-menu {
position: absolute;
padding: 15px 30px;
background: white;
text-align: center;
left: -60px;
width: 250px;
display: none;
transition: 0.2s;
}
ul.sub-menu li a {
margin: 0;
}
.second-line ul.menu li:hover ul.sub-menu {
display: block;
}
#single-post .image-gallery {
text-align: center;
}
#single-post .image-gallery li:before {
display: none;
}
#single-post ol li {
padding-left: 5px;
}
#single-post ol li:before {
display: none;
padding-left: 0;
}
#single-post ol ul li:before {
display: block;
}
#single-post ol ul li {
padding-left: 30px;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
div.burger-nav ul.sub-menu {
background: white;
text-align: center;
display: block;
transition: 0.2s;
width: 100%;
left: 0;
position: static;
padding: 0;
display: none;
}
#modal {
display: none;
}
.modal {
width: 1275px;
margin: 0 auto;
}
@media screen and (max-width: 1280px) {
.modal {
width: 80%;
}
}
.blocker {
z-index: 999;
}
.blocker:before {
height: 2%;
}
#servis-form .kontrola {
margin-top: 14px;
display: block;
}
#servis-form .kontrola input[type="checkbox"] {
float: left;
display: inline-block;
width: 15px;
height: 15px;
}
#servis-form .kontrola a {
color: #63296a;
transition: 0.2s;
}
#servis-form .kontrola a:hover {
color: #67b330;
}
.img-baground {
width: 100%;
border-bottom: 3px solid #63296a;
text-align: center;
background: white;
padding-top: 10px;
padding-bottom: 10px;
height: 215px;
}
.img-baground img {
border-bottom: none;
width: 68% !important;
margin: 0 auto; height: auto;
text-align: center; }
.fancybox-is-open .fancybox-bg {
width: 100%;
height: 100%;
}
a.group-special {
position: relative;
z-index: 3;
display: block;
}
#wpcf7-f1577-p1578-o1 .wpcf7-validates-as-required,
.wpcf7-validates-as-required {
border-color: #dc1e4e !important;
}
#wpcf7-f1577-p1578-o1 .box-hidden {
opacity: 0;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
#wpcf7-f1577-p1578-o1 .hidden-right {
float: left;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
#wpcf7-f1577-p1578-o1 .hidden .input-label {
padding-right: 28%;
}
#wpcf7-f1577-p1578-o1 .single-small {
width: 32%;
float: left;
}
@media screen and (max-width: 610px) {
#wpcf7-f1577-p1578-o1 .single-small {
width: 100%;
float: none;
}
}
#wpcf7-f1577-p1578-o1 .with-small {
width: 25%;
display: inline-block;
float: none;
}
@media screen and (max-width: 1285px) {
#wpcf7-f1577-p1578-o1 .with-small {
width: 100%;
}
}
#wpcf7-f1577-p1578-o1 span.wpcf7-list-item {
display: block;
}
#wpcf7-f1577-p1578-o1 .single-check {
width: 50%;
float: left;
}
@media screen and (max-width: 670px) {
#wpcf7-f1577-p1578-o1 .single-check {
width: 100%;
}
}
#wpcf7-f1577-p1578-o1 .single-check p {
text-transform: uppercase;
font-weight: 700;
margin-bottom: 12px;
}
#wpcf7-f1577-p1578-o1 .single-check .wpcf7-list-item-label {
font-size: 1.4rem;
font-weight: 300;
color: black;
text-transform: none;
display: block;
line-height: 20px;
margin-bottom: 10px;
padding-left: 25px;
}
#wpcf7-f1577-p1578-o1 .single-check span.wpcf7-list-item {
width: 100%;
}
#wpcf7-f1577-p1578-o1 .background {
background: #f7f7f7;
padding-top: 3rem;
padding-bottom: 3rem;
font-size: 0;
} #wpcf7-f1577-p1578-o1 .container:first-child {
margin-bottom: 0;
}
.width-70 {
vertical-align: top;
width: 70%;
float: none;
display: inline-block;
margin-left: 5%;
}
@media screen and (max-width: 1285px) {
.width-70 {
width: 100%;
margin-left: 0;
}
}
#wpcf7-f1577-p1578-o1 .box-hidden,
#wpcf7-f1577-p1578-o1 .box-showed {
width: 60%;
display: inline-block;
vertical-align: top;
}
@media screen and (max-width: 670px) {
#wpcf7-f1577-p1578-o1 .box-hidden,
#wpcf7-f1577-p1578-o1 .box-showed {
width: 100%;
}
}
#wpcf7-f1577-p1578-o1 .single-check {
width: 30%;
float: none;
display: inline-block;
vertical-align: top;
}
#wpcf7-f1577-p1578-o1 a {
text-align: right;
float: right;
padding-right: 3rem;
margin-top: 2rem;
}
#wpcf7-f1577-p1578-o1 input[type="submit"] {
margin-top: 0;
} .page-nav {
text-align: right;
}
.page-nav .page-numbers {
font-size: 1.6rem;
line-height: 2rem;
color: #dc1e4e;
padding: 1rem;
}
.page-numbers.current {
background-color: white;
}
.search-container { text-align: center;
padding: 0 16%;
margin-top: 1rem;
}
.search-container form {
display: inline-block;
margin-bottom: 30px;
}
.search-container .search-input {
width: 20rem;
padding-left: 1rem; display: inline-block;
position: static;
border: 2px solid #63296a;
border-right: 0;
height: 4rem;
line-height: 4rem;
}
.search-container input[type="submit"] {
display: inline-block;
vertical-align: middle;
height: 4rem;
width: 4rem;
background-size: 52%;
}
@media screen and (max-width: 805px) {
.search-container {
padding: 0;
}
.search-container h4 {
font-size: 2rem;
line-height: 1.2;
}
}
.blog-filters {
margin-bottom: 3rem;
}
.blog-filters .container {
padding-left: 3rem; }
.blog-filters h2 {
margin-bottom: 1rem;
}
.blog-filters .values {
text-align: left;
}
.blog-filters p.checkbox {
position: relative;
display: inline-block;
font-size: 13px;
line-height: 22px;
height: 22px;
margin-right: 2rem;
padding-left: 2rem;
}
.blog-filters p.checkbox::before {
position: absolute;
content: "";
left: 0;
top: 4px;
width: 14px;
height: 14px;
display: block;
border: 2px solid black;
border-radius: 2px;
transition: 0.2s;
}
.blog-filters p.checkbox:hover {
cursor: pointer;
}
.blog-filters p.checkbox label:hover {
cursor: pointer;
}
.blog-filters p.checkbox:hover::before {
border-color: #67b330;
}
.blog-filters p.checkbox::after {
position: absolute;
content: "";
left: 2px;
top: 6px;
transform-origin: center center;
transform: scale(0);
width: 10px;
height: 10px;
display: block;
background: #67b330;
border-radius: 0px;
transition: 0.2s;
}
.blog-filters p.checkbox.checked::before {
border-color: #67b330;
}
.blog-filters p.checkbox.checked::after {
transform: scale(1);
}
.blog-filters p.checkbox input[type="checkbox"] {
display: none;
}
.blog-filters input[type="submit"],
.blog-filters .dismiss-filter { background: #67b330;
border: none;
font-size: 14px;
text-align: center;
text-transform: uppercase;
color: white;
padding: 5px 10px;
margin-top: 1rem;
transition: 0.2s;
}
.blog-filters .dismiss-filter {
opacity: 0;
pointer-events: none;
}
.blog-filters .dismiss-filter.show {
opacity: 1;
pointer-events: initial;
}
.blog-filters input[type="submit"]:hover,
.blog-filters .dismiss-filter:hover {
background-color: #dc1e4e;
}
@media screen and (max-width: 700px) {
.blog-filters .left-col {
width: 100%;
}
}
.after-gallery-section {
margin-top: 4rem;
width: 80%;
}
.after-gallery-section.after-gallery-section--small {
display: none;
}
@media screen and (max-width: 860px) {
.after-gallery-section.after-gallery-section--small {
display: block;
width: 100%;
}
}
.after-gallery-section p,
.after-gallery-section ul,
.after-gallery-section ol {
font-size: 1.5rem;
line-height: 2rem;
}
.after-gallery-section h1,
.after-gallery-section h2,
.after-gallery-section h3,
body:not(.home) .after-gallery-section h2 {
margin-bottom: 1rem;
font-size: 2.9rem;
}
@media screen and (max-width: 860px) {
.after-gallery-section h1,
.after-gallery-section h2,
.after-gallery-section h3,
body:not(.home) .after-gallery-section h2 {
font-size: 2.4rem;
}
}
.after-gallery-section .button {
text-align: center;
}
.after-gallery-section .btn {
transition: 0.2s;
width: 260px;
height: 46px;
background: #67b330;
text-decoration: none;
text-align: center;
color: white;
font-size: 1.4em;
line-height: 4.3rem;
border-radius: 25px;
margin: 0 auto;
margin-top: 3.5rem;
transition: 0.2s;
font-weight: 600;
display: block;
text-transform: uppercase;
}
.after-gallery-section .btn:hover {
background: #e61f4d;
}
.after-gallery-section .slick-slider {
padding: 0 2rem;
}
.after-gallery-section .slick-track {
display: flex;
}
.after-gallery-section .slick-track .slick-slide {
display: flex;
height: auto;
align-items: center;
justify-content: center;
margin: 0 1rem;
}
.after-gallery-section .slick-track .slick-slide img {
max-width: 100%;
height: auto;
}
.after-gallery-section .logos-items {
margin-top: 3.5rem;
}
.after-gallery-section .slick-arrow {
background: none;
font-size: 0;
border: 3px solid #dc1e4e;
border-left: 0;
border-top: 0;
transition: 0.2s;
width: 1rem;
height: 1rem;
padding: 0;
position: absolute;
top: 50%;
transform: translateY(-50%) rotate(-225deg);
left: 0;
}
.after-gallery-section .slick-arrow.slick-next {
left: auto;
right: 0;
transform: translateY(-50%) rotate(-45deg);
}
.after-gallery-section .slick-arrow:hover {
border-color: #63296a;
}
#kontakty h2 {
font-size: 2rem;
font-weight: 700;
margin-top: 15px;
text-transform: uppercase;
color: black;
}
.product-gallery-slider {
margin: 0px 4rem 0 0;
}
.product-gallery-slider .slick-track {
display: flex;
}
.product-gallery-slider .slick-track .slick-slide {
display: flex;
height: auto;
align-items: center;
justify-content: center;
}
.product-gallery-slider .slick-slide img {
max-width: 100%;
height: auto;
}
.product-gallery-slider .slick-arrow {
z-index: 20;
font-size: 0;
width: 2.5rem;
height: 2.5rem;
border: 2px solid #d02052;
border-left: 0;
border-bottom: 0;
background: transparent;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.product-gallery-slider .slick-arrow:hover {
border-color: #162970;
}
.product-gallery-slider .slick-arrow.slick-prev {
left: 0.5rem;
transform: translateY(-50%) rotate(-135deg);
}
.product-gallery-slider .slick-arrow.slick-next {
right: 0.5rem;
transform: translateY(-50%) rotate(45deg);
}
.product-gallery-thumbs .slick-slide {
margin: 0 0.2rem;
}
.product-gallery-thumbs {
margin: 0px 4rem 0 0;
}
.product-gallery-thumbs .slick-slide {
border: 2px solid transparent;
}
.product-gallery-thumbs .slick-slide.slick-current {
border: 2px solid #d02052;
}
.product-gallery-thumbs .slick-slide img {
width: 100%;
height: auto;
}
.product-gallery-slider-mobile {
display: inline-block;
margin: 0 auto;
width: 90%;
padding: 0 3rem;
max-width: 300px;
}
.product-gallery-slider-mobile .slick-track {
display: flex;
}
.product-gallery-slider-mobile .slick-track .slick-slide {
display: flex;
height: auto;
align-items: center;
justify-content: center;
}
.product-gallery-slider-mobile .slick-slide img {
width: 100%;
height: auto;
}
.product-gallery-slider-mobile .slick-arrow {
z-index: 20;
font-size: 0;
width: 2.5rem;
height: 2.5rem;
border: 2px solid #d02052;
border-left: 0;
border-bottom: 0;
background: transparent;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.product-gallery-slider-mobile .slick-arrow:hover {
border-color: #162970;
}
.product-gallery-slider-mobile .slick-arrow.slick-prev {
left: 0.5rem;
transform: translateY(-50%) rotate(-135deg);
}
.product-gallery-slider-mobile .slick-arrow.slick-next {
right: 0.5rem;
transform: translateY(-50%) rotate(45deg);
}
.product-gallery-thumbs-mobile .slick-slide {
margin: 0 0.2rem;
}
.product-gallery-thumbs-mobile {
margin: 0px 4rem 0 0;
}
.product-gallery-thumbs-mobile .slick-slide {
border: 2px solid transparent;
}
.product-gallery-thumbs-mobile .slick-slide.slick-current {
border: 2px solid #d02052;
}
.product-gallery-thumbs-mobile .slick-slide img {
width: 100%;
height: auto;
}
.page-template-page-konzultace-zdarma #servis-form.konzultace-form p,
.page-template-page-konzultace-zdarma #servis-form.konzultace-form a {
font-size: 1.5rem;
line-height: 2rem;
font-weight: 400;
}
.page-template-page-konzultace-zdarma #servis-form.konzultace-form input,
.page-template-page-konzultace-zdarma #servis-form.konzultace-form textarea {
width: 100%;
}
.page-template-page-konzultace-zdarma #servis-form.konzultace-form .container {
padding-left: 0;
}
@media screen and (max-width: 1305px) {
.page-template-page-konzultace-zdarma
#servis-form.konzultace-form
.container {
padding-left: 2rem;
}
.page-template-page-konzultace-zdarma .intro .container {
padding-left: 2rem;
padding-right: 2rem;
}
}
.page-template-page-konzultace-zdarma #servis-form.konzultace-form .wpcf7 {
max-width: 60rem;
}