MMCT TEAM
Server IP : 103.53.40.154  /  Your IP : 52.14.110.171
Web Server : Apache
System : Linux md-in-35.webhostbox.net 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64
User : ppcad7no ( 715)
PHP Version : 8.2.25
Disable Function : NONE
MySQL : OFF  |  cURL : ON  |  WGET : ON  |  Perl : ON  |  Python : ON
Directory (0755) :  /home2/ppcad7no/.htpasswds/../deergham.com/css/

[  Home  ][  C0mmand  ][  Upload File  ]

Current File : /home2/ppcad7no/.htpasswds/../deergham.com/css/product.min.css

img {
    display: block;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@-webkit-keyframes underline {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@keyframes underline {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.fadeIn {
    -webkit-animation: .4s ease-in-out fadeIn;
    animation: .4s ease-in-out fadeIn
}

.fadeOut {
    -webkit-animation: .4s ease-in-out fadeOut;
    animation: .4s ease-in-out fadeOut
}

html.fixed {
    overflow-y: hidden
}

body {
    font-family: Montserrat, sans-serif;
    color: #556260;
    font-size: 17px;
    line-height: 1.5;
    padding: 0 !important
}

.container {
    max-width: 1380px
}

.container--narrow {
    max-width: 895px
}

h1 {
    font-size: 36px;
    line-height: 1.1;
    font-weight: 900
}

h2 {
    font-size: 30px;
    line-height: 1.3
}

h3 {
    font-size: 24px;
    line-height: 1.1
}

h4 {
    font-size: 20px;
    line-height: 1.3
}

h5 {
    font-size: 17px;
    line-height: 1.3
}

h2,
h3 {
    font-weight: 800
}

h4,
h5 {
    font-weight: 700
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: NunitoSans, sans-serif;
    color: #214842
}

.field {
    border: 1px solid transparent
}

.field.error {
    border-color: red !important
}

.field::-webkit-input-placeholder {
    font-size: 14px
}

.field::-moz-placeholder {
    font-size: 14px
}

.field:-ms-input-placeholder {
    font-size: 14px
}

.field::-ms-input-placeholder {
    font-size: 14px
}

.field::placeholder {
    font-size: 14px
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.section {
    padding: 60px 0
}

.section--nopb {
    padding: 60px 0 0
}

.accent {
    color: #efc368
}

.secondary {
    color: #258f67
}

.brand {
    font-family: NunitoSans, sans-serif;
    font-weight: 900;
    color: #258f67;
    font-size: 28px;
    line-height: 20px
}

.btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    background: #efc368;
    color: #214842;
    border-radius: 24px;
    padding: 0 25px;
    font-family: NunitoSans, sans-serif;
    font-weight: 700;
    font-size: 17px;
    height: 48px
}

.btn:focus,
.btn:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.btn--green {
    background: 0 0;
    color: #258f67;
    border: 1px solid #258f67
}

.btn--green:focus,
.btn--green:hover {
    background: #258f67;
    color: #fff;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.btn--underline {
    color: #258f67;
    font-family: NunitoSans, sans-serif;
    font-weight: 700;
    font-size: 17px;
    text-transform: capitalize;
    position: relative;
    padding-bottom: 5px
}

.btn--underline:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #258f67;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out
}

.btn--underline:focus:after,
.btn--underline:hover:after {
    -webkit-animation: .5s ease-in-out underline;
    animation: .5s ease-in-out underline
}


.about_main {
    overflow: visible;
    margin-bottom: 40px
}

.about_main-slider {
    margin-bottom: 30px
}

.about_main-slider--single .swiper-slide,
.about_main-slider--thumbs .swiper-slide {
    border-radius: 16px;
    overflow: hidden
}

.about_main-slider--single {
    margin-bottom: 15px;
    position: relative
}

.about_main-slider--single .swiper-controls {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 50;
    padding: 0 15px
}

.about_main-slider--single .swiper-controls .swiper-button-next,
.about_main-slider--single .swiper-controls .swiper-button-prev {
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    font-size: 30px;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.about_main-slider--single .swiper-controls .swiper-button-next .icon,
.about_main-slider--single .swiper-controls .swiper-button-prev .icon {
    position: relative
}

.about_main-slider--single .swiper-controls .swiper-button-next:hover,
.about_main-slider--single .swiper-controls .swiper-button-prev:hover {
    opacity: .7
}

.about_main-slider--single .swiper-controls .swiper-button-next .icon {
    right: -2px
}

.about_main-slider--single .swiper-controls .swiper-button-prev .icon {
    left: -2px
}

.about_main-slider--thumbs .swiper-slide {
    cursor: pointer
}

.about_main-info_product {
    margin-bottom: 20px
}

.about_main-info_product .title {
    margin-bottom: 10px
}

.about_main-info_product .action_link {
    background: #fff;
    -webkit-box-shadow: 1px 2px 15px rgba(33, 72, 66, .07);
    box-shadow: 1px 2px 15px rgba(33, 72, 66, .07);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    color: #efc368;
    font-size: 20px;
    margin-right: 15px
}

.about_main-info_product .action_link:last-of-type {
    margin-right: 0
}

.about_main-info_product .action_link.active,
.about_main-info_product .action_link:hover {
    background: #efc368;
    color: #fff
}

.about_main-info_rating {
    margin-bottom: 30px;
    line-height: 1
}

.about_main-info_rating .stars {
    margin-right: 15px
}

.about_main-info_rating .stars_star {
    margin-right: 10px;
    font-size: 20px
}

.about_main-info_rating .stars_star:last-of-type {
    margin-right: 0
}

.about_main-info_rating .reviews-amount {
    font-size: 14px;
    line-height: 1
}

.about_main-info_buy .qty {
    margin-top: 0
}

.about_main-info_buy .btn {
    margin-left: 20px;
    /*margin-left: 30px;*/
}

.about_main-info_description {
    margin-bottom: 30px;
    color: #214842
}

.about_main-info_price {
    display: inline-block;
    color: #214842;
    font-family: NunitoSans, sans-serif;
    font-size: 30px;
    line-height: 1.3;
    font-weight: 800;
    margin-bottom: 20px
}

.about_main-info_list {
    margin-top: 30px
}

.about_main-info_list .list-item {
    margin-bottom: 10px
}

.about_main-info_list .list-item:last-of-type {
    margin-bottom: 0
}

.about_main-info_list .list-item .property {
    color: #214842;
    font-family: NunitoSans, sans-serif;
    font-weight: 700;
    margin-right: 10px
}

.about_secondary {
    background: #fff;
    -webkit-box-shadow: 0 0 15px rgba(37, 143, 103, .1);
    box-shadow: 0 0 15px rgba(37, 143, 103, .1);
    border-radius: 16px;
    padding: 20px
}

.about_secondary-content {
    margin-bottom: -15px
}

.about_secondary-content_nav {
    display: none
}

.about_secondary-content_tabs .accordion_component-item_header {
    margin-bottom: 15px;
    cursor: pointer;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.about_secondary-content_tabs .accordion_component-item_header:focus,
.about_secondary-content_tabs .accordion_component-item_header:hover,
.about_secondary-content_tabs .accordion_component-item_header[aria-expanded=true] {
    color: #258f67
}

.about_secondary-content_tabs .accordion_component-item_header .icon {
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    display: block
}

.about_secondary-content_tabs .accordion_component-item_header .icon.transform {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.about_secondary-content_tabs .tab-pane {
    padding: 0 0 15px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.about_secondary-content_tabs .tab-pane#description .text {
    margin-bottom: 15px
}

.about_secondary-content_tabs .tab-pane#description .text:last-of-type {
    margin-bottom: 0
}

.about_secondary-content_tabs .tab-pane#reviews .label,
.about_secondary-content_tabs .tab-pane#reviews .link,
.about_secondary-content_tabs .tab-pane#reviews .name {
    font-family: NunitoSans, sans-serif;
    font-weight: 700;
    font-size: 17px;
    line-height: 1.3
}

.about_secondary-content_tabs .tab-pane#reviews .rating .star {
    font-size: 20px;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
    color: #c6c6c6;
    cursor: pointer;
    margin-right: 10px
}

.about_secondary-content_tabs .tab-pane#reviews .rating .star:last-of-type {
    margin-right: 0
}

.about_secondary-content_tabs .tab-pane#reviews .rating .star.active {
    color: #efc368
}

