button, [type='button'], [type='reset'], [type='submit'] {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-color: #555;
    border: 0;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "SanFranciscoText-Regular", sans-serif;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    font-weight: 600;
    line-height: 1;
    padding: 0.75em 1.5em;
    text-align: center;
    text-decoration: none;
    -webkit-transition: background-color 150ms ease;
    -o-transition: background-color 150ms ease;
    transition: background-color 150ms ease;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    vertical-align: middle;
    white-space: nowrap;
  }
  
  button:hover, button:focus, [type='button']:hover, [type='button']:focus, [type='reset']:hover, [type='reset']:focus, [type='submit']:hover, [type='submit']:focus {
    background-color: #444444;
    color: #fff;
  }
  
  button:disabled, [type='button']:disabled, [type='reset']:disabled, [type='submit']:disabled {
    cursor: not-allowed;
    opacity: 0.5;
  }
  
  button:disabled:hover, [type='button']:disabled:hover, [type='reset']:disabled:hover, [type='submit']:disabled:hover {
    background-color: #555;
  }
  
  fieldset {
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0;
  }
  
  legend {
    font-weight: 600;
    margin-bottom: 0.375em;
    padding: 0;
  }
  
  label {
    display: block;
    font-weight: normal;
    margin-bottom: 0.375em;
  }
  
  input,
  select,
  textarea {
    display: block;
    font-family: "SanFranciscoText-Regular", sans-serif;
    font-size: 16px;
  }
  
  [type='color'], [type='date'], [type='datetime'], [type='datetime-local'], [type='email'], [type='month'], [type='number'], [type='password'], [type='search'], [type='tel'], [type='text'], [type='time'], [type='url'], [type='week'], input:not([type]), textarea {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
            box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: 0.75em;
    padding: 0.5em;
    -webkit-transition: border-color 150ms ease;
    -o-transition: border-color 150ms ease;
    transition: border-color 150ms ease;
    width: 100%;
  }
  
  [type='color']:hover, [type='date']:hover, [type='datetime']:hover, [type='datetime-local']:hover, [type='email']:hover, [type='month']:hover, [type='number']:hover, [type='password']:hover, [type='search']:hover, [type='tel']:hover, [type='text']:hover, [type='time']:hover, [type='url']:hover, [type='week']:hover, input:not([type]):hover, textarea:hover {
    border-color: #cccccc;
  }
  
  [type='color']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='email']:focus, [type='month']:focus, [type='number']:focus, [type='password']:focus, [type='search']:focus, [type='tel']:focus, [type='text']:focus, [type='time']:focus, [type='url']:focus, [type='week']:focus, input:not([type]):focus, textarea:focus {
    border-color: #555;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(85, 85, 85, 0.7);
            box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(85, 85, 85, 0.7);
    outline: none;
  }
  
  [type='color']:disabled, [type='date']:disabled, [type='datetime']:disabled, [type='datetime-local']:disabled, [type='email']:disabled, [type='month']:disabled, [type='number']:disabled, [type='password']:disabled, [type='search']:disabled, [type='tel']:disabled, [type='text']:disabled, [type='time']:disabled, [type='url']:disabled, [type='week']:disabled, input:not([type]):disabled, textarea:disabled {
    background-color: #f2f2f2;
    cursor: not-allowed;
  }
  
  [type='color']:disabled:hover, [type='date']:disabled:hover, [type='datetime']:disabled:hover, [type='datetime-local']:disabled:hover, [type='email']:disabled:hover, [type='month']:disabled:hover, [type='number']:disabled:hover, [type='password']:disabled:hover, [type='search']:disabled:hover, [type='tel']:disabled:hover, [type='text']:disabled:hover, [type='time']:disabled:hover, [type='url']:disabled:hover, [type='week']:disabled:hover, input:not([type]):disabled:hover, textarea:disabled:hover {
    border: 1px solid #ddd;
  }
  
  [type='color']::-webkit-input-placeholder, [type='date']::-webkit-input-placeholder, [type='datetime']::-webkit-input-placeholder, [type='datetime-local']::-webkit-input-placeholder, [type='email']::-webkit-input-placeholder, [type='month']::-webkit-input-placeholder, [type='number']::-webkit-input-placeholder, [type='password']::-webkit-input-placeholder, [type='search']::-webkit-input-placeholder, [type='tel']::-webkit-input-placeholder, [type='text']::-webkit-input-placeholder, [type='time']::-webkit-input-placeholder, [type='url']::-webkit-input-placeholder, [type='week']::-webkit-input-placeholder, input:not([type])::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #858585;
  }
  
  [type='color']:-ms-input-placeholder, [type='date']:-ms-input-placeholder, [type='datetime']:-ms-input-placeholder, [type='datetime-local']:-ms-input-placeholder, [type='email']:-ms-input-placeholder, [type='month']:-ms-input-placeholder, [type='number']:-ms-input-placeholder, [type='password']:-ms-input-placeholder, [type='search']:-ms-input-placeholder, [type='tel']:-ms-input-placeholder, [type='text']:-ms-input-placeholder, [type='time']:-ms-input-placeholder, [type='url']:-ms-input-placeholder, [type='week']:-ms-input-placeholder, input:not([type]):-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #858585;
  }
  
  [type='color']::-ms-input-placeholder, [type='date']::-ms-input-placeholder, [type='datetime']::-ms-input-placeholder, [type='datetime-local']::-ms-input-placeholder, [type='email']::-ms-input-placeholder, [type='month']::-ms-input-placeholder, [type='number']::-ms-input-placeholder, [type='password']::-ms-input-placeholder, [type='search']::-ms-input-placeholder, [type='tel']::-ms-input-placeholder, [type='text']::-ms-input-placeholder, [type='time']::-ms-input-placeholder, [type='url']::-ms-input-placeholder, [type='week']::-ms-input-placeholder, input:not([type])::-ms-input-placeholder, textarea::-ms-input-placeholder {
    color: #858585;
  }
  
  [type='color']::placeholder, [type='date']::placeholder, [type='datetime']::placeholder, [type='datetime-local']::placeholder, [type='email']::placeholder, [type='month']::placeholder, [type='number']::placeholder, [type='password']::placeholder, [type='search']::placeholder, [type='tel']::placeholder, [type='text']::placeholder, [type='time']::placeholder, [type='url']::placeholder, [type='week']::placeholder, input:not([type])::placeholder, textarea::placeholder {
    color: #858585;
  }
  
  textarea {
    resize: vertical;
  }
  
  [type="checkbox"],
  [type="radio"] {
    display: inline;
    margin-right: 0.375em;
  }
  
  [type="file"] {
    margin-bottom: 0.75em;
    width: 100%;
  }
  
  select {
    margin-bottom: 1.5em;
    max-width: 100%;
    width: auto;
  }
  
  [type="checkbox"]:focus,
  [type="radio"]:focus,
  [type="file"]:focus,
  select:focus {
    outline: 3px solid rgba(85, 85, 85, 0.6);
    outline-offset: 2px;
  }
  
  input[type="search"] {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  
  ul,
  ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  
  dl {
    margin: 0;
  }
  
  dt {
    font-weight: 600;
    margin: 0;
  }
  
  dd {
    margin: 0;
  }
  
  figure {
    margin: 0;
  }
  
  img,
  picture {
    max-width: 100%;
    height: auto;
    vertical-align: top;
  }
  
  table {
    border-collapse: collapse;
    margin: 1.5em 0;
    table-layout: fixed;
    text-align: left;
    width: 100%;
  }
  
  thead {
    line-height: 1.3;
    vertical-align: bottom;
  }
  
  tbody {
    vertical-align: top;
  }
  
  tr {
    border-bottom: 1px solid #ddd;
  }
  
  th {
    font-weight: 600;
  }
  
  th,
  td {
    padding: 0.75em 0.75em 0.75em 0;
  }
  
  html {
    color: #333;
    font-family: "SanFranciscoText-Regular", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.03em;
  }
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: "SanFranciscoText-Bold", sans-serif;
    font-size: 16px;
    line-height: 1.3;
    margin: 0 0 0.75em;
  }
  
  h1 {
    font-size: 2.2em;
  }
  
  h2 {
    font-size: 1.8em;
  }
  
  h3 {
    font-size: 1.4em;
  }
  
  h4 {
    font-size: 1.2em;
  }
  
  h5 {
    font-size: 1.1em;
  }
  
  p {
    margin: 0 0 0.75em;
  }
  
  a {
    color: #333;
    text-decoration: none;
    -webkit-transition: color 150ms ease;
    -o-transition: color 150ms ease;
    transition: color 150ms ease;
  }
  
  a:active, a:focus, a:hover {
    color: #404040;
  }
  
  hr {
    border-bottom: 1px solid #ddd;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    margin: 1.5em 0;
  }
  
  pre, code, tt {
    font: 1em "andale mono", "lucida console", monospace;
    line-height: 1.5;
  }
  
  pre {
    background-color: #efefef;
    display: block;
    padding: 5px;
    margin: 5px 0;
    border: 1px solid #aaaaaa;
  }
  
  abbr {
    border-bottom: 1px dotted #666666;
    cursor: help;
    white-space: nowrap;
  }
  

  
