:root{
--yellow: #004899;
--light-yellow: #fcac1c;
--green: #004899;
--text-dark: #40454c;
--text-light: #767676;
--light-grey: #b9babd;
--light-grey-bg: #F7F7F7;
--border-radius: 20px;
}
*,
*:after,
*:before {
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
text-rendering:optimizeLegibility;
} body {
font:400 16px/24px 'Montserrat', Helvetica, Arial, sans-serif;
color:var(--text-dark);
margin: 0;
padding: 0;
position: relative;
}
html {
overflow-x: hidden;
}
img {
max-width:100%;
height: auto;
}
a {
color: var(--text-dark);
text-decoration:none;
}
a:hover {
color: var(--text-dark);
}
a:focus {
outline:0;
}
a:hover,
a:active {
outline:0;
}
input:focus {
outline:0;
border:1px solid var(--light-yellow);
}
body.single article {
display: flex;
}
body.single article > img {
margin-right: 50px;
border-radius: 25px;
width: 250px;
height: 250px;
object-fit: cover;
}
.mb50 {
margin-bottom: 50px;
}
.stripe {
padding: 100px 0;
}
.bg_grey {
background: #f7f7f7;
}
.article_gallery {
display : flex;
flex-wrap: wrap;
padding-left: 0;
list-style: none;
margin-right: -30px;
margin-bottom: -30px;
}
.article_gallery > li {
width: calc(100%/4 - 30px);
margin-bottom: 30px;
margin-right: 30px;
}
@media only screen and (max-width: 992px) {
.article_gallery > li {
width: calc(100%/3 - 30px);
}
}
@media only screen and (max-width: 768px) {
.article_gallery > li {
width: calc(100%/2 - 30px);
}
body.single article {
flex-direction: column;
text-align: center;
}
body.single article > img {
margin-right: 0;
margin: 0 auto;
margin-bottom: 30px;
}
body.single article h1 {
font-size: 24px;
line-height: 24px;
}
}
@media only screen and (max-width: 480px) {
.article_gallery > li {
width: 100%;
}
} ::selection {
background:var(--light-yellow);
color:#FFF;
text-shadow:none;
}
::-webkit-selection {
background:var(--light-yellow);
text-shadow:none;
}
::-moz-selection {
background:var(--light-yellow);
color:#FFF;
text-shadow:none;
}
.post-edit-link {
position: fixed;
right: 0;
bottom: 0;
display: inline-block;
padding: 15px;
font-weight: 600;
}
.screenReaderElement {
position: absolute;
left: -999999999px;
}
.customers_logos {
display: flex;
align-items: center;
justify-content: center;
padding-left: 0;
list-style: none;
margin-top: 30px;
}
.customers_logos li img {
max-height: 150px;
padding: 30px;
}
.text-center .heading-separator {
margin: 0 auto;
}
.centered_section .section-header {
margin-bottom: 30px;
} @media print {
* {
background:transparent !important;
color:#000 !important;
box-shadow:none !important;
text-shadow:none !important;
}
a,
a:visited {
text-decoration:underline;
}
a[href]:after {
content:" (" attr(href) ")";
}
abbr[title]:after {
content:" (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content:"";
}
pre,blockquote {
border:1px solid #999;
page-break-inside:avoid;
}
thead {
display:table-header-group;
}
tr,img {
page-break-inside:avoid;
}
img {
max-width:100% !important;
}
@page {
margin:0.5cm;
}
p,
h2,
h3 {
orphans:3;
widows:3;
}
h2,
h3 {
page-break-after:avoid;
}
} main section {
position: relative;
}
main section > .container, main section > .container-fluid {
padding-top: 56px;
padding-bottom: 56px;
}
.textura_bg {
background-image: url(//www.hsoul.cz/wp-content/themes/helpsoul-custom/img/icons/textura.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 75%;
}
section h1{
font-size: 36px;
font-weight: 600;
line-height: 36px;
margin: 0;
}
section .heading-separator{
max-width: 140px;
height: 2px;
margin: 16px 0 32px;
padding: 0;
background-color: var(--green);
}
section .heading-separator.center{
margin: 16px auto 32px;
}
strong{
font-weight: 600;
}
.btn-yellow{
display: inline-block;
color: white;
background-color: var(--green);
border-color: #fff;
font-size: 16px;
line-height: 22px;
font-weight: 500;
text-transform: uppercase;
white-space: nowrap;
padding: 16px 48px;
border-radius: 50vh;
transition: 500ms;
}
.btn-yellow:hover{
color: var(--green);
background-color: #fff;
border-color: #fff;
text-decoration: none;
}
.box-shadow{
-webkit-box-shadow: 0px 8px 56px -16px rgba(0,0,0,0.7);
-moz-box-shadow: 0px 8px 56px -16px rgba(0,0,0,0.7);
box-shadow: 0px 8px 56px -16px rgba(0,0,0,0.7);
} header {
position: relative;
width: 100%;
color: #000;
background: #fff;
}
header .header-text{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 768px;
width: 100%;
padding: 0 24px;
z-index: 50;
text-align: center;
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
}
header .header-text h1{
font-size: 60px;
line-height: 60px;
text-transform: uppercase;
margin: 0;
}
header .header-text p {
margin: 32px;
} .carousel-control-prev,
.carousel-control-next{
display: none; opacity: 1;
width: auto;
}
.carousel-control-prev{
justify-content: flex-start;
}
.carousel-control-next{
justify-content: flex-end;
}
.carousel-control-next img,
.carousel-control-prev img{
width: 80px;
padding: 24px;
filter: invert(1);
background: rgba(0,0,0,.2); }
.carousel-control-prev img{
border-top-right-radius: 50%;
border-bottom-right-radius: 50%;
}
.carousel-control-next img{
border-top-left-radius: 50%;
border-bottom-left-radius: 50%;
}
.carousel-item {
height: 100%;
background: var(--text-dark) scroll no-repeat top center;
background-size: cover;
transition: transform 1s ease-in-out,-webkit-transform 1s ease-in-out !important;
}
.header-photo-one{
background-image: url(//www.hsoul.cz/wp-content/themes/helpsoul-custom/img/foto/header1.png);
}
.header-photo-two{
background-image: url(//www.hsoul.cz/wp-content/themes/helpsoul-custom/img/foto/header2.png);
}
#header-slider {
height: 700px;
}
body:not(.home) header .header-text {
display: none;
}
body.single main section h1 {
margin-bottom: 30px;
} #nav .container-fluid{
height: 80px;
transition: 200ms;
}
#nav .container-fluid.scrolled{
background-color: #40454cBB;
}
#nav .navbar,
#nav .navbar .container{
padding-top: 0;
padding-bottom: 0;
height: 100%;
}
#nav .navbar .navbar-brand{
position: relative;
height: 100%;
max-width: 50%;
}
#nav .navbar .navbar-brand .logo-img{
width: 100%;
}
#nav .navbar-toggler {
color: var(--green);
font-size: 32px;
line-height: 32px;
border: none;
outline: none;
}
.navbar-dark .navbar-nav .nav-item {
margin-left: 16px;
}
.navbar-dark .navbar-nav .nav-item .nav-link{
padding: 16px 8px;
color: white;
font-weight: 500;
position: relative;
}
.navbar-dark .navbar-nav .nav-item .nav-link::after{
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 2px;
border-radius: 2px;
width: 100%;
transform: scaleX(0);
background-color: white;
transition: 100ms;
}
#nav .navbar-nav .nav-item .nav-link:hover::after{
transform: scaleX(1);
}
#nav .navbar-nav .nav-item:last-child .nav-link,
#mobile-menu .nav-item:last-child .nav-link{
font-size: 22px;
line-height: 22px;
}
#nav .navbar-nav .nav-item:last-child .nav-link::after{
all: unset;
}
#mobile-menu {
background: #fafafa;
}
#mobile-menu .nav-link{
color: #404551;
text-align: right;
font-size: 18px;
font-weight: 500;
padding: 10px 0;
} section.about{
background: linear-gradient(45deg, rgba(255,255,255,0.75), rgba(255,255,255,0.75)), url(//www.hsoul.cz/wp-content/themes/helpsoul-custom/img/hsoul_bg_no_text.png) no-repeat;
background-position-y: bottom;
background-position-x: -10%;
background-size: auto;
}
section.about .about-text{
padding: 0 0 32px 0;
}
section.about .stats{
position: relative;
padding: 32px 16px;
display: flex;
flex-flow: column;
justify-content: space-around;
align-items: flex-start;
border-radius: var(--border-radius);
color: white;
background: #589ae4 url(//www.hsoul.cz/wp-content/themes/helpsoul-custom/img/foto/stats_foto.png) scroll no-repeat center right;
background-size: cover;
background-blend-mode: soft-light; 
}
.stats .row{
width: 100%;
margin: 16px 0;
}
.stats img{
width: 64px;
max-width: unset;
filter: invert(1);
}
.stats .stat-text .stat-value{
font-size: 48px;
line-height: 48px;
letter-spacing: -1.5px;
margin: 0;
white-space: nowrap;
} 
.stats .stat-text .stat-desc{
margin: 0;
} section.services{
text-align: center;
background-color: var(--light-grey-bg);
overflow-y: hidden;
}
section.services strong {
display: block;
margin-top: 24px;
margin-bottom: 32px;
}
section.services .service-box{
position: relative;
width: 85%;
min-height: 240px;
margin: 16px 0;
background: var(--text-dark) scroll no-repeat center center;
background-size: cover;
border-radius: var(--border-radius);
overflow: hidden;
}
section.services .dark-overlay{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 0;
transition: 300ms;
}
section.services .service-box .service-desc{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 24px;
font-weight: 600;
text-transform: uppercase;
color: white;
z-index: 5;
transition: 300ms;
}
section.services a{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10;
opacity: 0;
transition-delay: 100ms;
}
section.services .service-box:hover .dark-overlay {
opacity: 0.3;
}
section.services .service-box:hover .service-desc {
opacity: 0;
}
section.services .service-box:hover a {
transition-delay: 0;
opacity: 1;
}
section.services .service-box.service-one{ background-image: url(//www.hsoul.cz/wp-content/themes/helpsoul-custom/img/foto/service1.png);
}
section.services .service-box.service-two{ background-image: url(//www.hsoul.cz/wp-content/themes/helpsoul-custom/img/foto/service2.png);
}
section.services .service-box.service-three{ background-image: url(//www.hsoul.cz/wp-content/themes/helpsoul-custom/img/foto/service3.png);
}
section.services .service-box.service-four{ background-image: url(//www.hsoul.cz/wp-content/themes/helpsoul-custom/img/foto/service4.png);
}
section.services .service-box.service-five{ background-image: url(//www.hsoul.cz/wp-content/themes/helpsoul-custom/img/trideni_materialu.png);
}
section.services .service-box.service-six{ background-image: url(//www.hsoul.cz/wp-content/themes/helpsoul-custom/img/polepovani.png);
}
section.services .service-box.service-seven{ background-image: url(//www.hsoul.cz/wp-content/themes/helpsoul-custom/img/nahradni_plneni.png);
}
section.services .service-box.service-eight{ background-image: url(//www.hsoul.cz/wp-content/themes/helpsoul-custom/img/dalsi_sluzby.png);
}
.post_slides {
display: flex;
justify-content: center;
}
.post_slides .post_slide a {
text-decoration: none;
}
.post_slides .post_slide a > img {
width: 100%;
}
.post_slides .post_slide .post_heading {
background: #004899;
padding: 30px 20%;
border-radius: 0 0 25px 25px;
}
.post_slides .post_slide .post_heading h3 {
color: #fff;
font-size: 18px;
margin-bottom: 0;
min-height: 43px;
}
#post_slider {
}
#post_slider .slick-list {
margin: -50px;
}
#post_slider .slick-slide {
margin: 50px;
}
#post_slider .slick-slide img {
width: 100%;
}
#post_slider .slick-arrow {
display: flex !important;
align-items: center;
justify-content: center;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 75px;
height: 150px;
transition: .3s;
}
#post_slider .slick-arrow:hover {
cursor: pointer;
}
#post_slider .slick-arrow img {
width: 50px;
height: 50px;
}
#post_slider .slick-next img {
transform: rotate(180deg);
}
#post_slider .slick-prev:hover {
background: rgba(0, 72, 153, 1);
}
#post_slider .slick-next:hover {
background: rgba(225, 58, 137, 1);
}
#post_slider .slick-prev {
left: -15px;
background: rgba(0, 72, 153, 0.1);
border-radius: 0 75px 75px 0;
}
#post_slider .slick-next {
right: -15px;
background: rgba(248, 152, 7, 0.1);
border-radius: 75px 0 0 75px;
}
#post_slider .slick-list {
max-width: 1140px;
margin: 0 auto;
}
.gallery-slider .slick-slide img {
max-height: 200px;
}
.carrier-position {
border: 1px solid #40454c;
margin-bottom: 10px;
}
.carrier-position p {
color: #40454c;
cursor: pointer;
}
.carrier-position .carrier-header p {
color: #fff;
background: #40454c;
transition: .3s;
-webkit-transition: .3s;
}
.carrier-position .carrier-header p:hover {
color: #fff;
background: rgba(0, 72, 153, 1);
} section.coop{
text-align: center;
}
section.coop .coop-box{
padding: 16px 24px;
margin-top: 16px;
margin-bottom: 16px;
width: 90%;
color: white;
background: scroll no-repeat center center;
background-size: cover;
background-blend-mode: soft-light;
border-radius: var(--border-radius);
overflow: hidden;
}
section.coop .coop-box:nth-child(1){
background-color: var(--green);
background-image: url(//www.hsoul.cz/wp-content/themes/helpsoul-custom/img/foto/coop1.png);
}
section.coop .coop-box:nth-child(2){
background: var(--green);
background-image: url(//www.hsoul.cz/wp-content/themes/helpsoul-custom/img/foto/coop2.png);
}
section.coop .coop-box:nth-child(3){
background: var(--green);
background-image: url(//www.hsoul.cz/wp-content/themes/helpsoul-custom/img/foto/coop3.png);
}
section.coop .coop-name{
font-size: 28px;
line-height: 36px;
font-weight: 600;
margin: 24px 0;
}
section.coop a{
display: block;
font-weight: 600;
color: white;
text-decoration: white underline;
margin: 24px 0;
} section.contact{
background-color: var(--light-grey-bg);
overflow: hidden;
text-align: center;
}
#menu-hlavni-menu {
display: flex;
padding-left: 0;
list-style: none;
margin-left: auto;
margin-bottom: 0;
}
#menu-hlavni-menu li a {
padding: 16px 22px;
color: #004899;
font-weight: 500;
position: relative;
}
#menu-hlavni-menu-1 {
padding-left: 0;
list-style: none;
}
#menu-hlavni-menu-1 li a {
padding: 10px 0;
color: var(--text-dark);
font-weight: 500;
position: relative;
display: block;
text-align: right;
}
.fa-facebook-square {
color: #004899;
} section.contact .team {
padding-bottom: 40px;
border-bottom: 1px solid var(--light-grey);
}
.team .person {
width: 100%;
margin: 16px 0;
}
.team .person .person-photo{
width: 140px;
height: 140px;
margin: 0 auto;
border-radius: 50%;
overflow: hidden;
}
.team .person img{
width: 100%;
}
.team .person .person-name{
display: block;
font-weight: 600;
margin: 8px 0 0;
}
.team .person .person-desc{
color: var(--green);
margin-bottom: 0;
}
.team .person .person-email{
margin: 0;
color: var(--text-light);
text-decoration: var(--text-light) underline;
} .places .place-text{
line-height: 20px;
}
.places .place-text strong {
margin-bottom: 8px;
}
.places .place-text p{
font-size: 14px;
color: var(--text-light);
margin: 0;
}
.places .place-icon img {
width: 64px;
} form .form-control{
border-radius: 8px;
}
form .form-control:focus{
border-color: var(--green);
box-shadow: 0 0 0 2px var(--light-yellow);
}
form .btn-yellow{
padding: 16px 24px;
} footer {
position: relative;
background-color: #404551;
padding: 35px 0;
}
footer a:hover {
color: white;
text-decoration: underline;
}
.subheader {
position: relative;
z-index: 1;
padding: 100px 0;
background-repeat: no-repeat;
background-size: cover;
}
.btn-primary {
color: #004899;
background: transparent;
padding: 15px;
text-transform: uppercase;
text-decoration: none !important;
border-color: #fff;
border-radius: 999px;
}
.btn-primary:hover {
color: #004899;
border-color: #fff;
background: #fff;
}
.subheader h1 {
font-size: 4rem;
}
.stripe {
padding: 75px 0;
}
footer * {
color: white;
}
footer p{
margin: 0;
font-size: 15px;
line-height: 18px;
padding: 4px 0;
}
footer i {
font-size: 28px;
margin-right: 8px;
}
footer img {
max-width: 140px;
}  @media (min-width: 576px) {
.stats img{
width: 60%;
}
section.services .service-box{
width: 100%;
min-height: 200px;
}
form .btn-yellow{
padding: 16px 32px;
}
} @media (min-width: 768px) {
header{
max-height: 90vh;
}
#nav .container-fluid{
height: 100px;
}
#nav .container-fluid.scrolled{
height: 80px;
}
#nav .navbar .navbar-brand .logo-img{
width: auto;
height: 50%;
}
.carousel-control-prev,
.carousel-control-next{
display: flex;
} section.about .about-text{
padding: 0 16px 0 0;
}
section.about .stats{
top: -80px;
}
.stats .row{
margin: 8px 0;
}
.stats img{
width: 64px;
}
section.coop .coop-box{
width: 100%;
border-radius: var(--border-radius);
}
section.coop .coop-name{
font-size: 32px;
}
} @media (min-width: 992px) {
.carousel-control-prev,
.carousel-control-next{
display: flex;
}
}
@media only screen and (max-width: 1300px) {
#spoluprace {
margin-top: 50px;
}
#post_slider .slick-arrow {
top: auto;
bottom: -100px;
transform: none;
width: 50%;
height: 75px;
}
#post_slider .slick-list {
margin: -15px;
}
#post_slider .slick-slide {
margin: 15px;
}
}
@media only screen and (max-width: 768px) {
section.about {
background-position-x: center;
}
.provozovny-row {
flex-wrap: wrap;
}
.customers_logos {
flex-wrap: wrap;
}
.stats {
margin-bottom: 75px;
}
.post_slides .post_slide .post_heading {
padding: 30px;
}
#post_slider .slick-list {
margin: -15px;
}
#post_slider .slick-slide {
margin: 15px;
}
}
@media only screen and (max-width: 591px) {
#post_slider .slick-list {
margin: auto;
}
#post_slider .slick-slide {
margin: auto;
}
}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.slick-track{position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir="rtl"] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}