.about_secondary-content_tabs .tab-pane#reviews .reviews-section_list .review {
    margin-top: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #c6c6c6
}

.about_secondary-content_tabs .tab-pane#reviews .reviews-section_list .review:first-of-type {
    margin-top: 0
}

.about_secondary-content_tabs .tab-pane#reviews .reviews-section_list .review_header {
    margin-bottom: 20px
}

.about_secondary-content_tabs .tab-pane#reviews .reviews-section_list .review_header .name {
    display: inline-block;
    margin-bottom: 5px
}

.about_secondary-content_tabs .tab-pane#reviews .reviews-section_list .review_header .rating .star {
    color: #efc368 !important
}

.about_secondary-content_tabs .tab-pane#reviews .reviews-section_list .review_header .timestamp {
    display: inline-block;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 600
}

.about_secondary-content_tabs .tab-pane#reviews .reviews-section_list .review_main {
    margin-bottom: 20px
}

.about_secondary-content_tabs .tab-pane#reviews .reviews-section_list .review_media {
    margin-top: -10px
}

.about_secondary-content_tabs .tab-pane#reviews .reviews-section_list .review_media-item {
    border-radius: 16px;
    overflow: hidden;
    width: calc(50% - 10px);
    margin-top: 10px
}

.about_secondary-content_tabs .tab-pane#reviews .reviews-section_list .review_secondary-block {
    margin-bottom: 20px
}