/*- FONTS -*/

@font-face {
	font-family: "SanFranciscoText-Bold";
	src:
		url('fonts/SanFranciscoText-Bold.ttf') format("truetype");
}
@font-face {
	font-family: "SanFranciscoText-Regular";
	src:
		url('fonts/SanFranciscoText-Regular.ttf') format("truetype");
}
@font-face {
	font-family: "SanFranciscoText-Medium";
	src:
		url('fonts/SanFranciscoText-Medium.ttf') format("truetype");
}
@font-face {
	font-family: "SanFranciscoText-Light";
	src:
		url('fonts/SanFranciscoText-Light.ttf') format("truetype");
}
@font-face {
	font-family: "SanFranciscoText-RegularItalic";
	src:
		url('fonts/SanFranciscoText-RegularItalic.ttf') format("truetype");
}
@font-face {
	font-family: "SanFranciscoText-Bold";
	src:
		url('fonts/SanFranciscoText-Bold.ttf') format("truetype");
}


.page-node-type-frontpage h1.page-title{
  position: absolute;
  visibility: hidden;
}
h1.page-title {
  font-family: 'SanFranciscoText-Bold';
  font-size: 40px;
  margin: 40px 0 30px;
}
div#main .container {
  overflow-x: hidden;
}


/* PAGE TOP */
.block_home a {
  width: 40px;
  height: 40px;
  background-color: #fff;
  background-image: url(/themes/mytheme/images/icons/home.svg);
  background-repeat: no-repeat;
  background-position: center;
  border: 2px solid #DEDEDE;
  display: block;
}
.block_home a:hover{
  background-color: #CA2F2F;
  color: #fff;
  background-image: url(/themes/mytheme/images/icons/home-w.svg);
  background-repeat: no-repeat;
  background-position: center;
  border: 2px solid #dedede;
  transition: background-color 0.3s, color 0.3s;
}
.report {
  display: flex;
  flex-direction: row;
  gap: 75px;
  flex-wrap: wrap;
  max-width: 390px;
}
.page_top .field--body{
  max-width: 870px;
}
.report_box {
  display: flex;
  flex-direction: column;
}
span.report_number{
  font-size: 48px;
  color: #CA2F2F;
  font-family: "SanFranciscoText-Light";
}
span.report_text{
  font-size: 12px;
  font-family: "SanFranciscoText-Bold";
  color: #858585;
  text-transform: uppercase;
}
.page_top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 100px;
}



/* HEADER */

#header .menu-item a{
  color: #505050;
}
#header .menu-item a.is-active{
  position: relative;
  color: #000;
  text-decoration: underline;
  text-decoration-style: dashed;
  text-decoration-color: #ca2f2f;
  text-decoration-thickness: 5px;
  text-underline-offset: 5px;
}
#header .menu-item a:not(.is-active):hover{
  color: #000;
}

body:not(.page-node-type-frontpage):before {
  width: 100%;
  content: '';
  position: absolute;
  z-index: -1;
  min-height: 850px;
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%),url(/themes/mytheme/images/optimized/header-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}

div#block-headerinfo {
  position: absolute;
  top: 225px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 100px;
}
.headerinfo_left,
div#block-views-block-referencie-header-block-1 {
  width: calc(100% / 2 - 50px);
}
.headerinfo_left{
  padding-top: 100px;
}

