.list-real-estates > li.size-3 {
height: 340px;
}
@font-face {
font-family: 'nexa';
font-style: normal;
font-weight: normal;
src: url(https://www.ciregio.sk/wp-content/themes/roi/assets/fonts/NexaBook.otf) format('opentype');
}
@font-face {
font-family: 'nexa';
font-style: normal;
font-weight: bold;
src: url(https://www.ciregio.sk/wp-content/themes/roi/assets/fonts/NexaBold.otf) format('opentype');
}
@font-face {
font-family: 'nexa';
font-style: normal;
font-weight: 800;
src: url(https://www.ciregio.sk/wp-content/themes/roi/assets/fonts/NexaExtraBold.otf) format('opentype');
}
@font-face {
font-family: 'para';
font-style: normal;
font-weight: 300;
src: url(https://www.ciregio.sk/wp-content/themes/roi/assets/fonts/ParaLightGrand.otf) format('opentype');
}
@font-face {
font-family: 'para';
font-style: normal;
font-weight: 500;
src: url(https://www.ciregio.sk/wp-content/themes/roi/assets/fonts/ParaMediumGrand.otf) format('opentype');
}
@font-face {
font-family: 'para';
font-style: normal;
font-weight: bold;
src: url(https://www.ciregio.sk/wp-content/themes/roi/assets/fonts/ParaBoldGrand.otf) format('opentype');
}
html {
height: 100%;
margin: 0;
padding: 0;
}
body {
margin: 0;
padding: 0;
background-color: white;
background-position: left top;
background-repeat: no-repeat;
background-size: 100% auto;
font-family: nexa, arial;
color: #19333D;
font-size: 15px;
line-height: 21px;
}
a {
color: #19333D;
text-decoration: none;
-webkit-transition: color 0.3s;
-o-transition: color 0.3s;
transition: color 0.3s;
}
a:hover {
text-decoration: none;
color: #BFAA89;
}
a, button, input, textarea, select {
outline: none !important;
}
p {
margin: 0;
padding: 0 0 21px 0;
}
address {
margin: 0;
padding: 0;
font-style: normal;
}
section, figure {
display: block;
margin: 0;
padding: 0;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
margin: 0;
padding: 0;
font-family: para;
font-weight: bold;
}
h1, .h1 {
padding-bottom: 60px;
font-size: 85px;
line-height: 80px;
}
h2, .h2 {
padding-bottom: 40px;
font-size: 64px;
line-height: 67.5px;
}
h3, .h3 {
padding-bottom: 30px;
font-size: 29.5px;
line-height: 41px;
}
h4, .h4 {
padding-bottom: 20px;
font-size: 20px;
line-height: 26.5px;
}
.offset-title-container {
text-align: right;
}
.offset-title {
display: inline-block;
text-align: left;
white-space: nowrap;
}
.offset-title.no-overflow {
white-space: normal;
text-align: right;
}
.offset-title span.a {
display: block;
text-align: left;
margin-left: -230px;
white-space: nowrap;
}
.offset-title.no-overflow span.a {
white-space: normal;
margin-left: 0;
text-align: left;
}
.offset-title span.b {
display: block;
}
.text-line {
font-size: 17.5px;
line-height: 21px;
font-family: nexa;
font-weight: 800;
margin-bottom: 43px;
padding-bottom: 26px;
border-bottom: 1px solid #19333D;
}
ul {
padding: 0;
margin: 0;
list-style: none;
}
li {
margin: 0;
padding: 0;
}
::-moz-selection {
color: white;
background-color: #19333D;
}
::selection {
color: white;
background-color: #19333D;
}
#footer ::-moz-selection, #header ::-moz-selection, .form ::-moz-selection {
color: #19333D;
background-color: white;
}
#footer ::selection,
#header ::selection,
.form ::selection {
color: #19333D;
background-color: white;
} body {
min-height: 100%;
}
#wrapper {
position: relative;
max-width: 2100px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100vh;
}
#body {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.wrapper {
}
.container {
margin-left: 187px;
margin-right: 187px;
}
.content-container {
}
.content-spacer {
height: 100px;
} #header {
position: relative;
padding: 34px 0 30px 30px;
}
#header .container {
margin-left: 0;
margin-right: 0;
}
#header .default {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#header .logo {
padding-right: 32px;
}
#header .logo a {
display: block;
}
#header .logo a img {
display: block;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#header .logo a:hover img {
-webkit-transform: scale(1.03, 1.03);
-ms-transform: scale(1.03, 1.03);
transform: scale(1.03, 1.03);
}
#header .list-languages {
margin-top: -3px;
}
#header .navigation {
}
#header .navigation-inner {
}
#header .navigation-inner .toggle {
position: absolute;
right: 51px;
top: 69px;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 300;
}
body.navigation-open #header .navigation-inner .toggle {
position: fixed;
}
#header .navigation .toggle .lines {
padding: 0 0 0 16px;
}
#header .navigation .toggle .line {
display: block;
width: 40px;
height: 2px;
margin-bottom: 5px;
background-color: #19333D;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
#header .navigation .toggle:hover .line,
body.navigation-open #header .navigation .toggle:hover .lines .line {
background-color: #BFAA89;
}
body.navigation-open #header .navigation .toggle .lines .line {
background-color: white;
}
#header .navigation .toggle .lines .line:nth-child(2),
#header .navigation .toggle .lines .line:nth-child(3) {
width: 20px;
}
#header .navigation .toggle .lines .line:nth-child(3) {
margin-left: 20px;
margin-bottom: 3px;
}
body.navigation-open #header .navigation .toggle .lines .line:nth-child(3) {
margin-top: -7px;
}
body.navigation-open #header .navigation .toggle .lines .line {
width: 40px;
margin-left: 0;
margin-right: 0;
}
#header .navigation .toggle .text {
position: relative;
padding-bottom: 5px;
display: inline-block;
font-size: 14px;
line-height: 18px;
font-weight: bold;
color: #19333D;
font-family: nexa;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
max-width: 150px;
text-align: right;
}
body.navigation-open #header .navigation .toggle .text {
color: white;
}
#header .navigation .toggle:hover .text,
body.navigation-open #header .navigation .toggle:hover .text {
color: #BFAA89;
}
#header .navigation .toggle .text span {
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
}
#header .navigation .toggle .text span.close {
position: absolute;
right: 0;
top: 0;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#header .navigation .toggle .text span.close,
body.navigation-open #header .navigation .toggle .text span.current {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
opacity: 0;
}
body.navigation-open #header .navigation .toggle .text span.close {
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
}
#header .navigation-container {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
padding: 20px 80px;
display: block;
height: calc(100vh + 5px);
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background: rgb(24, 60, 45) url(https://www.ciregio.sk/wp-content/themes/roi/assets/img/navigation.jpg) left top no-repeat;
background-size: cover;
z-index: 100;
-webkit-box-sizing: border-box;
box-sizing: border-box;
opacity: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
overflow: auto;
}
#header .navigation-container a,
#header .navigation-container .left .list-services .title,
#header .navigation-container .left .list-services ul li a {
color: white;
}
#header .navigation-container a:hover,
#header .navigation-container .left .list-services ul li a:hover,
#header .navigation-container .left .list-services ul li.current-menu-item a,
#header .navigation-container-inner ul li a:hover,
#header .navigation-container-inner ul li.current-menu-item a {
color: #BFAA89;
}
#header .navigation-container .left {
-ms-flex-preferred-size: 65%;
flex-basis: 65%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 30px;
}
#header .navigation-container .left .list-services {
margin: 0 auto;
}
#header .navigation-container .right {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#header .navigation-container-inner {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#header .navigation-container-inner ul {
}
#header .navigation-container-inner ul li {
font-family: para;
font-size: 25px;
line-height: 30px;
font-weight: 300;
padding-bottom: 28px;
}
#header .navigation-container-inner ul li:last-child {
padding-bottom: 0;
}
#header .navigation-container-inner ul li a {
color: white;
}
body.navigation-open #header .navigation-container {
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
}
body.navigation-open {
position: fixed;
overflow-y: scroll;
} #footer {
padding: 123px 0 21px 0;
background-color: #19333D;
}
#footer * {
color: white;
}
#footer a:hover {
color: #BFAA89;
}
#footer .top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-bottom: 38px;
}
#footer .top .component-contacts {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
#footer .top .logo {
margin-right: -6px;
margin-top: 12px;
text-align: right;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
#footer .top .logo a {
display: inline-block;
}
#footer .top .logo img {
display: inline-block;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#footer .top .logo a:hover img {
-webkit-transform: scale(1.04, 1.04);
-ms-transform: scale(1.04, 1.04);
transform: scale(1.04, 1.04);
}
#footer .bottom {
text-align: right;
}
#footer .bottom div {
padding-bottom: 3px;
font-size: 14px;
}
#footer .component-contacts ul li.email a {
color: #BFAA89;
}
#footer .component-contacts ul li.email a:hover,
#footer .component-contacts ul li.telephone a:hover {
color: white;
}  .component-home-header {
padding-top: 55px;
padding-bottom: 175px;
}
.component-home-header .container {
position: relative;
}
.component-home-header .content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.component-home-header .content .title {
position: relative;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
text-align: right;
margin-bottom: -194px;
overflow: hidden;
z-index: 50;
}
.component-home-header .content .title h1 {
display: inline-block;
padding-bottom: 35px;
font-size: 72px;
line-height: 72px;
font-weight: bold;
text-align: right;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
min-height: 305px;
}
.component-home-header .content .title h1 span.left {
display: inline-block;
text-align: left;
}
.component-home-header .content .title h1 span.right {
display: block;
text-align: right;
}
.component-home-header .content .title h1 span.space {
display: block;
height: 10px;
}
.component-home-header .content .image {
position: relative;
z-index: 10;
-ms-flex-preferred-size: 77%;
flex-basis: 77%;
overflow: hidden;
}
.component-home-header .content .image img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
min-height: 370px;
}
.component-home-header .content .content-inner {
-ms-flex-preferred-size: 23%;
flex-basis: 23%;
padding-top: 194px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 50px;
max-width: 250px;
}
.component-home-header .content .content-inner div {
overflow: hidden;
}
.component-home-header .content .content-inner div > * {
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.component-home-header .content .content-inner p {
padding-bottom: 35px;
}
.component-home-header .pagination {
position: absolute;
left: 0;
top: 15px;
font-family: para;
font-size: 16px;
line-height: 21px;
font-weight: 300;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.component-home-header .pagination .current {
overflow: hidden;
}
.component-home-header .pagination .current span {
display: inline-block;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.component-home-header .pagination .current:after {
content: '';
height: 1px;
background-color: #19333D;
width: 33px;
display: inline-block;
margin: 0 12px 5px 12px;
opacity: 0.4;
}
.component-home-header .slide.animation-middle-state .pagination .current span {
opacity: 0;
}
.component-home-header .slide.animation-middle-state .content .title h1,
.component-home-header .slide.animation-middle-state .content .content-inner div > * {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
opacity: 0.5;
}
.component-home-header .slide.animation-middle-state .content .image img {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
opacity: 0.3;
} .component-header {
padding-bottom: 100px;
}
.component-header .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.component-header .image {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
padding-right: 15px;
}
.component-header .image img {
display: block;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
margin: 0 0 0 auto;
}
.component-header .content {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
padding: 90px 95px 0 95px;
padding-left: 95px;
padding-right: 95px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
justify-self: flex-end;
}
.component-header.no-image .content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: none;
padding: 0;
}
.component-header.no-image .content .title {
-ms-flex-preferred-size: 70%;
flex-basis: 70%;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin-right: -7px;
}
.component-header.no-image.no-content .content .title {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin-top: 0;
text-align: left;
}
.component-header.no-image .content .content-inner {
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding-top: 20px;
}
.component-header .content .title h1 {
padding-bottom: 73px;
}
.component-header.no-image .content .title h1 {
padding-bottom: 0;
} .component-specialists {
padding: 0 0 75px 0;
}
.component-specialists .container {
position: relative;
}
.component-specialists .container > .image {
position: absolute;
left: 46.8%;
top: 0;
bottom: 180px;
right: 0;
z-index: 10;
overflow: hidden;
}
.component-specialists .container > .image img {
display: none;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: 0.5s all;
-o-transition: 0.5s all;
transition: 0.5s all;
}
.component-specialists .container > .image img.active {
display: block;
}
.component-specialists .container > .image img.animation-middle-state { opacity: 0;
}
.component-specialists .content {
position: relative;
z-index: 25;
}
.component-specialists .content p {
padding-bottom: 45px;
}
.component-specialists .years {
position: relative;
z-index: 20;
padding-left: 62%;
margin-top: -104px;
}
.component-specialists .years .image {
}
.component-specialists .years .image img {
display: block;
}
.component-specialists .years .text {
font-size: 14px;
line-height: 18px;
padding-top: 25px;
}
.component-specialists .title,
.component-specialists .content-inner {
padding-left: 235px;
}
.component-specialists .content-inner {
max-width: 260px;
}
.component-specialists .title {
padding-top: 76px;
}
.component-specialists .title .offset-title {
padding-bottom: 57px;
font-size: 80px;
line-height: 94px;
font-weight: bold;
}
.component-specialists .title .offset-title span.a {
margin-left: -235px;
}
.component-specialists .title .offset-title span.b { } .component-energy {
padding: 233px 0 244px 0;
background: white url(https://www.ciregio.sk/wp-content/themes/roi/assets/img/background-6.jpg) left bottom no-repeat;
background-size: 100% auto;
}
.component-energy .container {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.component-energy .container .left {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
z-index: 60;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.component-energy .container .right {
-ms-flex-preferred-size: 36%;
flex-basis: 36%;
max-width: 36%;
z-index: 50;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.component-energy .left .title,
.component-energy .average {
padding-left: 125px;
}
.component-energy .left .title .offset-title {
padding-bottom: 60px;
font-size: 81.5px;
line-height: 113px;
font-weight: bold;
}
.component-energy .left .title .offset-title span.a {
margin-left: -125px;
}
.component-energy .left > .image {
position: absolute;
left: 0;
bottom: 5px;
width: 15.3%;
}
.component-energy .average {
padding-bottom: 20px;
position: relative;
}
.component-energy .average .text {
width: 150px;
font-size: 14px;
line-height: 18px;
padding-bottom: 5px;
padding-left: 11px;
}
.component-energy .average .image {
}
.component-energy .average .image img {
display: block;
}
.component-energy .right .image {
display: block;
width: 100%;
margin-bottom: 109px;
}
.component-energy .content {
}
.component-energy .content .title {
padding-bottom: 1px;
font-size: 15px;
line-height: 30px;
font-weight: 900;
font-family: nexa;
}
.component-energy .content p {
padding-bottom: 32px;
max-width: 80%;
} .component-contact-page {
padding-top: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.component-contact-page .left {
-ms-flex-preferred-size: 42%;
flex-basis: 42%;
padding-bottom: 100px;
}
.component-contact-page .right {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
padding-bottom: 120px;
}
.component-contact-page .infos {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.component-contact-page .component-contacts {
padding-bottom: 68px;
}
.component-contact-page .infos .component-company-info {
-ms-flex-preferred-size: calc(50% - 15px);
flex-basis: calc(50% - 15px);
padding-right: 15px;
} .component-company-info {
padding-bottom: 30px;
}
.component-company-info .title {
padding-bottom: 12px;
font-size: 14px;
line-height: 15.5px;
font-weight: 900;
font-family: nexa;
}
.component-company-info p,
.component-company-info address {
font-size: 15px;
line-height: 22.5px;
} .component-contact-cta-2 {
background-color: rgb(246, 246, 246);
}
.component-contact-cta-2 .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 160px 0 150px 0;
}
.component-contact-cta-2 .left {
-ms-flex-preferred-size: 46%;
flex-basis: 46%;
}
.component-contact-cta-2 .left .inner {
text-align: right;
}
.component-contact-cta-2 .left h4 {
display: inline-block;
padding-bottom: 53px;
font-size: 55px;
line-height: 59.5px;
font-weight: bold;
text-align: left;
max-width: 520px;
}
.component-contact-cta-2 .left p {
display: inline-block;
padding-bottom: 0;
padding-right: 40px;
font-size: 25px;
line-height: 34.5px;
font-family: para;
font-weight: 300;
text-align: left;
max-width: 270px;
}
.component-contact-cta-2 .right {
padding: 0 80px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.component-contact-cta-2 .right .form-contact-container {
margin: 0 auto;
} .component-contact-cta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 30px 30px 52px 30px;
border: 1px solid rgb(191, 191, 191);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.component-contact-cta .title {
padding-bottom: 20px;
font-size: 29px;
line-height: 31.5px;
font-weight: bold;
text-align: center;
}
.component-contact-cta .description {
padding: 0 15px 20px 15px;
text-align: center;
font-size: 14px;
line-height: 21px;
}
.component-contact-cta .link {
text-align: center;
} .component-real-estate {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.component-real-estate .inner {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.component-real-estate .image {
overflow: hidden;
}
.component-real-estate .image img {
display: block;
width: 100%;
height: 370px;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.component-real-estate .image img:hover,
.component-real-estate.hovered .image img {
-webkit-transform: scale(1.03, 1.03);
-ms-transform: scale(1.03, 1.03);
transform: scale(1.03, 1.03);
opacity: 0.92;
}
.component-real-estate .content {
}
.component-real-estate .content .title {
margin-bottom: 16px;
padding-bottom: 21px;
}
.component-real-estate .content .title a {
display: inline-block;
padding-top: 18px;
}
.component-real-estate.hovered .content .title a {
color: #BFAA89;
}
.component-real-estate .content .parameters {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.component-real-estate .content .parameters p {
padding-bottom: 7px;
font-size: 15px;
line-height: 18px;
}
.component-real-estate .content .parameters p.description {
}
.component-real-estate .content .parameters p.description span {
display: inline-block;
margin-right: 34px;
white-space: nowrap;
}
.component-real-estate .content .parameters p.description span sup {
display: inline-block;
margin-top: -4px;
}
.component-real-estate .content .parameters p.description span:last-of-type {
margin-right: 0;
}
.component-real-estate .content .parameters p.price {
font-weight: 800;
white-space: nowrap;
} .component-person {
}
.component-person .title {
padding-bottom: 17px;
font-size: 20px;
line-height: 26.5px;
font-weight: bold;
font-family: para;
text-align: center;
}
.component-person .image {
padding-bottom: 21px;
}
.component-person .image img {
display: block;
margin: 0 auto;
border-radius: 999px;
}
.component-person .name {
padding-bottom: 19px;
font-size: 15px;
line-height: 21px;
text-align: center;
}
.component-person .name strong {
font-weight: normal;
}
.component-person .component-contacts {
display: block;
}
.component-person .component-contacts ul.contacts li {
text-align: center;
} .component-real-estate-detail {
padding-bottom: 154px;
background: white url(https://www.ciregio.sk/wp-content/themes/roi/assets/img/background-3.jpg) left bottom no-repeat;
background-size: 100% auto;
}
.component-real-estate-detail .main-image {
margin-right: 0;
}
.component-real-estate-detail .main-image img {
width: 100%;
height: 620px;
-o-object-fit: cover;
object-fit: cover;
}
.component-real-estate-detail .top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-bottom: 110px;
margin-top: -163px;
}
.component-real-estate-detail.no-images .top {
margin-top: 0;
padding-bottom: 60px;
}
.component-real-estate-detail .bottom {
padding-bottom: 110px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.component-real-estate-detail .details {
background-color: white;
padding: 20px 45px 10px 0;
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.component-real-estate-detail.no-images .details {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.component-real-estate-detail .details .title {
padding-bottom: 25px;
padding-right: 30px;
border-bottom: 1px solid #19333D;
margin-bottom: 13px;
min-height: 113px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.component-real-estate-detail.no-images .details .title {
padding-top: 30px;
min-height: 0;
}
.component-real-estate-detail .details .parameters {
padding-bottom: 4px;
}
.component-real-estate-detail .details .parameters li {
display: inline-block;
margin-right: 70px;
white-space: nowrap;
font-size: 15px;
line-height: 18px;
padding-bottom: 10px;
}
.component-real-estate-detail .details .price {
padding-bottom: 0;
font-size: 45px;
line-height: 62.5px;
font-family: para;
font-weight: bold;
}
.component-real-estate-detail .details .parameters li:last-child {
margin-right: 0;
}
.component-real-estate-detail .images {
-ms-flex-preferred-size: 60%;
flex-basis: 60%;
padding-top: 171px;
}
.component-real-estate-detail.no-images .images {
display: none;
}
.component-real-estate-detail .description {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
padding-bottom: 50px;
}
.component-real-estate-detail .component-person {
-ms-flex-preferred-size: 23%;
flex-basis: 23%;
margin-left: auto;
margin-right: auto;
padding-bottom: 50px;
}
.component-real-estate-detail .ajax-form {
} .component-contacts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.component-contacts .title {
padding: 0;
font-weight: normal;
font-size: 14px;
line-height: 16px;
font-family: nexa;
font-weight: 800;
}
.component-contacts.medium .title {
padding-bottom: 10px;
}
.component-contacts .title span {
position: relative;
padding: 25px 112px 14px 0;
display: inline-block;
}
.component-contacts .title span:after {
content: '';
position: absolute;
right: 20px;
top: 33px;
width: 64px;
height: 1px;
background-color: rgba(255, 255, 255, 0.4);
}
.component-contacts ul.contacts {
}
.component-contacts ul.contacts li {
padding-bottom: 12px;
font-size: 60px;
line-height: 60px;
font-family: para;
}
.component-contacts.small ul.contacts li {
padding-bottom: 8px;
font-size: 30px;
line-height: 32px;
}
.component-contacts.medium ul.contacts li {
padding-bottom: 4px;
font-size: 35px;
line-height: 35px;
}
.component-contacts ul.contacts li a {
}
.component-contacts ul.contacts li.telephone a {
cursor: default;
}
.component-contacts ul.contacts li.telephone a:hover {
color: #19333D;
}
.component-contacts .list-social {
padding-top: 5px;
}
.component-contacts.medium .list-social {
padding-top: 16px;
} .component-gallery-popup {
overflow: hidden;
position: fixed;
left: 0;
right: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.9);
height: 0;
opacity: 0;
-o-transition: height 0ms 300ms, opacity 300ms 0ms;
transition: height 0ms 300ms, opacity 300ms 0ms;
-webkit-transition: height 0ms 300ms, opacity 300ms 0ms;
z-index: 5500;
}
.component-gallery-popup.open {
height: 100%;
opacity: 1;
-o-transition: height 0ms 0ms, opacity 300ms 0ms;
transition: height 0ms 0ms, opacity 300ms 0ms;
-webkit-transition: height 0ms 0ms, opacity 300ms 0ms;
}
.component-gallery-popup .loading {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
text-align: center;
color: rgb(200, 200, 200);
}
.component-gallery-popup.ready .loading {
display: none;
}
.component-gallery-popup .loading:before {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin-top: -8px;
content: 'Načítavam...';
font-size: 14px;
line-height: 18px;
}
.component-gallery-popup .button-close {
top: 0;
right: 0;
}
.component-gallery-popup .button-close:before,
.component-gallery-popup .button-close:after {
width: 45px;
height: 2px;
opacity: .5;
background-color: #fff;
color: #333;
}
.component-gallery-popup .button-close:hover:before,
.component-gallery-popup .button-close:hover:after {
opacity: 1;
}
.component-gallery-popup .slider {
display: none;
position: fixed;
left: 0;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.component-gallery-popup.ready .slider {
display: block;
}
.component-gallery-popup .slider img {
display: block;
vertical-align: middle;
-o-object-fit: contain;
object-fit: contain;
max-width: 85%;
max-height: 100%;
margin: 0 auto;
} .more-real-estates {
padding-bottom: 50px;
text-align: center;
}
.list-real-estates {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-bottom: 25px;
}
.highlighted-box .list-real-estates {
padding-top: 48px;
}
.list-real-estates > li {
margin-bottom: 90px;
overflow: hidden;
-webkit-transition: opacity 0.8s;
-o-transition: opacity 0.8s;
transition: opacity 0.8s;
}
.list-real-estates > li.invisible {
opacity: 0;
}
.list-real-estates > li.size-5 { margin-left: auto;}
.list-real-estates > li.size-1 { -ms-flex-preferred-size: 34.8%; flex-basis: 34.8%; }
.list-real-estates > li.size-2 { -ms-flex-preferred-size: 56.5%; flex-basis: 56.5%; }
.list-real-estates > li.size-3 { -ms-flex-preferred-size: 23.5%; flex-basis: 23.5%; }
.list-real-estates > li.size-4 { -ms-flex-preferred-size: 23.5%; flex-basis: 23.5%; }
.list-real-estates > li.size-5 { -ms-flex-preferred-size: 39.6%; flex-basis: 39.6%; }
.list-real-estates > li > * {
height: 100%;
}
.list-real-estates > li.size-3 .component-real-estate .image img,
.list-real-estates > li.size-4 .component-real-estate .image img,
.list-real-estates > li.size-5 .component-real-estate .image img {
height: 250px;
}
.list-real-estates > li .component-real-estate .content .title a {
max-width: 295px;
}
.list-real-estates > li.size-2 .component-real-estate .content .title a {
max-width: none;
}
.list-images {
overflow: hidden;
}
.list-images ul {
margin-left: -12px;
}
.list-images ul li {
float: left;
width: 20%;
padding-left: 12px;
padding-bottom: 14px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.list-images li img {
display: block;
width: 100%;
height: 100px;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.list-images ul li img:hover,
.list-images ul li.current img {
opacity: 0.8;
}
.list-services-2 {
padding: 83px 0 50px 0;
background-color: rgb(246, 246, 246);
}
.list-services-2 .title {
padding-bottom: 50px;
font-size: 42.5px;
line-height: 57.5px;
text-align: center;
}
.list-services-2 ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
margin: 0 auto;
max-width: 1500px;
}
.list-services-2 ul li {
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
padding-bottom: 11px;
}
.list-services-2 ul li.separator {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding-bottom: 0;
margin-bottom: 47px;
height: 1px;
background-color: #3E3E3E;
}
.list-services-2 ul li .image {
padding-bottom: 8px;
min-height: 36px;
}
.list-services-2 ul li .image img {
display: block;
margin: 0 auto;
}
.list-services-2 ul li .text {
padding-bottom: 30px;
text-align: center;
font-size: 15px;
line-height: 21px;
font-family: nexa;
font-weight: 800;
}
.list-services {
}
.list-services .title {
padding-bottom: 27px;
font-size: 15px;
line-height: 20px;
}
.list-services ul {
}
.list-services ul li {
padding-bottom: 0;
font-size: 64.5px;
line-height: 80px;
font-weight: bold;
font-family: para;
}
.list-languages {
position: relative;
font-size: 14px;
line-height: 17.5px;
}
.list-languages > .current {
position: relative;
display: inline-block;
padding-right: 15px;
font-weight: bold;
cursor: pointer;
}
.list-languages.open > .current {
cursor: default;
}
.list-languages > .current:after {
content: '';
position: absolute;
right: 0;
top: 5px;
width: 12px;
height: 10px;
background: url(https://www.ciregio.sk/wp-content/themes/roi/assets/img/icons/arrow-down.svg) left top no-repeat;
background-size: 100% 100%;
}
.list-languages.open > .current,
.list-languages > .current:hover {
color: #BFAA89;
}
.list-languages ul {
position: absolute;
left: 0;
top: 16px;
display: inline-block;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
}
.list-languages.open ul {
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
}
.list-languages ul li {
padding-top: 5px;
}
.list-social {
}
.list-social ul {
display: in
}
.list-social ul li {
display: inline-block;
margin-right: 23px;
} .button {
position: relative;
display: inline-block;
border: 0;
margin-top: 4px;
margin-bottom: 4px;
font-size: 14px;
line-height: 14px;
color: #FFFFFF;
background: #BFAA89;
min-width: 180px;
padding: 23px 25px 25px 25px;
text-align: center;
font-family: para;
text-transform: uppercase;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
letter-spacing: 3px;
}
.button:hover {
background-color: rgb(149, 95, 45);
color: white;
}
.button.hover:hover {
background-color: #19333D;
}
.button:before,
.button:after {
position: absolute;
left: 0;
right: 0;
height: 1px;
background-color: #BFAA89;
content: '';
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.button:before {
top: -3px;
}
.button:after {
bottom: -3px;
}
.button:hover:before,
.button:hover:after {
left: 50%;
right: 50%;
opacity: 0;
}
.button.hover:hover:before,
.button.hover:hover:after {
background-color: #19333D;
}
.button-close {
position: absolute;
top: 3px;
right: 10px;
display: block;
width: 70px;
height: 70px;
text-align: center;
cursor: pointer;
z-index: 350;
}
.button-close:before,
.button-close:after {
position: absolute;
top: 50%;
left: 50%;
width: 30px;
height: 2px;
display: block;
content: '';
background-color: rgb(193, 193, 193);
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
cursor: pointer;
}
.button-close:before {
-webkit-transform: translate(-50%,-50%) rotate(45deg);
-ms-transform: translate(-50%,-50%) rotate(45deg);
transform: translate(-50%,-50%) rotate(45deg);
}
.button-close:after {
-webkit-transform: translate(-50%,-50%) rotate(-45deg);
-ms-transform: translate(-50%,-50%) rotate(-45deg);
transform: translate(-50%,-50%) rotate(-45deg);
}
.button-close:hover:before,
.button-close:hover:after {
background-color: rgb(120, 120, 120);
}
.button-link {
position: relative;
display: inline-block;
padding-top: 3px;
text-transform: uppercase;
border: 0;
color: #BFAA89;
font-size: 14px;
line-height: 23px;
font-family: para;
font-weight: 500;
background: none;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
letter-spacing: 5px;
}
.button-link:after {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background-color: #BFAA89;
content: '';
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.button-link:hover {
color: #19333D;
}
.button-link:hover:after { background-color: #19333D; } input[type=text], textarea, select {
margin: 0;
padding: 7px 0 11px 0;
width: 100%;
border: 0;
background-color: transparent;
font-family: nexa, arial;
font-size: 18px;
line-height: 20px;
font-weight: normal;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: white;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
border: 0;
border-bottom: 1px solid rgb(255, 255, 255, 0.27);
}
textarea {
max-width: 100%;
min-width: 100%;
width: 100%;
height: 130px;
}
select {
padding-top: 5px;
padding-bottom: 5px;
}
input[type=text]:focus, textarea:focus, select:focus {
border-bottom-color: white;
}
::-webkit-input-placeholder {
color: rgb(255, 255, 255, 0.27);
opacity: 1;
}
::-moz-placeholder {
color: rgb(255, 255, 255, 0.27);
opacity: 1;
}
:-ms-input-placeholder {
color: rgb(255, 255, 255, 0.27);
opacity: 1;
}
::-ms-input-placeholder {
color: rgb(255, 255, 255, 0.27);
opacity: 1;
}
::placeholder {
color: rgb(255, 255, 255, 0.27);
opacity: 1;
} .form-checkbox-element {
display: inline-block !important;
position: relative;
padding-left: 28px;
cursor: default;
overflow: visible;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.form-checkbox-element,
.form-checkbox-element a {
color: white;
font-size: 11.5px;
line-height: 15px;
}
.form-checkbox-element a {
white-space: nowrap;
}
.form-checkbox-element a:hover {
color: #BFAA89;
}
.form-checkbox-element:hover {
}
.form-checkbox-element input {
position: absolute;
z-index: -1;
opacity: 0;
}
.form-checkbox-element .indicator {
position: absolute;
top: 50%;
left: 0;
width: 14px;
height: 14px;
background-color: transparent;
border: 1px solid white;
border-radius: 999px;
-webkit-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.form-checkbox-element:hover .indicator {
width: 16px;
height: 16px;
left: -1px;
}
.form-checkbox-element .indicator:after {
position: absolute;
content: '';
top: 4px;
left: 4px;
width: 6px;
height: 6px;
background-color: white;
border-radius: 999px;
opacity: 0;
-webkit-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.form-checkbox-element:hover .indicator:after {
left: 5px;
top: 5px;
}
.form-checkbox-element input:focus ~ .indicator,
.form-checkbox-element:hover input ~ .indicator,
.form-checkbox-element input:checked ~ .indicator {
}
.form-checkbox-element input:checked ~ .indicator {
}
.form-checkbox-element input:checked ~ .indicator:after {
opacity: 1;
} .message-response * {
padding: 0 0 30px 0;
margin-top: -30px;
font-weight: bold;
text-align: center;
font-size: 15px;
}
.message-response .success {
color: rgb(61, 194, 21);
}
.message-response .failed {
color: rgb(200, 0, 0);
}
.form-container {
background-color: #19333D;
}
.form {
}
.form .message-response {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.form .column {
position: relative;
padding-bottom: 25px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.form .column .form-element-container > label {
display: block;
}
.form .column label .label {
display: block;
padding: 0;
font-family: nexa;
font-size: 11.5px;
line-height: 13px;
font-weight: normal;
font-style: normal;
color: white;
}
.form .column.error label .label {
color: rgb(200, 0, 0);
}
.form .column.error label .label {
}
.form .column.accept.error .form-checkbox-element .indicator {
border-color: rgb(230, 51, 96);
}
.ajax-form.loading .form .column {
opacity: 0.55;
}  .form-contact-container {
max-width: 730px;
margin: 0 auto;
}
.form-contact {
padding: 63px 95px;
}
.form-contact .header {
padding-bottom: 43px;
}
.form-contact .header h3 {
padding-bottom: 0;
font-size: 25px;
line-height: 30px;
color: white;
text-align: center;
}
.form-contact .columns-container {
}
.form-contact .columns {
}
.form-contact .column {
}
.form-contact .column.email {
padding-bottom: 20px;
}
.form-contact .column.accept {
padding-bottom: 42px;
}
.form-contact .column.submit {
padding-bottom: 0;
text-align: center;
} .hidden {
display: none;
}
.invisible {
visibility: hidden;
}
.clearfix:after {
content: "";
clear: both;
display: inline-block;
}
.no-select {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
}
.text-center {
text-align: center;
}
.grecaptcha-badge { 
visibility: hidden;
}
.g-recaptcha-container {
-webkit-transform: scale(0.85);
-ms-transform: scale(0.85);
transform: scale(0.85);
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
.clear {
clear: both;
}
.highlighted-box {
padding-top: 120px;
background-color: rgb(246, 246, 246);
}
.highlighted-box h2 {
padding-bottom: 62px;
}
.transition, .h1:not(.nt), h2:not(.nt), h3:not(.nt), h4:not(.nt), h5:not(.nt), p:not(.nt), address:not(.nt), .button:not(.nt), .button-link:not(.nt) {
opacity: 0;
-webkit-transform: translateY(-40%);
-ms-transform: translateY(-40%);
transform: translateY(-40%);
}
.transition.execute, h1.execute, h2.execute, h3.execute, h4.execute, h5.execute, p.execute, address.execute, .button.execute, .button-link.execute {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
-webkit-transition: opacity 1.3s, -webkit-transform 0.9s;
transition: opacity 1.3s, -webkit-transform 0.9s;
-o-transition: transform 0.9s, opacity 1.3s;
transition: transform 0.9s, opacity 1.3s;
transition: transform 0.9s, opacity 1.3s, -webkit-transform 0.9s;
}
.button.execute, .button-link.execute {
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
} .slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.slick-list {
position: relative;
display: block;
margin: 0;
padding: 0;
overflow: hidden;
}
.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);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
outline: none !important;
}
.slick-slide:focus {
outline: none !important;
}
.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-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.slick-slide {
height: auto;
}
.component-home-header .slide {
display: none !important;
opacity: 1 !important;
z-index: 999 !important;
left: 0 !important;
top: 0 !important;
}
.component-home-header .slide.slick-custom-active {
display: block !important;
z-index: 1000 !important;
}
.component-gallery-popup .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.component-gallery-popup .slick-track .slick-slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: auto;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.component-gallery-popup .slick-arrow {
position: absolute;
top: 50%;
margin-top: -40px;
width: 50px;
height: 80px;
cursor: pointer;
border: 0;
background: none;
z-index: 350;
color: transparent;
}
.component-gallery-popup .slick-arrow.slick-prev {
left: 15px;
}
.component-gallery-popup .slick-arrow.slick-next {
right: 15px;
}
.component-gallery-popup .slick-arrow:before,
.component-gallery-popup .slick-arrow:after {
-webkit-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
transform-origin: 0 100%;
margin: 0;
position: absolute;
top: 50%;
left: 60%;
width: 40px;
height: 2px;
display: block;
background-color: #fff;
border: none;
opacity: .5;
content: '';
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.component-gallery-popup .slick-arrow:before {
-webkit-transform: translate(-50%,calc(-50% - 1px)) rotate(-60deg);
-ms-transform: translate(-50%,calc(-50% - 1px)) rotate(-60deg);
transform: translate(-50%,calc(-50% - 1px)) rotate(-60deg);
}
.component-gallery-popup .slick-arrow:after {
left: 60%;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: translate(-50%,-50%) rotate(60deg);
-ms-transform: translate(-50%,-50%) rotate(60deg);
transform: translate(-50%,-50%) rotate(60deg);
margin: 0;
position: absolute;
top: 50%;
left: 60%;
width: 40px;
height: 2px;
display: block;
background-color: #fff;
border: none;
opacity: .5;
content: '';
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.component-gallery-popup .slick-arrow.slick-next {
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
}
.component-gallery-popup .slick-arrow:hover:before,
.component-gallery-popup .slick-arrow:hover:after {
opacity: 1;
}
.component-gallery-popup .button-close {
top: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.2);
}
.component-gallery-popup .button-close:before,
.component-gallery-popup .button-close:after {
width: 45px;
height: 2px;
opacity: .5;
background-color: #fff;
color: #333;
}
.component-gallery-popup .button-close:hover:before,
.component-gallery-popup .button-close:hover:after {
opacity: 1;
} @media (min-width: 1950px) {
.component-energy .left {
padding-left: 150px;
}
}
@media (min-width: 1800px) {
.component-energy .left {
padding-left: 50px;
}
}
@media (max-width: 1500px) {
#header .navigation-container .left {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
}
.component-contact-cta .link .button {
min-width: 0;
width: 80%;
}
.component-energy {
padding-top: 180px;
}
.component-energy .container .left {
-ms-flex-preferred-size: 60%;
flex-basis: 60%;
max-width: 60%;
}
.component-specialists .title,
.component-specialists .content-inner {
padding-left: 175px;
}
.component-specialists .title .offset-title span.a {
margin-left: -175px;
}
}
@media (max-width: 1400px) {
.container {
margin-left: 155px;
margin-right: 155px;
}
.component-real-estate-detail {
padding-top: 30px;
}
.component-contact-cta-2 .right {
padding-right: 0;
}
}
@media (max-width: 1300px) {
#header .navigation-container .left .list-services {
margin: 0;
}
.list-services ul li {
font-size: 54.5px;
line-height: 70px;
}
.component-real-estate-detail .component-person {
-ms-flex-preferred-size: 28%;
flex-basis: 28%;
}
.component-contact-cta {
padding-left: 20px;
padding-right: 20px;
}
.component-contact-cta .title {
font-size: 24px;
line-height: 28px;
}
.component-specialists .title .offset-title {
font-size: 70px;
line-height: 85px;
}
}
@media (max-width: 1200px) {
.container {
margin-left: 30px;
margin-right: 30px;
}
.component-header {
padding-top: 40px;
}
h1, .h1 {
font-size: 75px;
line-height: 70px;
}
.component-energy {
padding: 150px 0;
}
.component-energy .container .left {
-ms-flex-preferred-size: 55%;
flex-basis: 55%;
max-width: 55%;
}
.component-home-header .content .image {
-ms-flex-preferred-size: 69%;
flex-basis: 69%;
}
.component-home-header .content .content-inner {
-ms-flex-preferred-size: 31%;
flex-basis: 31%;
}
.component-home-header .content .title h1 {
font-size: 62px;
line-height: 62px;
min-height: 250px;
}
}
@media (max-width: 1100px) {
#footer {
padding-top: 95px;
}
.list-services ul li {
font-size: 42.5px;
line-height: 60px;
}
.list-services-2 ul li {
-ms-flex-preferred-size: 33%;
flex-basis: 33%;
}
.component-contact-cta-2 .container {
padding-top: 105px;
padding-bottom: 90px;
}
.component-contact-cta-2 .left h4 {
font-size: 38px;
line-height: 45px;
}
.component-contact-cta-2 .right {
padding-left: 50px;
}
.component-real-estate .content .parameters p.description span {
margin-right: 15px;
}
.list-real-estates > li {
margin-bottom: 60px;
}
.list-real-estates > li.size-1,
.list-real-estates > li.size-2 {
-ms-flex-preferred-size: 47%;
flex-basis: 47%;
}
.list-real-estates > li.size-3,
.list-real-estates > li.size-4,
.list-real-estates > li.size-5 {
-ms-flex-preferred-size: 31%;
flex-basis: 31%;
}
.form-contact {
padding: 60px 55px !important;
}
.component-header {
padding-bottom: 60px;
}
.component-header .content {
padding-left: 55px;
padding-right: 55px;
}
.component-energy {
padding: 120px 0 150px 0;
}
.component-energy .right .image {
margin-bottom: 55px;
}
.component-energy .left .title .offset-title {
font-size: 65px;
line-height: 80px;
}
.component-energy .average .image img {
width: 80%;
height: auto;
}
.component-specialists .title,
.component-specialists .content-inner {
padding-left: 125px;
}
.component-specialists .title .offset-title span.a {
margin-left: -125px;
}
}
@media (max-width: 1000px) {
h1, .h1 {
font-size: 65px;
line-height: 60px;
}
.component-header.no-image .content {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.highlighted-box {
padding-top: 90px;
}
.component-specialists .title .offset-title {
font-size: 60px;
line-height: 75px;
}
.component-specialists .years .image img {
width: 150px;
height: 122px;
}
.component-home-header {
padding-bottom: 100px;
}
}
@media (max-width: 930px) {
.component-contacts {
display: block;
}
#footer {
padding-top: 50px;
}
#footer .top {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
#header .navigation-container .left {
-ms-flex-preferred-size: 65%;
flex-basis: 65%;
}
.component-real-estate-detail .component-person {
-ms-flex-preferred-size: 35%;
flex-basis: 35%;
}
.list-images ul li {
width: 25%;
}
.component-contact-cta-2 .container {
display: block;
}
.component-contact-cta-2 .left {
padding-bottom: 50px;
}
.component-contact-cta-2 .right {
padding-left: 0;
padding-right: 0;
}
.component-contact-cta-2 .left p {
max-width: none;
}
.component-contact-cta-2 .right .form-contact-container {
margin: 0;
}
.component-contact-cta-2 .right .form-contact {
max-width: none;
}
h1, .h1 {
font-size: 55px;
line-height: 50px;
}
h2, .h2 {
font-size: 50px;
line-height: 50px;
}
.highlighted-box h2 {
padding-bottom: 40px;
}
.offset-title span.a {
margin-left: -170px;
}
.component-energy {
padding: 80px 0 130px 0;
}
.component-specialists .container > .image {
bottom: 110px;
}
.component-specialists .years {
padding-left: 65%;
}
.component-specialists .title {
padding-top: 20px;
padding-left: 75px;
}
.component-specialists .content-inner {
padding-left: 0;
}
.component-specialists .title .offset-title span.a {
margin-left: -75px;
}
.component-home-header .content .title h1 {
font-size: 52px;
line-height: 52px;
}
}
@media (max-width: 800px) {
.list-services ul li {
font-size: 30px;
line-height: 40px;
}
#header .logo a img {
width: 185px;
height: 95px;
}
.component-energy .left .title .offset-title {
font-size: 50px;
line-height: 60px;
}
.component-home-header .content .image {
-ms-flex-preferred-size: 60%;
flex-basis: 60%;
}
.component-home-header .content .content-inner {
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
}
.component-home-header .content .title h1 {
min-height: 0;
}
}
@media (max-width: 750px) {
.component-contacts ul.contacts li {
font-size: 40px;
line-height: 40px;
}
.container {
margin-left: 30px;
margin-right: 30px;
}
.component-real-estate-detail {
padding-bottom: 80px;
}
.component-real-estate-detail .bottom {
display: block;
padding-bottom: 40px;
}
.component-real-estate-detail .details {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.component-real-estate-detail .images {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.list-images ul li {
width: 33.333%;
}
}
@media (max-width: 700px) {
#header .navigation-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
#header .navigation-container .left {
display: block;
-ms-flex-preferred-size: 0;
flex-basis: 0;
padding-bottom: 50px;
}
#header .navigation-container .right {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
display: block;
}
#header .navigation-container-inner {
padding-bottom: 80px;
display: block;
}
.form-contact {
padding: 50px 55px !important;
}
.list-services-2 ul {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.list-services-2 ul li {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.list-services-2 ul li.separator {
display: none;
}
.list-real-estates > li {
-ms-flex-preferred-size: 46% !important;
flex-basis: 46% !important;
}
.list-real-estates > li .component-real-estate .image img {
height: 230px !important;
}
.component-contact-page {
display: block;
padding-top: 0;
}
.component-contact-page .left {
padding-bottom: 20px;
}
.component-contact-page .right {
padding-bottom: 80px;
}
.component-header {
padding-bottom: 50px;
}
.component-header .container {
display: block;
}
.component-header .image {
padding-right: 0;
}
.component-header .image img {
max-height: 300px;
}
.component-header .content {
padding-left: 0;
padding-right: 0;
max-width: none;
padding-top: 50px;
}
.component-header.no-image .content .title {
text-align: left;
}
.component-header.no-image .content {
display: block;
}
.component-header .content .title h1 {
padding-bottom: 53px;
text-align: left;
}
.component-header .content .title .offset-title span.a,
.component-header .content .title .offset-title span.b {
display: inline;
text-align: left;
}
.component-header .content .title .offset-title br {
display: none;
}
.offset-title-container {
text-align: left;
}
.offset-title {
white-space: normal;
text-align: right;
}
.offset-title span.a {
white-space: normal;
margin-left: 0;
text-align: left;
}
.component-energy {
padding-top: 60px;
}
.component-energy .container {
display: block;
}
.component-energy .left .title .offset-title {
padding-bottom: 40px;
}
.component-energy .left .title,
.component-energy .average {
padding-left: 0;
}
.component-energy .average .text {
padding-left: 4px;
}
.component-energy .average .image {
width: 180px;
}
.component-energy .container .left,
.component-energy .container .right {
max-width: none;
}
.component-energy .left .title .offset-title {
text-align: left;
}
.component-energy .left .title .offset-title span.a {
display: inline;
margin-left: 0;
}
.component-energy .left .title .offset-title br {
display: none;
}
.component-energy .right .image {
max-height: 350px;
-o-object-fit: cover;
object-fit: cover;
margin-bottom: 35px;
}
.component-energy .left > .image {
display: none;
}
.component-specialists .content-inner {
max-width: 220px;
}
.component-specialists .years .image img {
width: 100px;
height: auto;
}
}
@media (max-width: 600px) {
.component-real-estate-detail .main-image img {
height: 300px;
}
.component-real-estate-detail .top {
display: block;
margin-top: 0;
padding-bottom: 50px;
}
.component-real-estate-detail .details {
padding-bottom: 35px;
padding-right: 0;
}
.component-real-estate-detail .details .title {
min-height: 0;
}
.component-real-estate-detail .images {
padding-top: 0;
}
.list-images ul li {
width: 33.333%;
}
.text-line {
margin-bottom: 22px;
}
.component-contact-cta-2 .container {
padding-top: 75px;
}
.component-contact-cta-2 .left h4 {
padding-bottom: 30px;
font-size: 30px;
line-height: 35px;
}
.highlighted-box {
padding-top: 70px;
}
.component-specialists .container > .image {
left: 55%;
}
.component-specialists .title .offset-title {
font-size: 50px;
line-height: 60px;
}
.component-home-header .content {
display: block;
}
.component-home-header .content .title {
margin-bottom: 0;
padding-left: 100px;
text-align: left;
}
.component-home-header .content .content-inner {
padding-top: 30px;
padding-left: 0;
max-width: 80%;
}
.component-home-header .content .title h1 {
font-size: 42px;
line-height: 45px;
text-align: left;
}
.component-home-header .content .title h1 span.left,
.component-home-header .content .title h1 span.right {
text-align: left;
}
}
@media (max-width: 500px) {
#footer {
padding-top: 35px;
}
#footer .top {
display: block;
padding-bottom: 30px;
}
#footer .top .logo {
padding-top: 30px;
text-align: left;
}
#footer .bottom {
text-align: left;
}
.component-contacts ul.contacts {
padding-bottom: 10px;
}
.component-contacts.medium ul.contacts li,
.component-contacts ul.contacts li {
font-size: 30px;
line-height: 30px;
}
.component-contact-page .component-contacts .title span {
padding-top: 0;
}
#header .navigation-container {
padding-left: 50px;
padding-right: 50px;
}
#header .logo {
padding-right: 18px;
}
.form-contact {
padding: 40px 35px !important;
}
.component-real-estate-detail .bottom {
padding-bottom: 0;
}
.list-real-estates > li {
-ms-flex-preferred-size: 100% !important;
flex-basis: 100% !important;
}
.component-header {
padding-bottom: 30px;
}
.component-header .content {
padding-top: 30px;
}
h1, .h1, .component-energy .left .title .offset-title, .component-specialists .title .offset-title {
font-size: 39px;
line-height: 40px;
}
h2, .h2 {
font-size: 35px;
line-height: 40px;
}
.highlighted-box h2 {
padding-bottom: 30px;
}
.offset-title {
text-align: left;
}
.component-contact-cta-2 .container {
padding-top: 45px;
}
.component-energy {
padding-bottom: 80px;
}
.component-home-header .content .title h1 {
font-size: 35px;
line-height: 40px;
}
.component-home-header .pagination {
top: 10px;
}
.component-home-header .content .image img {
min-height: 250px;
}
.component-home-header {
padding-bottom: 70px;
}
}
@media (max-width: 470px) {
.list-services-2 {
padding: 55px 0 35px 0;
}
.list-services-2 ul {
display: block;
}
.component-home-header .content .title {
padding-left: 0;
}
.component-home-header .pagination {
display: none;
}
}
@media (max-width: 450px) {
#header {
padding: 20px 30px 0 20px;
}
#header .logo a img {
width: 165px;
height: 75px;
}
#header .navigation-inner .toggle {
top: 48px;
right: 30px;
}
.container {
margin-left: 20px;
margin-right: 20px;
}
#footer .container {
margin-left: 30px;
margin-right: 30px;
}
.component-specialists .container > .image {
display: none;
}
.component-specialists {
padding-bottom: 65px;
}
.component-specialists .years {
margin-top: 0;
padding-left: 0;
}
.component-specialists .title {
padding-left: 0;
padding-top: 0;
}
.component-specialists .content {
padding-bottom: 55px;
}
.component-specialists .title .offset-title {
padding-bottom: 40px;
}
.component-specialists .title .offset-title span.a,
.component-specialists .title .offset-title span.b {
margin-left: 0;
padding-left: 0;
display: inline;
}
.component-specialists .title .offset-title span br {
display: none;
}
}
@media (max-width: 400px) {
.list-services ul li {
padding-bottom: 10px;
font-size: 25px;
line-height: 30px;
}
#header .navigation-container {
padding-left: 35px;
padding-right: 35px;
}
#header .navigation .toggle .text {
width: 120px;
text-align: right;
}
.component-contact-page .infos {
display: block;
}
.component-contact-page .infos .component-company-info {
padding-right: 0;
}
}
@media (max-height: 1000px) {
.component-real-estate-detail .main-image img {
height: 500px;
}
}
@media (max-height: 600px) {
.component-real-estate-detail .main-image img {
height: 350px;
}
}
@media (max-height: 550px) {
#header .navigation-container {
padding-top: 80px;
}
#header .navigation-container,
#header .navigation-container .left,
#header .navigation-container .right {
display: block;
}
#header .navigation-container .left {
padding-bottom: 30px;
}
#header .navigation-container .right {
padding-bottom: 20px;
}
#header .navigation-container-inner {
padding-bottom: 40px;
}
}