.about_secondary-content_tabs .tab-pane#reviews .reviews-section_list .review_secondary-block:last-of-type {
    margin-bottom: 0
}

.about_secondary-content_tabs .tab-pane#reviews .reviews-section_list .review_secondary-block_header {
    display: inline-block;
    font-weight: 500;
    margin-bottom: 5px
}

.about_secondary-content_tabs .tab-pane#reviews .reviews-section_list .review_reply {
    display: inline-block;
    margin-top: 20px
}

.about_secondary-content_tabs .tab-pane#reviews .form-section {
    margin-top: 60px
}

.about_secondary-content_tabs .tab-pane#reviews .form-section_header {
    margin-bottom: 30px
}

.about_secondary-content_tabs .tab-pane#reviews .form-section_form .label {
    display: inline-block;
    margin-bottom: 10px;
    color: #214842
}

.about_secondary-content_tabs .tab-pane#reviews .form-section_form .field {
    border: 1px solid #c6c6c6;
    border-radius: 24px;
    width: 100%;
    padding: 0 20px;
    height: 48px;
    font-size: 14px;
    line-height: 22px;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.about_secondary-content_tabs .tab-pane#reviews .form-section_form .field--message {
    height: 135px;
    padding: 13px 20px
}

.about_secondary-content_tabs .tab-pane#reviews .form-section_form .field::-webkit-input-placeholder {
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.about_secondary-content_tabs .tab-pane#reviews .form-section_form .field::-moz-placeholder {
    -moz-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.about_secondary-content_tabs .tab-pane#reviews .form-section_form .field:-ms-input-placeholder {
    -ms-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.about_secondary-content_tabs .tab-pane#reviews .form-section_form .field::-ms-input-placeholder {
    -ms-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.about_secondary-content_tabs .tab-pane#reviews .form-section_form .field::placeholder {
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.about_secondary-content_tabs .tab-pane#reviews .form-section_form .field:focus {
    border-color: #214842
}

.about_secondary-content_tabs .tab-pane#reviews .form-section_form .field:focus::-webkit-input-placeholder {
    opacity: 0
}

.about_secondary-content_tabs .tab-pane#reviews .form-section_form .field:focus::-moz-placeholder {
    opacity: 0
}

.about_secondary-content_tabs .tab-pane#reviews .form-section_form .field:focus:-ms-input-placeholder {
    opacity: 0
}

.about_secondary-content_tabs .tab-pane#reviews .form-section_form .field:focus::-ms-input-placeholder {
    opacity: 0
}

.about_secondary-content_tabs .tab-pane#reviews .form-section_form .field:focus::placeholder {
    opacity: 0
}

.about_secondary-content_tabs .tab-pane#reviews .form-section_form .field-wrapper:not(.fluid) {
    margin-bottom: 15px
}