.headerinfo_left_buttons {
  margin-top: 40px;
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.headerinfo_button.red a {
  font-family: "SanFranciscoText-Bold";
  font-size: 12px;
  text-transform: uppercase;
  display: inline-block;
  padding: 18px 100px 18px 20px;
  border: 2px solid transparent;
  background-color: #CA2F2F;
  background-image: url(/themes/mytheme/images/icons/arrow-r.svg);
  background-repeat: no-repeat;
  background-position: center right 20px;
  color: #fff;
  transition: background-color 0.3s, color 0.3s;
}
.headerinfo_button.red a:hover{
  background-color: #FFF;
  color: #272727;
  background-image: url(/themes/mytheme/images/icons/arrow-r-w.svg);
  background-repeat: no-repeat;
  background-position: center right 20px;
  border: 2px solid #dedede;
  transition: background-color 0.3s, color 0.3s;
}

.headerinfo_button.white a {
  font-family: "SanFranciscoText-Bold";
  font-size: 12px;
  text-transform: uppercase;
  display: inline-block;
  padding: 18px 100px 18px 20px;
  border: 2px solid #dedede;
  background-image: url(/themes/mytheme/images/icons/arrow-r-w.svg);
  background-repeat: no-repeat;
  background-position: center right 20px;
  color: #272727;
  transition: background-color 0.3s, color 0.3s;
}
.headerinfo_button.white a:hover{
  background-color: #CA2F2F;
  color: #fff;
  background-image: url(/themes/mytheme/images/icons/arrow-r.svg);
  background-repeat: no-repeat;
  background-position: center right 20px;
  border: 2px solid #dedede;
  transition: background-color 0.3s, color 0.3s;
}


.referencie-slick-button-box {
  display: flex;
  flex-direction: row;
}
div#block-views-block-referencie-header-block-1 .referencie-slick-button-left.slick-arrow {
  background-image: url(/themes/mytheme/images/icons/arrow-l-slider.svg);
  background-repeat: no-repeat;
  width: 65px;
  background-size: 15px;
  background-position: center;
  background-color: #fff;
  cursor: pointer;
  transition: background-color 0.3s;
}
div#block-views-block-referencie-header-block-1 .referencie-slick-button-right.slick-arrow {
  background-image: url(/themes/mytheme/images/icons/arrow-r-slider.svg);
  background-repeat: no-repeat;
  width: 65px;
  background-size: 15px;
  background-position: center;
  background-color: #fff;
  cursor: pointer;
  transition: background-color 0.3s;
}
div#block-views-block-referencie-header-block-1 .referencie-slick-button-right.slick-arrow:hover{
  background-color: #CA2F2F;
  background-image: url(/themes/mytheme/images/icons/arrow-r-slider-w.svg);
  background-repeat: no-repeat;
  background-position: center;
  transition: background-color 0.3s;
}
div#block-views-block-referencie-header-block-1 .referencie-slick-button-left.slick-arrow:hover{
  background-color: #CA2F2F;
  background-image: url(/themes/mytheme/images/icons/arrow-l-slider-w.svg);
  background-repeat: no-repeat;
  background-position: center;
  transition: background-color 0.3s;
}
div#block-views-block-referencie-header-block-1 .field--field-hlavna-fotografia img{
  width: 100%;
}
span.slide_category {
  color: #ffffffb3;
  font-size: 10px;
  text-transform: uppercase;
  font-family: "SanFranciscoText-Bold";
}
#block-views-block-referencie-header-block-1 .field--title h2{
  color: #fff;
  font-family: 'SanFranciscoText-Medium';
  font-size: 12px;
  margin: 0;
}
div#block-views-block-referencie-header-block-1 .content {
  position: relative;
}
.header_slider_box {
  display: flex;
  flex-direction: row;
  position: absolute;
  bottom: 0;
  right: 0;
}
.header_slider_info {
  background: #000000b3;
  padding: 13px 25px;
}
.header-nadpis h2{
  font-family: 'SanFranciscoText-Bold';
  font-size: 40px;
  margin-bottom: 50px;
  max-width: 517px;
  position: relative;
}
.underline{
  text-decoration: underline;
  text-decoration-style: dashed;
  text-decoration-color: #ca2f2f;
  text-decoration-thickness: 5px;
  text-underline-offset: 5px;
}

.page-node-type-frontpage #main{
  position: relative;
  overflow-x: hidden;
}
.page-node-type-frontpage #main:before {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%), url(/themes/mytheme/images/optimized/header-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  content: '';
  width: 100%;
  height: 100%;
  max-height: 800px;
  position: absolute;
  bottom: 0;
  z-index: -1;
}
.page-node-type-frontpage header#header{
  min-height: 850px;
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%),url(/themes/mytheme/images/optimized/header-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
body:not(.page-node-type-frontpage) #header{
  min-height: 130px;
  background-color: transparent;
}
header#header .container{
  position: relative;
}
div#block-mytheme-site-branding{
  position: absolute;
  top: 35px;
}
nav#block-mytheme-main-menu{
  position: absolute;
  right: 200px;
  top: 60px;
}
nav#block-mytheme-main-menu .menu{
  font-family: "SanFranciscoText-Bold";
  font-size: 12px;
  text-transform: uppercase;
}
nav#block-mytheme-main-menu .menu {
  display: flex;
  flex-direction: row;
  gap: 80px;
}
#block-prepinacjazykov > .links {
  max-height: 30px;
  overflow: hidden;
  padding: 3px 20px 5px;
  background-color: #fff;
  border: 2px solid #dedede;
}
#block-prepinacjazykov > .links a{
  color: #272727;
  font-size: 14px;
  font-family: "SanFranciscoText-Bold";
}
div#block-prepinacjazykov {
  position: absolute;
  right: 0;
  top: 55px;
}
#block-prepinacjazykov > .links > li{
  display: flex;
  align-items: center;
}
i.language_opener {
  color: #F15A40;
  margin-left: 15px;
  display: inline-block;
  vertical-align: middle;
  background: url(/themes/mytheme/images/icons/arrow-d.svg) no-repeat;
  background-size: contain;
  width: 10px;
  height: 6px;
  content: '';
  cursor: pointer;
}
div#block-prepinacjazykov ul.links.language-open{
  max-height: 100%;
  transition: max-height 0.3s ease;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
body:not(.page-node-type-frontpage) #main{
  min-height: 470px;
  padding-bottom: 50px;
}

/* ZAKLADNA STRANKA */
.page-node-type-page div#block-mytheme-content{
  position: relative;
}

/* SLUZBY */
div#block-views-block-sluzby-block-1{
  margin-top: 50px;
}

div#block-views-block-sluzby-block-1 .view-content {
  display: flex;
  /* flex-direction: column; */
  gap: 25px;
  flex-direction: row;
  flex-wrap: wrap;
}
div#block-views-block-sluzby-block-1 .view-content > div{
  width: calc(100% / 2 - 13px);
}
div#block-views-block-sluzby-block-1 .view-content > div article,
div#block-views-block-sluzby-block-1 .view-content > div article .content{
  height: 100%;
}

div#block-views-block-sluzby-block-1 .view-content .field--title h2{
  position: relative;
  padding-left: 50px;
}
div#block-views-block-sluzby-block-1 .view-content .field--title h2:before{
  width: 32px;
  height: 100%;
  content: '';
  position: absolute;
  left: 0;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
div#block-views-block-sluzby-block-1 .view-content #sluzba-13 .field--title h2:before{
  background-image: url(/themes/mytheme/images/icons/projektova.svg);
}
div#block-views-block-sluzby-block-1 .view-content #sluzba-14 .field--title h2:before{
  background-image: url(/themes/mytheme/images/icons/stavebna.svg);
}
div#block-views-block-sluzby-block-1 .view-content #sluzba-16 .field--title h2:before{
  background-image: url(/themes/mytheme/images/icons/stolarska.svg);
}
div#block-views-block-sluzby-block-1 .view-content #sluzba-17 .field--title h2:before{
  background-image: url(/themes/mytheme/images/icons/klampiar.svg);
}
div#block-views-block-sluzby-block-1 .view-content #sluzba-18 .field--title h2:before{
  background-image: url(/themes/mytheme/images/icons/doprava.svg);
}
div#block-views-block-sluzby-block-1 .view-content #sluzba-19 .field--title h2:before{
  background-image: url(/themes/mytheme/images/icons/ostatne.svg);
}




