body {
background-color: #f4f4f4;
}
h1,
h2,
h3,
h4 {
line-height: 1.4;
}
input[type=submit],
button,
a {
outline: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-khtml-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
h3 {
color: #ac4a5e!important;
font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif!important;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 14px!important;
font-weight: 700;
padding-bottom: 15px;
}
body #page-container .et_pb_button {
border: solid 1px #080c0c;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
font-size: 14px;
font-weight: 400;
color: #080c0c;
padding: 8px 30px!important;
}
body #page-container .et_pb_button:hover,
body #page-container .et_pb_button:active {
background-color: #080c0c;
color: #FFF;
}
.et_pb_section {
background-color: transparent;
}
.cta-button {
border: solid 1px #080c0c;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
font-size: 14px;
font-weight: 400;
color: #080c0c;
padding: 8px 30px;
display: inline-block;
font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif;
text-transform: uppercase;
}
.cta-button:hover,
.cta-button:active {
background-color: #080c0c;
color: #FFF;
}
.custom-divider {
display: none;
} #et_mobile_nav_menu,
#top-menu {
opacity: 0;
visibility: none;
}
#mobile_menu {
display: none!important;
}
#main-header {
background: #f4f4f4;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#top-menu a {
font-family: 'Merriweather',Georgia,"Times New Roman",serif;
font-weight: 500;
}
#logo {
width: 300px;
}
#top-menu li {
padding-right: 10px;
}
#top-menu-nav>ul>li>a:hover,
#top-menu-nav>ul>li>a:active,
#top-menu li a:hover,
#top-menu li a:active {
color: #080c0c!important;
opacity: 1;
}
#erb {
height: 80%;
display: inline-block;
position: absolute;
top: 10%;
left: 50%;
margin-left: -68px;
}
#main-header.et-fixed-header #erb {
margin-left: -19px;
}
#erb img {
height: 100%;
width: auto;
max-width: initial;
}  #homepage-slider h1 {
font-size: 50px;
color: #FFF;
}
#homepage-slider strong {
color: #FFF;
letter-spacing: 2px;
font-size: 14px;
text-transform: uppercase;
}
#homepage-slider  .et_pb_slide_description {
padding: 10% 8%;
}
#suppage-slider h1 {
font-size: 50px;
}
#suppage-slider strong {
color: #ac4a5e;
letter-spacing: 2px;
font-size: 14px;
text-transform: uppercase;
}
#suppage-slider  .et_pb_slide_description {
padding: 10% 8%;
}  .team .et_pb_row {
width: 70%;
}
.team .person-intro strong {
color: #ac4a5e!important;
font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif!important;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 14px!important;
font-weight: 700;
}
.team h3 {
font-family: 'Merriweather',Georgia,"Times New Roman",serif!important;     
color: #080c0c!important;
text-transform: initial; 
letter-spacing: initial;
font-size: 20px!important; 
font-weight: initial; 
padding-bottom: 10px; 
}
.team h4 {
font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif!important;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 14px!important;
font-weight: 700;
padding-bottom: 5px;
padding-top: 15px;
}
.team ul {
padding-bottom: 30px;
}  #aside-contact {
font-family: 'Merriweather',Georgia,"Times New Roman",serif;
font-size: 16px;
line-height: 1.8;
}
#aside-contact a {
color: #080c0c;
}
#aside-contact a:hover,
#aside-contact a:active {
color: #ac4a5e;
}  #oblasti-ktorym-sa-venujeme {
padding-top: 0;
}
#oblasti-ktorym-sa-venujeme h3 {
padding-bottom: 0;
line-height: 1;
margin-bottom: 9.25%;
}
#oblasti-ktorym-sa-venujeme .et_pb_blurb_content {
max-width: 100%;
}
#oblasti-ktorym-sa-venujeme .et_pb_main_blurb_image {
margin-bottom: 9.25%;
}
#oblasti-ktorym-sa-venujeme .intro-title {
padding: 0;
}
#oblasti-ktorym-sa-venujeme .intro-title h2 {
padding-bottom: 0;
}  #aktualne {
padding-top: 0;
}
#aktualne h3 {
padding-bottom: 0;
}
#aktualne .intro-title {
padding: 0;
}
#aktualne .intro-title h2 {
padding-bottom: 0;
}
#aktualne-list .article {
padding-bottom: 2.75%;
}
#aktualne-list .article strong {
color: #ac4a5e;
font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 14px;
font-weight: 700;
padding-bottom: 15px;
display: inline-block;
}
#aktualne-list .article h3 {
font-family: 'Merriweather',Georgia,"Times New Roman",serif!important;
color: #080c0c!important;
text-transform: initial;
font-weight: 500;
font-size: 20px!important;
}
#aktualne-list .article .date {
padding: 15px 0;
display: inline-block;
}
#aktualne-list .cta-button:last-of-type {
margin-left: 30px;
}  #citat {
padding: 0;
width: 80%;
float: none;
margin: auto!important;
}
#citat .et_pb_text_inner {
width: 60%;
margin: auto;
padding: 15px 0;
}
#citat .et_pb_text_inner h2 {
margin-bottom: 30px;
}  input.text, 
input.title, 
input[type=email], 
input[type=password], 
input[type=tel], 
input[type=text], 
select, 
textarea {
border: solid 1px #B6B4B5;
width: 100%;
padding: 12px 5px;
border-radius: 0;
-webkit-appearance: none;
-webkit-border-radius: 0;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
input.text:focus, 
input.title:focus, 
input[type=email]:focus, 
input[type=text]:focus, 
select:focus, 
textarea:focus {
border-color: #080c0c;
color: #080c0c;
}
.wpcf7-form .name,
.wpcf7-form .surname {
display: inline-block;
float: left;
width: 48%;
}
.wpcf7-form .surname {
margin-left: 4%;
}
input[type=submit] {
text-transform: uppercase;
font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif;
background-color: transparent;
color: #FFF;
font-size: 14px;
font-weight: 400;
color: #080c0c;
cursor: pointer;
padding: 8px 30px;
border: solid 2px #080c0c;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
input[type=submit]:hover,
input[type=submit]:active {
background-color: #080c0c;
color: #FFF;
}
span.wpcf7-not-valid-tip {
color: #f72b2b;
font-weight: 500;
}
div.wpcf7-response-output {
margin: 20px 0 0 0;
padding: 10px;
}
div.wpcf7-validation-errors, 
div.wpcf7-acceptance-missing {
border: 2px solid #d82121;
background: #d82121;
color: #FFF;
}
div.wpcf7-mail-sent-ok {
border: 2px solid #4CAF50;
background: #4CAF50;
color: #FFF;
}
.ajax-loader,
.ajax-loader:before,
.ajax-loader:after {
background: #080c0c;
-webkit-animation: load1 1s infinite ease-in-out;
animation: load1 1s infinite ease-in-out;
width: 1em;
height: 4em;
}
.ajax-loader {
color: #080c0c;
text-indent: -9999em;
margin: 88px auto;
position: relative;
font-size: 4px;
margin-left: 15px!important;
background-image: none!important;
width: 4px!important;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
.ajax-loader:before,
.ajax-loader:after {
position: absolute;
top: 0;
content: '';
}
.ajax-loader:before {
left: -1.5em;
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.ajax-loader:after {
left: 1.5em;
}
@-webkit-keyframes load1 {
0%,
80%,
100% {
box-shadow: 0 0;
height: 4em;
}
40% {
box-shadow: 0 -2em;
height: 5em;
}
}
@keyframes load1 {
0%,
80%,
100% {
box-shadow: 0 0;
height: 4em;
}
40% {
box-shadow: 0 -2em;
height: 5em;
}
}  #custom-footer .logo-part h3 {
font-family: 'Merriweather',Georgia,"Times New Roman",serif!important;
color: #080c0c!important;
text-transform: initial;
font-weight: 500;
font-size: 20px!important;
padding-bottom: 0;
}
#custom-footer .logo-part img {
width: 320px;
}
#custom-footer .logo-part .title {
display: table;
height: 100%;
}
#custom-footer .logo-part .title .et_pb_text_inner {
display: table-cell;
vertical-align: middle;
}
#custom-footer .footer-nav {
padding: 0;
list-style-type: none;
display: inline-block;
}
#custom-footer .footer-nav li {
float: left;
margin-right: 15px;
font-family: 'Merriweather',Georgia,"Times New Roman",serif;
}
#custom-footer .footer-nav li:last-of-type {
margin-right: 0;
}
#custom-footer .footer-nav li a:active,
#custom-footer .footer-nav li a:hover,
#custom-footer .footer-nav li.current-menu-item a {
color: #080c0c;
}
#custom-footer .info-text {
max-width: 350px;
float: right;
}
#custom-footer .footer-contact-info a {
color: #080c0c;
}
#custom-footer .footer-contact-info a:hover,
#custom-footer .footer-contact-info a:active {
color: #ac4a5e;
}
#custom-footer .footer-contact-info ul {
padding: 0;
list-style-type: none;
display: inline-block;
width: 100%;
}
#custom-footer .footer-contact-info ul:last-of-type {
margin-top: -10px;
}
#custom-footer .footer-contact-info ul li {
float: left;
}
#custom-footer .footer-contact-info ul li:before{
content: '|';
color: #ac4a5e;
margin: 0 5px;
}
#custom-footer .footer-contact-info ul li:first-of-type:before {
display: none;
}
#main-footer {
background-color: #f4f4f4;
}
#footer-bottom {
background-color: transparent;
}  @media (max-width: 1150px) {
#erb {
height: 50%;
top: 25%;
left: 50%;
margin-left: -43px;
}
#main-header.et-fixed-header #erb {
margin-left: -19px;
height: 80%;
top: 10%;
}
}
@media (max-width: 980px) {
.et_fixed_nav #main-header {
position: fixed;
-webkit-box-shadow: 0 0 7px rgba(0,0,0,.1)!important;
-moz-box-shadow: 0 0 7px rgba(0,0,0,.1)!important;
box-shadow: 0 0 7px rgba(0,0,0,.1)!important;
}
#erb {
height: 80%;
top: 10%;
margin-left: -28px;
}
#aktualne .intro-title .et_pb_column,
#oblasti-ktorym-sa-venujeme .intro-title .et_pb_column {
margin-bottom: 0;
}
#oblasti-ktorym-sa-venujeme h3,
#oblasti-ktorym-sa-venujeme .et_pb_main_blurb_image {
margin-bottom: 30px;
}
#citat {
width: 100%;
}
#citat .et_pb_text_inner {
width: 80%;
}
#custom-footer .logo-part .title,
#custom-footer .logo-part .title .et_pb_text_inner {
display: inline-block;
width: 100%;
text-align: center;
}
.team .et_pb_row {
width: 80%; 
}
}
@media (max-width: 890px) {
#erb {
display: none;
}
}
@media (max-width: 768px) {
#citat .et_pb_text_inner {
width: 100%;
}
.wpcf7-form .name, .wpcf7-form .surname {
margin-left: 0;
width: 100%;
}
#homepage-slider h1,
#suppage-slider h1 {
font-size: 40px;
}
@media (max-width: 500px) {
.et_header_style_left #logo, 
.et_header_style_split #logo {
max-width: 60%;
}
.custom-divider {
display: block;
height: 20px;
}
#aktualne-list .cta-button:last-of-type {
margin-left: 0;
}
#custom-footer .footer-contact-info ul li {
display: inline-block;
width: 100%;
}
#custom-footer .footer-contact-info ul li:before {
display: none;
}
#custom-footer .info-text {
max-width: 100%;
float: left;
}
}