.container {
    width: 100%;
    min-height: 100vh;

    display: flex;
    flex-direction: column;
    
    padding: 40px;
}

header {
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-trademark {
    height: 80px;
}

.header-trademark img {
    height: 100%;
}

.header-navigation {
    display: flex;
    align-items: center;
}

.about-us-link, .services-link, .gallery-link {
    color: var(--primaryColor);

    font-size: 18px;
}

.services-link {
    margin: 0 10px 0 20px;
}

.gallery-link {
    margin: 0 20px 0 10px;
}

.contact-link {
    border-radius: 5px;

    color: #F1F6F7;
    background: var(--secondaryColor);

    font-size: 18px;

    padding: 10px 20px;
}

.main {
    display: flex;
    flex-direction: column;
    
    padding: 40px 0;
}

.fold {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    
    padding: 40px 0;
}

.fold > div {
    width: calc(50% - 10px);
}

.fold-intro {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.fold-intro-heading {
    font-size: 48px;
}

.fold-intro-slogan {
    line-height: 1.2;

    margin: 20px 0;
}

.fold-intro-btns {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.fold-intro-call-link {
    width: fit-content;

    border-radius: 5px;

    color: #F1F6F7;
    background: var(--primaryColor);

    font-size: 18px;

    padding: 10px 20px;
}

.fold-intro-email-link {
    width: fit-content;

    border-radius: 5px;

    color: #F1F6F7;
    background: var(--secondaryColor);

    font-size: 18px;

    padding: 10px 20px;
    margin-top: 20px;
}

.fold-intro-media {
    height: 512px;

    border-radius: 5px;

    display: flex;

    overflow: hidden;
}

.fold-intro-media > a {
    width: 100%;
    height: 100%;
}

.fold-intro-media video {
    width: 100%;
    height: 100%;

    object-fit: none;
}

.advantages {
    width: 100%;

    display: flex;
    /*align-items: center;*/
    justify-content: flex-start;
    flex-wrap: wrap;

    padding: 40px 0;
}

.advantage {
    width: calc(25% - 15px);

    border-radius: 5px;

    background: #F1F6F7;

    padding: 20px;

    cursor: pointer;

    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.advantage:not(.advantage:nth-child(4n)) {
    margin-right: 20px;
}

.advantage:hover {
    box-shadow: 0px 0px 5px 0px #D3D3D3;
}

.advantage-icon {
    width: 40px;
    height: 40px;

    border-radius: 5px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.advantage:nth-child(odd) > .advantage-icon {
    background: var(--primaryColor);
}

.advantage:nth-child(even) > .advantage-icon {
    background: var(--secondaryColor);
}

.advantage-icon i {
    color: #F1F6F7;
}

.advantage-name {
    font-size: 16px;

    margin: 20px 0;
}

.advantage-description {
    line-height: 1.2;
}

.rating {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    padding: 40px 0;
}

.rating-img-with-stars {
    width: calc(25% - 15px);
    height: 400px;

    display: flex;
    flex-direction: column;
}

.riws-img {
    width: 100%;
    /*height: 284px;*/
    height: 400px;

    border-radius: 5px;

    display: flex;

    overflow: hidden;
}

.riws-img > img {
    width: 100%;
    height: 100%;

    object-fit: cover;
}

.rating-intro {
    border-radius: 5px;

    background: #F1F6F7;

    display: flex;
    flex-direction: column;
    align-items: center;

    padding: 20px;
    margin-top: 20px;

    cursor: pointer;

    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.rating-intro:hover {
    box-shadow: 0px 0px 5px 0px #D3D3D3;
}

.rating-stars i {
    color: var(--secondaryColor);
}

.rating-number {
    font-weight: bold;

    margin-top: 20px;
}

.rating-img {
    width: calc(25% - 15px);
    height: 400px;

    display: flex;

    border-radius: 5px;

    overflow: hidden;
}

.rating-img > img {
    width: 100%;
    height: 100%;

    object-fit: cover;
}

.rating-summary {
    width: calc(50% - 10px);

    display: flex;
    flex-direction: column;
}

.rs-heading {
    font-size: 32px;
}

.rs-quote {
    line-height: 1.2;

    margin: 20px 0;
}

.rs-list {
    list-style: none;
}

.rs-list > li:nth-child(even) {
    margin: 10px 0;
}

.rs-list i {
    color: var(--secondaryColor);
}

.about-us {
    width: 100%;
    min-height: 100px;

    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;

    padding: 40px 0;
}

.about-us > div {
    width: calc(50% - 10px);
}

.about-us-p h2 {
    font-size: 32px;
    
    margin-bottom: 20px;
}

.about-us-p p {
    line-height: 1.2;
}

.about-us-p p:not(.about-us-p p:last-child) {
    margin-bottom: 20px;
}

.about-us-img {
    height: 512px;

    border-radius: 5px;

    display: flex;

    overflow: hidden;
}

.about-us-img > img {
    width: 100%;
    height: 100%;

    object-fit: cover;
}

.services {
    width: 100%;

    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;

    padding: 60px 0 40px 0;
}

.service {
    width: calc(25% - 15px);

    border-radius: 5px;

    background: #F1F6F7;

    padding: 20px;

    position: relative;

    cursor: pointer;

    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.service:not(.service:nth-child(4n)) {
    margin-right: 20px;
}

.service:not(.service[data-service-order="1"], .service[data-service-order="2"], .service[data-service-order="3"], .service[data-service-order="4"]) {
    margin-top: 40px;
}

.service:hover {
    box-shadow: 0px 0px 5px 0px #D3D3D3;
}

.service-icon {
    width: 40px;
    height: 40px;

    border-radius: 5px;

    display: flex;
    align-items: center;
    justify-content: center;

    position: absolute;

    top: -20px;
}

.service:nth-child(odd) > .service-icon {
    background: var(--primaryColor);
}

.service:nth-child(even) > .service-icon {
    background: var(--secondaryColor);
}

.service-icon i {
    color: #F1F6F7;
}

.service-name {
    font-size: 16px;

    margin: 20px 0;
}

.service-description {
    line-height: 1.2;
}

.more-about-us {
    width: 100%;
    min-height: 100px;

    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;

    padding: 40px 0;
}

.more-about-us > div {
    width: calc(50% - 10px);
}

.more-about-us-img {
    height: 400px;

    border-radius: 5px;

    display: flex;

    overflow: hidden;
}

.more-about-us-img > img {
    width: 100%;
    height: 100%;

    object-fit: cover;
}

.more-about-us-p {
    display: flex;
    flex-direction: column;
}

.more-about-us-p h2 {
    font-size: 32px;
}

.more-about-us-p p {
    line-height: 1.2;
}

.more-about-us-p p:nth-child(2) {
    margin: 20px 0;
}

.maup-call-link {
    width: fit-content;

    border-radius: 5px;

    color: #F1F6F7;
    background: var(--secondaryColor);

    font-size: 18px;

    padding: 10px 20px;
}

.gallery {
    padding: 40px 60px;
    
    position: relative;
}

.swiper-btn-prev, .swiper-btn-next {
    width: 40px;
    height: 40px;
    
    border-radius: 50%;
    
    color: #FFFFFF;
    background: var(--secondaryColor);
    
    font-size: 18px;
    
    display: flex;
    align-items: center;
    justify-content: center;
    
    position: absolute;
    
    top: 50%;
    transform: translate(0, -50%);
    
    z-index: 1;
}

.swiper-btn-prev {
    left: 0;
}

.swiper-btn-next {
    right: 0;
}

.gallery-slider {
    max-width: 100%;
}

.gallery-slide-container {
    height: 220px;

    border-radius: 5px;
    
    display: flex;

    overflow: hidden;
}

.gallery-slide-container > img {
    width: 100%;
    
    object-fit: fill;
}

.contact {
    padding: 40px 0;

    position: relative;
}

.contact-bg {
    width: 100%;
    height: 400px;

    border-radius: 5px;

    background: #003C48;

    padding: 20px;

    position: absolute;

    z-index: -1;
}

.contact-intro {
    display: flex;
    flex-direction: column;
    align-items: center;

    margin: 20px 80px 0 80px;
}

.contact-intro > h2 {
    color: #F1F6F7;

    font-size: 32px;
    
    margin-bottom: 20px;

    text-align: center;
}

.contact-intro > span {
    color: #F1F6F7;

    line-height: 1.2;

    margin: 20px 0;

    text-align: center;
}

.contact-action {
    border-radius: 5px;

    background: #F1F6F7;

    display: flex;

    margin: 0 80px;

    overflow: hidden;
}

.ca-img > img {
    width: 100%;
    height: 100%;

    object-fit: cover;
}

.contact-form {
    width: 100%;

    padding: 40px;
}

.contact-form > form > div:not(.contact-report-box) {
    display: flex;
    flex-direction: column;
}

.contact-report-box {
    margin-bottom: 20px;

    display: none;
}

.contact-report-box > span {
    line-height: 1.2;
}

.contact-form > form > div[data-cf-sector="2"], .contact-form > form > div[data-cf-sector="3"], .contact-form > form > div[data-cf-sector="4"] {
    margin-top: 20px;
}

.cf-field {
    width: 100%;

    border: none;
    border-radius: 5px;

    font-size: 16px;

    padding: 10px;
    margin-top: 10px;

    outline: none;
    
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.cf-field:focus {
    outline: var(--primaryColor);
}

.contact-form > form textarea {
    min-height: 200px;

    resize: none;
}

.contact-form > form input[type="submit"] {
    border: none;
    border-radius: 5px;

    color: #F1F6F7;
    background: var(--primaryColor);

    font-size: 16px;

    padding: 10px;
}

footer {
    width: 100%;

    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer-content {
    width: 100%;

    display: flex;
    /*align-items: flex-start;*/
    justify-content: space-between;
    flex-wrap: wrap;
}

.footer-column {
    width: calc(25% - 15px);

    border-radius: 5px;

    background: #F1F6F7;

    display: flex;
    flex-direction: column;
    align-items: flex-start;

    padding: 20px;
}

.fc-name {
    font-size: 20px;
    font-weight: bold;
}

.fc-trademark > a {
    width: fit-content;
}

.fc-trademark h2 {
    font-size: 20px;
}

.fc-items {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    margin-top: 10px;
}

.fc-items > a {
    width: fit-content;
    
    line-height: 1.2;

    margin-top: 10px;
}

.copyright {
    margin-top: 20px;

    text-align: center;
}

.copyright span {
    color: var(--secondaryColor);
}

@media only screen and (max-width: 1200px) {

}

@media only screen and (max-width: 800px) {
    .about-us-link, .services-link, .gallery-link {
        display: none;
    }

    .fold > div {
        width: 100%;
    }

    .fold-intro-media {
        margin-top: 20px;
    }

    .advantage {
        width: calc(50% - 10px);
    }

    .advantage:not(.advantage:nth-child(4n)) {
        margin-right: 0;
    }

    .advantage:not(.advantage:nth-child(2n)) {
        margin-right: 20px;
    }

    .advantage[data-advantage-order="3"], .advantage[data-advantage-order="4"] {
        margin-top: 20px;
    }

    .rating-img-with-stars {
        width: calc(50% - 10px);
    }

    .rating-img {
        display: none;
    }

    .about-us > div {
        width: 100%;
    }

    .about-us-img {
        margin-top: 20px;
    }

    .services {
        padding: 60px 0 40px 0;
    }

    .service {
        width: calc(50% - 10px);
    }

    .service:not(.advantage:nth-child(4n)) {
        margin-right: 0;
    }

    .service:not(.service:nth-child(2n)) {
        margin-right: 20px;
    }
    
    .service[data-service-order="3"], .service[data-service-order="4"] {
        margin-top: 40px;
    }
    
    .service-icon {
        width: 40px;
        height: 40px;

        top: -20px;
    }
    
    .service-icon i {
        font-size: 16px;
    }
    
    .service-name {
        margin: 20px 0;
    }

    .more-about-us {
        flex-direction: column-reverse;
    }

    .more-about-us > div {
        width: 100%;
    }

    .more-about-us-img {
        margin-top: 20px;
    }

    .contact-intro {
        margin: 20px 40px 0 40px;
    }

    .contact-action {
        margin: 0 40px;
    }

    .ca-img {
        display: none;
    }

    .footer-column {
        width: calc(50% - 10px);
    }

    .footer-column[data-column-order="3"], .footer-column[data-column-order="4"] {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 600px) {
    .header-trademark {
        height: 40px;
    }

    .contact-link {
        font-size: 14px;
    }

    /* .container {
        padding: 40px;
    } */

    .main {
        padding: 20px 0;
    }

    .fold {
        padding: 20px 0;
    }
    
    .fold-intro-heading {
        font-size: 40px;
    }

    .fold-intro-media {
        height: 384px;
    }

    .advantages {
        padding: 20px 0;
    }

    .advantage {
        width: 100%;
    }

    .advantage:not(.advantage:nth-child(2n)) {
        margin-right: 0;
    }

    .advantage[data-advantage-order="2"] {
        margin-top: 20px;
    }

    .rating {
        flex-direction: column-reverse;

        padding: 20px 0;
    }

    .rating-img-with-stars {
        width: 100%;

        margin-top: 20px;
    }

    .rating-summary {
        width: 100%;
    }

    .about-us {
        padding: 20px 0;
    }

    .services {
        padding: 40px 0 20px 0;
    }

    .service {
        width: 100%;
    }

    .advantage {
        width: 100%;
    }

    .service:not(.service:nth-child(2n)) {
        margin-right: 0;
    }

    .service[data-service-order="2"] {
        margin-top: 40px;
    }

    .more-about-us {
        padding: 20px 0;
    }

    .gallery {
        padding: 20px 0;
    }
    
    .swiper-btn-prev, .swiper-btn-next {
        display: none;
    }

    .contact {
        padding: 20px 0;
    }

    .contact-action {
        margin: 0 20px;
    }

    .contact-form {
        padding: 20px;
        margin: 0;
    }

    .footer-column {
        width: 100%;
    }

    .footer-column[data-column-order="2"] {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 400px) {

}