.sluzby_box {
  padding: 40px;
  /* display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 60px; */
  height: 100%;
  border: 1px solid #ECECEC;
}
/* .sluzby_box > div {
  width: calc(100% / 2 - 30px);
} */
.field--field-sluzby-zoznam > div {
  position: relative;
  padding-left: 15px;
  font-size: 14px;
}
.field--field-sluzby-zoznam > div:before {
  width: 6px;
  height: 6px;
  content: '';
  position: absolute;
  background-color: #CA2F2F;
  left: 0;
  top: 10px;
}
span.sluzby_zoznam_title {
  color: #CA2F2F;
  font-size: 12px;
  text-transform: uppercase;
  font-family: "SanFranciscoText-Bold";
  margin-top: 20px;
  display: block;
}
.sluzby_box .field--body p {
  font-size: 14px;
}
.field--field-sluzba-hlavna-fotka img {
  max-height: 320px;
  object-fit: cover;
}

div#block-views-block-sluzby-menu-block-1{
  margin-top: 50px;
}
div#block-views-block-sluzby-menu-block-1 .view-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  /* justify-content: space-between; */
  gap: 10px;
}
div#block-views-block-sluzby-menu-block-1 .field--title {
  font-family: "SanFranciscoText-Bold";
  font-size: 12px;
  text-transform: uppercase;
  display: inline-block;
  padding: 10px 44px 10px 40px;
  border: 2px solid #dedede;
  /* background-image: url(/themes/mytheme/images/icons/arrow-r-w.svg);
  background-repeat: no-repeat;
  background-position: center right 20px; */
  color: #272727;
  /* cursor: pointer; */
  position: relative;
  transition: background-color 0.3s, color 0.3s, background-image 0.3s;
}
div#block-views-block-sluzby-menu-block-1 .field--title:hover{
  background-color: #323232;
  color: #fff;
  /* background-image: url(/themes/mytheme/images/icons/arrow-r.svg); */
  border-color: transparent;
}
#block-views-block-sluzby-menu-block-1 .field--title:before {
  width: 25px;
  height: 25px;
  content: '';
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translate(0, -50%);
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
  transition: background-image 0.3s;
}

#block-views-block-sluzby-menu-block-1 #sluzba-13 .field--title:before{
  background-image: url(/themes/mytheme/images/icons/projektova.svg);
}
#block-views-block-sluzby-menu-block-1 #sluzba-13 .field--title:hover:before{
  background-image: url(/themes/mytheme/images/icons/projektova-w.svg);
}
#block-views-block-sluzby-menu-block-1 #sluzba-14 .field--title:before{
  background-image: url(/themes/mytheme/images/icons/stavebna.svg);
}
#block-views-block-sluzby-menu-block-1 #sluzba-14 .field--title:hover:before{
  background-image: url(/themes/mytheme/images/icons/stavebna-w.svg);
}
#block-views-block-sluzby-menu-block-1 #sluzba-16 .field--title:before{
  background-image: url(/themes/mytheme/images/icons/stolarska.svg);
}
#block-views-block-sluzby-menu-block-1 #sluzba-16 .field--title:hover:before{
  background-image: url(/themes/mytheme/images/icons/stolarska-w.svg);
}
#block-views-block-sluzby-menu-block-1 #sluzba-17 .field--title:before{
  background-image: url(/themes/mytheme/images/icons/klampiar.svg);
}
#block-views-block-sluzby-menu-block-1 #sluzba-17 .field--title:hover:before{
  background-image: url(/themes/mytheme/images/icons/klampiar-w.svg);
}
#block-views-block-sluzby-menu-block-1 #sluzba-18 .field--title:before{
  background-image: url(/themes/mytheme/images/icons/doprava.svg);
}
#block-views-block-sluzby-menu-block-1 #sluzba-18 .field--title:hover:before{
  background-image: url(/themes/mytheme/images/icons/doprava-w.svg);
}
#block-views-block-sluzby-menu-block-1 #sluzba-19 .field--title:before{
  background-image: url(/themes/mytheme/images/icons/ostatne.svg);
}
#block-views-block-sluzby-menu-block-1 #sluzba-19 .field--title:hover:before{
  background-image: url(/themes/mytheme/images/icons/ostatne-w.svg);
}


/* FRONTPAGE */


