.alignnone {
margin: 0 30px 30px 0;
}
.aligncenter {
display: block;
margin: 0 auto 0 auto;
}
.alignright {
float: right;
margin: 0 0 30px 30px;
}
.alignleft {
float: left;
margin: 0 30px 30px 0;
}
a img.alignright {
float: right;
margin: 0 0 30px 30px;
}
a img.alignnone {
margin: 0 30px 30px 0;
}
a img.alignleft {
float: left;
margin: 0 30px 30px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption.alignnone,
.wp-caption.alignright,
.wp-caption.alignleft,
.wp-caption img {
margin: 0!important;
}
.wp-caption img {
max-width: 100%;
height: auto;
display: block;
}
.wp-caption p,
.gallery-caption {
padding: 15px 30px;
text-align: center;
font-size: 16px;
}@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap");
*,
*::before,
*::after {
margin: 0;
padding: 0;
outline: 0;
box-sizing: border-box;
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
display: block;
}
figure {
margin-bottom: 0!important;
}
html,
body {
overflow-x: hidden;
}
body {
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 1.5;
background-color: #F8F8F8;
color: #5F6161;
overflow-x: hidden;
}
@media only screen and (max-width: 1600px) {
body {
font-size: 14px;
}
}
body:not(.home) {
padding-top: 100px;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
margin-top: 32px;
margin-bottom: 32px;
border: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
line-height: 1.2;
}
h1 {
font-size: 48px;
}
@media only screen and (max-width: 1600px) {
h1 {
font-size: 40px;
}
}
@media only screen and (max-width: 1200px) {
h1 {
font-size: 32px;
}
}
@media only screen and (max-width: 768px) {
h1 {
font-size: 28px;
}
}
@media only screen and (max-width: 480px) {
h1 {
font-size: 24px;
}
}
h2 {
font-size: 40px;
}
@media only screen and (max-width: 1600px) {
h2 {
font-size: 32px;
}
}
@media only screen and (max-width: 1200px) {
h2 {
font-size: 28px;
}
}
@media only screen and (max-width: 768px) {
h2 {
font-size: 24px;
}
}
@media only screen and (max-width: 480px) {
h2 {
font-size: 24px;
}
}
h3 {
font-size: 20px;
}
@media only screen and (max-width: 1600px) {
h3 {
font-size: 16px;
}
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
a {
color: inherit;
text-decoration: none;
transition: all 0.5s;
}
a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
outline: 0;
}
b,
strong {
font-weight: 600;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 50%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -5px;
}
sup {
top: -5px;
}
img,
svg {
max-width: 100%;
height: auto;
display: block;
}
.container,
.home-hero .home-hero__content,
.banner .banner__caption {
max-width: 1440px;
width: 100%;
margin: 0 auto;
padding: 0 20px;
}
@media only screen and (max-width: 1600px) {
.container,
.home-hero .home-hero__content,
.banner .banner__caption {
max-width: 1200px;
}
}
@media only screen and (max-width: 1200px) {
.container,
.home-hero .home-hero__content,
.banner .banner__caption {
padding: 0 15px;
}
}
.section {
padding: 120px 0;
}
@media only screen and (max-width: 1600px) {
.section {
padding: 80px 0;
}
}
@media only screen and (max-width: 1200px) {
.section {
padding: 60px 0;
}
}
.section__pt {
padding-top: 120px;
}
@media only screen and (max-width: 1600px) {
.section__pt {
padding-top: 80px;
}
}
@media only screen and (max-width: 1200px) {
.section__pt {
padding-top: 60px;
}
}
.section__pb {
padding-bottom: 120px;
}
@media only screen and (max-width: 1600px) {
.section__pb {
padding-bottom: 80px;
}
}
@media only screen and (max-width: 1200px) {
.section__pb {
padding-bottom: 60px;
}
}
.section__mt {
margin-top: 120px;
}
@media only screen and (max-width: 1600px) {
.section__mt {
margin-top: 80px;
}
}
@media only screen and (max-width: 1200px) {
.section__mt {
margin-top: 60px;
}
}
.section__row {
margin-bottom: 60px;
}
@media only screen and (max-width: 1600px) {
.section__row {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 1200px) {
.section__row {
margin-bottom: 30px;
}
}
.section__row:last-child {
margin-bottom: 0;
}
.section__title {
color: #EA0320;
}
.section__subtitle {
margin-top: 20px;
font-size: 24px;
font-weight: 600;
}
@media only screen and (max-width: 1200px) {
.section__subtitle {
font-size: 20px;
}
}
@media only screen and (max-width: 768px) {
.section__subtitle {
font-size: 16px;
}
}
.section__desc p,
.section__desc img,
.section__desc ul,
.section__desc ol,
.section__desc table,
.section__desc h1,
.section__desc h2,
.section__desc h3,
.section__desc h4,
.section__desc h5,
.section__desc h6,
.section__desc .gallery,
.single-realizations__desc p,
.single-realizations__desc img,
.single-realizations__desc ul,
.single-realizations__desc ol,
.single-realizations__desc table,
.single-realizations__desc h1,
.single-realizations__desc h2,
.single-realizations__desc h3,
.single-realizations__desc h4,
.single-realizations__desc h5,
.single-realizations__desc h6,
.single-realizations__desc .gallery {
margin-bottom: 20px;
}
@media only screen and (max-width: 1200px) {
.section__desc p,
.section__desc img,
.section__desc ul,
.section__desc ol,
.section__desc table,
.section__desc h1,
.section__desc h2,
.section__desc h3,
.section__desc h4,
.section__desc h5,
.section__desc h6,
.section__desc .gallery,
.single-realizations__desc p,
.single-realizations__desc img,
.single-realizations__desc ul,
.single-realizations__desc ol,
.single-realizations__desc table,
.single-realizations__desc h1,
.single-realizations__desc h2,
.single-realizations__desc h3,
.single-realizations__desc h4,
.single-realizations__desc h5,
.single-realizations__desc h6,
.single-realizations__desc .gallery {
margin-bottom: 15px;
}
}
.section__desc p:last-child,
.section__desc img:last-child,
.section__desc ul:last-child,
.section__desc ol:last-child,
.section__desc table:last-child,
.section__desc h1:last-child,
.section__desc h2:last-child,
.section__desc h3:last-child,
.section__desc h4:last-child,
.section__desc h5:last-child,
.section__desc h6:last-child,
.section__desc .gallery:last-child,
.single-realizations__desc p:last-child,
.single-realizations__desc img:last-child,
.single-realizations__desc ul:last-child,
.single-realizations__desc ol:last-child,
.single-realizations__desc table:last-child,
.single-realizations__desc h1:last-child,
.single-realizations__desc h2:last-child,
.single-realizations__desc h3:last-child,
.single-realizations__desc h4:last-child,
.single-realizations__desc h5:last-child,
.single-realizations__desc h6:last-child,
.single-realizations__desc .gallery:last-child {
margin-bottom: 0;
}
.section__desc h1,
.section__desc h2,
.section__desc h3,
.section__desc h4,
.section__desc h5,
.section__desc h6 {
line-height: 1.5;
}
.section__desc a:hover {
color: #EA0320!important;
text-decoration: underline!important;
}
.contact-details__desc a:hover,
.footer a:hover,
.contact-details__btn:hover {
text-decoration: underline!important;
}
.section__desc ul,
.section__desc ol {
padding-left: 20px;
text-align: left;
}
.section__desc ul,
.single-realizations__desc ul,
.accordion__desc ul {
list-style-type: none;
padding-left: 0;
}
.section__desc ul li,
.single-realizations__desc ul li,
.accordion__desc ul li {
padding-left: 20px;
position: relative;
margin-bottom: 10px;
}
.single-realizations__desc ul li:last-child,
.accordion__desc ul li {
margin-bottom: 0;
}
.section__desc ul li:before,
.single-realizations__desc ul li:before,
.accordion__desc ul li:before {
content: '';
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 8px;
height: 8px;
background-color: #EA0320;
}
.section__desc table {
text-align: left;
border-collapse: collapse;
}
.section__desc table th,
.section__desc table td {
padding: 16px;
}
.section__btn {
display: inline-flex;
font-weight: 600;
text-transform: uppercase;
position: relative;
top: 0;
}
.section__btn:hover {
top: -16px;
}
.section__btn--primary {
background-color: #EA0320;
color: #fff;
padding: 16px 32px;
align-items: center;
}
.section__btn--secondary {
padding: 16px 0;
align-items: flex-end;
}
.section__btn--secondary > span {
display: inline-block;
padding-bottom: 7px;
border-bottom: 3px solid #EA0320;
color: #EA0320;
}
.section__btn > svg {
margin-left: 16px;
width: 12.621px;
height: 12.621px;
}
.section__btn--primary > svg path {
fill: #fff;
stroke: #fff;
}
.section__btn--secondary > svg {
position: relative;
bottom: 16px;
}
.section__btn--secondary > svg path {
fill: #EA0320;
stroke: #EA0320;
}
.header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 300;
padding: 50px 0;
transition: all .5s;
}
@media only screen and (max-width: 1200px) {
.header {
padding: 15px 0;
}
}
body:not(.home) .header,
.header.fixed,
.header.bg {
padding: 20px 0;
background-color: #fff;
}
@media only screen and (max-width: 1200px) {
body:not(.home) .header,
.header.fixed,
.header.bg {
padding: 15px 0;
}
}
.header .container {
padding: 0 80px;
max-width: 100%;
}
@media only screen and (max-width: 1200px) {
.header .container {
padding: 0 15px;
}
}
.header .header__columns {
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 -20px;
}
.header .header__column {
padding: 0 20px;
}
.header .header__column:last-child {
display: none;
}
@media only screen and (max-width: 1200px) {
.header .header__column:last-child {
display: block;
}
}
.header .header__items {
display: flex;
align-items: center;
margin: 0 -40px;
}
@media only screen and (max-width: 1200px) {
.header .header__items {
margin: 0 -20px;
}
}
.header .header__item {
padding: 0 40px;
position: relative;
}
@media only screen and (max-width: 1200px) {
.header .header__item {
padding: 0 20px;
}
.header .header__column:nth-child(2) {
display: none;
}
}
.header .header__item::before {
content: '';
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
width: 1px;
height: 32px;
background-color: rgba(255,255,255, .5);
}
body:not(.home) .header .header__item::before,
.header.fixed .header__item::before,
.header.bg .header__item::before {
background-color: #AEAFAF;
}
.header .header__item:last-child::before {
display: none;
}
.header .header__logo > svg {
width: auto;
height: 60px;
}
.header .header__logo > svg > path {
fill: #fff;
transition: all .5s;
}
.header .header__logo > svg > path > g > path,
.header .header__logo > svg > path > g > rect {
fill: #fff;
transition: all .5s;
}
body:not(.home) .header .header__logo > svg > path,
.header.fixed .header__logo > svg > path,
.header.bg .header__logo > svg > path {
fill: #EA0320;
}
body:not(.home) .header .header__logo > svg > g > path,
.header.fixed .header__logo > svg > g > path,
.header.bg .header__logo > svg > g > path,
body:not(.home) .header .header__logo > svg > g > rect,
.header.fixed .header__logo > svg > g > rect,
.header.bg .header__logo > svg > g > rect {
fill: #5F6161;
}
.header .header__lang a {
font-weight: 600;
color: #fff;
}
body:not(.home) .header .header__lang a,
.header.fixed .header__lang a,
.header.bg .header__lang a {
color: #5F6161;
}
.header .header__lang ul.menu > li {
position: relative;
}
.header .header__lang ul.menu > li > a {
padding-right: 16px;
display: inline-block;
}
.header .header__lang ul.menu > li > a:before {
content: '';
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
width: 9px;
height: 5px;
background-image: url(//ratynski.com.pl/wp-content/themes/ratynski/img/chevron-right-small.svg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
transition: all .5s;
}
body:not(.home) .header .header__lang ul.menu > li > a:before,
.header.fixed .header__lang ul.menu > li > a:before,
.header.bg .header__lang ul.menu > li > a:before {
background-image: url(//ratynski.com.pl/wp-content/themes/ratynski/img/chevron-right-small-gray.svg);
}
.header .header__lang ul.menu > li > ul.sub-menu {
position: absolute;
top: 100%;
left: 0;
display: none;
}
.header .header__socials {
display: flex;
align-items: center;
margin: 0 -10px;
}
.header .header__social {
padding: 0 10px;
}
.header .header__social svg {
width: 24px;
height: 24px;
transition: all .5s;
top: 0;
position: relative;
}
.header .header__social:hover svg {
top: -4px;
}
.header .header__social svg path {
fill: #fff;
transition: all .5s;
}
body:not(.home) .header .header__social svg path,
.header.fixed .header__social svg path,
.header.bg .header__social svg path {
fill: #5F6161;
}
body:not(.home) .header .header__social:hover svg path,
.header.fixed .header__social:hover svg path,
.header.bg .header__social:hover svg path {
fill: #EA0320;
}
.header ul {
list-style-type: none;
}
.header .header__nav .menu {
display: flex;
margin: 0 -20px;
}
.header .header__nav .menu>li {
position: relative;
float: left;
padding: 0 20px;
}
.header .header__nav .menu>li>a {
position: relative;
line-height: 1;
color: #fff;
font-weight: 600;
text-transform: uppercase;
padding-bottom: 15px;
}
.header .header__nav .menu>li:hover>a,
.header .header__nav .menu>li.current-menu-item>a,
.header .header__nav .menu>li.current_page_item>a,
.header .header__nav .menu>li.current_page_ancestor>a,
.header .header__nav .menu>li.current-menu-ancestor>a {
color: #fff;
}
body:not(.home) .header .header__nav .menu>li>a,
.header.fixed .header__nav .menu>li>a,
.header.bg .header__nav .menu>li>a {
color: #5F6161;
}
body:not(.home) .header .header__nav .menu>li:hover>a,
body:not(.home) .header .header__nav .menu>li.current-menu-item>a,
body:not(.home) .header .header__nav .menu>li.current_page_item>a,
body:not(.home) .header .header__nav .menu>li.current_page_ancestor>a,
body:not(.home) .header .header__nav .menu>li.current-menu-ancestor>a,
.header.fixed .header__nav .menu>li:hover>a,
.header.fixed .header__nav .menu>li.current-menu-item>a,
.header.fixed .header__nav .menu>li.current_page_item>a,
.header.fixed .header__nav .menu>li.current_page_ancestor>a,
.header.fixed .header__nav .menu>li.current-menu-ancestor>a,
.header.bg .header__nav .menu>li:hover>a,
.header.bg .header__nav .menu>li.current-menu-item>a,
.header.bg .header__nav .menu>li.current_page_item>a,
.header.bg .header__nav .menu>li.current_page_ancestor>a,
.header.bg .header__nav .menu>li.current-menu-ancestor>a {
color: #5F6161;
}
.header .header__nav .menu>li>a:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 3px;
transition: 0.5s;
background-color: #fff;
}
body:not(.home) .header .header__nav .menu>li>a:before,
.header.fixed .header__nav .menu>li>a:before,
.header.bg .header__nav .menu>li>a:before {
background-color: #EA0320;
}
.header .header__nav .menu>li:hover>a:before,
.header .header__nav .menu>li.current-menu-item>a:before,
.header .header__nav .menu>li.current_page_item>a:before,
.header .header__nav .menu>li.current_page_ancestor>a:before,
.header .header__nav .menu>li.current-menu-ancestor>a:before {
width: 24px;
}
.header .header__nav ul ul {
display: none!important;
position: absolute;
top: calc(100% + 10px);
left: 20px;
background-color: #111111;;
margin: 0!important;
white-space: nowrap;
}
.header .header__nav ul ul li {
float: none;
padding: 0!important;
position: relative;
}
.header .header__nav ul ul li a {
color: #fff;
display: block;
padding: 16px 32px;
position: relative;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
}
.header .header__nav ul ul li a:before {
content: '';
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
width: 100%;
height: 1px;
background-color: rgba(255, 255, 255, .1);
}
.header .header__nav ul ul li:last-child a:before {
display: none;
}
.header .header__nav ul ul li a:hover,
.header .header__nav ul ul li.current_page_item>a,
.header .header__nav ul ul li.current-menu-item>a,
.header .header__nav ul ul li.current_page_ancestor>a,
.header .header__nav ul ul li.current-menu-ancestor>a {
opacity: .5;
}
.header .header__nav ul ul ul {
top: 0;
left: 100%
}
.header .header__nav ul li:hover>ul {
display: block!important;
}
.header .header__hamburger .line {
width: 32px;
height: 2px;
background-color: #fff;
display: block;
margin: 10px auto;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
body:not(.home) .header .header__hamburger .line,
.header.fixed .header__hamburger .line,
.header.bg .header__hamburger .line {
background-color: #5F6161;
}
.header .header__hamburger .line:first-child,
.header .header__hamburger .line:last-child {
width: 20px;
}
.header .header__hamburger .line:first-child {
margin-top: 0;
}
.header .header__hamburger .line:last-child {
margin-bottom: 0;
}
.header .header__hamburger:hover {
cursor: pointer;
}
.header .header__hamburger.is-active .line:nth-child(1) {
-webkit-transform: translateY(12px) rotate(45deg);
-ms-transform: translateY(12px) rotate(45deg);
-o-transform: translateY(12px) rotate(45deg);
transform: translateY(12px) rotate(45deg);
width: 32px;
}
.header .header__hamburger.is-active .line:nth-child(2) {
opacity: 0;
}
.header .header__hamburger.is-active .line:nth-child(3) {
-webkit-transform: translateY(-12px) rotate(-45deg);
-ms-transform: translateY(-12px) rotate(-45deg);
-o-transform: translateY(-12px) rotate(-45deg);
transform: translateY(-12px) rotate(-45deg);
width: 32px;
}
.menu-mobile {
display: none;
position: fixed;
top: 90px;
left: 0;
width: 100%;
background-color: #EA0320;
padding: 16px 0;
text-align: right;
max-height: calc(100vh - 90px);
overflow-y: scroll;
z-index: 300;
}
.menu-mobile ul {
list-style-type: none;
}
.menu-mobile a {
color: #fff;
display: block;
padding: 16px 0;
position: relative;
font-weight: 600;
text-transform: uppercase;
}
.menu-mobile li:hover>a,
.menu-mobile li.current_page_item>a,
.menu-mobile li.current-menu-item>a,
.menu-mobile li.current_page_ancestor>a,
.menu-mobile li.current_page_ancestor>a,
.menu-mobile li.current-menu-ancestor>a,
.menu-mobile li.current-menu-ancestor>a {
color: #fff;
}
.menu-mobile a:after {
content: '';
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
width: 100%;
height: 1px;
background-color: rgba(255, 255, 255, .1);
}
.menu-mobile .menu>li:last-child>a:after {
display: none;
}
.menu-mobile .menu-item-has-children>a {
position: relative;
padding-right: 24px;
}
.menu-mobile .menu-item-has-children>a:before {
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
background-image: url(//ratynski.com.pl/wp-content/themes/ratynski/img/button.png);
background-repeat: no-repeat;
width: 13px;
height: 8px;
filter: brightness(0%) invert(100%);
}
.menu-mobile .sub-menu {
display: none;
}
.breadcrumbs {
padding: 30px 0;
position: relative;
font-size: 14px;
}
.breadcrumbs:before {
content: '';
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
width: 1400px;
height: 1px;
background-color: rgba(174, 175, 175, .5);
z-index: 100;
}
.breadcrumbs span[typeof="ListItem"] {
display: inline-block;
margin-right: 16px;
padding-right: 16px;
position: relative;
}
.breadcrumbs span[typeof="ListItem"]:last-child {
padding-right: 0;
margin-right: 0;
}
.breadcrumbs span[typeof="ListItem"]:before {
content: "";
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
width: 1px;
height: 16px;
background-color: #AEAFAF;
}
.breadcrumbs span[typeof="ListItem"]:last-child:before {
display: none;
}
.home-hero {
position: relative;
background-color: #EA0320;
height: 100vh;
}
@media only screen and (max-width: 1200px) {
.home-hero {
display: flex;
align-items: flex-end;
padding-bottom: 44px;
}
}
.home-hero .home-hero__background {
position: absolute;
top: 0;
left: 0;
width: calc((100% - 1400px) / 2 + 933.333333336px);
height: 100%;
z-index: 100;
}
@media only screen and (max-width: 1600px) {
.home-hero .home-hero__background {
width: calc((100% - 1160px) / 2 + 773.333333334px);
}
}
@media only screen and (max-width: 1200px) {
.home-hero .home-hero__background {
width: 100%;
}
}
.home-hero .home-hero__background::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0, .84);
z-index: 100;
}
.home-hero .home-hero__background > img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.home-hero .home-hero__content {
position: absolute;
bottom: 120px;
left: 0;
right: 0;
z-index: 200;
}
@media only screen and (max-width: 1600px) {
.home-hero .home-hero__content {
bottom: 80px;
}
}
@media only screen and (max-width: 1200px) {
.home-hero .home-hero__content {
position: relative;
bottom: 0;
}
}
.home-hero .slick-dots {
position: absolute;
bottom: inherit;
left: -70px;
top: 50%;
transform: translateY(-50%);
}
@media only screen and (max-width: 1200px) {
.home-hero .slick-dots {
bottom: -30px;
left: 0;
right: 0;
top: inherit;
transform: none;
display: flex;
justify-content: flex-start;
align-items: center;
margin: 0 -10px;
}
}
.home-hero .slick-dots li {
width: 10px;
border-radius: 50%;
display: block;
margin: 0 0 20px 0;
height: 10px;
background-color: transparent;
border: 2px solid rgba(255,255,255, .5);
transition: all .5s;
}
@media only screen and (max-width: 1200px) {
.home-hero .slick-dots li {
margin: 0 10px;
}
}
.home-hero .slick-dots li:last-child {
margin-bottom: 0;
}
.home-hero .slick-dots li.slick-active {
background-color: #fff;
border: 2px solid rgba(255,255,255, 1);
}
.home-hero .slick-dots li:hover {
cursor: pointer;
}
.home-hero .slick-dots button {
display: none;
}
.home-hero__slider,
.home-hero__nav {
opacity: 0;
visibility: hidden;
transition: opacity 1s ease;
-webkit-transition: opacity 1s ease;
margin-bottom: 0 !important;
}
@media only screen and (max-width: 1200px) {
.home-hero__slider,
.home-hero__nav {
margin-bottom: 20px!important;
}
}
.home-hero__slider.slick-initialized,
.home-hero__nav.slick-initialized {
visibility: visible;
opacity: 1;
}
.home-hero__slider .animated,
.home-hero__nav .animated {
transition: all 0.5s ease;
}
.home-hero__slider [data-animation-in],
.home-hero__nav [data-animation-in] {
opacity: 0;
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
transition: opacity 0.5s ease 0.3s;
}
@-webkit-keyframes zoomInImage {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
to {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
}
@keyframes zoomInImage {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
to {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
}
.zoomInImage {
-webkit-animation-name: zoomInImage;
animation-name: zoomInImage;
}
@-webkit-keyframes zoomOutImage {
from {
-webkit-transform: scale3d(1.3333, 1.3333, 1.3333);
transform: scale3d(1.3333, 1.3333, 1.3333);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes zoomOutImage {
from {
-webkit-transform: scale3d(1.3333, 1.3333, 1.3333);
transform: scale3d(1.3333, 1.3333, 1.3333);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.zoomOutImage {
-webkit-animation-name: zoomOutImage;
animation-name: zoomOutImage;
}
.home-hero .home-hero__img {
position: relative;
}
.home-hero .home-hero__img:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(to right, rgba(0,0,0, 1), rgba(0,0,0, 0));
opacity: .7;
z-index: 100;
}
.home-hero .home-hero__img > img {
width: 100%;
object-fit: cover;
object-position: center;
opacity: 1 !important;
-webkit-animation-duration: 3s;
animation-duration: 3s;
transition: all 1s ease;
}
.home-hero .home-hero__nav {
position: absolute;
left: 120px;
bottom: 120px;
z-index: 200;
color: #fff;
width: calc(100% - 240px);
}
@media only screen and (max-width: 1600px) {
.home-hero .home-hero__nav {
left: 80px;
bottom: 80px;
width: calc(100% - 160px);
}
}
@media only screen and (max-width: 1200px) {
.home-hero .home-hero__nav {
left: inherit;
bottom: inherit;
position: relative;
width: 100%;
}
}
.home-hero .home-hero__inner {
opacity: 1!important;
}
.home-hero .home-hero__row {
margin-bottom: 40px;
}
@media only screen and (max-width: 1200px) {
.home-hero .home-hero__row {
margin-bottom: 20px;
}
}
.home-hero .home-hero__row:last-child {
margin-bottom: 0;
}
.home-hero .home-hero__title {
font-size: 80px;
color: #fff;
}
@media only screen and (max-width: 1600px) {
.home-hero .home-hero__title {
font-size: 60px;
}
}
@media only screen and (max-width: 1200px) {
.home-hero .home-hero__title {
font-size: 40px;
}
}
@media only screen and (max-width: 768px) {
.home-hero .home-hero__title {
font-size: 32px;
}
}
@media only screen and (max-width: 480px) {
.home-hero .home-hero__title {
font-size: 24px;
}
}
.home-hero .home-hero__buttons {
display: flex;
align-items: center;
margin: 0 -16px;
}
@media only screen and (max-width: 480px) {
.home-hero .home-hero__buttons {
flex-wrap: wrap;
}
}
.home-hero .home-hero__button {
padding: 0 16px;
}
@media only screen and (max-width: 480px) {
.home-hero .home-hero__button {
width: 100%;
}
}
.home-hero .section__btn--secondary > span {
color: #fff;
border-bottom: 3px solid #fff;
}
.home-hero .section__btn--secondary > svg path {
fill: #fff;
stroke: #fff;
}
.home-about-us {
position: relative;
}
@media only screen and (max-width: 1200px) {
.home-about-us {
padding-bottom: 0;
}
}
.home-about-us:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: calc((100% - 1400px) / 2 + 933.333333336px);
height: calc(100% - 240px);
background-color: #fff;
}
@media only screen and (max-width: 1600px) {
.home-about-us:before {
width: calc((100% - 1160px) / 2 + 773.333333334px);
height: calc(100% - 160px);
}
}
@media only screen and (max-width: 1200px) {
.home-about-us:before {
display: none;
}
}
.home-about-us .home-about-us__columns {
display: flex;
flex-wrap: wrap;
margin: -20px;
}
@media only screen and (max-width: 1200px) {
.home-about-us .home-about-us__columns {
margin: -15px;
}
}
.home-about-us .home-about-us__column {
width: 50%;
padding: 20px;
position: relative;
z-index: 100;
}
@media only screen and (max-width: 1200px) {
.home-about-us .home-about-us__column {
width: 100%;
padding: 15px;
}
}
.home-about-us .home-about-us__column:first-child .section__row {
margin-bottom: 120px;
}
@media only screen and (max-width: 1600px) {
.home-about-us .home-about-us__column:first-child .section__row {
margin-bottom: 80px;
}
}
@media only screen and (max-width: 1200px) {
.home-about-us .home-about-us__column:first-child .section__row {
margin-bottom: 30px;
}
}
.home-about-us .home-about-us__column:first-child .section__row:last-child {
margin-bottom: 0;
}
.home-about-us .home-about-us__img > img {
margin: 0 auto;
}
.home-about-us .home-about-us__logo {
padding: 80px 60px;
background-color: #fff;
box-shadow: 2px 24px 48px rgba(0,0,0, .1);
display: inline-block;
position: relative;
left: 50%;
transform: translateX(-50%);
}
.home-about-us .home-about-us__logo > svg {
width: auto;
height: 180px;
}
.home-about-us .home-about-us__boxes {
display: flex;
flex-wrap: wrap;
}
.home-about-us .home-about-us__box {
width: 50%;
}
@media only screen and (max-width: 768px) {
.home-about-us .home-about-us__box {
width: 100%;
}
}
.home-about-us .home-about-us__rectangle {
padding: 30px 0;
}
.home-about-us .home-about-us__box:first-child .home-about-us__rectangle,
.home-about-us .home-about-us__box:nth-child(2) .home-about-us__rectangle {
border-bottom: 1px solid #D5D5D5;
}
@media only screen and (max-width: 768px) {
.home-about-us .home-about-us__box:nth-child(3) .home-about-us__rectangle {
border-bottom: 1px solid #D5D5D5;
}
}
.home-about-us .home-about-us__box:first-child .home-about-us__rectangle,
.home-about-us .home-about-us__box:nth-child(3) .home-about-us__rectangle {
border-right: 1px solid #D5D5D5;
padding-right: 60px;
}
@media only screen and (max-width: 1600px) {
.home-about-us .home-about-us__box:first-child .home-about-us__rectangle,
.home-about-us .home-about-us__box:nth-child(3) .home-about-us__rectangle {
padding-right: 30px;
}
}
@media only screen and (max-width: 768px) {
.home-about-us .home-about-us__box:first-child .home-about-us__rectangle,
.home-about-us .home-about-us__box:nth-child(3) .home-about-us__rectangle {
padding-right: 0;
border-right: 0;
}
}
.home-about-us .home-about-us__box:nth-child(2) .home-about-us__rectangle,
.home-about-us .home-about-us__box:last-child .home-about-us__rectangle {
padding-left: 60px;
}
@media only screen and (max-width: 1600px) {
.home-about-us .home-about-us__box:nth-child(2) .home-about-us__rectangle,
.home-about-us .home-about-us__box:last-child .home-about-us__rectangle {
padding-left: 30px;
}
}
@media only screen and (max-width: 768px) {
.home-about-us .home-about-us__box:nth-child(2) .home-about-us__rectangle,
.home-about-us .home-about-us__box:last-child .home-about-us__rectangle {
padding-left: 0;
}
}
.home-about-us .home-about-us__row {
margin-bottom: 10px;
}
.home-about-us .home-about-us__row:last-child {
margin-bottom: 0;
}
.home-about-us .home-about-us__title {
font-size: 40px;
font-weight: 600;
color: #EA0320;
}
@media only screen and (max-width: 1600px) {
.home-about-us .home-about-us__title {
font-size: 32px;
}
}
@media only screen and (max-width: 1200px) {
.home-about-us .home-about-us__title {
font-size: 28px;
}
}
@media only screen and (max-width: 768px) {
.home-about-us .home-about-us__title {
font-size: 28px;
}
}
.home-about-us .home-about-us__desc {
font-size: 24px;
font-weight: 600;
}
@media only screen and (max-width: 1600px) {
.home-about-us .home-about-us__desc {
font-size: 20px;
}
}
@media only screen and (max-width: 1200px) {
.home-about-us .home-about-us__desc {
font-size: 16px;
}
}
.home-about-us .home-about-us__buttons {
display: flex;
align-items: center;
margin: 0 -16px;
}
@media only screen and (max-width: 480px) {
.home-about-us .home-about-us__buttons {
flex-wrap: wrap;
}
}
.home-about-us .home-about-us__button {
padding: 0 16px;
}
@media only screen and (max-width: 480px) {
.home-about-us .home-about-us__button {
width: 100%;
}
}
.home-our-realizations .section__row:last-child {
text-align: center;
}
.home-our-realizations .home-our-realizations__columns {
display: flex;
justify-content: space-between;
}
@media only screen and (max-width: 1200px) {
.home-our-realizations .home-our-realizations__columns {
flex-wrap: wrap;
margin: -15px;
}
}
.home-our-realizations .home-our-realizations__column:first-child {
width: 50%;
}
@media only screen and (max-width: 1200px) {
.home-our-realizations .home-our-realizations__column:first-child {
width: 100%;
padding: 15px;
}
.home-our-realizations .home-our-realizations__column {
width: 100%;
padding: 15px;
}
}
.home-our-realizations .home-our-realizations__carousel,
.archive-realizations .archive-realizations__boxes {
margin: -20px;
}
@media only screen and (max-width: 1200px) {
.home-our-realizations .home-our-realizations__carousel,
.archive-realizations .archive-realizations__boxes {
margin: -15px;
}
}
.archive-realizations .archive-realizations__boxes {
display: flex;
flex-wrap: wrap;
}
.home-our-realizations .home-our-realizations__item,
.archive-realizations .archive-realizations__box {
padding: 20px;
}
@media only screen and (max-width: 1200px) {
.home-our-realizations .home-our-realizations__item,
.archive-realizations .archive-realizations__box {
padding: 15px;
}
}
.archive-realizations .archive-realizations__box {
width: 33.3333%;
}
@media only screen and (max-width: 1200px) {
.archive-realizations .archive-realizations__box {
width: 33.3333%;
}
}
@media only screen and (max-width: 768px) {
.archive-realizations .archive-realizations__box {
width: 50%;
}
}
@media only screen and (max-width: 480px) {
.archive-realizations .archive-realizations__box {
width: 100%;
}
}
.home-our-realizations .home-our-realizations__img > a,
.archive-realizations .archive-realizations__img > a {
display: block;
overflow: hidden;
margin-bottom: 20px;
}
@media only screen and (max-width: 1200px) {
.home-our-realizations .home-our-realizations__img > a,
.archive-realizations .archive-realizations__img > a {
margin-bottom: 15px;
}
}
.home-our-realizations .home-our-realizations__img > a > img,
.archive-realizations .archive-realizations__img > a > img {
width: 100%;
aspect-ratio: 3/4;
object-fit: cover;
object-position: center;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.home-our-realizations .home-our-realizations__img > a:hover > img,
.archive-realizations .archive-realizations__img > a:hover > img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.home-our-realizations .home-our-realizations__caption,
.archive-realizations .archive-realizations__caption {
position: relative;
}
.home-our-realizations .home-our-realizations__img:hover .home-our-realizations__header,
.archive-realizations .archive-realizations__img:hover .archive-realizations__header {
visibility: visible;
transition: all .5s;
}     .home-our-realizations .home-our-realizations__title,
.archive-realizations .archive-realizations__title {
font-size: 16px;
color: #5F6161;
}
.home-our-realizations .home-our-realizations__title > a,
.archive-realizations .archive-realizations__title > a {
position: relative;
display: inline-block;
}
.home-our-realizations .home-our-realizations__title > a:before,
.archive-realizations .archive-realizations__title > a:before {
content: '';
position: absolute;
left: 0;
bottom: -15px;
width: 0;
height: 3px;
transition: 0.5s;
background-color: #EA0320;
}
.home-our-realizations .home-our-realizations__img:hover .home-our-realizations__title > a:before,
.archive-realizations .archive-realizations__img:hover .archive-realizations__title > a:before {
width: 24px;
}
.home-our-realizations  .section__btn--secondary,
.archive-realizations .section__btn--secondary {
position: absolute;
top: -16px;
left: 0;
opacity: 0;
visibility: hidden;
transition: all .5s;
display: none;
}
.home-our-realizations .home-our-realizations__img:hover .section__btn--secondary,
.archive-realizations .archive-realizations__img:hover .section__btn--secondary {
opacity: 1;
visibility: visible;
}
.home-our-realizations .slick-dots {
position: relative;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
margin: 0 -10px;
}
@media only screen and (max-width: 1200px) {
.home-our-realizations .slick-dots {
justify-content: flex-start;
}
}
.home-our-realizations .slick-dots li {
width: 10px;
flex: 0 0 10px;
border-radius: 50%;
margin: 0 10px;
height: 10px;
background-color: transparent;
border: 2px solid rgba(234, 3, 32, .5);
transition: all .5s;
}
.home-our-realizations .slick-dots li.slick-active {
background-color: #fff;
border: 2px solid #EA0320;
}
.home-our-realizations .slick-dots li:hover {
cursor: pointer;
}
.home-our-realizations .slick-dots button {
display: none;
}
.home-they-trusted-us,
.they-trusted-us {
background-color: #111111;
}
.home-they-trusted-us .section__row:last-child {
text-align: center;
}
.home-they-trusted-us .section__header,
.they-trusted-us .section__header {
width: 50%;
}
@media only screen and (max-width: 1200px) {
.home-they-trusted-us .section__header,
.they-trusted-us .section__header {
width: 100%;
}
}
.home-they-trusted-us .section__title,
.they-trusted-us .section__title {
color: #fff;
}
.home-they-trusted-us .section__btn--secondary > span {
color: #fff;
border-bottom: 3px solid #fff;
}
.home-they-trusted-us .section__btn--secondary > svg path {
fill: #fff;
stroke: #fff;
}
.home-they-trusted-us .home-they-trusted-us__boxes {
display: flex;
flex-wrap: wrap;
position: relative;
}
.they-trusted-us .they-trusted-us__boxes .slick-list {
position: relative;
}           .home-they-trusted-us .home-they-trusted-us__boxes:after,
.they-trusted-us .they-trusted-us__boxes .slick-list:after {
content: '';
position: absolute;
right: 0;
top: 0;
width: 1px;
height: 100%;
background-color: #111111;
z-index: 100;
}
.home-they-trusted-us .home-they-trusted-us__boxes,
.they-trusted-us .they-trusted-us__boxes .slick-list {
border: 1px solid #333333;
}
.home-they-trusted-us .home-they-trusted-us__box {
width: 25%;
}
@media only screen and (max-width: 768px) {
.home-they-trusted-us .home-they-trusted-us__box {
width: 50%;
}
}
@media only screen and (max-width: 480px) {
.home-they-trusted-us .home-they-trusted-us__box {
width: 100%;
}
}
.home-they-trusted-us .home-they-trusted-us__logo,
.they-trusted-us .they-trusted-us__logo {
display: flex;
justify-content: center;
align-items: center;
padding: 80px;  border: 1px solid #333333;
}
.home-they-trusted-us .home-they-trusted-us__logo > img,
.they-trusted-us .they-trusted-us__logo > img {
opacity: 0.5;
transition: all .5s;
}
.home-they-trusted-us .home-they-trusted-us__logo:hover > img,
.they-trusted-us .they-trusted-us__logo:hover > img {
opacity: 1;
}
.they-trusted-us .slick-dots {
position: relative;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
margin-top: 60px;
}
.they-trusted-us .slick-dots li {
width: 10px;
border-radius: 50%;
margin: 0 10px;
height: 10px;
background-color: transparent;
border: 2px solid rgba(255,255,255, .5);
transition: all .5s;
}
.they-trusted-us .slick-dots li.slick-active {
background-color: #fff;
border: 2px solid rgba(255,255,255, 1);
}
.they-trusted-us .slick-dots li:hover {
cursor: pointer;
}
.they-trusted-us .slick-dots button {
display: none;
}
.home-why-us,
.our-team,
.will-we-do,
.home-why-us .home-why-us__content,
.our-team .our-team__content,
.will-we-do .will-we-do__content {
padding-top: 0;
}
@media only screen and (max-width: 1200px) {
.home-why-us .home-why-us__content,
.our-team .our-team__content,
.will-we-do .will-we-do__content {
padding-bottom: 0;
}
}
.home-why-us .home-why-us__content,
.our-team .our-team__content,
.will-we-do .will-we-do__content {
position: relative;
}
.home-why-us .home-why-us__content:before,
.our-team .our-team__content:before,
.will-we-do .will-we-do__content:before {
content: '';
position: absolute;
top: -60px;
left: 0;
width: 50%;
height: calc(100% + 60px);
background-color: #fff;
}
@media only screen and (max-width: 1200px) {
.home-why-us .home-why-us__content:before,
.our-team .our-team__content:before,
.will-we-do .will-we-do__content:before {
display: none;
}
}
.our-team .our-team__content:before,
.will-we-do .will-we-do__content:before {
width: calc((100% - 1400px) / 2 + 933.333333336px);
}
@media only screen and (max-width: 1600px) {
.our-team .our-team__content:before,
.will-we-do .will-we-do__content:before {
width: calc((100% - 1160px) / 2 + 773.333333334px);
}
}
@media only screen and (max-width: 1200px) {
.our-team .our-team__content:before,
.will-we-do .will-we-do__content:before {
display: none;
}
}
.home-why-us .section__row,
.our-team .section__row,
.will-we-do .section__row {
position: relative;
z-index: 100;
}
.home-why-us .section__header,
.our-team .section__header,
.will-we-do .section__header {
padding: 0 80px 0 0;
background-color: #fff;
width: 50%;
position: relative;
margin-top: -60px;
}
@media only screen and (max-width: 1200px) {
.home-why-us .section__header,
.our-team .section__header,
.will-we-do .section__header {
background-color: transparent;
padding: 0;
margin-top: 60px;
width: 100%;
}
}
.home-why-us .home-why-us__boxes {
display: flex;
flex-wrap: wrap;
margin: -20px;
}
@media only screen and (max-width: 1200px) {
.home-why-us .home-why-us__boxes {
margin: -15px;
}
}
.home-why-us .home-why-us__box {
width: 33.3333%;
padding: 20px;
}
@media only screen and (max-width: 1200px) {
.home-why-us .home-why-us__box {
padding: 15px;
}
}
@media only screen and (max-width: 768px) {
.home-why-us .home-why-us__box {
width: 100%;
}
}
.home-why-us .home-why-us__icon > svg {
margin-bottom: 60px;
width: 60px;
height: 60px;
object-fit: contain;
object-position: center;
}
@media only screen and (max-width: 1600px) {
.home-why-us .home-why-us__icon > svg {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 1200px) {
.home-why-us .home-why-us__icon > svg {
margin-bottom: 30px;
}
}
.home-why-us .home-why-us__row {
margin-bottom: 20px;
}
@media only screen and (max-width: 1200px) {
.home-why-us .home-why-us__row {
margin-bottom: 15px;
}
}
.home-why-us .home-why-us__row:last-child {
margin-bottom: 0;
}
.our-team .our-team__boxes {
display: flex;
flex-wrap: wrap;
margin: -20px;
}
@media only screen and (max-width: 1200px) {
.our-team .our-team__boxes {
margin: -15px;
}
}
.our-team .our-team__box {
width: 33.3333%;
padding: 20px;
}
@media only screen and (max-width: 1200px) {
.our-team .our-team__box {
width: 33.3333%;
padding: 15px;
}
}
@media only screen and (max-width: 768px) {
.our-team .our-team__box {
width: 50%;
}
}
@media only screen and (max-width: 480px) {
.our-team .our-team__box {
width: 100%;
}
}
.our-team .our-team__img > img {
width: 100%;
margin-bottom: 20px;
object-fit: cover;
object-position: center;
}
@media only screen and (max-width: 1200px) {
.our-team .our-team__img > img {
margin-bottom: 15px;
}
}
.our-team .our-team__row {
margin-bottom: 20px;
}
@media only screen and (max-width: 1200px) {
.our-team .our-team__row {
margin-bottom: 15px;
}
}
.our-team .our-team__row:last-child {
margin-bottom: 0;
}
.our-team .our-team__title {
font-size: 18px;
text-transform: uppercase;
}
@media only screen and (max-width: 1200px) {
.our-team .our-team__title {
font-size: 16px;
}
}
.our-team .our-team__subtitle {
font-size: 16px;
}
@media only screen and (max-width: 1200px) {
.our-team .our-team__subtitle {
font-size: 14px;
}
}
.our-team .our-team__contact ul {
list-style-type: none;
}
.our-team .our-team__contact li {
display: flex;
align-items: center;
font-size: 14px;
margin-bottom: 10px;
}
.our-team .our-team__contact li:last-child {
margin-bottom: 0;
}
.our-team .our-team__contact svg {
margin-right: 10px;
width: 16px;
height: 16px;
object-fit: contain;
object-position: center;
}
.our-team .our-team__contact svg path {
stroke: #EA0320;
}
.will-we-do .will-we-do__columns {
display: flex;
flex-wrap: wrap;
margin: -20px;
}
@media only screen and (max-width: 1200px) {
.will-we-do .will-we-do__columns {
margin: -15px;
}
}
.will-we-do .will-we-do__column {
width: 50%;
padding: 20px;
}
@media only screen and (max-width: 1200px) {
.will-we-do .will-we-do__column {
padding: 15px;
}
}
@media only screen and (max-width: 768px) {
.will-we-do .will-we-do__column {
width: 100%;
}
}
.will-we-do .will-we-do__row {
margin-bottom: 40px;
}
@media only screen and (max-width: 1200px) {
.will-we-do .will-we-do__row {
margin-bottom: 30px;
}
}
.will-we-do .will-we-do__row:last-child {
margin-bottom: 0;
}
.will-we-do .will-we-do__title {
color: #EA0320;
}
.contact-details {
background-color: #111111;
color: #fff;
}
.contact-details .section__title {
color: #fff;
font-weight: 400;
font-style: italic;
}
.contact-details .section__subtitle {
color: #fff;
}
.contact-details .contact-details__columns {
display: flex;
justify-content: space-between;
margin: -20px;
}
@media only screen and (max-width: 1200px) {
.contact-details .contact-details__columns {
margin: -15px;
flex-wrap: wrap;
}
}
.contact-details .contact-details__column {
padding: 20px;
}
@media only screen and (max-width: 1200px) {
.contact-details .contact-details__column {
padding: 15px;
width: 100%;
}
}
.contact-details .contact-details__btn {
display: flex;
align-items: center;
font-size: 48px;
font-weight: 600;
color: #fff;
line-height: 1;
}
@media only screen and (max-width: 1600px) {
.contact-details .contact-details__btn {
font-size: 40px;
}
}
@media only screen and (max-width: 1200px) {
.contact-details .contact-details__btn {
font-size: 32px;
}
}
@media only screen and (max-width: 768px) {
.contact-details .contact-details__btn {
font-size: 28px;
}
}
@media only screen and (max-width: 480px) {
.contact-details .contact-details__btn {
font-size: 24px;
}
}
.contact-details .contact-details__btn > svg {
width: 32px;
height: 32px;
margin-right: 20px;
}
.contact-details .contact-details__socials {
display: flex;
align-items: center;
margin: 0 -10px;
}
.contact-details .contact-details__social {
padding: 0 10px;
}
.contact-details .contact-details__social svg {
width: 24px;
height: 24px;
transition: all .5s;
top: 0;
position: relative;
}
.contact-details .contact-details__social:hover svg {
top: -4px;
}
.contact-details .contact-details__social svg path {
fill: #fff;
transition: all .5s;
}
.contact-details .contact-details__social:hover svg path {
fill: #EA0320;
}
.contact-details .contact-details__logo > svg {
width: auto;
height: 100px;
}
@media only screen and (max-width: 1200px) {
.contact-details .contact-details__logo > svg {
height: 80px;
}
}
.footer {
background-color: #111111;
padding: 40px 0;
color: #666666;
position: relative;
font-size: 14px;
}
@media only screen and (max-width: 1200px) {
.footer {
padding: 30px 0;
font-size: 12px;
}
}
.footer:before {
content: '';
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 1400px;
height: 1px;
background-color: #333333;
}
@media only screen and (max-width: 1600px) {
.footer:before {
width: 1160px;
}
}
@media only screen and (max-width: 1200px) {
.footer:before {
width: 100%;
padding: 0 20px;
}
}
.footer .footer__columns {
display: flex;
justify-content: center;
align-items: center;
margin: -20px;
}
@media only screen and (max-width: 1200px) {
.footer .footer__columns {
flex-wrap: wrap;
margin: -7.5px;
}
}
.footer .footer__column {
padding: 20px;
position: relative;
}
@media only screen and (max-width: 1200px) {
.footer .footer__column {
padding: 7.5px;
width: 100%;
}
}
.footer .footer__column:before {
content: '';
position: absolute;
top: 50%;
right: 0;
width: 1px;
height: 14px;
background-color: #666666;
transform: translateY(-50%);
}
@media only screen and (max-width: 1200px) {
.footer .footer__column:before {
display: none;
}
}
.footer .footer__column:last-child:before {
display: none;
}
.footer .footer__webdesign > a {
font-weight: 600;
}
.banner {
background-color: #EA0320;
}
.banner .banner__img {
position: relative;
}
.banner .banner__img:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: calc((100% - 1400px) / 2 + 933.333333336px);
height: 100%;
background-color: rgba(0,0,0, .84);
z-index: 100;
}
@media only screen and (max-width: 1600px) {
.banner .banner__img:before {
width: calc((100% - 1160px) / 2 + 773.333333334px);
}
}
@media only screen and (max-width: 1200px) {
.banner .banner__img:before {
width: 100%;
}
}
.banner .banner__img > img {
width: calc((100% - 1400px) / 2 + 933.333333336px);
height: 240px;
object-fit: cover;
object-position: center;
}
@media only screen and (max-width: 1600px) {
.banner .banner__img > img {
width: calc((100% - 1160px) / 2 + 773.333333334px);
}
}
@media only screen and (max-width: 1200px) {
.banner .banner__img > img {
width: 100%;
}
}
.banner .banner__caption {
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
z-index: 200;
}
.banner .banner__title {
color: #fff;
}
.archive-realizations .archive-realizations__nav .menu {
list-style-type: none;
display: flex;
margin: 0 -20px;
}
@media only screen and (max-width: 1200px) {
.archive-realizations .archive-realizations__nav .menu {
margin: -15px;
flex-wrap: wrap;
}
}
.archive-realizations .archive-realizations__nav .menu>li {
position: relative;
padding: 0 20px;
}
@media only screen and (max-width: 1200px) {
.archive-realizations .archive-realizations__nav .menu>li {
padding: 15px;
}
}
.archive-realizations .archive-realizations__nav .menu>li>a {
position: relative;
line-height: 1;
font-weight: 600;
text-transform: uppercase;
padding-bottom: 15px;
}
.archive-realizations .archive-realizations__nav .menu>li>a:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 3px;
transition: 0.5s;
background-color: #EA0320;
}
.archive-realizations .archive-realizations__nav .menu>li:hover>a:before,
.archive-realizations .archive-realizations__nav .menu>li.current-menu-item>a:before,
.archive-realizations .archive-realizations__nav .menu>li.current_page_item>a:before,
.archive-realizations .archive-realizations__nav .menu>li.current_page_ancestor>a:before,
.archive-realizations .archive-realizations__nav .menu>li.current-menu-ancestor>a:before {
width: 24px;
}
.single-realizations .single-realizations__columns {
display: flex;
flex-wrap: wrap;
margin: -20px;
}
@media only screen and (max-width: 1200px) {
.single-realizations .single-realizations__columns {
margin: -15px;
}
}
.single-realizations .single-realizations__column {
width: 33.3333%;
padding: 20px;
}
@media only screen and (max-width: 1200px) {
.single-realizations .single-realizations__column {
padding: 15px;
}
}
@media only screen and (max-width: 768px) {
.single-realizations .single-realizations__column {
width: 100%;
}
}
.single-realizations .single-realizations__row {
margin-bottom: 40px;
}
@media only screen and (max-width: 1200px) {
.single-realizations .single-realizations__row {
margin-bottom: 30px;
}
}
.single-realizations .single-realizations__row:last-child {
margin-bottom: 0;
}
.single-realizations .single-realizations__title {
color: #5F6161;
}
.single-realizations .single-realizations__gallery {
display: flex;
flex-wrap: wrap;
margin: -15px;
}
.single-realizations .single-realizations__item {
width: 25%;
padding: 15px;
}
@media only screen and (max-width: 1200px) {
.single-realizations .single-realizations__item {
width: 33.3333%;
}
}
@media only screen and (max-width: 768px) {
.single-realizations .single-realizations__item {
width: 50%;
}
}
@media only screen and (max-width: 480px) {
.single-realizations .single-realizations__item {
width: 100%;
}
}
.single-realizations .single-realizations__item:last-child {
margin-bottom: 0;
}
.single-realizations .single-realizations__img > a > img {
width: 100%;
object-fit: cover;
object-position: center;
}
.fifty-fifty {
position: relative;
margin-bottom: 240px;
}
@media only screen and (max-width: 1600px) {
.fifty-fifty {
margin-bottom: 160px;
}
}
@media only screen and (max-width: 1200px) {
.fifty-fifty {
margin-bottom: 0;
}
}
.fifty-fifty:before {
content: '';
position: absolute;
top: 120px;
left: 0;
width: calc((100% - 1400px) / 2 + 933.333333336px);
height: 100%;
background-color: #fff;
z-index: 100;
}
@media only screen and (max-width: 1600px) {
.fifty-fifty:before {
width: calc((100% - 1160px) / 2 + 773.333333334px);
top: 80px;
}
}
@media only screen and (max-width: 1200px) {
.fifty-fifty:before {
display: none;
}
}
.fifty-fifty__reverse:before {
left: inherit;
right: 0;
}
.fifty-fifty .fifty-fifty__img {
position: absolute;
top: 0;
left: 0;
width: calc(50% - 40px);
height: 100%;
z-index: 200;
}
@media only screen and (max-width: 1200px) {
.fifty-fifty .fifty-fifty__img {
position: relative;
width: 100%;
top: -60px;
}
}
.fifty-fifty__reverse .fifty-fifty__img {
left: inherit;
right: 0;
}
.fifty-fifty .fifty-fifty__img > img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.fifty-fifty .fifty-fifty__columns {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
margin: -40px;
}
@media only screen and (max-width: 1200px) {
.fifty-fifty .fifty-fifty__columns {
margin: -15px;
}
}
.fifty-fifty__reverse .fifty-fifty__columns {
justify-content: flex-start;
}
.fifty-fifty .fifty-fifty__column {
width: 50%;
padding: 40px;
position: relative;
z-index: 200;
}
@media only screen and (max-width: 1200px) {
.fifty-fifty .fifty-fifty__column {
width: 100%;
padding: 15px;
}
}
.fifty-fifty-txt .fifty-fifty-txt__columns {
display: flex;
flex-wrap: wrap;
margin: -20px;
}
@media only screen and (max-width: 1200px) {
.fifty-fifty-txt .fifty-fifty-txt__columns {
margin: -15px;
}
}
.fifty-fifty-txt .fifty-fifty-txt__column {
width: 50%;
padding: 20px;
}
@media only screen and (max-width: 1200px) {
.fifty-fifty-txt .fifty-fifty-txt__column {
width: 100%;
padding: 15px;
}
}
.our-capabilities .section__header {
width: 50%;
}
@media only screen and (max-width: 1200px) {
.our-capabilities .section__header {
width: 100%;
}
}
.our-capabilities .our-capabilities__boxes {
display: flex;
flex-wrap: wrap;
margin: -40px -20px;
}
@media only screen and (max-width: 1200px) {
.our-capabilities .our-capabilities__boxes {
margin: -15px;
}
}
.our-capabilities .our-capabilities__box {
width: 50%;
padding: 40px 20px;
}
@media only screen and (max-width: 1200px) {
.our-capabilities .our-capabilities__box {
padding: 15px;
}
}
@media only screen and (max-width: 768px) {
.our-capabilities .our-capabilities__box {
width: 100%;
}
}
.our-capabilities .our-capabilities__icon > svg {
margin-bottom: 60px;
width: 60px;
height: 60px;
object-fit: contain;
object-position: center;
}
@media only screen and (max-width: 1200px) {
.our-capabilities .our-capabilities__icon > svg {
margin-bottom: 30px;
}
}
.our-capabilities .our-capabilities__row {
margin-bottom: 20px;
}
@media only screen and (max-width: 1200px) {
.our-capabilities .our-capabilities__row {
margin-bottom: 15px;
}
}
.our-capabilities .our-capabilities__row:last-child {
margin-bottom: 0;
}
[data-control], [data-content] > * {
border-bottom: 1px solid rgba(174, 175, 175, .5);
padding: 30px 0;
}
[data-accordion] > [data-control]:after {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
height: 29px;
width: 29px;
background: url(//ratynski.com.pl/wp-content/themes/ratynski/img/arrow-up-right-accordion.svg) center center no-repeat;
background-size: cover;
transition: all .5s;
}
[data-accordion].open > [data-control]:after {
-webkit-transform: translateY(-50%) rotate(90deg);
-ms-transform: translateY(-50%) rotate(90deg);
transform: translateY(-50%) rotate(90deg);
background: url(//ratynski.com.pl/wp-content/themes/ratynski/img/arrow-up-right-red.svg) center center no-repeat;
}
.accordion__title {
color: #5F6161;
}
[data-accordion].open .accordion__title {
color: #EA0320;
}
.accordion__desc p,
.accordion__desc ul,
.accordion__desc ul li {
margin-bottom: 15px;
line-height: 1.5;
}
.accordion__desc p:last-child,
.accordion__desc ul:last-child,
.accordion__desc li:last-child {
margin-bottom: 0;
}
.accordion__desc ul ul {
margin-top: 15px;
}
.accordion__desc ul li:before {
top: 9.5px;
transform: none;
}
@media only screen and (max-width: 1200px) {
.accordion__desc ul li:before {
top: 6.5px;
}
}
.wpcf7-form {
text-align: left;
}
.wpcf7-form p {
margin-bottom: 16px;
}
.wpcf7-form p:last-of-type {
margin-bottom: 0;
display: inline-flex;
margin-top: 15px;
position: relative;
transition: all .5s;
top: 0;
}
.wpcf7-form p:last-of-type:hover {
top: -16px;
cursor: pointer;
}
.wpcf7-form p:last-of-type:before {
content: '';
position: absolute;
top: 50%;
right: 32px;
transform: translateY(-50%);
background-image: url(//ratynski.com.pl/wp-content/themes/ratynski/img/arrow-up-right.svg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
width: 13px;
height: 13px;
z-index: 100;
}
.wpcf7-form input.wpcf7-form-control,
.wpcf7-form textarea.wpcf7-form-control {
padding: 16px 0;
background-color: transparent;
border: 0;
border-bottom: 1px solid #5F6161;
width: 100%;
display: block;
box-sizing: border-box;
outline: 0!important;
color: #5F6161;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 16px;
}
@media only screen and (max-width: 1600px) {
.wpcf7-form input.wpcf7-form-control,
.wpcf7-form textarea.wpcf7-form-control {
font-size: 14px;
}
}
.wpcf7-form input.wpcf7-form-control::placeholder,
.wpcf7-form textarea.wpcf7-form-control::placeholder {
color: #5F6161;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 16px;
}
@media only screen and (max-width: 1600px) {
.wpcf7-form input.wpcf7-form-control::placeholder,
.wpcf7-form textarea.wpcf7-form-control::placeholder {
font-size: 14px;
}
}
.wpcf7-form input.wpcf7-form-control:focus,
.wpcf7-form textarea.wpcf7-form-control:focus {
outline: 0!important;
}
.wpcf7-form input.wpcf7-form-control.wpcf7-not-valid,
.wpcf7-form textarea.wpcf7-form-control.wpcf7-not-valid {
border-bottom: 2px solid #ff0000;
}
.wpcf7-form .wpcf7-not-valid>.wpcf7-list-item {
border-bottom: 2px solid #ff0000;
padding: 16px;
}
.wpcf7-form .wpcf7-list-item {
margin: 0!important;
line-height: 1.5;
font-size: 14px!important;
}
@media only screen and (max-width: 1600px) {
.wpcf7-form .wpcf7-list-item {
font-size: 12px!important;
}
}
.wpcf7-form input[type=checkbox] {
margin-right: 16px;
}
.wpcf7-form .wpcf7-response-output {
padding: 16px!important;
margin: 32px 0 0 0!important;
font-size: 14px!important;
line-height: 1.5;
}
@media only screen and (max-width: 1600px) {
.wpcf7-form .wpcf7-response-output {
font-size: 12px!important;
}
}
.wpcf7-form .wpcf7-not-valid-tip {
font-size: 12px!important;
line-height: 1;
display: block;
}
.wpcf7-form label>span {
color: #5F6161;
}
.wpcf7-form .wpcf7-acceptance label {
display: flex;
align-items: flex-start;
}
.wpcf7-form input[type=checkbox] {
position: relative;
top: 4px;
}
.wpcf7-form .wpcf7-list-item-label {
color: #5F6161;
}
.wpcf7-form .ajax-loader,
.wpcf7-form .wpcf7-spinner {
display: none!important;
}
.wpcf7-submit {
display: inline-flex!important;
font-weight: 600!important;
text-transform: uppercase!important;
background-color: #EA0320!important;
color: #fff!important;
padding: 16px 61px 16px 32px!important;
align-items: center!important;
width: auto!important;
border: 0!important;
transition: all .5s!important;
line-height: 1.5!important;
}
.wpcf7-submit:hover {
cursor: pointer;
}
.gallery {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: -16px!important;
}
.gallery .gallery-item {
width: 25%!important;
padding: 16px!important;
margin-top: 0!important;
}
@media only screen and (max-width: 1200px) {
.gallery .gallery-item {
width: 33.3333%!important;
}
}
@media only screen and (max-width: 768px) {
.gallery .gallery-item {
width: 50%!important;
}
}
@media only screen and (max-width: 576px) {
.gallery .gallery-item {
width: 100%!important;
}
}
.gallery a,
.single-realizations .single-realizations__img > a {
display: block;
position: relative;
overflow: hidden;
}
.gallery img,
.single-realizations .single-realizations__img > a > img {
width: 100%;
aspect-ratio: 1/1;
object-fit: cover;
object-position: center;
border: 0!important;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.gallery a:hover>img,
.single-realizations .single-realizations__img > a:hover > img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.gallery a::before,
.single-realizations .single-realizations__img > a::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0;
background-color: rgba(234, 3, 32, 0.75);
z-index: 100;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.5s;
}
.gallery a:hover::before,
.single-realizations .single-realizations__img > a:hover::before {
height: 100%;
}
.gallery a::after,
.single-realizations .single-realizations__img > a::after {
content: '';
background-image: url(//ratynski.com.pl/wp-content/themes/ratynski/img/gallery-search.png);
width: 32px;
height: 32px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
z-index: 200;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
filter: brightness(0%) invert(100%);
transition: all 0.5s;
opacity: 0;
}
.gallery a:hover::after,
.single-realizations .single-realizations__img > a:hover::after {
opacity: 1;
}
.bottom-bar {
position: fixed;
left: 0;
display: none;
bottom: 0;
width: 100%;
z-index: 300;
}
@media only screen and (max-width: 1200px) {
.bottom-bar {
display: block;
}
}
.bottom-bar ul {
list-style-type: none;
display: flex;
}
.bottom-bar li {
flex: 1;
text-align: center;
}
.bottom-bar a {
display: block;
background-color: #5F6161;
padding: 16px 0;
line-height: 1;
position: relative;
}
.bottom-bar img {
margin: 0 auto 0 auto;
height: 20px;
filter: brightness(0%) invert(100%);
}
.nav-links {
display: flex;
justify-content: center;
align-items: center;
}
.page-numbers {
margin: 0 7.5px;
line-height: 1;
}
.page-numbers.current {
color: #EA0320;
font-weight: 600;
}
.prev.page-numbers,
.next.page-numbers {
width: 24px;
height: 30px;
background-color: #EA0320;
font-size: 0;
position: relative;
}
.prev.page-numbers:before,
.next.page-numbers:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 8px;
height: 13px;
background-image: url(//ratynski.com.pl/wp-content/themes/ratynski/img/chevron-down.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.prev.page-numbers:before {
transform: translate(-50%, -50%) rotate(180deg);
}
.screen-reader-text {
display: none;
}