.about_secondary-content_tabs .tab-pane#reviews .form-section_form .field-wrapper.fluid {
    margin-bottom: -7px
}

.about_secondary-content_tabs .tab-pane#reviews .form-section_footer {
    margin: 20px 0 30px
}

.about_secondary-content_tabs .tab-pane#reviews .form-section_footer .btn-wrapper--underline,
.about_secondary-content_tabs .tab-pane#reviews .form-section_footer .link {
    margin: 15px 0 20px
}

.about_secondary-content_tabs .tab-pane#reviews .form-section_footer .btn-wrapper .btn {
    width: 100%;
    margin-top: 40px
}

.about_secondary-content_tabs .tab-pane#additionalInfo .table {
    border-collapse: collapse;
    margin-bottom: 15px;
    border-bottom: 1px solid #c6c6c6
}

.about_secondary-content_tabs .tab-pane#additionalInfo .table_row-cell,
.about_secondary-content_tabs .tab-pane#additionalInfo .table_row-header {
    width: 100%;
    border: 1px solid #c6c6c6;
    padding: 15px;
    border-bottom: none
}

.about_secondary-content_tabs .tab-pane#additionalInfo .table_row-header {
    color: #214842;
    font-family: NunitoSans, sans-serif;
    font-weight: 700;
    text-align: left
}

@media screen and (min-width:575.98px) {
    .about_main-info_product .title {
        max-width: calc(100% - 131px);
        margin-bottom: 0
    }

    .about_secondary {
        padding: 30px
    }

    .about_secondary-content_tabs .tab-pane#reviews .reviews-section_list .review_header .name {
        width: 100%
    }

    .about_secondary-content_tabs .tab-pane#reviews .reviews-section_list .review_header .timestamp {
        margin-top: 0;
        text-align: right
    }

    .about_secondary-content_tabs .tab-pane#reviews .reviews-section_list .review_header .rating,
    .about_secondary-content_tabs .tab-pane#reviews .reviews-section_list .review_header .timestamp {
        width: 50%
    }

    .about_secondary-content_tabs .tab-pane#reviews .reviews-section_list .review_media-item {
        width: 100px;
        height: 100px;
        margin-right: 20px
    }

    .about_secondary-content_tabs .tab-pane#reviews .reviews-section_list .review_media-item:last-of-type {
        margin-right: 0
    }

    .about_secondary-content_tabs .tab-pane#reviews .form-section {
        margin-top: 60px
    }

    .about_secondary-content_tabs .tab-pane#reviews .form-section_header {
        margin-bottom: 30px
    }

    .about_secondary-content_tabs .tab-pane#reviews .form-section_form .link,
    .about_secondary-content_tabs .tab-pane#reviews .form-section_form .rating {
        margin: 0
    }

    .about_secondary-content_tabs .tab-pane#reviews .form-section_form .btn {
        margin-top: 30px;
        width: -webkit-fit-content !important;
        width: -moz-fit-content !important;
        width: fit-content !important
    }

    .about_secondary-content_tabs .tab-pane#reviews .form-section_form .btn-wrapper {
        min-width: 100%
    }
}