div#block-sluzbyfp{
  padding: 100px 0;
}
.field--field-sluzby-faq > div {
  border-bottom: 1px solid #ECECEC;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}
.field--field-sluzby-faq > div.faq-active{
  border-left-color: #ECECEC;
  border-right-color: #ECECEC;
}
.field--field-sluzby-faq > div:first-child {
  border-top: 1px solid #ECECEC;
}
.field--field-faq-obsah ul li {
  position: relative;
  padding-left: 15px;
  font-size: 14px;
}
.field--field-faq-obsah ul li:before {
  width: 6px;
  height: 6px;
  content: '';
  position: absolute;
  background-color: #CA2F2F;
  left: 0;
  top: 10px;
}
span.category_title{
  color: #CA2F2F;
  font-size: 12px;
  text-transform: uppercase;
  font-family: "SanFranciscoText-Bold";
}
.sluzby_fp_h2{
  font-size: 36px;
}


.sluzby_group {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 90px;
}
.sluzby_group > div {
  width: calc(100% / 2 - 45px);
}

.field--field-sluzby-faq > div .field--field-faq-nadpis h2:before{
  width: 24px;
  height: 24px;
  content: '';
  position: absolute;
  background-size: contain !important;
  left: 0;
  top: 4px;
}
.field--field-sluzby-faq > div:nth-child(1) .field--field-faq-nadpis h2:before {
  background: url(/themes/mytheme/images/icons/projektova.svg);
  background-repeat: no-repeat;
  background-position: left center;
}
.field--field-sluzby-faq > div:nth-child(2) .field--field-faq-nadpis h2:before {
  background: url(/themes/mytheme/images/icons/stavebna.svg);
  background-repeat: no-repeat;
  background-position: left center;
}
.field--field-sluzby-faq > div:nth-child(3) .field--field-faq-nadpis h2:before {
  background: url(/themes/mytheme/images/icons/klampiar.svg);
  background-repeat: no-repeat;
  background-position: left center;
}
.field--field-sluzby-faq > div:nth-child(4) .field--field-faq-nadpis h2:before {
  background: url(/themes/mytheme/images/icons/stolarska.svg);
  background-repeat: no-repeat;
  background-position: left center;
}
.field--field-sluzby-faq > div:nth-child(5) .field--field-faq-nadpis h2:before {
  background: url(/themes/mytheme/images/icons/doprava.svg);
  background-repeat: no-repeat;
  background-position: left center;
}
.field--field-sluzby-faq > div:nth-child(6) .field--field-faq-nadpis h2:before {
  background: url(/themes/mytheme/images/icons/ostatne.svg);
  background-repeat: no-repeat;
  background-position: left center;
}
.sluzby_fp_buttons {
  margin-top: 40px;
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.osp_button.red a {
  font-family: "SanFranciscoText-Bold";
  font-size: 12px;
  text-transform: uppercase;
  display: inline-block;
  padding: 18px 100px 18px 20px;
  border: 2px solid transparent;
  background-color: #CA2F2F;
  background-image: url(/themes/mytheme/images/icons/arrow-r.svg);
  background-repeat: no-repeat;
  background-position: center right 20px;
  color: #fff;
  transition: background-color 0.3s, color 0.3s;
}
.osp_button.red a:hover{
  background-color: #FFF;
  color: #272727;
  background-image: url(/themes/mytheme/images/icons/arrow-r-w.svg);
  background-repeat: no-repeat;
  background-position: center right 20px;
  border: 2px solid #dedede;
  transition: background-color 0.3s, color 0.3s;
}
.osp_button.white a {
  font-family: "SanFranciscoText-Bold";
  font-size: 12px;
  text-transform: uppercase;
  display: inline-block;
  padding: 18px 100px 18px 20px;
  border: 2px solid #dedede;
  background-image: url(/themes/mytheme/images/icons/arrow-r-w.svg);
  background-repeat: no-repeat;
  background-position: center right 20px;
  color: #272727;
  transition: background-color 0.3s, color 0.3s;
}
.osp_button.white a:hover{
  background-color: #CA2F2F;
  color: #fff;
  background-image: url(/themes/mytheme/images/icons/arrow-r.svg);
  background-repeat: no-repeat;
  background-position: center right 20px;
  border: 2px solid #dedede;
  transition: background-color 0.3s, color 0.3s;
}
.sluzby_fp_buttons {
  margin-top: 40px;
}
#block-views-block-referencie-block-1 .form-item-field-kategoria-target-id ul,
#block-views-block-referencie-block-2 .form-item-field-kategoria-target-id ul{
  display: flex;
  flex-direction: row;
  gap: 20px;
}
div#block-views-block-referencie-block-1 .form-item-field-kategoria-target-id ul li a,
div#block-views-block-referencie-block-2 .form-item-field-kategoria-target-id ul li a{
  font-family: "SanFranciscoText-Bold";
  font-size: 12px;
  text-transform: uppercase;
  display: inline-block;
  padding: 10px 50px 10px 55px;
  border: 2px solid #dedede;
  /* background-image: url(/themes/mytheme/images/icons/arrow-r-w.svg); */
  /* background-repeat: no-repeat; */
  /* background-position: center right 20px; */
  color: #272727;
  position: relative;
  transition: background-color 0.3s, color 0.3s;
}
div#block-views-block-referencie-block-1 .form-item-field-kategoria-target-id ul li:first-child,
div#block-views-block-referencie-block-2 .form-item-field-kategoria-target-id ul li:first-child{
  display: none;
}
.referencia_title h2{
  font-size: 36px;
  position: relative;
  display: inline-block;
}
div#block-views-block-referencie-block-1 .view-referencie .view-content,
div#block-views-block-referencie-block-2 .view-referencie .view-content,
.page-node-type-referencia .field--field-galeria {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 25px;
}
div#block-views-block-referencie-block-1 .view-referencie .view-content{
  margin-top: 50px;
}
div#block-views-block-referencie-block-1 .view-referencie .view-content > .views-row,
div#block-views-block-referencie-block-2 .view-referencie .view-content > .views-row,
.page-node-type-referencia .field--field-galeria > div {
  width: calc(100% / 4 - 19px);
  position: relative;
}
.page-node-type-frontpage .views-field.views-field-title,
.page-node-6 .views-field.views-field-title {
  background: linear-gradient(0deg, rgb(0 0 0 / 80%) 0%, transparent 100%);
  width: 100%;
  display: flex;
  justify-content: end;
  flex-direction: column;
  padding: 0 20px 20px 20px;
  min-height: 100%;
  position: absolute;
  bottom: 0;
}
.page-node-type-frontpage .views-field.views-field-title a,
.page-node-6 .views-field.views-field-title a {
  color: #fff;
}
.views-field.views-field-title a:after{
  position: absolute;
  width: 100%;
  height: 100%;
  content: '';
  top: 0;
  left: 0;
}
div#block-views-block-referencie-block-1,
div#block-views-block-referencie-block-2{
  margin-bottom: 100px;
}
div#block-views-block-referencie-block-2 {
  margin-top: 50px;
}
.referencie_button{
  margin-top: 40px;
  text-align: right;
}
.referencie_button a{
  font-family: "SanFranciscoText-Bold";
  font-size: 12px;
  text-transform: uppercase;
  display: inline-block;
  padding: 18px 100px 18px 20px;
  border: 2px solid transparent;
  background-color: #CA2F2F;
  background-image: url(/themes/mytheme/images/icons/arrow-r.svg);
  background-repeat: no-repeat;
  background-position: center right 20px;
  color: #fff;
  transition: background-color 0.3s, color 0.3s;
}
.referencie_button a:hover{
  background-color: #FFF;
  color: #272727;
  background-image: url(/themes/mytheme/images/icons/arrow-r-w.svg);
  background-repeat: no-repeat;
  background-position: center right 20px;
  border: 2px solid #dedede;
  transition: background-color 0.3s, color 0.3s;
}
div#block-views-block-referencie-block-1 .form-item-field-kategoria-target-id ul li a:before,
div#block-views-block-referencie-block-2 .form-item-field-kategoria-target-id ul li a:before{
  width: 20px;
  height: 20px;
  content: '';
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translate(0, -50%);
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  transition: background-image 0.3s;
}
div#block-views-block-referencie-block-1 .form-item-field-kategoria-target-id ul li a:hover,
div#block-views-block-referencie-block-2 .form-item-field-kategoria-target-id ul li a:hover{
  background-color: #323232;
  border-color: transparent;
  color: #fff;
  /* background-image: url(/themes/mytheme/images/icons/arrow-r.svg); */
  transition: background-color 0.3s, color 0.3s;
}
div#block-views-block-referencie-block-1 .form-item-field-kategoria-target-id ul li a#edit-field-kategoria-target-id-1:before,
div#block-views-block-referencie-block-2 .form-item-field-kategoria-target-id ul li a#edit-field-kategoria-target-id-1:before{
  background-image: url(/themes/mytheme/images/icons/verejne.svg);
}
div#block-views-block-referencie-block-1 .form-item-field-kategoria-target-id ul li a#edit-field-kategoria-target-id-1:hover:before,
div#block-views-block-referencie-block-2 .form-item-field-kategoria-target-id ul li a#edit-field-kategoria-target-id-1:hover:before{
  background-image: url(/themes/mytheme/images/icons/verejne-w.svg);
}
div#block-views-block-referencie-block-1 .form-item-field-kategoria-target-id ul li a#edit-field-kategoria-target-id-2:before,
div#block-views-block-referencie-block-2 .form-item-field-kategoria-target-id ul li a#edit-field-kategoria-target-id-2:before{
  background-image: url(/themes/mytheme/images/icons/obytne.svg);
}
div#block-views-block-referencie-block-1 .form-item-field-kategoria-target-id ul li a#edit-field-kategoria-target-id-2:hover:before,
div#block-views-block-referencie-block-2 .form-item-field-kategoria-target-id ul li a#edit-field-kategoria-target-id-2:hover:before{
  background-image: url(/themes/mytheme/images/icons/obytne-w.svg);
}
div#block-views-block-referencie-block-1 .form-item-field-kategoria-target-id ul li a#edit-field-kategoria-target-id-3:before,
div#block-views-block-referencie-block-2 .form-item-field-kategoria-target-id ul li a#edit-field-kategoria-target-id-3:before{
  background-image: url(/themes/mytheme/images/icons/priemyselne.svg);
}
div#block-views-block-referencie-block-1 .form-item-field-kategoria-target-id ul li a#edit-field-kategoria-target-id-3:hover:before,
div#block-views-block-referencie-block-2 .form-item-field-kategoria-target-id ul li a#edit-field-kategoria-target-id-3:hover:before{
  background-image: url(/themes/mytheme/images/icons/priemyselne-w.svg);
}
div#block-views-block-referencie-block-1 .form-item-field-kategoria-target-id ul li a#edit-field-kategoria-target-id-4:before,
div#block-views-block-referencie-block-2 .form-item-field-kategoria-target-id ul li a#edit-field-kategoria-target-id-4:before{
  background-image: url(/themes/mytheme/images/icons/rodinne.svg);
}
div#block-views-block-referencie-block-1 .form-item-field-kategoria-target-id ul li a#edit-field-kategoria-target-id-4:hover:before,
div#block-views-block-referencie-block-2 .form-item-field-kategoria-target-id ul li a#edit-field-kategoria-target-id-4:hover:before{
  background-image: url(/themes/mytheme/images/icons/rodinne-w.svg);
}
div#block-views-block-referencie-block-1 .form-item-field-kategoria-target-id ul li a#edit-field-kategoria-target-id-5:before,
div#block-views-block-referencie-block-2 .form-item-field-kategoria-target-id ul li a#edit-field-kategoria-target-id-5:before{
  background-image: url(/themes/mytheme/images/icons/rekonstrukcie.svg);
}
div#block-views-block-referencie-block-1 .form-item-field-kategoria-target-id ul li a#edit-field-kategoria-target-id-5:hover:before,
div#block-views-block-referencie-block-2 .form-item-field-kategoria-target-id ul li a#edit-field-kategoria-target-id-5:hover:before{
  background-image: url(/themes/mytheme/images/icons/rekonstrukcie-w.svg);
}

