footer {
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #f1ede7), color-stop(0%, transparent));
background: -o-linear-gradient(top, #f1ede7 50%, transparent 0%);
background: linear-gradient(to bottom, #f1ede7 50%, transparent 0%);
}
.simple_header_bg .wrapper {
padding-bottom: 10rem;
position: relative;
}
.simple_header_bg .img_right {
position: absolute;
right: 0px;
bottom: -30px;
z-index: 5;
}
@media (max-width: 1700px) {
.simple_header_bg .img_right {
max-width: 300px;
}
}
@media (max-width: 992px) {
.simple_header_bg .img_right {
max-width: 200px;
}
}
@media (max-width: 568px) {
.simple_header_bg .img_right {
max-width: 150px;
bottom: 0px;
}
}
.simple_header_bg .repeater {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 2rem;
margin-top: 20rem;
}
@media (max-width: 1660px) {
.simple_header_bg .repeater {
padding-right: 15%;
}
}
@media (max-width: 568px) {
.simple_header_bg .repeater {
grid-template-columns: 1fr 1fr;
gap: 1rem;
row-gap: 3rem;
margin-top: 10rem;
padding-right: 0rem;
}
}
.simple_header_bg .repeater .item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
align-items: center;
gap: 2rem;
}
.simple_header_bg .repeater .item .item-icon img {
max-width: 83px;
}
@media (max-width: 568px) {
.simple_header_bg .repeater .item .item-icon img {
max-width: 60px;
}
}
.simple_header_bg .repeater .item .item-text {
font-size: 1.8rem;
font-weight: 700;
color: #ffffff;
max-width: 220px;
text-align: center;
margin: 0 auto;
}
.boxes_section {
padding: 13rem 0px 7rem;
}
@media (max-width: 568px) {
.boxes_section {
padding: 5rem 0px 3rem;
}
}
.boxes_section .container {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
gap: 35px;
}
.boxes_section .box {
display: grid;
grid-template-rows: span 3;
gap: 10px;
}
.boxes_section .box .box-img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
height: 480px;
}
@media (max-width: 1500px) {
.boxes_section .box .box-img {
height: 300px;
}
}
@media (max-width: 568px) {
.boxes_section .box .box-img {
height: 250px;
}
}
.boxes_section .box .box-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: 10px;
}
.boxes_section .box .box-title {
font-size: 2.4rem;
font-weight: 700;
text-transform: uppercase;
margin-top: 2rem;
margin-bottom: 0px;
}
.boxes_section .box-desc {
font-size: 2.2rem;
color: #636f56;
padding-right: 8rem;
}
.front-page__video {
padding: 3rem 0rem 7rem;
}
.front-page__video .front-page__video-el {
cursor: pointer;
display: block;
width: 100%;
}
@media screen and (min-width: 650px) {
.front-page__video.is-playing .front-page__video-desc, .front-page__video.video__play .front-page__video-desc {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
}
.front-page__video.video__play .video__wrapper button, .front-page__video.video__play .front-page__video-play {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.front-page__video .front-page__video-desc {
-webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
-o-transition: opacity 0.3s ease, visibility 0.3s ease;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
.front-page__video .front-page__video-play {
cursor: pointer;
padding: 0;
}
.persons_section {
padding: 5rem 0rem;
}
@media (max-width: 568px) {
.persons_section {
padding: 4rem 0rem 2rem;
}
}
.persons_section .person_category__title {
text-align: center;
margin-bottom: 8rem;
}
.persons_section .person_category__title h3 {
font-size: 3.6rem;
font-weight: 700;
text-transform: uppercase;
margin-top: 0px;
margin-bottom: 0px;
}
.persons_section .grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 15rem;
margin-bottom: 5rem;
padding-left: 6rem;
padding-right: 6rem;
margin-bottom: 20rem;
}
.persons_section .grid:nth-last-child(1) {
margin-bottom: 10rem;
}
@media (max-width: 1300px) {
.persons_section .grid {
gap: 5rem;
}
}
@media (max-width: 992px) {
.persons_section .grid {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 576px) {
.persons_section .grid {
grid-template-columns: 1fr;
}
}
.persons_section .person_category__person {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
text-align: center;
}
.persons_section .person_category__person__img {
width: 240px;
height: 240px;
margin: 0 auto;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: 50%;
margin-bottom: 4rem;
}
.persons_section .person_category__person__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: 50%;
}
.persons_section .person_category__person__name {
font-size: 2.4rem;
font-weight: 700;
text-transform: uppercase;
margin-top: 0px;
margin-bottom: 3rem;
}
.persons_section .person_category__person__desc {
font-size: 2.2rem;
color: #636f56;
}
.section_repeater {
padding: 7.5rem 0rem 1rem;
}
@media (max-width: 568px) {
.section_repeater {
padding: 1rem 0rem 3rem;
}
}
.section_repeater .item {
display: grid;
grid-template-columns: 35% 1fr;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 5.5rem 0rem;
}
@media (max-width: 800px) {
.section_repeater .item {
padding: 2rem 0rem;
}
}
@media screen and (min-width: 800px) {
.section_repeater .item:nth-child(even) {
grid-template-columns: 1fr 35%;
}
.section_repeater .item:nth-child(even) .item-img {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.section_repeater .item:nth-child(even) .item-text {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
margin-left: 25%;
}
}
@media (max-width: 800px) {
.section_repeater .item {
grid-template-columns: 1fr;
}
}
.section_repeater .item .item-img img {
border-radius: 10px;
}
.section_repeater .item .item-text {
max-width: 312px;
}
@media (max-width: 800px) {
.section_repeater .item .item-text {
max-width: 100%;
}
}
.section_gallery {
padding: 6rem 0rem;
background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f1ede7), color-stop(0%, transparent));
background: -o-linear-gradient(bottom, #f1ede7 50%, transparent 0%);
background: linear-gradient(to top, #f1ede7 50%, transparent 0%);
}
.section_gallery .title_section {
margin-bottom: 2rem;
}
.section_gallery .container {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 3.5rem;
}
@media (max-width: 992px) {
.section_gallery .container {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 568px) {
.section_gallery .container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow-x: auto;
-webkit-scroll-snap-type: x mandatory;
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
gap: 20px;
}
}
@media (max-width: 568px) {
.section_gallery .container .item {
width: 250px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 250px;
-ms-flex: 0 0 250px;
flex: 0 0 250px;
}
}
.section_gallery .item-video {
position: relative;
cursor: pointer;
}
.section_gallery .item-video .play {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
max-width: 59px;
max-height: 59px;
-o-object-fit: contain;
object-fit: contain;
z-index: 2;
cursor: pointer;
-webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
-o-transition: opacity 0.3s ease, visibility 0.3s ease;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
.section_gallery .item-video.is-playing .play {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.section_gallery .item-video video:not([controls]) {
pointer-events: none;
}
.section_gallery img,
.section_gallery video {
width: 100%;
height: 100%;
aspect-ratio: 1/1;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: 10px;
}
.section_icon {
padding: 8rem 0rem 5rem;
background-color: #f1ede7;
}
@media (max-width: 568px) {
.section_icon {
padding: 5rem 0rem 3rem;
}
}
.section_icon .title_section {
margin-bottom: 2rem;
text-align: center;
max-width: 758px;
margin: 0 auto;
}
.section_icon .title_section h3 {
font-size: 3.6rem;
margin-bottom: 4rem;
text-transform: uppercase;
}
.section_icon .title_section p {
font-size: 2.2rem;
}
.section_icon .repeater {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 2rem;
margin-top: 18rem;
}
@media (max-width: 992px) {
.section_icon .repeater {
grid-template-columns: 1fr 1fr;
row-gap: 5rem;
}
}
@media (max-width: 568px) {
.section_icon .repeater {
grid-template-columns: 1fr;
margin-top: 10rem;
}
}
@media (max-width: 992px) {
.section_icon .logo {
text-align: center;
}
}
.section_icon .logo img {
max-height: 44px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.section_quote {
padding: 10rem 0rem;
}
@media (max-width: 568px) {
.section_quote {
padding: 5rem 0rem;
}
}
.section_quote .quote {
font-size: 2.4rem;
font-weight: 700;
max-width: 792px;
margin: 0 auto;
text-align: center;
}
.section_quote .quote h3 {
font-size: 3.6rem;
font-weight: 700;
margin-top: 0px;
margin-bottom: 5rem;
text-align: center;
font-style: italic;
font-family: "FF Good Pro News";
}
.section_quote .quote p {
font-size: 2.2rem;
font-weight: 400;
margin-top: 0px;
margin-bottom: 0px;
}
.section_bg {
position: relative;
padding: 6rem 0rem 40rem;
}
@media (max-width: 568px) {
.section_bg {
padding: 5rem 0rem 30rem;
}
}
.section_bg .img_down_1 {
position: absolute;
bottom: 0px;
left: 0px;
z-index: -1;
}
@media screen and (min-width: 1920px) {
.section_bg .img_down_1 {
width: 100%;
}
}
.section_bg .bg {
position: absolute;
bottom: 20px;
left: 0px;
z-index: -1;
}
@media (max-width: 992px) {
.section_bg .bg {
bottom: 0px;
}
}
@media screen and (min-width: 1920px) {
.section_bg .bg {
width: 100%;
}
}
.section_bg .content {
max-width: 312px;
margin-right: 19%;
margin-left: auto;
position: relative;
z-index: 2;
}
@media (max-width: 568px) {
.section_bg .content {
max-width: 100%;
margin-right: 0px;
margin-left: 0px;
}
}