@media screen and (min-width:767.98px) {
    .about_main-slider--single {
        margin-bottom: 30px
    }

    .about_secondary-content {
        max-width: 893px;
        margin: 0 auto
    }

    .about_secondary-content_nav {
        margin-bottom: 30px;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-bottom: 1px solid #9ebca6
    }

    .about_secondary-content_nav .nav-item {
        width: calc(100% / 3)
    }

    .about_secondary-content_nav .nav-item .nav-link {
        cursor: pointer;
        text-align: center;
        padding-bottom: 15px;
        position: relative;
        -webkit-transition: color .3s ease-in-out;
        -o-transition: color .3s ease-in-out;
        transition: color .3s ease-in-out;
        margin-bottom: -1px;
        font-family: NunitoSans, sans-serif;
        font-weight: 700;
        font-size: 20px;
        line-height: 1.3;
        color: #214842
    }

    .about_secondary-content_nav .nav-item .nav-link:after {
        content: '';
        position: absolute;
        width: 0;
        height: 3px;
        bottom: 0;
        left: 0;
        background: #258f67;
        -webkit-transition: width .3s ease-in-out;
        -o-transition: width .3s ease-in-out;
        transition: width .3s ease-in-out
    }

    .about_secondary-content_nav .nav-item .nav-link.active,
    .about_secondary-content_nav .nav-item .nav-link:focus,
    .about_secondary-content_nav .nav-item .nav-link:hover {
        color: #258f67
    }

    .about_secondary-content_nav .nav-item .nav-link.active:after,
    .about_secondary-content_nav .nav-item .nav-link:focus:after,
    .about_secondary-content_nav .nav-item .nav-link:hover:after {
        width: 100%
    }

    .about_secondary-content_tabs .accordion_component-item_header {
        display: none !important
    }

    .about_secondary-content_tabs .tab-pane {
        padding: 0
    }

    .about_secondary-content_tabs .tab-pane.fade:not(.show) {
        visibility: hidden;
        max-height: 0;
        overflow: hidden
    }

    .about_secondary-content_tabs .tab-pane#reviews .reviews-section_list .review:first-of-type {
        margin-top: 0
    }

    .about_secondary-content_tabs .tab-pane#reviews .form-section_footer {
        margin-bottom: 0;
        margin-top: 30px
    }

    .about_secondary-content_tabs .tab-pane#reviews .form-section_form .btn {
        margin-top: 30px;
        width: -webkit-fit-content !important;
        width: -moz-fit-content !important;
        width: fit-content !important
    }

    .about_secondary-content_tabs .tab-pane#reviews .form-section_form .btn-wrapper--underline {
        min-width: unset;
        max-width: 50%;
        margin: 0
    }

    .about_secondary-content_tabs .tab-pane#additionalInfo .table {
        margin-bottom: 0
    }
}

@media screen and (min-width:991.98px) {
    .about_main-slider {
        overflow: hidden;
        width: calc(40% - 30px)
    }

    .about_main-slider--single {
        margin-bottom: 15px
    }

    .about_main-info {
        width: 60%;
        margin-left: 30px
    }

    .about_main-info_description {
        margin-bottom: 40px
    }

    .about_main-info_price {
        font-size: 36px;
        line-height: 1.2;
        margin-bottom: 30px
    }

    .about_main-info_list {
        margin-top: 40px
    }

    .about_main-info_list .list-item {
        margin-bottom: 15px
    }

    .about_secondary {
        padding: 80px 0
    }

    .about_secondary-content_nav {
        margin-bottom: 0
    }

    .about_secondary-content_nav .nav-item .nav-link {
        line-height: 1.1;
        font-size: 22px
    }

    .about_secondary-content_tabs .tab-pane {
        padding: 0;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .about_secondary-content_tabs .tab-pane:not(.active) {
        max-height: 0;
        padding: 0;
        visibility: hidden
    }

    .about_secondary-content_tabs .tab-pane#description {
        margin-top: 30px
    }

    .about_secondary-content_tabs .tab-pane#description .text {
        margin-bottom: 15px
    }

    .about_secondary-content_tabs .tab-pane#description .text:last-of-type {
        margin-bottom: 0
    }

    .about_secondary-content_tabs .tab-pane#reviews .reviews-section,
    .about_secondary-content_tabs .tab-pane#reviews .reviews-section_list .review {
        margin-top: 40px
    }

    .about_secondary-content_tabs .tab-pane#reviews .reviews-section_list .review_secondary-block {
        width: 50%
    }

    .about_secondary-content_tabs .tab-pane#reviews .reviews-section_list .review_secondary-block_text {
        max-width: 310px
    }

    .about_secondary-content_tabs .tab-pane#reviews .form-section_header {
        margin-bottom: 40px
    }

    .about_secondary-content_tabs .tab-pane#reviews .form-section_form .field-wrapper {
        width: calc(50% - 40px);
        margin-bottom: 30px
    }

    .about_secondary-content_tabs .tab-pane#reviews .form-section_form .field-wrapper.fluid {
        min-width: 100%
    }

    .about_secondary-content_tabs .tab-pane#reviews .form-section_footer {
        min-width: 100%;
        margin: 30px 0 0
    }

    .about_secondary-content_tabs .tab-pane#additionalInfo .table {
        margin-top: 60px;
        border-left: 1px solid #c6c6c6
    }

    .about_secondary-content_tabs .tab-pane#additionalInfo .table_row-cell,
    .about_secondary-content_tabs .tab-pane#additionalInfo .table_row-header {
        padding: 30px;
        min-height: 110px;
        border-left: none
    }

    .about_secondary-content_tabs .tab-pane#additionalInfo .table_row-header {
        width: 40%
    }

    .about_secondary-content_tabs .tab-pane#additionalInfo .table_row-cell {
        width: 60%
    }
}