/* REFERENCIE BUTTONS NEW */
div#block-views-block-referencie-zoznam-block-1 .view-content,
div#block-views-block-referencie-zoznam-block-1-2 .view-content{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 25px;
}
div#block-views-block-referencie-zoznam-block-1 .view-content span,
div#block-views-block-referencie-zoznam-block-1-2 .view-content span {
  font-family: "SanFranciscoText-Bold";
  font-size: 12px;
  text-transform: uppercase;
  display: inline-block;
  padding: 10px 50px 10px 55px;
  border: 2px solid #dedede;
  color: #272727;
  position: relative;
  transition: background-color 0.3s, color 0.3s;
}
div#block-views-block-referencie-zoznam-block-1 .view-content span:hover,
div#block-views-block-referencie-zoznam-block-1-2 .view-content span:hover{
  background-color: #272727;
  color: #fff;
  border: 2px solid #fff;
  transition: background-color 0.3s, color 0.3s;
}
div#block-views-block-referencie-zoznam-block-1 .view-content span:before,
div#block-views-block-referencie-zoznam-block-1-2 .view-content span:before {
  width: 20px;
  height: 20px;
  content: '';
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translate(0, -50%);
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  transition: background-image 0.3s;
}
div#referencia-1 span:before{
  background-image: url(/themes/mytheme/images/icons/verejne.svg);
}
div#referencia-1 span:hover:before{
  background-image: url(/themes/mytheme/images/icons/verejne-w.svg);
}
div#referencia-2 span:before{
  background-image: url(/themes/mytheme/images/icons/obytne.svg);
}
div#referencia-2 span:hover:before{
  background-image: url(/themes/mytheme/images/icons/obytne-w.svg);
}
div#referencia-3 span:before{
  background-image: url(/themes/mytheme/images/icons/priemyselne.svg);
}
div#referencia-3 span:hover:before{
  background-image: url(/themes/mytheme/images/icons/priemyselne-w.svg);
}
div#referencia-4 span:before{
  background-image: url(/themes/mytheme/images/icons/rodinne.svg);
}
div#referencia-4 span:hover:before{
  background-image: url(/themes/mytheme/images/icons/rodinne-w.svg);
}
div#referencia-5 span:before{
  background-image: url(/themes/mytheme/images/icons/rekonstrukcie.svg);
}
div#referencia-5 span:hover:before{
  background-image: url(/themes/mytheme/images/icons/rekonstrukcie-w.svg);
}

.referencie_back {
  margin-top: 50px;
  text-align: center !important;
}
.referencie_back button {
  font-family: "SanFranciscoText-Bold";
  font-size: 12px;
  text-transform: uppercase;
  display: inline-block;
  padding: 18px 100px 18px 20px;
  border: 2px solid transparent;
  background-color: #CA2F2F;
  background-image: url(/themes/mytheme/images/icons/arrow-r.svg);
  background-repeat: no-repeat;
  background-position: center right 20px;
  color: #fff;
  transition: background-color 0.3s, color 0.3s;
}
.referencie_back button:hover{
  background-color: #FFF;
  color: #272727;
  background-image: url(/themes/mytheme/images/icons/arrow-r-w.svg);
  background-repeat: no-repeat;
  background-position: center right 20px;
  border: 2px solid #dedede;
  transition: background-color 0.3s, color 0.3s;
}



/* KONTAKT */

.adresa_oznacenie {
  font-family: 'SanFranciscoText-Bold';
  color: #ca2f2f;
  font-size: 14px;
}
.field--field-kontakt-,
.adresa_title {
  font-size: 14px;
}
.field--field-fax,
.field--field-telefon,
.field--field-mobil,
.field--field-email {
  display: flex;
  gap: 5px;
  font-size: 14px;
}
.field--field-kontakt {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 20px;
}
.kontakt_box {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 50px;
}
.kontakt_box_left {
  width: 30%;
}
.kontakt_box_right {
  width: calc(70% - 50px);
}
div#block-kontakt{
  margin: 100px 0 50px;
}
.field--field-nadpis-nad-formularom {
  font-size: 30px;
  margin-bottom: 20px;
  font-family: 'SanFranciscoText-Regular';
}
.field--field-popis-nad-formularom {
  font-family: "SanFranciscoText-Light";
  margin-bottom: 30px;
}
.form-type-checkbox .description{
  margin: 0;
}
.form-item-suhlasim-so-spracuvanim-osobnych-udajov-{
  display: flex;
}
.field--field-meno {
  font-family: 'SanFranciscoText-Bold';
}
.field--field-oddelenie {
  font-family: 'SanFranciscoText-Bold';
  color: #ca2f2f;
  font-size: 14px;
}
.field--field-funkcia {
  font-family: "SanFranciscoText-Light";
  font-size: 13px;
}
.field--field-meno {
  font-family: 'SanFranciscoText-Bold';
}
#webform-submission-napiste-nam-block-content-10-add-form #edit-actions input {
  font-family: "SanFranciscoText-Bold";
  font-size: 12px;
  text-transform: uppercase;
  display: inline-block;
  padding: 18px 100px 18px 20px;
  border: 2px solid transparent;
  background-color: #CA2F2F;
  background-image: url(/themes/mytheme/images/icons/arrow-r.svg);
  background-repeat: no-repeat;
  background-position: center right 20px;
  color: #fff;
  transition: background-color 0.3s, color 0.3s;
}
#webform-submission-napiste-nam-block-content-10-add-form #edit-actions input:hover{
  background-color: #FFF;
  color: #272727;
  background-image: url(/themes/mytheme/images/icons/arrow-r-w.svg);
  background-repeat: no-repeat;
  background-position: center right 20px;
  border: 2px solid #dedede;
  transition: background-color 0.3s, color 0.3s;
}
div#edit-suhlasim-so-spracuvanim-osobnych-udajov---description a {
  color: #ca2f2f;
}
#webform-submission-napiste-nam-block-content-10-add-form input#edit-meno-a-priezvisko:focus,
#webform-submission-napiste-nam-block-content-10-add-form input#edit-email:focus,
#webform-submission-napiste-nam-block-content-10-add-form input#edit-predmet:focus,
textarea#edit-sprava:focus{
  box-shadow: initial !important;
  border-color: #DEDEDE;
}
input[type="checkbox"]:focus{
  outline:0;
}


/* KARIERA */
.kariera_box {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 50px;
}
.kariera_box_left {
  width: calc(60% - 50px);
  margin-top: 40px;
}
.kariera_box_right {
  width: 40%;
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin-top: -180px;
}
.otvorene_pozicie {
  padding: 40px;
  background: linear-gradient(to right, #FFF9F9, #FCF1F1);
}
.pozicie_title {
  font-size: 24px;
  font-family: 'SanFranciscoText-Bold';
  margin-bottom: 20px;
  position: relative;
  padding-left: 50px;
}
.pozicie_subtitle{
  font-size: 14px;
  margin-bottom: 10px;
}
.field--field-kariera-podnadpis h2 {
  font-size: 24px;
  font-family: 'SanFranciscoText-Bold';
  margin-bottom: 30px;
  position: relative;
  padding-left: 50px;
}
.field--field-kariera-podnadpis h2:before{
  background-image: url(/themes/mytheme/images/icons/developer.svg);
  width: 32px;
  height: 100%;
  content: '';
  position: absolute;
  left: 0;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.pozicie_title:before{
  background-image: url(/themes/mytheme/images/icons/pozicie.svg);
  width: 32px;
  height: 100%;
  content: '';
  position: absolute;
  left: 0;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.kariera_box .field--body p{
  font-size: 14px;
}
#block-views-block-pozicie-block-1 .field--title h2 {
  font-size: 12px;
  font-family: 'SanFranciscoText-Bold';
  text-transform: uppercase;
  position: relative;
  padding-left: 35px;
}
#block-views-block-pozicie-block-1 .field--title h2:before{
  background-image: url(/themes/mytheme/images/icons/pozicia.svg);
  width: 32px;
  height: 100%;
  content: '';
  position: absolute;
  left: 0;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.no_result {
  font-size: 12px;
  font-family: 'SanFranciscoText-Bold';
  text-transform: uppercase;
  text-align: center;
  border: 2px solid #E8E8E8;
  padding: 15px;
  color: #6f6e6e;
  margin-top: 20px;
}
.field--field-active-dev {
  font-size: 24px;
  font-family: 'SanFranciscoText-Bold';
  position: relative;
  padding-left: 50px;
  margin-bottom: 25px;
  margin-top: 25px;
}
.field--field-active-dev:before {
  background-image: url(/themes/mytheme/images/icons/aktpro.svg);
  width: 32px;
  height: 100%;
  content: '';
  position: absolute;
  left: 0;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.page-node-9 .field--field-faq-nadpis{
  padding-left: 0;
}
.page-node-9 .field--field-faq-nadpis h2{
  font-size: 20px;
}
.field--field-dev-cinnost > div {
  border-bottom: 1px solid #ECECEC;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}
.field--field-dev-cinnost > div:first-child {
  border-top: 1px solid #ECECEC;
}
.page-node-9 .field--field-faq-obsah{
  padding-left: initial;
}
.page-node-9 .field--field-faq-nadpis h2{
  padding-left: initial;
}
.field--field-inactive-dev {
  font-size: 12px;
  font-family: 'SanFranciscoText-Bold';
  text-transform: uppercase;
  text-align: center;
  border: 2px solid #E8E8E8;
  padding: 15px;
  color: #6f6e6e;
  margin-top: 20px;
}


/* ONAS */
.o_firme_box {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 50px;
}
.o_firme_l {
  width: calc(60% - 50px);
  margin-top: 40px;
}
.o_firme_r{
  width: 40%;
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin-top: -180px;
}
.o_firme_r_top {
  padding: 40px;
  border: 4px solid #E8E8E8;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.field--field-certifikaty {
  display: flex;
  flex-direction: row;
  gap: 40px;
}
.o_firme_r_bottom{
  padding: 40px;
  background: linear-gradient(to right, #FFF9F9, #FCF1F1);
}
.field--field-ozn-certifikat {
  font-family: 'SanFranciscoText-Bold';
  font-size: 24px;
  margin-top: 10px;
  margin-bottom: 40px;
}
.field--field-ocenenia-ozn- {
  font-family: 'SanFranciscoText-Bold';
  text-transform: uppercase;
  font-size: 12px;
  color: #CA2F2F;
}
.o_firme_box p {
  font-size: 14px;
  font-family: 'SanFranciscoText-Regular';
}
.o_firme_box strong {
  font-family: 'SanFranciscoText-Bold';
}
.field--field-nadpis1,
.field--field-nadpis2 {
  font-family: 'SanFranciscoText-Bold';
  font-size: 24px;
  margin-bottom: 20px;
}
.field--field-nadpis2 {
  margin-top: 40px;
}
.field--field-ob-meno {
  font-family: 'SanFranciscoText-Bold';
  font-size: 24px;
}
.field--field-ob-meno-ozn {
  font-family: 'SanFranciscoText-Bold';
  color: #CA2F2F;
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 5px;
}
.o_firme_box .field--field-adresa {
  color: #000;
  font-size: initial;
}
.field--field-ico,
.field--field-ic-dph{
  display: flex;
  gap: 10px;
}
.field--field-statutarny-zastupca{
  display: flex;
  flex-direction: column;
}
.field--field-statutarny-zastupca > div:first-child{
  font-family: 'SanFranciscoText-Bold';
  color: #CA2F2F;
}
.field--field-ico > div:first-child,
.field--field-ic-dph > div:first-child{
  font-family: 'SanFranciscoText-Bold';
}


/* MAP */

div#block-views-block-pobocka-block-1 .views-field-title {
  margin-bottom: 20px;
  font-size: 18px;
  font-family: "SanFranciscoText-Bold";
}



/* --------------------- FAQ START */
.field--field-faq-obsah{
  height: 0;
  overflow: hidden;
  padding-top: 20px;
  padding-left: 30px;
  padding-right: 30px;
  transition: height 0.3s ease; /* Animácia pre plynulé otváranie/zatváranie */
}
.field--field-faq-nadpis{
  padding: 30px 85px 10px 30px;
  font-size: 20px;
  cursor: pointer;
  position: relative;
}
.field--field-nase-vysledky {
display: flex;
flex-direction: column;
}
.field--field-faq-nadpis h2{
margin: 0;
font-size: 24px;
position: relative;
padding-left: 40px;
}
.field--field-faq-nadpis:before{
width: 50px;
height: 50px;
border-radius: 50%;
position: absolute;
content: '';
top: calc(50% - 15px);
right: 20px;
background-image: url(/themes/mytheme/images/icons/faq-d.svg);
background-repeat: no-repeat;
background-position: center;
transition: transform 0.5s ease;
}
.field--field-faq-nadpis:after {
  width: 100%;
  height: 93px;
  content: '';
  background: transparent;
  position: absolute;
  border-radius: 0;
  left: 0;
  top: 0;
}
.field--field-faq-nadpis.acordeon_open:before{
transform: rotate(180deg);
}
/* ---------------  FAQ END */

/* FAQ POZICIE */
#block-views-block-pozicie-block-1 .field--body {
  height: 0;
  overflow: hidden;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 20px;
  transition: height 0.3s ease; /* Animácia pre plynulé otváranie/zatváranie */
}
.otvorene_pozicie .field--title {
  padding: 25px 85px 0 20px;
  font-size: 20px;
  cursor: pointer;
  position: relative;
}
#block-views-block-pozicie-block-1 .views-row{
  border: 2px solid #E8E8E8;
  background: #fff;
}
#block-views-block-pozicie-block-1 .field--title:after{
  height: 65px;
  width: 100%;
  background: transparent;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
}
#block-views-block-pozicie-block-1 .field--title:before{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  position: absolute;
  content: '';
  top: calc(50% - 15px);
  right: 20px;
  background-image: url(/themes/mytheme/images/icons/faq-d.svg);
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.5s ease;
}
#block-views-block-pozicie-block-1 .field--title.acordeon_open:before {
  transform: rotate(180deg);
}
#block-views-block-pozicie-block-1 .view-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}