@media screen and (min-width:1199.98px) {
    .about_main-slider {
        width: calc(40% - 60px)
    }

    .about_main-slider--single {
        margin-bottom: 40px
    }

    .about_main-info {
        width: 50%;
        margin-left: 60px
    }
}

.top--highlight {
    background: #fafaf5
}

.top_header,
.top_list-item {
    margin-bottom: 30px
}

.top_list-item:last-of-type {
    margin-bottom: 0
}

.top_list-item:hover .media img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.top_list-item_wrapper .media {
    border-radius: 16px;
    overflow: hidden;
    max-height: 220px;
    margin-bottom: 15px
}

.top_list-item_wrapper .media img {
    -webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out
}

.top_list-item_wrapper .main_title {
    margin-bottom: 10px;
    display: inline-block;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-family: NunitoSans, sans-serif;
    color: #214842;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.top_list-item_wrapper .main_title:focus,
.top_list-item_wrapper .main_title:hover {
    color: #258f67 !important
}

.top_list-item_wrapper .main_table .list-item .property {
    font-weight: 600;
    color: #214842
}

.top_list-item_wrapper .main_price {
    margin: 15px 0 20px
}

.top_list-item_wrapper .main_price .price {
    color: #214842;
    font-size: 22px;
    line-height: 1.1;
    font-weight: 800;
    font-family: NunitoSans, sans-serif
}

.top_list-item_wrapper .main_price .price--old {
    color: #c6c6c6;
    text-decoration: line-through;
    margin-right: 15px;
    font-weight: 700
}

.top_list-item_wrapper .main .action_link {
    background: #fff;
    -webkit-box-shadow: 1px 2px 15px rgba(33, 72, 66, .07);
    box-shadow: 1px 2px 15px rgba(33, 72, 66, .07);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    color: #efc368;
    font-size: 20px
}

.top_list-item_wrapper .main .action_link:first-of-type {
    margin: 0 15px
}

.top_list-item_wrapper .main .action_link.active,
.top_list-item_wrapper .main .action_link:hover {
    background: #efc368;
    color: #fff
}

@media screen and (min-width:575.98px) {
    .top_list-item_wrapper .media {
        max-height: unset;
        margin-bottom: 0;
        max-width: 200px;
        margin-right: 30px
    }

    .top_list-item_wrapper .media img {
        height: 100%
    }
}

@media screen and (min-width:767.98px) {
    .top_list-item_wrapper .media {
        max-width: unset;
        max-height: 220px
    }

    .top_list-item_wrapper .main,
    .top_list-item_wrapper .media {
        width: calc(50% - 15px)
    }

    .top_list-item_wrapper .main_price {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

@media screen and (min-width:991.98px) {
    .top_header {
        margin-bottom: 40px
    }

    .top_list {
        margin: 0 -20px
    }

    .top_list-item {
        margin-bottom: 60px;
        padding: 0 20px
    }

    .top_list-item[data-order="3"] {
        margin-bottom: 0
    }

    .top_list-item_wrapper .main,
    .top_list-item_wrapper .media {
        width: unset
    }

    .top_list-item_wrapper .media {
        width: 100%;
        margin-bottom: 15px
    }

    .top_list-item_wrapper .main_price {
        margin-top: 20px
    }

    .top_list-item_wrapper .main_title {
        font-size: 22px
    }
}

@media screen and (min-width:1399.98px) {

    .top_list-item_wrapper .main,
    .top_list-item_wrapper .media {
        width: calc(50% - 20px)
    }

    .top_list-item_wrapper .media {
        margin-bottom: 0
    }
}

MMCT - 2023