/* Footer */
.footer_group_right > span{
  font-family: "SanFranciscoText-RegularItalic";
  margin-top: 50px;
  display: block;
  text-align: right;
  color: #ffffff99;
}
.footer_group {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
nav#block-footermenu .menu {
  display: flex;
  flex-direction: row;
  gap: 80px;
}
nav#block-footermenu .menu a:hover{
  color: #CA2F2F;
}
.footer_group_left {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 90px;
}
.footer_group_left h2{
  font-family: "SanFranciscoText-Bold";
  margin-bottom: 20px;
  font-size: 12px;
  text-transform: uppercase;
  position: relative;
}
.footer_group_left h2:before{
  content: '';
  width: 20px;
  height: 100%;
  background-size: contain !important;
  position: absolute;
  left: -25px;
  top: 0px;
}
.footer_office:before {
  background: url(/themes/mytheme/images/icons/office.svg) no-repeat;
}
.footer_kontakty:before {
  background: url(/themes/mytheme/images/icons/phone.svg) no-repeat;
}
.footer_group_left h2,
.field--field-tel- a, .field--field-fax- a, .field--field-email- a,
.field--field-tel-, .field--field-fax-, .field--field-email-,
.field--field-adresa,
nav#block-footermenu .menu a{
  color: #fff;
}
.field--field-tel-,
.field--field-fax-,
.field--field-email-,
.field--field-adresa{
  font-size: 14px;
}
.field--field-tel-,
.field--field-fax-,
.field--field-email-{
  display: flex;
  gap: 5px;
}
nav#block-footermenu .menu{
  font-family: "SanFranciscoText-Bold";
  font-size: 12px;
  text-transform: uppercase;
}
#footer{
  border-top: 4px solid #CA2F2F;
  background: linear-gradient(95.6deg, #242424 0%, rgba(19, 19, 19, 0.94) 100%);
  padding: 65px 20px;
}










/*------- COOKIES DEFAULT ----------*/

#cookiesjsr {
  --default-margin: 1.25em;
  --font-size-reset: 1rem;
  --btn-font-color: #fff;
  --btn-border-color: #fff;
  --btn-bg-color: #1e1e1e;
  --btn-prime-font-color: #1e1e1e;
  --btn-prime-border-color: #fff;
  --btn-prime-bg-color: #fff;
  --btn-inv-font-color: #1e1e1e;
  --btn-inv-border-color: #1e1e1e;
  --btn-inv-bg-color: #fff;
  --btn-prime-inv-font-color: #fff;
  --btn-prime-inv-border-color: #1e1e1e;
  --btn-prime-inv-bg-color: #1e1e1e;
  --link-list-font-color: #fff;
  --link-list-separator-color: #fff;
  --banner-logo-offset: 100px;
  --banner-bg-color: #1e1e1e;
  --banner-font-color: #fff;
  --layer-header-height: 3.5em;
  --layer-header-bg-color: #fff;
  --layer-header-font-color: #000f37;
  --layer-body-bg-color: #fff;
  --layer-tab-bg-color: #fff;
  --layer-tab-font-color: #000f37;
  --layer-tab-active-bg-color: #1e1e1e;
  --layer-tab-active-font-color: #fff;
  --layer-bg-dark: #1e1e1e;
  --layer-font-light: #fff;
  --layer-font-dark: #000f37;
  --layer-border-color: #e4e5e6;
  --layer-footer-bg-color: #fff;
  --layer-footer-font-color: #000f37;
  --layer-footer-height: 4.5em;
  --switch-border-color: #e4e5e6;
  --switch-handle-color: #fff;
  --switch-bg-off: #fff;
  --switch-bg-on: #0a0;
  --switch-width: 45px;
  --switch-height: 20px;
  --switch-always-on-font-color: #0a0;
  --switch-always-on-bg-color: #fff;
  }

  .cookiesjsr-service-group--services {
      background-color: rgba(255, 255, 255, 0.14);
  }

  .cookiesjsr-btn {
      border: 2px solid #CA2F2F;
  }

  .cookiesjsr-layer--close.dialog-first-tab {
      background-color: unset !important;
  }




/* Confirmation form */

.webform-confirmation {
  padding: 50px 10px;
  text-align: center;
}


.webform-confirmation__message {
  font-size: 20px;
  margin-bottom: 50px;
}


.webform-confirmation__back a {
  font-family: "SanFranciscoText-Bold";
  font-size: 12px;
  text-transform: uppercase;
  display: inline-block;
  padding: 18px 100px 18px 20px;
  border: 2px solid transparent;
  background-color: #CA2F2F;
  background-image: url(/themes/mytheme/images/icons/arrow-r.svg);
  background-repeat: no-repeat;
  background-position: center right 20px;
  color: #fff;
}

/* 404 */

.back_home{
  margin-top: 30px;
}
.back_home a {
  font-family: "SanFranciscoText-Bold";
  font-size: 12px;
  text-transform: uppercase;
  display: inline-block;
  padding: 18px 100px 18px 20px;
  border: 2px solid transparent;
  background-color: #CA2F2F;
  background-image: url(/themes/mytheme/images/icons/arrow-r.svg);
  background-repeat: no-repeat;
  background-position: center right 20px;
  color: #fff;
}


/* ----  RECAPCHA -----*/

.grecaptcha-badge {
  visibility: hidden;
}