@charset "UTF-8";
@font-face {
    font-family: 'GalanoGrotesque';
    src: url(../../../themes/zafplus/fonts/GalanoGrotesque-Medium.eot);
    src: url(../../../themes/zafplus/fonts/GalanoGrotesque-Mediumd41d.eot?#iefix) format('embedded-opentype'),
    url(../../../themes/zafplus/fonts/GalanoGrotesque-Medium.woff2) format('woff2'),
    url(../../../themes/zafplus/fonts/GalanoGrotesque-Medium.woff) format('woff'),
    url(../../../themes/zafplus/fonts/GalanoGrotesque-Medium.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'GalanoGrotesque';
    src: url(../../../themes/zafplus/fonts/GalanoGrotesque-Bold.eot);
    src: url(../../../themes/zafplus/fonts/GalanoGrotesque-Boldd41d.eot?#iefix) format('embedded-opentype'),
    url(../../../themes/zafplus/fonts/GalanoGrotesque-Bold.woff2) format('woff2'),
    url(../../../themes/zafplus/fonts/GalanoGrotesque-Bold.woff) format('woff'),
    url(../../../themes/zafplus/fonts/GalanoGrotesque-Bold.ttf) format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'GalanoGrotesque';
    src: url(../../../themes/zafplus/fonts/GalanoGrotesque-SemiBold.eot);
    src: url(../../../themes/zafplus/fonts/GalanoGrotesque-SemiBoldd41d.eot?#iefix) format('embedded-opentype'),
    url(../../../themes/zafplus/fonts/GalanoGrotesque-SemiBold.woff2) format('woff2'),
    url(../../../themes/zafplus/fonts/GalanoGrotesque-SemiBold.woff) format('woff'),
    url(../../../themes/zafplus/fonts/GalanoGrotesque-SemiBold.ttf) format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'GalanoGrotesque';
    src: url(../../../themes/zafplus/fonts/GalanoGrotesque-Regular.eot);
    src: url(../../../themes/zafplus/fonts/GalanoGrotesque-Regulard41d.eot?#iefix) format('embedded-opentype'),
    url(../../../themes/zafplus/fonts/GalanoGrotesque-Regular.woff2) format('woff2'),
    url(../../../themes/zafplus/fonts/GalanoGrotesque-Regular.woff) format('woff'),
    url(../../../themes/zafplus/fonts/GalanoGrotesque-Regular.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}


.header {
    background: white;
    position: fixed;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    top: 0px;
    border-bottom: 1px solid #d8d8d8;
    z-index: 999;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.header .kesif-icon {
    font-size: 26px;
}

.header .gurses-badge {
        display: none;
    position: absolute;
    right: 20px;
    left: 0;
    margin: auto;
    text-align: right;
    top: 94px;
    -webkit-transition: all 0.6s 0.01s;
    transition: all 0.6s 0.01s;
    pointer-events: none;
}



.header .gurses-badge img {
    width: 100px;
}

@media only screen and (max-width: 768px) {
    .header .gurses-badge {
        display: none;
    }
}

.header .gurses-badge.inActive {
    opacity: 0;
}

.header-left {
    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-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    height: 100%;
}

@media only screen and (max-width: 1320px) {
    .header-left {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        height: 100%;
        width: 97%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media only screen and (max-width: 650px) {
    .header-left {
        position: relative;
        width: 81%;
        left: 2%;
    }
}

.header-left-logo {
    padding-left: 0;
    -webkit-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}

@media only screen and (max-width: 1440px) {
    .header-left-logo {
        padding-right: 30px;
    }
}

@media only screen and (max-width: 1366px) {
    .header-left-logo {
        padding-right: 30px;
    }
}

@media only screen and (max-width: 1320px) {
    .header-left-logo {
        padding: 0;
        width: 50%;
        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-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media only screen and (max-width: 650px) {
    .header-left-logo {
        left: 0%;
        position: relative;
        width: 41%;
    }
}

.header-left-logo__img {
    max-width: 210px;
    width: 210px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

@media only screen and (max-width: 1500px) {
    .header-left-logo__img {
        width: 110%;
    }
}

@media only screen and (max-width: 768px) {
    .header-left-logo__img {
        width: auto;
    }
}

@media only screen and (max-width: 650px) {
    .header-left-logo__img {
        width: 90%;
    }
}

.header-right {
    height: 100%;
    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;
    padding-left: 20px;
}

@media only screen and (max-width: 1366px) {
    .header-right {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media only screen and (max-width: 1320px) {
    .header-right {
        width: 100%;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        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;
    }
}

.header-right-arcelik {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-left: 1px solid #efefef;
    padding-left: 1.5%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.header-right-arcelik img {
    max-width: 225px;
    width: 210px;
}

@media only screen and (max-width: 768px) {
    .header-right-arcelik img {
        width: auto;
    }
}

@media only screen and (max-width: 650px) {
    .header-right-arcelik img {
        width: 100%;
        padding-left: 8%;
    }
}

@media only screen and (max-width: 1385px) {
    .header-right-arcelik {
        width: 138px;
    }
}

@media only screen and (max-width: 1366px) {
    .header-right-arcelik {
        width: 12%;
    }
}

@media only screen and (max-width: 1320px) {
    .header-right-arcelik {
        width: 50%;
        padding-left: 14%;
    }
}

@media only screen and (max-width: 650px) {
    .header-right-arcelik {
        padding-left: 0;
    }
}

@media only screen and (max-width: 1320px) {
    .header-right-arcelik__logo {
        width: 160px;
    }
}

.header-right-menu {
    padding-left: 45px;
    height: 100%;
    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;
}

@media only screen and (max-width: 1366px) {
    .header-right-menu {
        padding-left: 100px;
    }
}

@media only screen and (max-width: 1320px) {
    .header-right-menu {
        display: none;
    }
}

.header-right-menu__link {
    position: relative;
    color: #414355;
    font-size: 14px;
    margin-right: 30px;
    font-weight: 500;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.header-right-menu__link:last-child {
    margin-right: 0;
}

.header-right-menu__link:after {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 0%;
    right: 0;
    left: 0;
    margin: 0 auto;
    background: #01426a;
    height: 2px;
    -webkit-transition: all 0.5s cubic-bezier(0.42, 0, 0.04, 1.01);
    transition: all 0.5s cubic-bezier(0.42, 0, 0.04, 1.01);
}

.header-right-menu__link:hover {
    color: #01426a;
}

.header-right-menu__link:hover:after {
    width: 100%;
}

@media only screen and (max-width: 1440px) {
    .header-right-menu__link {
        font-size: 14px;
    }
}

@media only screen and (max-width: 1348px) {
    .header-right-menu__link {
        font-size: 13px;
    }
}

#navigation ul {
    margin:0px!important;
    padding:0px!important;
        top: 33px;
}
#navigation li {
    list-style: none!important;
}
span.top-level span {
    border-bottom: #fff solid!important;
    border-top: #fff solid!important;
    border-width: 1px!important;
}
#navigation a {
    color: #fff!important;
    cursor: pointer!important;
    height:25px!important;
    line-height: 25px!important;
    text-indent: 10px!important;
    text-decoration:none!important;
    width:100%!important;
}
#navigation a:hover {
   text-decoration: none;
}
#navigation li:hover {
    background: #023350!important;
}
.sub-level {
        transition: opacity 1s ease-out;
    opacity: 0;
    display: none!important;
}
div[id~=navigation]:hover .sub-level {

    width: 400px;
    background: #034065!important;
    opacity: 1;
    display: block!important;
    position: absolute!important;
}
.sub-level li {
    border: none!important;
    float:left!important;
    width: 100%;
}
.header-right-menu__link.open-menu:hover .open-bottom-menu {
    pointer-events: all;
}

.header-right-menu__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.header-right-menu__item .open-bottom-menu {
}

.header-right-menu__item .open-bottom-menu li {
border-bottom: 1px solid #01314e!important;
    padding-bottom: 0;
    padding-top: 0px;
    font-size: 17px;
    padding-left: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    height: 48px;
    text-decoration: none;
    list-style: none;
}

@media only screen and (max-width: 1366px) {
    .header-right-menu__item .open-bottom-menu li {
        height: 43px;
    }
}

.header-right-menu__item .open-bottom-menu li a {
    color: white;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width: 100%;
    position: absolute;
    height: 100%;
    padding: 9px;
}

.header-right-menu__item .open-bottom-menu li:last-child {
    border-bottom: 0;
}

.header-right-menu__item .open-bottom-menu li:hover {
    background-color: #02558b;
}

@media only screen and (max-width: 1366px) {
    .header-right-menu__item .open-bottom-menu li {
        font-size: 15px;
    }
}

.header-right-info {
    width: 320px;
    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-shadow: #eaeaea 1px 1px 11px 4px;
    box-shadow: #eaeaea 1px 1px 11px 4px;
}

@media only screen and (max-width: 1440px) {
    .header-right-info {
        width: 287px;
    }
}

@media only screen and (max-width: 1320px) {
    .header-right-info {
        position: absolute;
        left: 0;
        top: 52px;
        right: 0;
        left: 0;
        margin: 0 auto;
        height: 73px;
        width: 100%;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

.header-right-info__item {
    width: 50%;
    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-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 45px;
    background-color: white;
    position: relative;
    text-align: center;
    cursor: pointer;
}

@media only screen and (max-width: 1320px) {
    .header-right-info__item {
        height: 53px;
        width: 50%;
        margin: 0 auto;
        -webkit-box-shadow: #0c0c0c12 0px -3px 7px 4px;
        box-shadow: #0c0c0c12 0px -3px 7px 4px;
    }
}

.header-right-info__item a {
    font-size: 12px;
    color: #414355;
    font-weight: 600;
    line-height: 1.2;
    position: relative;
    top: 0px;
    font-family: 'Montserrat', sans-serif;
    position: absolute;
    width: 100%;
    height: 100%;
    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-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media only screen and (max-width: 1366px) {
    .header-right-info__item a {
        font-size: 11px;
    }
}

@media only screen and (max-width: 1320px) {
    .header-right-info__item a {
        width: 100%;
        height: 100%;
        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-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media only screen and (max-width: 768px) {
    .header-right-info__item a {
        font-size: 13px;
    }
}

@media only screen and (max-width: 320px) {
    .header-right-info__item a {
        font-size: 12px;
    }
}

.header-right-info__item:first-child {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

@media only screen and (max-width: 1320px) {
    .header-right-info__item:first-child {
        margin-left: 9px;
    }
}

.header-right-info__item:first-child:hover {
    background-color: #f8f8f8;
}

.header-right-info__item:last-child {
    background-color: #00E676;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.header-right-info__item:last-child a {
    color: white;
}

@media only screen and (max-width: 1320px) {
    .header-right-info__item:last-child {
        margin-right: 9px;
    }
}

.header-right-info__item:last-child:hover {
    background-color: #0bd573;
}

.header-right-info__item p {
    font-size: 10px;
    line-height: 13.8px;
}

.header .custom-container {
    height: 111px;
    max-width: 98%;
    width: 100%;
    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-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: white;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

@media only screen and (max-width: 1440px) {
    .header .custom-container {
        width: 100%;
    }
}

@media only screen and (max-width: 1366px) {
    .header .custom-container {
        width: 99%;
    }
}

@media only screen and (max-width: 1320px) {
    .header .custom-container {
        height: 70px;
    }
}

.header.sticky-header .custom-container {
    height: 75px;
}

.header.sticky-header .header-left {
    height: 100%;
}

@media only screen and (max-width: 1320px) {
    .header.sticky-header .header-left-logo {
        padding: 0;
    }
}

.header.sticky-header .header-left-logo__img {
    max-width: 185px;
}

.header.sticky-header .header-right-arcelik img {
    max-width: 200px;
}

.header .mobile-menu {
    position: fixed;
    height: 100vh;
    background-color: black;
    width: 100%;
    z-index: 9;
    top: 0px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    background: #D3CCE3;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e8e8e8));
    background: linear-gradient(to bottom, #ffffff, #e8e8e8);
    -webkit-transform: translateX(-150%);
    transform: translateX(-150%);
}

.header .mobile-menu-wrp {
    width: 91%;
    margin: 80px auto;
    border-left: 3px solid red;
    padding-left: 20px;
    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;
    opacity: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.header .mobile-menu__link {
    color: black;
    font-weight: 800;
    font-size: 3vh;
    margin-bottom: 20px;
}

.header .mobile-menu__link .open-bottom-menu {
    height: 0;
    opacity: 0;
    padding-left: 7%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    pointer-events: none;
}

.header .mobile-menu__link .open-bottom-menu li {
    position: relative;
    margin-bottom: 7px;
    padding-left: 12px;
    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;
}

.header .mobile-menu__link .open-bottom-menu li:after {
    content: '';
    position: absolute;
    left: -6px;
    height: 3px;
    width: 9px;
    background-color: #ff1900;
    top: 9px;
}

.header .mobile-menu__link .open-bottom-menu.active {
    margin-top: 15px;
    margin-bottom: 0px;
    border: transparent;
    opacity: 1;
    height: 100%;
    pointer-events: all;
}

.header .mobile-menu__link .open-bottom-menu a {
    font-size: 17px;
    color: black;
}

@media only screen and (max-width: 375px) {
    .header .mobile-menu__link .open-bottom-menu a {
        font-size: 15px;
    }
}

@media only screen and (max-width: 320px) {
    .header .mobile-menu__link .open-bottom-menu a {
        font-size: 13px;
    }
}

.header .mobile-menu__link.open-menu {
    border: transparent;
    position: relative;
}

.header .mobile-menu__link.open-menu p {
    position: relative;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    cursor: pointer;
}

.header .mobile-menu__link.open-menu p:after {
    content: '';
    position: absolute;
    right: -16px;
    height: 14px;
    width: 3px;
    background-color: #ff1900;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.header .mobile-menu__link.open-menu p:before {
    content: '';
    position: absolute;
    right: -22px;
    height: 3px;
    width: 15px;
    background-color: #ff1900;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.header .mobile-menu__link.open-menu.active p:after {
    opacity: 0;
}

.header .mobile-menu.active {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

a.header-right-menu__link:active {
    top: 0;
    right: 0;
    left: 0;
}
.active {
margin-bottom: -6px;
    top: 0;
    right: 0;
    left: 0;
}
.header-right-menu__link.active:after {
    background: transparent;
}
@media only screen and (max-width: 650px) {
    .site-footer {
        padding: 0;
    }
}
@media only screen and (max-width: 650px) {
.site-footer .footer-black {
    margin-bottom: 50px;
}}
.site-footer .footer-black {
    background-color: #1f2024;
    color: #ffffff33;
    font-size: 10px;
    letter-spacing: 0.5px;
    height: 80px;
}

.site-footer .footer-black .icon {
    font-size: 50px;
    position: relative;
    top: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.site-footer .footer-black .icon:hover {
    top: -3px;
}

@media only screen and (max-width: 1024px) {
    .site-footer .footer-black .custom-container-inner-red {
        width: 90%;
    }
}

.site-footer .destek-footer {
    border: 2px solid #01426a;
    color: #01426a;
    width: 220px;
    height: 56px;
    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;
    margin-top: 30px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 10px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 5px;
}

.site-footer .destek-footer p {
    font-weight: 600;
    line-height: 20.3px;
    letter-spacing: -0.34px;
    margin-left: 10%;
}

.site-footer .destek-footer a {
    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;
}

.site-footer .destek-footer svg {
    font-size: 34px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.site-footer .destek-footer:hover {
    background-color: #f5efef;
}

.site-footer.desktop {
    padding: 35px 0 60px;
    padding-bottom: 0;
}

.site-footer.desktop .custom-container-inner-red.wrp {
    margin-bottom: 50px;
}

@media only screen and (max-width: 1024px) {
    .site-footer.desktop {
        display: none;
    }
}

.site-footer .footer-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.site-footer .footer-item {
    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;
}

.site-footer .footer-item__title {
    font-size: 18px;
    color: #01426a;
    font-weight: 600;
    margin-bottom: 15px;
    letter-spacing: -0.62px;
}

.site-footer .footer-item a {
    font-size: 15px;
    color: #232323;
    font-weight: 500;
    letter-spacing: -0.37px;
    line-height: 1.7;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.site-footer .footer-item a:hover {
    color: #01426a;
}

.site-footer .footer-item:nth-child(1) {
    width: 210px;
}

.site-footer .footer-item:nth-child(2) {
    width: 320px;
}

.site-footer .footer-item:nth-child(3) {
    width: 220px;
    margin-right: 60px;
}

.site-footer .footer-item:nth-child(4) {
    width: 220px;
}

.site-footer__mobile {
    display: none;
}

@media only screen and (max-width: 1024px) {
    .site-footer__mobile {
        display: block;
        padding-top: 0;
        padding-bottom: 55px;
    }
}

.site-footer__mobile .btn {
    font-size: 18px;
    color: #01426a;
    font-weight: 600;
    letter-spacing: -0.62px;
    width: 100%;
    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-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-decoration: none;
}

.site-footer__mobile .card {
    border: 0;
}

.site-footer__mobile .card-body {
    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;
}

.site-footer__mobile .card-body a {
    color: black;
    font-weight: 700;
    font-size: 18px;
    padding-bottom: 2px;
    margin-bottom: 8px;
    border-left: 3px solid #01426a;
    padding-left: 9px;
}

@media only screen and (max-width: 650px) {
    .site-footer__mobile .card-body br {
        display: block !important;
    }
}

.site-footer__mobile .card-header {
    padding: .75rem 0.65rem;
}

.site-footer__mobile .card-header svg {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.site-footer__mobile .card-header .active {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.site-footer__mobile .footer-bottom {
    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-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    width: 100%;
    height: 82px;
}

.site-footer__mobile .footer-bottom__item {
    width: 100%;
    height: 100%;
    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-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.site-footer__mobile .footer-bottom__item:nth-child(1) {
    border-right: 1px solid #d8d8d8;
}

.site-footer__mobile .footer-bottom__item img {
    width: 75%;
}

.site-footer__mobile .collapse {
    -webkit-transition: all 1s;
    transition: all 1s;
}

.site-footer__mobile #collapseFour {
    border-bottom: 1px solid #d8d8d8;
}

input[type="checkbox"] {
    display: none;
}

input[type="checkbox"] + label {
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    height: 100%;
}

input[type="checkbox"] + label:before {
    width: 23px;
    height: 23px;
    background-color: #d8d8d8;
    content: "";
    display: inline-block;
    position: relative;
    margin-right: 5px;
    position: absolute;
    bottom: 18px;
}

input[type="checkbox"] + label:after {
    background-color: #de2436;
    width: 15px;
    height: 15px;
    content: "";
    position: absolute;
    bottom: 22px;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

input[type="checkbox"]:checked + label:before {
    background-color: rgba(229, 44, 101, 0.25);
    -webkit-box-shadow: none;
    box-shadow: none;
}

input[type="checkbox"]:checked + label:after {
    -webkit-transform: scale(1);
    transform: scale(1);
}

input[type="checkbox"]:checked + label .active-direction {
    opacity: 1 !important;
}

input[type="checkbox"]:checked ~ div {
    opacity: 0.5;
}

input[type="radio"] {
    display: none;
}

input[type="radio"] + label {
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    height: 100%;
}

input[type="radio"] + label:before {
    width: 23px;
    height: 23px;
    background-color: #d8d8d8;
    content: "";
    display: inline-block;
    position: relative;
    margin-right: 5px;
    position: absolute;
    bottom: 18px;
}

input[type="radio"] + label:after {
    background-color: #de2436;
    width: 15px;
    height: 15px;
    content: "";
    position: absolute;
    bottom: 22px;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

input[type="radio"]:checked + label:before {
    background-color: rgba(229, 44, 101, 0.25);
    -webkit-box-shadow: none;
    box-shadow: none;
}

input[type="radio"]:checked + label:after {
    -webkit-transform: scale(1);
    transform: scale(1);
}

*, *:before, *:after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

*, *:focus {
    outline: none;
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-rendering: optimizeLegibility;
    position: relative;
    overflow-x: hidden;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "GalanoGrotesque";
}

img {
    vertical-align: middle;
    max-width: 100%;
}

blockquote, dl, dd, h1, h2, h3, h4, h5, h6, figure, p, pre, fieldset, ul, ol, menu, form {
    margin: 0;
}

button, fieldset, iframe {
    border: 0;
}

fieldset, ul, ol, button, menu {
    padding: 0;
}

ol, ul {
    list-style: none;
}

textarea {
    resize: vertical;
}

a, a:hover, a:focus, a:active {
    text-decoration: none;
}

.wrapper {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.swiper-wrapper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.pswp__bg {
    background: rgba(38, 38, 38, 0.960784);
}

textarea {
    resize: none;
}

input, textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    font-family: 'Montserrat', sans-serif;
}

.custom-container {
    max-width: 1366px;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

.site {
    margin: 0 auto;
}

.custom-container-inner {
    max-width: 1305px;
    margin-left: auto;
    margin-right: auto;
    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-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.custom-container-inner-red {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    width: 95%;
}

@media only screen and (max-width: 768px) {
    input[type='submit'] {
        display: block;
    }
}

.main-red-button {
    width: 360px;
    height: 60px;
    color: white !important;
    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-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #01426a;
    font-size: 20px;
    font-weight: 400;
    margin: 0 auto;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    letter-spacing: -0.5px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    border: 0;
    outline: 0;
    border-radius: 5px;
}

.main-red-button.next {
    margin-bottom: 30px;
}

.main-red-button:hover {
    background-color: #2d2b2b;
    color: white;
}

@media only screen and (max-width: 600px) {
    .main-red-button {
        width: 93% !important;
    }
}

@media only screen and (max-width: 320px) {
    .main-red-button {
        width: 93% !important;
    }
}

.main-red-button.send-button {
    display: block;
}

@media only screen and (max-width: 768px) {
    .main-red-button {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

.main-red-button.white {
    position: relative;
    top: 18px;
    width: 272px;
    height: 45px;
    font-size: 16px;
    background-color: white;
    color: #01426a !important;
    font-weight: 500;
    margin: 15px 0;
}

h1 {
    font-size: 38px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 12px;
}

.alert {
    position: absolute;
    font-family: 'Lexend Exa', sans-serif;
    color: #817f47;
    font-size: 3vh;
    top: 27px;
    left: 21px;
    text-align: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    z-index: -9;
}

.alert-open {
    opacity: 1;
    z-index: 99;
}

.contact-form-close {
    opacity: 0;
    z-index: -9;
    position: relative;
}

.title-hidden {
    overflow: hidden;
    padding-bottom: 5px;
}

.title-hidden-slider {
    overflow: hidden;
}

.big-title {
    font-size: 45px;
    font-weight: bold;
    color: black;
    letter-spacing: -1px;
    text-align: center;
}

@media only screen and (max-width: 600px) {
    .big-title {
        font-size: 37px !important;
    }
}

@media only screen and (max-width: 320px) {
    .big-title {
        font-size: 33px !important;
    }
}

.small-title {
    color: black;
    font-size: 21px;
    letter-spacing: 0.26px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
}

@media only screen and (max-width: 600px) {
    .small-title {
        width: 95%;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 320px) {
    .small-title {
        font-size: 21px;
    }
}

@media only screen and (max-width: 768px) {
    .led-page {
        padding-top: 71px !important;
    }
}

@media only screen and (max-width: 650px) {
    .led-page {
        padding-top: 0 !important;
    }
}

.section {
    padding-bottom: 120px;
}

@media only screen and (max-width: 1366px) {
    .section {
        padding-bottom: 60px;
    }
}

.main {
    position: relative;
    top: 211px;
}

polygon {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.lg-object.lg-image {
    width: 80% !important;
}

@-webkit-keyframes processRight {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
    50% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

@keyframes processRight {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
    50% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

.icon {
    width: 1em;
    display: inherit;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
}

.menu-icon {
    display: none;
    width: 48px;
    height: 45px;
    position: relative;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer;
    position: relative;
    z-index: 9999;
}

@media only screen and (max-width: 1320px) {
    .menu-icon {
        display: block;
    }
}

.menu-icon .lines {
    display: block;
    height: 3px;
    width: 33px;
    background: black;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    line-height: 2;
    padding-bottom: -4px;
    margin: 8px;
    margin-bottom: -2px;
}

.menu-icon .lines:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    transform-origin: left center;
}

.menu-icon .lines:nth-child(2) {
    top: 18px;
    -webkit-transform-origin: left center;
    transform-origin: left center;
}

.menu-icon .lines:nth-child(3) {
    top: 36px;
    -webkit-transform-origin: left center;
    transform-origin: left center;
}

.menu-icon.open .lines:nth-child(1) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-bottom: 10px;
}

.menu-icon.open .lines:nth-child(2) {
    width: 0%;
    opacity: 0;
}

.menu-icon.open .lines:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.mobile-badge {
    right: 15px;
    position: absolute;
    width: 16%;
    top: -96px;
    z-index: 9;
}

@media only screen and (max-width: 600px) {
    .mobile-badge {
        width: 22%;
        top: -92px;
        z-index: 9;
    }
}

.page-effect {
    position: fixed;
    height: 100vh;
    width: 100%;
    background-color: white;
    top: 0;
    opacity: 1;
    z-index: 9999;
    pointer-events: none;
}

.effect-img, .effect-img-banner, .effect-img-product {
    position: absolute;
    left: 0;
    background-color: white;
    width: 100%;
    height: 100%;
    z-index: 99;
}

.effect-img-product {
    position: absolute;
    left: 0;
    background-color: #a5080b;
    width: 100%;
    height: 100%;
    z-index: 99;
}

.modal-open .modal {
    padding-right: 0 !important;
}

.modal-open {
    padding-right: 0 !important;
}

::-webkit-input-placeholder {
    opacity: 0;
}

@media only screen and (max-width: 650px) {
    ::-webkit-input-placeholder {
        opacity: 1;
    }
}

::-moz-placeholder {
    opacity: 0;
}

@media only screen and (max-width: 650px) {
    ::-moz-placeholder {
        opacity: 1;
    }
}

:-ms-input-placeholder {
    opacity: 0;
}

@media only screen and (max-width: 650px) {
    :-ms-input-placeholder {
        opacity: 1;
    }
}

:-moz-placeholder {
    opacity: 0;
}

@media only screen and (max-width: 650px) {
    :-moz-placeholder {
        opacity: 1;
    }
}

@media only screen and (max-width: 650px) {
    br {
        display: none;
    }
}

.contactForm.success {
    display: table-column-group;
    opacity: 0;
    pointer-events: none;
}

.main-success-form {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.main-success-form img {
    width: 320px;
}

.main-success-form p {
    font-size: 28px;
    font-weight: bold;
    margin-top: -2px;
    margin-bottom: 60px;
}

.main-success-form.success {
    position: relative;
    opacity: 1;
    pointer-events: all;
}

.form-success-button {
    margin-bottom: 0 !important;
}

.w100 {
    height: 100%;
    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;
}

@media only screen and (max-width: 650px) {
    #wpadminbar {
        position: absolute;
        top: -46px;
        bottom: unset;
    }
}

@media only screen and (max-width: 650px) {
    .header {
        position: -webkit-sticky;
        position: sticky;
    }
}

.product-video-modal {
    max-width: 1000px;
}

.product-video-modal .modal-content {
    background-color: #2b2b2b;
    height: 578px;
}

@media only screen and (max-width: 650px) {
    .product-video-modal .modal-content {
        height: 100%;
    }
}

@media only screen and (max-width: 650px) {
    .product-video-modal iframe {
        height: 300px;
        width: 100%;
    }
}

.open-plus {
    position: absolute;
    top: 24px;
    right: 72px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
}

.open-plus svg {
    position: relative;
    z-index: 9;
    font-size: 10px;
}

.open-plus:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 40px;
    height: 40px;
    background: #01426a;
    border-radius: 50%;
    -webkit-animation: pulse-border 1400ms ease-out infinite;
    animation: pulse-border 1400ms ease-out infinite;
    z-index: 99;
}

.open-plus:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 20px;
    height: 20px;
    background: #01426a;
    border-radius: 50%;
    -webkit-transition: all 200ms;
    transition: all 200ms;
}

.tooltip-product {
    position: absolute;
    top: -28px;
    left: -7px;
    right: 25px;
}

.tooltip-item {
    background-color: #e02020;
    position: relative;
    left: 91%;
    z-index: 9;
    color: white;
    width: 340px;
    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;
    padding: 20px 24px;
    font-size: 17px;
    border-radius: 9px;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.tooltip-item.active {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

@media only screen and (max-width: 1024px) {
    .tooltip-item {
        right: 0;
        left: 0;
        margin: 0 auto;
        top: 70px;
        z-index: 999;
    }
}

@media only screen and (max-width: 1024px) {
    .tooltip-item.second {
        left: -10em;
    }
}

.round-ul {
    margin-left: 35px;
}

.round-ul p {
    position: relative;
    color: #3c3f43;
    font-family: 'Montserrat', sans-serif;
    font-size: 17px;
    line-height: 38px;
    font-weight: 500;
    padding-left: 4px;
}

.round-ul p:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #01426a;
    border-radius: 100%;
    left: -21px;
    top: 16px;
}

@media only screen and (max-width: 768px) {
    .round-ul p:after {
        top: 14px;
    }
}

.more-mobile {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    border: 2px solid #01426a;
    padding: 7px 14px;
    font-family: 'Montserrat', sans-serif;
    border-radius: 5px;
    display: none;
    font-size: 14px;
}

@media only screen and (max-width: 650px) {
    .more-mobile {
        display: block;
    }
}

.more-mobile a {
    color: #01426a;
    font-weight: 600;
    letter-spacing: 0.7px;
}

.pdf {
    font-family: 'Montserrat', sans-serif;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 11px 23px;
    margin: 0 auto;
    border: 2px solid #01426a;
    border-radius: 7px;
    margin-bottom: 40px;
    margin-top: 30px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

@media only screen and (max-width: 650px) {
    .pdf {
        width: 90%;
        padding: 10px 22px;
    }
}

.pdf .icon {
    font-size: 30px;
    margin-right: 24px;
}

@media only screen and (max-width: 650px) {
    .pdf .icon {
        font-size: 33px;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
}

.pdf span {
    color: black;
    font-weight: 600;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

@media only screen and (max-width: 650px) {
    .pdf span {
        font-size: 13px;
    }
}

.pdf:hover {
    -webkit-box-shadow: #00000017 1px 10px 11px 5px;
    box-shadow: #00000017 1px 10px 11px 5px;
    border-color: black;
}

#suAbonelik .modal-content, #suSaglik .modal-content, .tasarim-video .modal-content, .solar-video-iframe .modal-content {
    border: 0;
    height: 563px;
    border-radius: 15px;
}

@media only screen and (max-width: 650px) {
    #suAbonelik .modal-content, #suSaglik .modal-content, .tasarim-video .modal-content, .solar-video-iframe .modal-content {
        height: 250px;
    }
}

#suAbonelik .modal-body, #suSaglik .modal-body, .tasarim-video .modal-body, .solar-video-iframe .modal-body {
    padding: 0px;
    -webkit-box-shadow: #603333 1px 8px 64px 4px;
    box-shadow: #603333 1px 8px 64px 4px;
    border-radius: 15px;
}

@media only screen and (max-width: 650px) {
    #suAbonelik .modal-body, #suSaglik .modal-body, .tasarim-video .modal-body, .solar-video-iframe .modal-body {
        padding: 0;
    }
}

#suAbonelik .modal-body iframe, #suSaglik .modal-body iframe, .tasarim-video .modal-body iframe, .solar-video-iframe .modal-body iframe {
    height: 563px;
    border-radius: 15px;
}

@media only screen and (max-width: 650px) {
    #suAbonelik .modal-body iframe, #suSaglik .modal-body iframe, .tasarim-video .modal-body iframe, .solar-video-iframe .modal-body iframe {
        height: 250px;
    }
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
    float: left;
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-property: transform, -webkit-transform;
}

.swiper-invisible-blank-slide {
    visibility: hidden;
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform;
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px;
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto;
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-lock {
    display: none;
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(0.33);
    transform: scale(0.33);
    position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(0.66);
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(0.33);
    transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(0.66);
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
    transform: scale(0.33);
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2;
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff;
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: .2s top, .2s -webkit-transform;
    transition: .2s top, .2s -webkit-transform;
    -webkit-transition: .2s transform, .2s top;
    transition: .2s transform, .2s top;
    -webkit-transition: .2s transform, .2s top, .2s -webkit-transform;
    transition: .2s transform, .2s top, .2s -webkit-transform;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s left, .2s -webkit-transform;
    transition: .2s left, .2s -webkit-transform;
    -webkit-transition: .2s transform, .2s left;
    transition: .2s transform, .2s left;
    -webkit-transition: .2s transform, .2s left, .2s -webkit-transform;
    transition: .2s transform, .2s left, .2s -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s right, .2s -webkit-transform;
    transition: .2s right, .2s -webkit-transform;
    -webkit-transition: .2s transform, .2s right;
    transition: .2s transform, .2s right;
    -webkit-transition: .2s transform, .2s right, .2s -webkit-transform;
    transition: .2s transform, .2s right, .2s -webkit-transform;
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff;
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000;
}

.swiper-pagination-lock {
    display: none;
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}

.swiper-scrollbar-cursor-drag {
    cursor: move;
}

.swiper-scrollbar-lock {
    display: none;
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -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;
    text-align: center;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.swiper-slide-zoomed {
    cursor: move;
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube {
    overflow: visible;
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0;
}

.swiper-container-flip {
    overflow: visible;
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px;
}

.slider {
    position: relative;
    margin-bottom: 360px;
}

@media only screen and (max-width: 920px) {
    .slider {
        top: 100px;
        height: 65vh;
        margin-bottom: 225px;
    }
}

@media only screen and (max-width: 650px) {
    .slider {
        margin-bottom: 185px;
    }
}

.slider .gallery-top {
    cursor: -webkit-grab;
    cursor: grab;
    margin-top: -99px;
}

.slider .gallery-top__slider-text {
    position: absolute;
    top: 0;
    color: white;
    width: 820px;
    font-size: 58px;
    left: 15%;
    top: 44%;
    font-family: 'Montserrat', sans-serif;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-weight: 600;
    letter-spacing: -1.5px;
}

@media only screen and (max-width: 1280px) {
    .slider .gallery-top__slider-text {
        left: 19%;
    }
}

@media only screen and (max-width: 1024px) {
    .slider .gallery-top__slider-text {
        left: 4%;
        width: 93%;
    }
}

@media only screen and (max-width: 920px) {
    .slider .gallery-top__slider-text {
        top: 50%;
    }
}

.slider .gallery-top__slider-text .text-bg-red {
    position: relative;
    display: inline-table;
    left: 4px;
    margin: 3px 0;
    background-color: #a5080b;
    padding-bottom: 0px;
    padding-bottom: 8px;
    text-shadow: none;
}

@media only screen and (max-width: 900px) {
    .slider .gallery-top__slider-text .text-bg-red {
        padding-bottom: 0;
        left: 0;
        line-height: 1.3;
        width: 80%;
    }
}

.slider .gallery-top__slider-text.why {
    max-width: 540px;
    width: 93%;
}

@media only screen and (max-width: 768px) {
    .slider .gallery-top__slider-text.why {
        top: 55%;
    }
}

@media only screen and (max-width: 650px) {
    .slider .gallery-top__slider-text.why {
        top: 40%;
    }
}

@media only screen and (max-width: 920px) {
    .slider .gallery-top__slider-text.klima {
        top: 45%;
    }
}

@media only screen and (max-width: 650px) {
    .slider .gallery-top__slider-text.klima {
        top: 40%;
    }
}

.slider .gallery-top__why li {
    position: relative;
    font-size: 21px;
    font-weight: 300;
    letter-spacing: 0.3px;
    line-height: 1.3;
    max-width: 400px;
    width: 394px;
    margin-left: 20px;
    margin-bottom: 22px;
    -webkit-transition: all 1.2s;
    transition: all 1.2s;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
    -webkit-transform: translateY(70px);
    transform: translateY(70px);
}

@media only screen and (max-width: 1280px) {
    .slider .gallery-top__why li {
        font-size: 17px;
        letter-spacing: 0.3px;
        line-height: 1.1;
    }
}

@media only screen and (max-width: 650px) {
    .slider .gallery-top__why li {
        font-size: 2vh;
        margin-bottom: 10px;
        width: 67%;
    }
}

.slider .gallery-top__why li:after {
    content: '';
    position: absolute;
    left: -17px;
    background: #e6e6e6;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    top: 14px;
    opacity: 0.8;
}

@media only screen and (max-width: 768px) {
    .slider .gallery-top__why li:after {
        top: 7px;
    }
}

@media only screen and (max-width: 320px) {
    .slider .gallery-top__why li:after {
        top: 5px;
    }
}

.slider .gallery-top__why-title {
    font-size: 45px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 32px;
    -webkit-transition: all 1.2s;
    transition: all 1.2s;
    -webkit-transform: translateY(126px);
    transform: translateY(126px);
}

@media only screen and (max-width: 1366px) {
    .slider .gallery-top__why-title {
        font-size: 36px;
    }
}

@media only screen and (max-width: 650px) {
    .slider .gallery-top__why-title {
        font-size: 4.4vh;
        margin-top: 53px;
    }
}

.slider .gallery-top__big-title {
    font-size: 58px;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 26px;
    -webkit-transition: all 1.2s;
    transition: all 1.2s;
    -webkit-transform: translateY(300px);
    transform: translateY(300px);
}

@media only screen and (max-width: 900px) {
    .slider .gallery-top__big-title {
        font-size: 5.9vw;
    }
}

@media only screen and (max-width: 650px) {
    .slider .gallery-top__big-title {
        font-size: 9.9vw;
        line-height: 1;
    }
}

.slider .gallery-top__small-title {
    font-size: 27px;
    font-weight: 400;
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translateY(80px);
    transform: translateY(80px);
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

@media only screen and (max-width: 650px) {
    .slider .gallery-top__small-title {
        font-size: 3.6vh;
        line-height: 1.3;
    }
}

@media only screen and (max-width: 920px) {
    .slider .gallery-top {
        height: 100%;
    }
}

@media only screen and (max-width: 920px) {
    .slider .gallery-top img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
    }
}

.slider .gallery-thumbs {
    background-color: white;
    -webkit-box-shadow: #bfbfbf 1px 12px 16px -10px;
    box-shadow: #bfbfbf 1px 12px 16px -10px;
    width: 1060px;
    height: 102px;
    position: absolute;
    bottom: -50px;
    z-index: 8;
}

@media only screen and (max-width: 1366px) {
    .slider .gallery-thumbs {
        width: 1000px;
    }
}

@media only screen and (max-width: 1024px) {
    .slider .gallery-thumbs {
        width: 94%;
    }
}

@media only screen and (max-width: 920px) {
    .slider .gallery-thumbs {
        opacity: 0;
    }
}

.slider .gallery-thumbs .swiper-wrapper {
    padding-left: 15px;
        display: flex!important;
        justify-content: flex-end;
}

.slider .gallery-thumbs .swiper-slide {
    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;
    width: 251px !important;
    margin-top: -5px;
    margin-right: 35px !important;
    cursor: pointer;
}

.slider .gallery-thumbs .swiper-slide-img {
    width: 60px;
    height: 60px;
}

.slider .gallery-thumbs .swiper-slide-progress {
    position: absolute;
    width: 0;
    left: 0;
    height: 2px;
    background-color: #01426a;
    bottom: 7px;
}

.slider .gallery-thumbs .swiper-slide-title {
    padding-left: 12px;
    font-weight: normal;
}

.slider .gallery-thumbs .swiper-slide:nth-child(1) .swiper-slide-title {
    font-size: 13px;
}

.slider .gallery-thumbs .swiper-slide:nth-child(2) .swiper-slide-title {
    font-size: 15px;
    line-height: 1.1;
}

.slider .gallery-thumbs .swiper-slide:nth-child(2) .swiper-slide-title strong {
    font-size: 20px;
    color: #313131;
    font-weight: 700;
}

.slider .gallery-thumbs .swiper-slide:nth-child(3) .swiper-slide-title {
    font-size: 14px;
}

.slider .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .swiper-slide-progress {
    width: 100%;
    -webkit-transition: all 9s;
    transition: all 9s;
}

.slider .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .swiper-slide-title {
    color: #01426a;
}

.slider .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .swiper-slide-title strong {
    color: #01426a;
}

.slider-box {
    position: absolute;
    width: 350px;
    height: 310px;
    bottom: -3px;
    z-index: 8;
    right: 0;
    background-color: white;
    padding: 70px 47px;
    margin-right: 90px;
    -webkit-transform: translateY(297px);
    transform: translateY(297px);
    opacity: 0;
}

@media only screen and (max-width: 1700px) {
    .slider-box {
        width: 300px;
        height: 300px;
        padding: 67px 20px;
        margin-right: 3%;
    }
}

@media only screen and (max-width: 1500px) {
    .slider-box {
        margin-right: 0px;
    }
}

@media only screen and (max-width: 1300px) {
    .slider-box {
        display: none;
    }
}

.slider-box__text.first {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: -0.5pt;
    color: #3e3e3e;
}

.slider-box__text:last-child {
    font-size: 22px;
    font-weight: normal;
    letter-spacing: -0.5pt;
    color: #3e3e3e;
}

.slider-box-triangle {
    position: absolute;
    top: 0;
    left: 0;
}

.slider-arrows {
    width: 120px;
    height: 60px;
    background-color: white;
    position: absolute;
    left: 3%;
    bottom: 22px;
    z-index: 9;
    -webkit-box-shadow: #bfbfbf 1px 8px 22px -4px;
    box-shadow: #bfbfbf 1px 8px 22px -4px;
    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-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    cursor: pointer;
}

.slider-arrows__wrp {
    height: 100%;
    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-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50%;
    left: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.slider-arrows__wrp:hover {
    background-color: #efefef;
}

.slider-arrows img {
    position: relative;
    top: -2px;
}

@media only screen and (max-width: 1300px) {
    .slider-arrows {
        display: none;
    }
}

.slider .gurses-badge {
    position: relative;
    right: 0;
    z-index: 999;
    top: -18px;
    text-align: right;
}

.slider .swiper-slide-active .gallery-top__big-title,
.slider .swiper-slide-active .gallery-top__small-title,
.slider .swiper-slide-active .gallery-top__why-title,
.slider .swiper-slide-active .gallery-top__why li {
    -webkit-transform: none;
    transform: none;
}

.slider .swiper-slide-active .gallery-top__slider-text .text-bg-red:after {
    height: 66px;
}

.slider .slider-mobile-progress {
    position: absolute;
    bottom: 0;
    display: none;
    width: 0;
    height: 4px;
    z-index: 999;
    background-color: #d92d44;
}

@media only screen and (max-width: 920px) {
    .slider .slider-mobile-progress {
        display: block;
    }
}

.slider .slider-mobile-progress.full {
    width: 100%;
    -webkit-transition: width 6s;
    transition: width 6s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}

.slider-paginations {
    position: absolute;
    bottom: 16px;
    width: 100%;
    z-index: 9;
    text-align: center;
    display: none;
}

@media only screen and (max-width: 920px) {
    .slider-paginations {
        display: block;
    }
}

.slider-paginations .swiper-pagination-bullet {
    margin-right: 10px;
    width: 15px;
    height: 8px;
    border-radius: 8px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0.4;
}

.slider-paginations .swiper-pagination-bullet:last-child {
    margin-right: 0;
}

.slider-paginations .swiper-pagination-bullet-active {
    width: 30px;
    background: #d62b41;
    opacity: 1;
}

.project-process {
    text-align: center;
    position: relative;
    margin-top: -50px;
}

@media only screen and (max-width: 650px) {
    .project-process {
        margin-top: -55px;
    }
}

.project-process-column {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 75px;
}

@media only screen and (max-width: 800px) {
    .project-process-column {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.project-process-item {
    width: 220px;
    margin-right: 62px;
}

@media only screen and (max-width: 1024px) {
    .project-process-item {
        margin-right: 18px;
    }
}

@media only screen and (max-width: 800px) {
    .project-process-item {
        width: 45%;
        margin-bottom: 45px;
    }
}

@media only screen and (max-width: 600px) {
    .project-process-item {
        width: 72%;
        margin-right: 0;
        margin-bottom: 30px;
    }
}

.project-process-item:last-child {
    margin-right: 0;
}

.project-process-item__img {
    position: relative;
    width: 223px;
}

@media only screen and (max-width: 1200px) {
    .project-process-item__img {
        width: 100%;
    }
}

.project-process-item__img img {
    border-radius: 100%;
    width: 223px;
    height: 223px;
}

@media only screen and (max-width: 1200px) {
    .project-process-item__img img {
        width: auto;
        height: auto;
    }
}

.project-process-item__number {
    position: absolute;
    right: 0;
    background: linear-gradient(to top, #01426a, #204963);
    color: white;
    padding: 11px;
    border-radius: 100%;
    width: 48px;
    height: 48px;
    font-family: 'Montserrat', sans-serif;
    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-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media only screen and (max-width: 600px) {
    .project-process-item:nth-child(n) {
        margin-right: 72px;
    }
}

@media only screen and (max-width: 600px) {
    .project-process-item:nth-child(2n) {
        margin-right: -72px;
    }
}

.project-process__text {
    color: black;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.24pt;
    line-height: 1.2;
    padding: 10px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

@media only screen and (max-width: 600px) {
    .project-process__text {
        font-weight: bold;
    }
}

.project-process__arrow {
    position: absolute;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.project-process__arrow.one-top {
    left: -20px;
    -webkit-animation: processRight 2s infinite;
    animation: processRight 2s infinite;
    width: 480px;
}

@media only screen and (max-width: 800px) {
    .project-process__arrow.one-top {
        left: -50%;
        position: absolute;
        width: 160%;
        top: 5%;
    }
}

.project-process__arrow.two-bottom {
    bottom: -7px;
    left: 315px;
    -webkit-animation: processRight 2s infinite;
    animation: processRight 2s infinite;
    width: 480px;
}

@media only screen and (max-width: 800px) {
    .project-process__arrow.two-bottom {
        left: -51%;
        position: absolute;
        width: 160%;
        top: 38%;
    }
}

.project-process__arrow.three-top {
    top: -47px;
    left: 555px;
    -webkit-animation: processRight 2s infinite;
    animation: processRight 2s infinite;
    width: 480px;
}

@media only screen and (max-width: 800px) {
    .project-process__arrow.three-top {
        left: -133%;
        position: absolute;
        width: 160%;
        top: 73%;
    }
}

.project-process__arrow.four-bottom {
    bottom: 3px;
    left: 820px;
    width: 480px;
    -webkit-animation: processRight 2s infinite;
    animation: processRight 2s infinite;
}

.corparate-solutions .solutions-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 11px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 25px;
}

.corparate-solutions .solutions-top-item {
    position: relative;
    width: 373px;
    height: 380px;
    background: #01426a;
    margin-right: 11px;
    margin-bottom: 10px;
    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;
    overflow: hidden;
    cursor: pointer;
}

@media only screen and (max-width: 1220px) {
    .corparate-solutions .solutions-top-item {
        width: 45%;
    }
}

@media only screen and (max-width: 600px) {
    .corparate-solutions .solutions-top-item {
        width: 100%;
        margin-right: 0;
    }
}

.corparate-solutions .solutions-top-item:first-child {
    width: 757px;
}

@media only screen and (max-width: 1220px) {
    .corparate-solutions .solutions-top-item:first-child {
        width: 91%;
        margin-right: 0;
    }
}

@media only screen and (max-width: 600px) {
    .corparate-solutions .solutions-top-item:first-child {
        width: 100%;
    }
}

.corparate-solutions .solutions-top-item:first-child img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.corparate-solutions .solutions-top-item:nth-child(2) {
    margin-right: 0;
}

@media only screen and (max-width: 1220px) {
    .corparate-solutions .solutions-top-item:nth-child(2) {
        margin-right: 11px;
    }
}

@media only screen and (max-width: 600px) {
    .corparate-solutions .solutions-top-item:nth-child(2) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 1200px) {
    .corparate-solutions .solutions-top-item:nth-child(3) {
        margin-right: 0;
    }
}

.corparate-solutions .solutions-top-item:nth-child(5) {
    margin-right: 0;
}

.corparate-solutions .solutions-top-item:hover .solutions-top-item__image {
    top: -10px;
}

.corparate-solutions .solutions-top-item:hover polygon {
    fill: #a5080b;
}

.corparate-solutions .solutions-top-item:hover .corparate-solutions__arrow {
    background-color: white;
}

.corparate-solutions .solutions-top-item__image {
    position: relative;
    margin: 0 auto;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    top: 0;
    width: 80%;
    -webkit-animation: product-top 3s infinite;
    animation: product-top 3s infinite;
}

.corparate-solutions .solutions-top-item:nth-child(2) .solutions-top-item__image {
    left: 55px;
    position: relative;
}

.corparate-solutions .solutions-top-item:nth-child(3) .solutions-top-item__image {
    left: 55px;
    position: relative;
}

.corparate-solutions__title {
    position: absolute;
    bottom: 33px;
    padding-left: 22px;
}

@media only screen and (max-width: 320px) {
    .corparate-solutions__title {
        width: 45px;
    }
}

.corparate-solutions__title h2, .corparate-solutions__title h1 {
    color: white;
    font-weight: normal;
    font-size: 25.1px;
    position: relative;
}

.corparate-solutions__arrow {
    width: 45px;
    height: 45px;
    position: absolute;
    right: 20px;
    bottom: 12px;
    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-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #e2e2e2;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.corparate-solutions__arrow img {
    width: 40%;
}

.corparate-solutions .big-title {
    letter-spacing: -1.14pt;
}

.gallery {
    padding-bottom: 80px;
}

.gallery .title-hidden {
    padding-bottom: 15px !important;
}

.gallery-wrapper {
    margin-top: 35px;
    left: -30px;
    cursor: -webkit-grab;
    cursor: grab;
    margin-bottom: 30px;
}

.gallery-wrapper.gallery-one {
    margin-left: -360px;
}

.gallery-wrapper.gallery-two {
    margin-top: -20px !important;
    margin-left: -320px;
}

.gallery-bottom-title {
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    color: black;
    letter-spacing: -1.09pt;
    margin-bottom: 34px;
}

@media only screen and (max-width: 600px) {
    .gallery-bottom-title {
        padding: 0 17px;
        font-size: 29px;
    }
}

@media only screen and (max-width: 320px) {
    .gallery-bottom-title {
        font-size: 33px;
    }
}

.gallery .small-title {
    color: black !important;
    font-size: 21px !important;
    letter-spacing: 0.26px !important;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: 100 !important;
}

.gallery .big-title {
    letter-spacing: -1.14pt;
    font-size: 45px !important;
}

@media only screen and (max-width: 650px) {
    .gallery .big-title {
        font-size: 33px !important;
        padding: 0 10%;
    }
}

.gallery .swiper-slide {
    width: 523px !important;
}

.gallery-mobile {
    display: none;
}

.gallery-mobile .swiper-slide {
    width: 304px !important;
}

@media only screen and (max-width: 320px) {
    .gallery-mobile .swiper-slide {
        width: 275px !important;
    }
}

@media only screen and (max-width: 600px) {
    .gallery-mobile {
        display: block;
    }
}

.gallery-desktop {
    margin-top: -15px;
    margin-bottom: 45px;
}

@media only screen and (max-width: 600px) {
    .gallery-desktop {
        display: none;
    }
}

.main-red {
    width: 100%;
    height: 461px;
    background-color: #01426a;
    background-size: cover;
    background-position: bottom;
    background-position-x: 50px;
}

@media only screen and (max-width: 1200px) {
    .main-red {
        height: auto;
        padding: 50px;
    }
}

@media only screen and (max-width: 600px) {
    .main-red {
        padding: 20px 11px;
    }
}

.main-red-left {
    width: 785px;
    color: white;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media only screen and (max-width: 1200px) {
    .main-red-left {
        width: 100%;
    }
}

.main-red-right {
    width: 35%;
}

@media only screen and (max-width: 1200px) {
    .main-red-right {
        display: none;
    }
}

@media only screen and (max-width: 600px) {
    .main-red-right {
        display: block;
        width: 100%;
    }
}

.main-red-right img {
    position: relative;
    left: 35%;
    top: -25px;
    width: 100%;
}

@media only screen and (max-width: 1440px) {
    .main-red-right img {
        left: 13%;
    }
}

@media only screen and (max-width: 600px) {
    .main-red-right img {
        left: 0;
    }
}

.main-red__title {
    font-size: 37px;
    font-weight: 800;
    line-height: 41px;
    letter-spacing: -0.57px;
}

@media only screen and (max-width: 600px) {
    .main-red__title {
        font-size: 32px;
    }
}

@media only screen and (max-width: 375px) {
    .main-red__title {
        font-size: 35px;
    }
}

@media only screen and (max-width: 320px) {
    .main-red__title {
        font-size: 31px;
    }
}

.main-red__desc {
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
    margin-top: 30px;
    max-width: 666px;
}

@media only screen and (max-width: 1200px) {
    .main-red__desc {
        max-width: 100%;
    }
}

.main-red__underline {
    position: relative;
    max-width: 775px;
    width: 775px;
    font-size: 17px;
    font-weight: 600;
    color: #f3f3f3;
    letter-spacing: 0.3px;
    margin-top: 30px;
}

@media only screen and (max-width: 1200px) {
    .main-red__underline {
        max-width: 100%;
        width: 100%;
    }
}

.main-red .custom-container-inner-red {
    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;
}

@media only screen and (max-width: 600px) {
    .main-red .custom-container-inner-red {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

.loading-effect {
    position: fixed;
    width: 100%;
    height: 100vh;
    background-color: white;
    top: 0;
    z-index: 9999;
}

.loading-effect img {
    width: 21%;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
}

@media only screen and (max-width: 650px) {
    .loading-effect img {
        width: 65%;
    }
}

.loading-effect-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;
    top: 45%;
    position: relative;
}

.loading-effect .loading {
    width: 100%;
    height: 5px;
    text-align: left;
    background-color: red;
    position: absolute;
    top: 90px;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation: loading-frame 1s;
    animation: loading-frame 1s;
}

@-webkit-keyframes loading-frame {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}

@keyframes loading-frame {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}

@media only screen and (max-width: 320px) {
    #about {
        height: auto !important;
    }
}

.about {
    padding-top: 111px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

@media only screen and (max-width: 650px) {
    .about {
        padding-top: 0px;
    }
}

.about .header-right-info {
    background-color: white;
}

.about .tab {
    position: relative;
    width: 150px !important;
    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-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: grey !important;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.2px;
}

@media only screen and (max-width: 600px) {
    .about .tab {
        width: 139px !important;
    }
}

.about .tab.active {
    color: black !important;
}

.about .tab.active:after {
    width: 85%;
    -webkit-transition: all 1s;
    transition: all 1s;
}

.about .tab:after {
    content: '';
    position: absolute;
    bottom: -1px;
    right: 0;
    left: 0;
    margin: 0 auto;
    background: #01426a;
    width: 0%;
    height: 3px;
}

.about-header {
    height: 43px;
    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;
    position: relative;
    width: 100%;
    border-top: 1px solid #d8d8d8;
    background-color: white;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    top: 0;
    z-index: 9;
}

@media only screen and (max-width: 600px) {
    .about-header {
        border-bottom: 1px solid #d8d8d8;
        top: 0;
    }
}

.about-header .swiper-container {
    overflow: visible;
    height: 100%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.about-header .swiper-wrapper {
    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-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.about-banner {
    position: relative;
    border-bottom: 65px solid #01426a;
}

@media only screen and (max-width: 600px) {
    .about-banner {
        border-bottom: 0;
    }
}

@media only screen and (max-width: 320px) {
    .about-banner {
        height: 336px !important;
    }
}

.about.sticky {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

@media only screen and (max-width: 600px) {
    .about.sticky {
        top: 0;
    }
}

.about.sticky .about-header {
    border-bottom: 1px solid #dbdbdb;
    top: 0px;
}

.about-text {
    position: relative;
    width: 635px;
    background-color: white;
    margin-left: auto;
    margin-right: 95px;
    margin-top: -24%;
    padding: 38px 60px 0;
}

@media only screen and (max-width: 900px) {
    .about-text {
        margin-top: 0;
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .about-text {
        width: 90%;
        margin: 0 auto;
        padding: 38px 5px;
    }
}

.about-text .title-hidden {
    overflow: hidden;
    margin-bottom: 36px;
    height: 86px;
}

@media only screen and (max-width: 768px) {
    .about-text .title-hidden {
        height: auto !important;
    }
}

.about-text .big-title {
    position: relative;
    text-align: left;
    padding-bottom: 50px;
}

.about-text .big-title:after {
    content: '';
    position: absolute;
    bottom: 18px;
    width: 103px;
    height: 4px;
    background-color: #01426a;
    left: 0;
}

.about-text__desc {
    font-size: 19px;
    color: black;
    font-weight: 500;
}

@media only screen and (max-width: 600px) {
    .about-text__desc {
        font-weight: bold;
    }
}

.about-text__bottom p {
    font-weight: 600;
}

.about-text__bottom li {
    position: relative;
}

.about-text__bottom li:after {
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    left: -16px;
    background-color: #01426a;
    border-radius: 100%;
    top: 14px;
}

.about-text__bottom li span {
    font-weight: 500;
}

.about-detail {
    width: 995px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (max-width: 1440px) {
    .about-detail {
        margin-top: 3%;
    }
}

@media only screen and (max-width: 1200px) {
    .about-detail {
        width: 87%;
        margin-left: 12%;
    }
}

@media only screen and (max-width: 900px) {
    .about-detail {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -webkit-align-items: end;
        -ms-flex-align: end;
        align-items: end;
    }
}

@media only screen and (max-width: 600px) {
    .about-detail {
        width: 90%;
        padding: 0 7px;
        margin: 20px auto;
    }
}

.about-detail-item {
    position: relative;
}

.about-detail-item:first-child {
    width: 507px;
}

@media only screen and (max-width: 1440px) {
    .about-detail-item:first-child {
        width: 455px;
    }
}

@media only screen and (max-width: 1200px) {
    .about-detail-item:first-child {
        width: 50%;
    }
}

@media only screen and (max-width: 900px) {
    .about-detail-item:first-child {
        width: 100%;
    }
}

@media only screen and (max-width: 600px) {
    .about-detail-item:first-child {
        padding-top: 25px;
    }
}

.about-detail-item:last-child {
    left: 160px;
}

@media only screen and (max-width: 1200px) {
    .about-detail-item:last-child {
        left: 5%;
    }
}

@media only screen and (max-width: 900px) {
    .about-detail-item:last-child {
        left: 0;
    }
}

.about-detail-item p {
    font-size: 17px;
    margin-bottom: 35px;
    line-height: 32px;
}

@media only screen and (max-width: 650px) {
    .about-detail-item p {
        font-size: 17px !important;
    }
}

.about-detail-item__text {
    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;
    margin-bottom: 30px;
}

.about-detail-item__text p {
    line-height: inherit;
    margin-bottom: 0;
    font-size: 23px !important;
    font-weight: 400;
    margin-left: 19px;
}

@media only screen and (max-width: 650px) {
    .about-detail-item__text p {
        font-size: 22px !important;
    }
}

.about-detail__deco {
    position: absolute;
    left: -70px;
    top: -18px;
}

@media only screen and (max-width: 600px) {
    .about-detail__deco {
        left: 9px;
        top: -39px;
    }
}

.about-box {
    max-width: 795px;
    width: 97%;
    margin: 0 auto;
    text-align: center;
    padding: 21px;
    border: 4px solid #01426a;
    padding-bottom: 28px;
    margin-top: 55px;
}

.about-box__text {
    font-size: 23px;
    color: #01426a;
    font-weight: 400;
    width: 532px;
    margin: 0 auto;
    line-height: 1.2;
}

@media only screen and (max-width: 600px) {
    .about-box__text {
        width: 95%;
    }
}

.about-approach {
    width: 1180px;
    width: 100%;
    margin: 0 auto;
    margin-top: 142px;
}

@media only screen and (max-width: 600px) {
    .about-approach {
        margin-top: 40px !important;
    }
}

.about-approach-container {
    max-width: 1080px;
    width: 90%;
    margin: -115px auto;
    padding-bottom: 45px;
}

@media only screen and (max-width: 768px) {
    .about-approach-container {
        margin-top: 0;
        padding: 38px 5px;
    }
}

.about-approach-wrp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media only screen and (max-width: 1200px) {
    .about-approach-wrp {
        width: 95%;
    }
}

@media only screen and (max-width: 768px) {
    .about-approach-wrp {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
    }
}

.about-approach__item:first-child {
    font-size: 22px;
    font-weight: bold;
    line-height: 32px;
    width: 435px;
}

@media only screen and (max-width: 1200px) {
    .about-approach__item:first-child {
        width: 50%;
    }
}

@media only screen and (max-width: 768px) {
    .about-approach__item:first-child {
        width: 100%;
        margin-bottom: 30px;
    }
}

.about-approach__item:last-child {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.6;
    width: 450px;
    line-height: 32px;
    position: relative;
    left: 80px;
    color: black;
}

@media only screen and (max-width: 1200px) {
    .about-approach__item:last-child {
        width: 50%;
    }
}

@media only screen and (max-width: 768px) {
    .about-approach__item:last-child {
        width: 100%;
        left: 0;
    }
}

.about-approach .custom-container-inner-red {
    position: relative;
}

.about-advert {
    margin-top: 275px;
    background-color: #01426a;
    margin-bottom: 87px;
    padding: 55px;
}

@media only screen and (max-width: 768px) {
    .about-advert {
        margin-bottom: 35px;
        padding: 21px 0 31px;
        margin-top: 115px;
    }
}

.about-advert__text {
    font-size: 45px;
    text-align: center;
    font-weight: 500;
    color: white;
    position: relative;
    max-width: 1200px;
    width: 90%;
    margin: 0 auto;
}

@media only screen and (max-width: 768px) {
    .about-advert__text {
        font-size: 27px;
        width: 78%;
        top: 5px;
    }
}

.about-advert__text img {
    width: 50px;
    position: absolute;
    top: -33px;
}

@media only screen and (max-width: 768px) {
    .about-advert__text img {
        width: 30px;
    }
}

@media only screen and (max-width: 375px) {
    .about-advert__text img {
        width: 24px;
    }
}

.about-advert__text img:nth-child(1) {
    left: -40px;
    top: 50%;
    -webkit-transform: translateY(-81%);
    transform: translateY(-81%);
}

@media only screen and (max-width: 600px) {
    .about-advert__text img:nth-child(1) {
        display: none;
    }
}

.about-advert__text img:nth-child(2) {
    right: -40px;
    top: 50%;
    -webkit-transform: translateY(-81%);
    transform: translateY(-81%);
}

@media only screen and (max-width: 600px) {
    .about-advert__text img:nth-child(2) {
        display: none;
    }
}

.about-why {
    max-width: 1080px;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 60px;
}

@media only screen and (max-width: 600px) {
    .about-why {
        margin-bottom: 10px;
    }
}

.about-why .title-hidden {
    text-align: center;
}

.about-why .big-title {
    position: relative;
    display: inline-block;
    text-align: center;
    text-align: center;
    padding-bottom: 30px;
}

.about-why .big-title:after {
    content: '';
    position: absolute;
    bottom: 0px;
    width: 103px;
    height: 4px;
    background-color: #01426a;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.about-why-wrp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 40px;
}

@media only screen and (max-width: 1170px) {
    .about-why-wrp {
        -webkit-box-pack: space-evenly;
        -webkit-justify-content: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
    }
}

.about-why__item {
    position: relative;
    width: 461px;
    margin-bottom: 50px;
    margin-right: 80px;
    font-size: 16px;
    font-weight: 400;
    color: black;
    letter-spacing: 0px;
    line-height: 1.7;
}

@media only screen and (max-width: 1170px) {
    .about-why__item {
        width: 45%;
        margin-right: 1%;
    }
}

@media only screen and (max-width: 800px) {
    .about-why__item {
        width: 100%;
        margin-bottom: 35px;
        font-size: 17px;
    }
}

.about-why__item:nth-child(2n) {
    margin-right: 0;
}

.about-why__item:after {
    content: '';
    position: absolute;
    left: -21px;
    top: 11px;
    width: 8px;
    height: 8px;
    background-color: #01426a;
    border-radius: 100%;
}

@media only screen and (max-width: 600px) {
    .about-why__item:after {
        display: none;
    }
}

.about-card {
    width: 100%;
    height: 250px;
    background-image: url(../../../themes/zafplus/images/card.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #f03337;
    background-position: right;
    margin-bottom: 60px;
}

.about-card-wrp {
    width: 1080px;
    margin: 0 auto;
    height: 100%;
    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;
}

.about-card__text {
    width: 680px;
    font-size: 31px;
    color: white;
    font-weight: 200;
    letter-spacing: -0.17pt;
    position: relative;
    top: -10px;
}

.about-card__text strong {
    font-weight: bold;
    font-size: 38px;
}

.about-card .white-button {
    width: 265px;
    height: 50px;
    background-color: white;
    color: #e5241c;
    font-weight: 500;
    margin: initial;
    margin-top: 22px;
}

.about-gallery {
    padding-bottom: 80px;
}

@media only screen and (max-width: 600px) {
    .about-gallery {
        padding-bottom: 45px;
    }
}

.about-gallery .gallery-swipe {
    width: 400px;
}

@media only screen and (max-width: 600px) {
    .about-gallery .gallery-swipe {
        width: 250px !important;
    }
}

.about-gallery .gallery-swipe img {
    width: 100%;
}

.video-wall {
    padding-top: 112px;
}

@media only screen and (min-width: 2500px) {
    .video-wall.mac .main-picture {
        height: auto;
    }
}

.video-wall .main-picture {
    position: relative;
}

.video-wall .main-picture .title-hidden {
    padding-bottom: 8px;
}

@media only screen and (max-width: 600px) {
    .video-wall .main-picture {
        height: 460px;
    }
}

@media only screen and (max-width: 320px) {
    .video-wall .main-picture {
        height: 360px;
    }
}

.video-wall .main-picture img {
    width: 100%;
}

@media only screen and (max-width: 600px) {
    .video-wall .main-picture img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

@media only screen and (max-width: 600px) {
    .video-wall .main-picture {
        margin-top: -41px;
    }
}

.video-wall .main-picture-title {
    max-width: 840px;
    position: absolute;
    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-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    right: 0;
    left: 0;
    margin: 0 auto;
    color: white;
    width: 100%;
    text-align: center;
}

@media only screen and (max-width: 600px) {
    .video-wall .main-picture-title {
        top: 59%;
    }
}

.video-wall .main-picture__title {
    position: relative;
    font-size: 70px;
    letter-spacing: -1.1pt;
    font-weight: 600;
    padding: 1px 20px;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

@media only screen and (max-width: 1440px) {
    .video-wall .main-picture__title {
        font-size: 50px;
    }
}

.video-wall .main-picture__title:after {
    content: '';
    position: absolute;
    top: 11px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

@media only screen and (max-width: 900px) {
    .video-wall .main-picture__title:after {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .video-wall .main-picture__title {
        font-size: 48px;
    }
}

@media only screen and (max-width: 600px) {
    .video-wall .main-picture__title {
        font-size: 40px;
    }
}

@media only screen and (max-width: 320px) {
    .video-wall .main-picture__title {
        font-size: 35px;
    }
}

.video-wall .main-picture__title.corparate {
    margin-top: 12px;
}

.video-wall .main-picture .title-hidden:last-child {
    margin-top: -16px;
}

@media only screen and (max-width: 600px) {
    .video-wall .main-picture .title-hidden:last-child {
        padding-bottom: 2px;
    }
}

@media only screen and (min-width: 2500px) {
    .video-wall .main-picture {
        height: 650px;
        overflow: hidden;
    }
}

.video-wall .main-desc {
    height: 188px;
    background: linear-gradient(to top, #01426a, #204963);
    margin-bottom: 75px;
    position: relative;
}

@media only screen and (max-width: 900px) {
    .video-wall .main-desc {
        height: auto;
        padding: 35px 20px;
        text-align: center;
    }
}

@media only screen and (max-width: 768px) {
    .video-wall .main-desc {
        padding-top: 55px;
    }
}

@media only screen and (max-width: 320px) {
    .video-wall .main-desc {
        padding: 60px 0px;
    }
}

.video-wall .main-desc__text {
    color: white;
    font-size: 23px;
    letter-spacing: -0.1pt;
    font-weight: 400;
    height: 100%;
    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;
}

@media only screen and (max-width: 1200px) {
    .video-wall .main-desc__text {
        text-align: center;
        width: 100%;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 375px) {
    .video-wall .main-desc__text {
        font-size: 20px;
    }
}

.video-wall .main-desc .mobile-badge {
    right: 15px;
    position: absolute;
    width: 16%;
    top: -59px;
}

@media only screen and (max-width: 600px) {
    .video-wall .main-desc .mobile-badge {
        width: 27%;
        top: -67px;
    }
}

.video-wall-left {
    position: relative;
    width: 574px;
}

.video-wall-left:after {
    content: '';
    position: absolute;
    bottom: -72px;
    width: 210px;
    height: 210px;
    background-color: #f7c7c7;
    border-radius: 100%;
    left: -85px;
    z-index: -1;
}

@media only screen and (max-width: 1000px) {
    .video-wall-left:after {
        bottom: 0%;
    }
}

.video-wall-left img {
    width: 574px;
}

@media only screen and (max-width: 768px) {
    .video-wall-left img {
        width: 100%;
    }
}

@media only screen and (max-width: 1200px) {
    .video-wall-left {
        width: 50%;
    }
}

@media only screen and (max-width: 900px) {
    .video-wall-left {
        width: 45%;
    }
}

@media only screen and (max-width: 768px) {
    .video-wall-left {
        width: 100%;
    }
}

@media only screen and (max-width: 600px) {
    .video-wall-left {
        display: none;
    }
}

.video-wall-right {
    width: 478px;
    left: 111px;
    position: relative;
}

@media only screen and (max-width: 1200px) {
    .video-wall-right {
        left: 50px;
        width: 50%;
    }
}

@media only screen and (max-width: 768px) {
    .video-wall-right {
        width: 100%;
        left: 0;
        text-align: center;
    }
}

@media only screen and (max-width: 600px) {
    .video-wall-right {
        text-align: left;
        margin-top: 5%;
    }
}

.video-wall-right__title {
    position: relative;
    font-size: 44px;
    font-weight: bold;
    letter-spacing: -1.5pt;
}

.video-wall-right__title .slider-box-triangle {
    top: 6px;
    left: -27px;
    z-index: -1;
    width: 29px;
}

.video-wall-right__desc {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
    color: black;
    line-height: 1.8;
    letter-spacing: 0px;
    margin-top: 40px;
}

@media only screen and (max-width: 600px) {
    .video-wall-right__desc {
        margin-top: 23px;
        font-size: 17px;
    }
}

.video-wall-right .slider-box-triangle {
    left: -23px;
    width: 5%;
}

@media only screen and (max-width: 600px) {
    .video-wall-right .slider-box-triangle {
        width: 10%;
    }
}

.video-wall-detail {
    position: relative;
    margin: 0 auto;
}

.video-wall-detail__mobile {
    display: none;
}

@media only screen and (max-width: 600px) {
    .video-wall-detail__mobile {
        display: block;
        padding-bottom: 80px;
    }
}

.video-wall-detail__mobile .swiper-pagination-bullets {
    bottom: 42px;
}

.video-wall-detail .swiper-slide {
    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-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 1s 0.1s;
    transition: all 1s 0.1s;
}

.video-wall-detail .swiper-pagination-bullet {
    width: 20px;
    height: 9px;
    margin-right: 8px !important;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    border-radius: 9px;
}

.video-wall-detail .swiper-pagination-bullet-active {
    width: 30px;
    background-color: #d9143f;
    border: 2px solid #d9143f;
    position: relative;
}

@media only screen and (max-width: 1200px) {
    .video-wall-detail {
        width: 95%;
        display: block;
    }
}

@media only screen and (max-width: 600px) {
    .video-wall-detail {
        background-color: white;
    }
}

.video-wall-detail .custom-container-inner-red {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media only screen and (max-width: 768px) {
    .video-wall-detail .custom-container-inner-red {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        display: block;
    }
}

.video-wall-detail__more {
    max-width: 929px;
    width: 90%;
    margin: 0 auto;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media only screen and (max-width: 900px) {
    .video-wall-detail__more img {
        max-width: 37%;
        margin-right: 6%;
    }
}

@media only screen and (max-width: 600px) {
    .video-wall-detail__more {
        display: none;
    }
}

.video-wall-detail:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 176px;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
}

.video-wall-avantages {
    margin-top: -145px;
    position: relative;
}

@media only screen and (max-width: 1440px) {
    .video-wall-avantages {
        margin-top: -7%;
    }
}

.video-wall-avantages .avantages-wrp {
    max-width: 1067px;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 15px;
}

.video-wall-avantages__title {
    font-size: 44px;
    font-weight: bold;
    text-align: center;
    letter-spacing: -1.5pt;
}

.video-wall-avantages__wrp {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-count: 2;
    column-count: 2;
    display: flow-root;
    padding-bottom: 35px;
    margin-top: 50px;
}

@media only screen and (max-width: 768px) {
    .video-wall-avantages__wrp {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-top: 30px;
    }
}

.video-wall-avantages__item {
    width: 465px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 32px;
    -webkit-box-align: end;
    -webkit-align-items: end;
    -ms-flex-align: end;
    align-items: end;
}

@media only screen and (max-width: 1200px) {
    .video-wall-avantages__item {
        width: 100%;
    }
}

.video-wall-avantages__text {
    font-size: 17px;
    line-height: 1.7;
    font-weight: 400;
    margin-left: 25px;
}

@media only screen and (max-width: 600px) {
    .video-wall-avantages__text {
        font-size: 17px;
    }
}

@media only screen and (max-width: 320px) {
    .video-wall-avantages__text {
        font-size: 15px;
    }
}

.video-wall-avantages__icon {
    width: 45px;
}

.video-wall-avantages .icon {
    min-width: 40px;
    min-height: 40px;
}

.video-wall .professional-screen {
    width: 1180px;
    margin: 0 auto;
}

@media only screen and (max-width: 600px) {
    .video-wall .professional-screen .big-title {
        text-align: left;
        padding: 0 13px;
    }
}

@media only screen and (max-width: 1200px) {
    .video-wall .professional-screen {
        width: 100%;
    }
}

.video-wall .professional-screen-wrp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 22px;
    padding-bottom: 25px;
}

@media only screen and (max-width: 1200px) {
    .video-wall .professional-screen-wrp {
        padding: 0 13px;
        margin-bottom: 18px;
    }
}

.video-wall .professional-screen__item {
    position: relative;
    width: 380px;
    margin-right: 20px;
    margin-bottom: 20px;
}

.video-wall .professional-screen__item:nth-child(3n) {
    margin-right: 0;
}

@media only screen and (max-width: 1200px) {
    .video-wall .professional-screen__item:nth-child(3n) {
        margin-right: 2%;
    }
}

@media only screen and (max-width: 600px) {
    .video-wall .professional-screen__item:nth-child(3n) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 1200px) {
    .video-wall .professional-screen__item:nth-child(2n) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 1200px) {
    .video-wall .professional-screen__item img {
        width: 100%;
    }
}

@media only screen and (max-width: 1200px) {
    .video-wall .professional-screen__item {
        width: 49%;
        margin-right: 2%;
    }
}

@media only screen and (max-width: 600px) {
    .video-wall .professional-screen__item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
}

.video-wall .professional-screen__text {
    position: absolute;
    font-family: 'Roboto', sans-serif;
    bottom: 0;
    font-size: 105px;
    color: white;
    font-weight: 100;
    padding-left: 17px;
}

@media only screen and (max-width: 375px) {
    .video-wall .professional-screen__text {
        font-size: 90px;
    }
}

@media only screen and (max-width: 320px) {
    .video-wall .professional-screen__text {
        font-size: 80px;
    }
}

.video-wall .sector {
    background-color: #d8d8d82e;
    padding: 70px 0;
    margin: 70px 0;
}

@media only screen and (max-width: 600px) {
    .video-wall .sector {
        background-color: transparent;
        margin: -30px 0;
    }
}

.video-wall .sector-container {
    max-width: 900px;
    margin: 0 auto;
    width: 90%;
}

.video-wall .sector-wrp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 25px;
}

@media only screen and (max-width: 600px) {
    .video-wall .sector-wrp {
        -webkit-box-pack: end;
        -webkit-justify-content: end;
        -ms-flex-pack: end;
        justify-content: end;
        margin-top: 20px;
    }
}

.video-wall .sector-wrp__item {
    padding: 5px 18px;
    margin-right: 30px;
    border: 1px solid #a5080b;
    color: #a5080b;
    margin-bottom: 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 16px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.video-wall .sector-wrp__item:nth-child(6), .video-wall .sector-wrp__item:nth-child(11) {
    margin-right: 0;
}

@media only screen and (max-width: 768px) {
    .video-wall .sector-wrp__item:nth-child(6), .video-wall .sector-wrp__item:nth-child(11) {
        margin-right: 8px;
    }
}

@media only screen and (max-width: 768px) {
    .video-wall .sector-wrp__item {
        margin-right: 8px;
    }
}

@media only screen and (max-width: 600px) {
    .video-wall .sector .big-title {
        font-size: 38px;
    }
}

@media only screen and (max-width: 320px) {
    .video-wall .sector .big-title {
        font-size: 30px;
    }
}

.video-wall .screen-feature {
    padding-bottom: 20px;
}

.video-wall .screen-feature-wrp {
    max-width: 1040px;
    width: 90%;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 45px;
}

@media only screen and (max-width: 600px) {
    .video-wall .screen-feature-wrp {
        -webkit-box-shadow: #f3f3f391 1px 1px 12px;
        box-shadow: #f3f3f391 1px 1px 12px;
        padding-bottom: 25px;
        margin-top: 0;
    }
}

.video-wall .screen-feature__item {
    width: 245px;
    margin-right: 20px;
    background-color: white;
    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;
    text-align: center;
    -webkit-box-shadow: #e2e2e291 2px 2px 11px 2px;
    box-shadow: #e2e2e291 2px 2px 11px 2px;
    margin-bottom: 20px;
    padding: 24px 0 20px 0;
}

.video-wall .screen-feature__item:nth-child(4) {
    margin-right: 0;
}

@media only screen and (max-width: 1175px) {
    .video-wall .screen-feature__item:nth-child(4) {
        margin-right: 2%;
    }
}

.video-wall .screen-feature__item p {
    margin-top: 25px;
    font-size: 15px;
    padding: 0 13px;
    color: black;
}

@media only screen and (max-width: 600px) {
    .video-wall .screen-feature__item p {
        width: 100%;
        text-align: left;
        padding-right: 0;
        font-size: 16px;
    }
}

@media only screen and (max-width: 320px) {
    .video-wall .screen-feature__item p {
        font-size: 15px;
    }
}

@media only screen and (max-width: 1175px) {
    .video-wall .screen-feature__item {
        margin-right: 2%;
    }
}

@media only screen and (max-width: 600px) {
    .video-wall .screen-feature__item {
        width: 100%;
        margin-bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: self-end;
        -webkit-align-items: self-end;
        -ms-flex-align: self-end;
        align-items: self-end;
        padding-bottom: 0;
    }
}

.video-wall .screen-feature .icon {
    position: relative;
    top: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    min-width: 93px;
    min-height: 53px;
}

@media only screen and (max-width: 600px) {
    .video-wall .screen-feature .icon {
        min-width: 65px;
        min-height: 39px;
        margin-top: 24px;
    }
}

@media only screen and (max-width: 600px) {
    .video-wall .screen-feature .big-title {
        font-size: 32px !important;
    }
}

@media only screen and (max-width: 320px) {
    .video-wall .screen-feature .big-title {
        font-size: 30px;
    }
}

.video-wall .seperator {
    position: relative;
    top: -85px;
    z-index: -1;
}

@media only screen and (max-width: 600px) {
    .video-wall .main-red {
        margin-top: 80px !important;
    }
}

#videoVallForm .custom-container-inner-red {
    width: 100%;
}

@media only screen and (max-width: 768px) {
    #videoVallForm .form-wall .contact-form-item {
        width: 47%;
        margin-right: 4%;
    }

    #videoVallForm .form-wall .contact-form-item:nth-child(2n) {
        margin-right: 0;
    }

    #videoVallForm .form-wall .contact-form-item.textarea {
        width: 100%;
        margin-right: 0;
    }
}

@media only screen and (max-width: 600px) {
    #videoVallForm .form-wall .contact-form-item {
        width: 100%;
        margin-right: 0%;
    }

    #videoVallForm .form-wall .contact-form-item.textarea {
        width: 100%;
    }
}

#videoVallForm .select-first input[type="checkbox"] + label:before {
    right: 0;
    left: 0;
    margin: 0 auto;
}

#videoVallForm .next-form {
    margin-bottom: 18px;
}

#videoVallForm .video-wall-contact-form {
    padding-bottom: 28px;
}

#videoVallForm .modal-content {
    height: auto !important;
}

#videoVallForm .modal-body {
    margin-bottom: 0px;
    height: auto !important;
}

@media only screen and (max-width: 600px) {
    #videoVallForm .modal-body {
        margin-bottom: 0px;
    }
}

#videoVallForm .modal-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 160px;
    background-color: #01426a;
    -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;
    color: white;
}

#videoVallForm .modal-header .back-form {
    position: absolute;
    left: 6%;
    width: 87px;
    display: none;
    cursor: pointer;
    opacity: 0.8;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

#videoVallForm .modal-header .back-form .icon {
    font-size: 38px;
}

#videoVallForm .modal-header .back-form:hover {
    opacity: 1;
}

#videoVallForm .modal-header h4 {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 0px;
}

@media only screen and (max-width: 600px) {
    #videoVallForm .modal-header h4 {
        font-size: 7vw;
    }
}

#videoVallForm .modal-header p {
    font-size: 18px;
    font-weight: 600;
}

@media only screen and (max-width: 600px) {
    #videoVallForm .modal-header {
        height: auto;
    }
}

#videoVallForm .modal-dialog {
    max-width: 980px;
    width: 96%;
}

#videoVallForm .form-item {
    padding-bottom: 26px;
    border-bottom: 1px solid #efefef;
    padding-top: 40px;
}

#videoVallForm .form-item h2 {
    color: #414355;
    font-size: 22px;
    text-align: center;
}

#videoVallForm .form-item-wrp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    max-width: 880px;
    width: 100%;
    margin: 0 auto;
    margin-top: 32px;
}

@media only screen and (max-width: 600px) {
    #videoVallForm .form-item-wrp {
        display: block;
        width: 97%;
    }
}

#videoVallForm .form-item-wrp__item {
    width: 280px;
    height: 150px;
    border: 3px solid #e0e0e0;
    margin-right: 20px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

#videoVallForm .form-item-wrp__item:last-child {
    margin-right: 0;
}

#videoVallForm .form-item-wrp__item label {
    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-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 3px;
}

#videoVallForm .form-item-wrp__item h3 {
    font-size: 21px;
    color: #414355;
    margin-top: -30px;
    margin-bottom: 8px;
}

#videoVallForm .form-item-wrp__item p {
    font-size: 14px;
    color: #414355;
}

@media only screen and (max-width: 600px) {
    #videoVallForm .form-item-wrp__item {
        width: 99%;
        margin-bottom: 10px;
    }
}

#videoVallForm .form-item-wrp__item.active {
    border-color: #ec3748;
}

#videoVallForm .form-item.horizontal {
    padding-bottom: 40px;
}

@media only screen and (max-width: 768px) {
    #videoVallForm .form-item.horizontal input[type="checkbox"] + label:before {
        right: 0;
        left: 0;
        margin: 0 auto;
    }
}

#videoVallForm .form-item.horizontal h2 {
    margin-bottom: 0px;
}

@media only screen and (max-width: 600px) {
    #videoVallForm .form-item.horizontal h2 {
        margin-bottom: 50px;
    }
}

@media only screen and (max-width: 600px) {
    #videoVallForm .form-item.horizontal {
        padding-bottom: 0;
    }
}

#videoVallForm .form-item.horizontal .form-item-wrp {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media only screen and (max-width: 600px) {
    #videoVallForm .form-item.horizontal .form-item-wrp__item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 600px) {
    #videoVallForm .form-item.horizontal input[type="checkbox"] + label:before {
        position: relative;
    }
}

@media only screen and (max-width: 600px) {
    #videoVallForm .form-item.horizontal input[type="checkbox"] + label:after {
        position: absolute;
        left: 4px;
        right: auto;
    }
}

#videoVallForm .form-item.horizontal .form-item-wrp__item {
    border: 0;
    width: 135px;
    height: 65px;
}

@media only screen and (max-width: 600px) {
    #videoVallForm .form-item.horizontal .form-item-wrp__item {
        width: 100%;
        height: 23px;
    }
}

#videoVallForm .form-item.horizontal .form-item-wrp__item h3 {
    font-size: 14px;
    margin-bottom: -7px;
    right: 0;
    position: relative;
    margin-top: auto;
}

@media only screen and (max-width: 600px) {
    #videoVallForm .form-item.horizontal .form-item-wrp__item h3 {
        margin-bottom: 11px;
        margin-left: 6px;
        top: -15px;
    }
}

#videoVallForm .form-item.horizontal .form-item-wrp__item label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: initial;
    -webkit-box-direction: initial;
    -webkit-flex-direction: initial;
    -ms-flex-direction: initial;
    flex-direction: initial;
}

#videoVallForm .form-item.horizontal.pool {
    margin-bottom: 36px;
}

#videoVallForm .form-item.horizontal.pool .form-item-wrp {
    margin-top: 20px;
}

@media only screen and (max-width: 768px) {
    #videoVallForm .form-item.horizontal.pool .form-item-wrp input[type="radio"] + label:before {
        right: 0;
        left: 0;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 600px) {
    #videoVallForm .form-item.horizontal.pool .form-item-wrp__item {
        margin-top: 33px;
        margin-right: 0;
        margin-left: -7px;
    }

    #videoVallForm .form-item.horizontal.pool .form-item-wrp__item.second {
        margin-left: -10px;
    }

    #videoVallForm .form-item.horizontal.pool .form-item-wrp__item.second h3 {
        left: 35px;
    }
}

#videoVallForm .form-item.horizontal.pool h3 {
    left: 0;
    right: auto;
}

@media only screen and (max-width: 600px) {
    #videoVallForm .form-item.horizontal.pool h3 {
        top: -15px;
        left: 33px !important;
    }
}

@media only screen and (max-width: 600px) {
    #videoVallForm .form-item.horizontal.pool input[type="checkbox"] + label:before {
        left: 0;
    }
}

@media only screen and (max-width: 600px) {
    #videoVallForm .form-item.horizontal.pool input[type="checkbox"] + label:after {
        right: inherit;
        left: 4px;
    }
}

#videoVallForm .form-item.direction {
    padding-bottom: 72px;
}

@media only screen and (max-width: 768px) {
    #videoVallForm .form-item.direction .form-item-wrp {
        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-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media only screen and (max-width: 600px) {
    #videoVallForm .form-item.direction .form-item-wrp {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

#videoVallForm .form-item.direction .form-item-wrp__item {
    width: 100px;
    height: 100px;
    border: 1px solid #c1bebe;
}

@media only screen and (max-width: 600px) {
    #videoVallForm .form-item.direction .form-item-wrp__item {
        border: 0;
        height: 65px;
    }
}

@media only screen and (max-width: 320px) {
    #videoVallForm .form-item.direction .form-item-wrp__item {
        height: 54px;
    }
}

@media only screen and (max-width: 600px) {
    #videoVallForm .form-item.direction .form-item-wrp__item img {
        border: 1px solid #c1bebe;
    }
}

#videoVallForm .form-item.direction .form-item-wrp__item p {
    text-align: center;
    position: absolute;
    left: 34px;
    bottom: -35px;
}

@media only screen and (max-width: 600px) {
    #videoVallForm .form-item.direction .form-item-wrp__item p {
        text-align: center;
        left: 22px;
        font-size: 13px;
        bottom: -38px;
    }
}

@media only screen and (max-width: 320px) {
    #videoVallForm .form-item.direction .form-item-wrp__item p {
        top: inherit;
        left: 20px;
        font-size: 11px;
    }
}

#videoVallForm .form-item.direction .form-item-wrp__item label {
    margin-top: 0px;
    margin-bottom: 14px;
}

#videoVallForm .form-item.direction input[type="checkbox"] + label:before {
    left: 0;
    bottom: -38px;
}

@media only screen and (max-width: 600px) {
    #videoVallForm .form-item.direction input[type="checkbox"] + label:before {
        width: 18px;
        height: 18px;
    }
}

#videoVallForm .form-item.direction input[type="checkbox"] + label:after {
    bottom: -34px;
    left: 4px;
    right: auto;
}

@media only screen and (max-width: 600px) {
    #videoVallForm .form-item.direction input[type="checkbox"] + label:after {
        width: 12px;
        height: 12px;
        bottom: -35px;
        left: 3px;
    }
}

#videoVallForm .form-item.direction .active-direction {
    position: absolute;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0;
    top: 0;
}

@media only screen and (max-width: 768px) {
    #videoVallForm .form-item.screen-size .form-item-wrp {
        display: block;
    }
}

#videoVallForm .form-item.screen-size .form-item-wrp__item {
    margin-right: -11%;
}

@media only screen and (max-width: 768px) {
    #videoVallForm .form-item.screen-size .form-item-wrp__item {
        width: 99%;
        margin-bottom: 20px;
    }
}

#videoVallForm .form-item.screen-size input[type="checkbox"] + label:before {
    top: 108px;
    left: 18px;
}

#videoVallForm .form-item.screen-size input[type="checkbox"] + label:after {
    bottom: 23px;
    left: 22px;
    right: auto;
}

@media only screen and (max-width: 650px) {
    #videoVallForm .form-item.screen-size input[type="checkbox"] + label:after {
        bottom: 17px;
    }
}

#videoVallForm .form-item.screen-size p {
    position: absolute;
    bottom: 22px;
    left: 56px;
}

#videoVallForm .modal {
    height: 100%;
}

#videoVallForm .swiper-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#videoVallForm .swiper-slide {
    background-size: cover;
    background-position: center;
    width: 100% !important;
}

#videoVallForm .success-form {
    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-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media only screen and (max-width: 600px) {
    #videoVallForm .success-form {
        margin-bottom: 60px;
    }
}

#videoVallForm .success-form img {
    width: 40%;
}

#videoVallForm .success-form p {
    position: relative;
    top: -50px;
    font-size: 23px;
    color: #313131;
    font-weight: 500;
}

@media only screen and (max-width: 600px) {
    #videoVallForm .success-form p {
        top: 0;
    }
}

#videoVallForm .success-form .main-red-button {
    width: 263px;
    margin-top: 30px;
}

@media only screen and (max-width: 650px) {
    .video-wall-form1 .swiper-wrapper {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}

.video-wall-form1 .contact-form__form {
    margin-top: 15px;
}

.video-wall-contact-form .contact-form__form p {
    font-family: 'Montserrat', sans-serif;
}

.financial .about-banner {
    position: relative;
    margin-top: 111px;
    border-bottom: 0;
}

@media only screen and (max-width: 900px) {
    .financial .about-banner {
        height: 460px;
        margin-top: 0px;
    }
}

@media only screen and (max-width: 650px) {
    .financial .about-banner {
        height: 360px;
    }
}

@media only screen and (max-width: 900px) {
    .financial .about-banner__img {
        -o-object-fit: cover;
        object-fit: cover;
        height: 100%;
    }
}

.financial-banner {
    position: absolute;
    top: 0;
    z-index: 9;
    max-width: 1030px;
    width: 90%;
    margin: 0 auto;
    right: 0;
    left: 0;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media only screen and (max-width: 600px) {
    .financial-banner {
        top: 55%;
    }
}

.financial-banner__title {
    font-size: 60px;
    color: white;
    font-weight: bold;
}

@media only screen and (max-width: 650px) {
    .financial-banner__title {
        font-size: 35px;
    }
}

@media only screen and (max-width: 320px) {
    .financial-banner__title {
        font-size: 38px;
    }
}

.financial-rent {
    background: linear-gradient(to top, #01426a, #204963);
    color: white;
    height: 330px;
    position: relative;
    top: -1px;
}

@media only screen and (max-width: 900px) {
    .financial-rent {
        height: auto;
        padding: 40px 0px;
    }
}

.financial-rent .custom-container-inner-red {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 852px;
}

.financial-rent__title {
    position: relative;
    text-align: left;
    padding-bottom: 42px;
    color: white;
}

.financial-rent__title:after {
    content: '';
    position: absolute;
    bottom: 18px;
    width: 103px;
    height: 4px;
    background-color: white;
    left: 0;
}

.financial-rent__smallTitle {
    font-size: 26px;
    padding-bottom: 15px;
}

.financial-rent__desc {
    font-size: 18px;
    line-height: 1.7;
    font-weight: 400;
}

@media only screen and (max-width: 900px) {
    .financial-rent__desc {
        width: 100%;
    }
}

.financial-rent__childItem {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 70px;
}

@media only screen and (max-width: 900px) {
    .financial-rent__childItem {
        margin-bottom: 35px;
    }
}

.financial-rent-left {
    margin-right: 26px;
}

.financial-rent-left .icon {
    font-size: 46px;
}

.financial-rent-right__text {
    font-size: 24px;
    letter-spacing: -0.46pt;
    font-weight: bold;
    margin-bottom: 16px;
}

.financial-rent-right__desc {
    width: 310px;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
}

@media only screen and (max-width: 990px) {
    .financial-rent-right__desc {
        width: 90%;
    }
}

.financial-product {
    position: relative;
    margin-top: 111px;
    margin-bottom: 70px;
}

.financial-product .custom-container-inner-red {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 50px;
}

.financial-product .big-title {
    font-size: 38px;
}

@media only screen and (max-width: 650px) {
    .financial-product .big-title {
        padding: 0 15px;
        font-size: 30px !important;
    }
}

@media only screen and (max-width: 320px) {
    .financial-product .big-title {
        padding: 0 15px;
        font-size: 27px;
    }
}

.financial-product-item {
    width: 220px;
    height: 220px;
    -webkit-box-shadow: #e6e6e691 1px 1px 12px 5px;
    box-shadow: #e6e6e691 1px 1px 12px 5px;
    margin-right: 20px;
    margin-bottom: 20px;
    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-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

@media only screen and (max-width: 1300px) {
    .financial-product-item {
        width: 19.2%;
        margin-right: 1%;
    }
}

@media only screen and (max-width: 990px) {
    .financial-product-item {
        width: 24%;
        height: 175px;
    }

    .financial-product-item:nth-child(4n) {
        margin-right: 0;
    }

    .financial-product-item:nth-child(5) {
        margin-right: 1% !important;
    }
}

@media only screen and (max-width: 650px) {
    .financial-product-item {
        width: 47%;
        margin-right: 6%;
    }

    .financial-product-item:nth-child(2n) {
        margin-right: 0;
    }

    .financial-product-item:nth-child(5) {
        margin-right: 6% !important;
    }
}

.financial-product-item:nth-child(5n) {
    margin-right: 0;
}

.financial-product-item h2 {
    font-size: 18px;
    color: #3b3b3b;
    font-weight: 600;
    text-align: center;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

@media only screen and (max-width: 650px) {
    .financial-product-item h2 {
        padding: 0 13px;
    }
}

.financial-product-item .icon {
    position: relative;
    font-size: 50px;
    margin-bottom: 26px;
    top: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.financial .about-approach {
    margin-top: 90px;
}

.financial .about-approach .big-title {
    font-size: 30px !important;
}

.financial .title-hidden {
    height: auto;
}

@media only screen and (max-width: 600px) {
    .financial .title-hidden {
        padding-bottom: 0px;
    }
}

.grenge {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 71%;
    margin: 0 auto;
    margin-top: -100px;
    margin-bottom: 38px;
}

@media only screen and (max-width: 650px) {
    .grenge {
        margin-top: 0;
        width: 98%;
        margin: 0 auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 25px;
        -webkit-box-align: end !important;
        -webkit-align-items: end !important;
        -ms-flex-align: end !important;
        align-items: end !important;
    }
}

.grenge p {
    font-size: 22px;
    color: #da1540;
    font-weight: 600;
}

@media only screen and (max-width: 650px) {
    .grenge p {
        font-size: 20px;
        margin-bottom: 20px;
        line-height: 1.3;
    }
}

@media only screen and (max-width: 320px) {
    .grenge p {
        font-size: 17px;
    }
}

.grenges {
    margin-top: 96px;
}

.grenges-img {
    position: relative;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}

.grenges-text {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    left: 0;
    max-width: 700px;
    width: 87%;
    margin: 0 auto;
}

.grenges-text h2 {
    color: #e32727;
    font-size: 43px;
    font-weight: bold;
    line-height: 1;
}

@media only screen and (max-width: 768px) {
    .grenges-text h2 {
        font-size: 30px;
    }
}

@media only screen and (max-width: 320px) {
    .grenges-text h2 {
        font-size: 24px;
    }
}

.grenges-text p {
    color: black;
    font-size: 21px;
    font-weight: 500;
    line-height: 1.4;
    margin: 24px 0;
    letter-spacing: 0.2px;
}

@media only screen and (max-width: 768px) {
    .grenges-text p {
        font-size: 14px;
    }
}

@media only screen and (max-width: 650px) {
    .grenges-text p {
        font-size: 18px;
    }
}

@media only screen and (max-width: 320px) {
    .grenges-text p {
        font-size: 14px;
    }
}

.grenges-text h5 {
    font-size: 12px;
    line-height: 1.6;
    font-weight: 600;
    margin-bottom: 21px;
}

@media only screen and (max-width: 768px) {
    .grenges-text h5 {
        font-size: 10px;
    }
}

@media only screen and (max-width: 650px) {
    .grenges-text h5 {
        font-size: 11px;
    }
}

.grenges-images {
    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;
    width: 308px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media only screen and (max-width: 650px) {
    .grenges-images {
        width: 100%;
    }
}

@media only screen and (max-width: 320px) {
    .grenges-images img {
        width: 45%;
    }
}

.contact {
    padding-top: 111px;
}

@media only screen and (max-width: 650px) {
    .contact {
        padding-top: 0;
    }
}

.contact .contact-banner {
    position: relative;
}

@media only screen and (max-width: 900px) {
    .contact .contact-banner {
        height: 460px;
    }
}

@media only screen and (max-width: 900px) {
    .contact .contact-banner img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

.contact .contact-banner-wrp {
    max-width: 900px;
    width: 90%;
    margin: 0 auto;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: white;
}

.contact .contact-banner-wrp .contact-button {
    width: 360px;
    font-size: 30px;
    margin-top: 33px;
}

.contact .contact-banner-wrp .contact-button .icon {
    position: relative;
    top: 0px;
    left: -19px;
}

@media only screen and (max-width: 600px) {
    .contact .contact-banner-wrp .contact-button {
        width: 100%;
        font-size: 25px;
    }
}

@media only screen and (max-width: 320px) {
    .contact .contact-banner-wrp .contact-button {
        font-size: 25px;
    }
}

.contact .contact-banner__title {
    font-size: 60px;
    font-weight: bold;
    -webkit-transform: translateY(90px);
    transform: translateY(90px);
    text-align: center;
}

@media only screen and (max-width: 600px) {
    .contact .contact-banner__title {
        font-size: 38px;
    }
}

@media only screen and (max-width: 375px) {
    .contact .contact-banner__title {
        font-size: 34px;
    }
}

@media only screen and (max-width: 320px) {
    .contact .contact-banner__title {
        font-size: 31px;
    }
}

.contact .contact-banner__desc {
    font-size: 19px;
    text-align: center;
    -webkit-transition: all 1.2s;
    transition: all 1.2s;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

@media only screen and (max-width: 320px) {
    .contact .contact-banner__desc {
        font-size: 17px;
    }
}

.contact-address {
    position: relative;
    width: 100%;
    height: 175px;
    background-color: #01426a;
    margin-bottom: 58px;
    text-align: center;
    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-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media only screen and (max-width: 900px) {
    .contact-address {
        height: auto;
        padding: 60px 0;
    }
}

.contact-address__text {
    font-size: 23px;
    color: white;
}

.contact-address__link {
    width: 180px;
    height: 44px;
    background-color: white;
    color: #01426a;
    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-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 600;
    font-size: 18px;
    margin-top: 16px;
    z-index: 9;
}

.contact-address__link .icon {
    font-size: 22px;
    margin-right: 11px;
}

.contact-address__link:hover {
    background-color: #2d2b2b;
    color: white;
}

.contact-address:after {
    content: '';
    position: absolute;
    background-image: url(../../../themes/zafplus/images/map-black.png);
    width: 100%;
    height: 100%;
    top: 0;
}

.contact-address .title-hidden {
    position: relative;
    z-index: 99;
}

.contact-manager {
    padding-bottom: 60px;
}

.contact-manager-container {
    max-width: 850px;
    margin: 0 auto;
    width: 90%;
}

@media only screen and (max-width: 600px) {
    .contact-manager__title {
        font-size: 35px !important;
    }
}

.contact-manager-wrp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 45px;
}

@media only screen and (max-width: 600px) {
    .contact-manager-wrp {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 25px;
    }
}

.contact-manager-item {
    margin-right: 90px;
}

@media only screen and (max-width: 600px) {
    .contact-manager-item img {
        width: 100%;
    }
}

@media only screen and (max-width: 900px) {
    .contact-manager-item {
        margin-right: 3%;
        width: 50%;
    }
}

@media only screen and (max-width: 600px) {
    .contact-manager-item {
        width: 100%;
        margin-bottom: 70px;
    }
}

.contact-manager-item:last-child {
    margin-right: 0;
}

@media only screen and (max-width: 600px) {
    .contact-manager-item:last-child {
        margin-bottom: 0px;
    }
}

.contact-manager-item__title {
    width: 320px;
    font-size: 29px;
    font-weight: bold;
    color: black;
    letter-spacing: -0.8px;
    margin: 0 auto;
    top: -46px;
    position: relative;
    background-color: white;
    padding: 18px;
    line-height: 1.1;
}

@media only screen and (max-width: 900px) {
    .contact-manager-item__title {
        width: 95%;
        font-size: 20px;
    }
}

@media only screen and (max-width: 600px) {
    .contact-manager-item__title {
        font-size: 23px;
    }
}

.contact-manager-item__link {
    font-family: 'Montserrat', sans-serif;
    width: 362px;
    font-size: 18px;
    padding-bottom: 0;
    font-weight: 500;
}

@media only screen and (max-width: 768px) {
    .contact-manager-item__link {
        width: 98% !important;
    }
}

@media only screen and (max-width: 600px) {
    .contact-manager-item__link {
        width: 100% !important;
        font-size: 16px;
    }
}

@media only screen and (max-width: 320px) {
    .contact-manager-item__link {
        font-size: 14px;
    }
}

.contact-form .custom-container-inner-red {
    position: relative;
}

.contact-form .about-banner {
    height: 357px;
    overflow: hidden;
}

@media only screen and (max-width: 600px) {
    .contact-form .about-banner {
        height: 240px;
    }
}

.contact-form-title {
    color: black;
    font-size: 36px;
    font-weight: bold;
}

@media only screen and (max-width: 600px) {
    .contact-form-title {
        font-size: 30px;
    }
}

.contact-form-wrp {
    position: relative;
    text-align: center;
    padding: 60px 0;
}

@media only screen and (max-width: 600px) {
    .contact-form-wrp {
        padding: 35px 0;
    }
}

.contact-form__form {
    max-width: 783px;
    width: 100%;
    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-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 70px auto;
    margin-bottom: 20px;
    margin-top: 35px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media only screen and (max-width: 650px) {
    .contact-form__form {
        margin-top: 45px;
    }
}

.contact-form-item {
    position: relative;
    width: 370px;
    height: 51px;
    margin-right: 20px;
    margin-bottom: 35px;
    text-align: left;
}

@media only screen and (max-width: 990px) {
    .contact-form-item {
        width: 49%;
        margin-right: 2%;
    }
}

@media only screen and (max-width: 650px) {
    .contact-form-item {
        width: 100%;
        margin-right: 0%;
        height: 45px;
        margin-bottom: 15px;
    }
}

.contact-form-item:nth-child(2n) {
    margin-right: 0;
}

.contact-form-item p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    margin-bottom: 5px;
    opacity: 0.8;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 10px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0.6;
    pointer-events: none;
}

@media only screen and (max-width: 650px) {
    .contact-form-item p {
        display: none;
    }
}

.contact-form-item input {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    border: 0;
    border: 1px solid #e2e2e2;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    text-indent: 10px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    color: #292929;
}

@media only screen and (max-width: 650px) {
    .contact-form-item input {
        text-indent: 6px;
    }
}

.contact-form-item input:focus {
    border-color: #01426a;
}

.contact-form-item:last-child {
    width: 100%;
    margin-right: 0;
    height: 180px;
}

.contact-form-item textarea {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    border: 0;
    border: 1px solid #e2e2e2;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    text-indent: 10px;
    font-weight: 500;
    color: #292929;
    font-size: 17px;
}

.contact-form-item textarea:focus {
    border-color: #a5080b;
}

@media only screen and (max-width: 650px) {
    .contact-form-item textarea {
        text-indent: 6px;
    }
}

.contact-form-item.active p {
    top: -20px !important;
}

.contact-form-item.active span {
    opacity: 0;
}

.contact-form-item span {
    position: absolute;
    top: 60px;
    opacity: 0;
    background-color: #a5080b;
    color: white;
    font-size: 14px;
    padding: 4px 21px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    left: 0;
    z-index: 99;
    pointer-events: none;
    font-family: 'Montserrat', sans-serif;
}

@media only screen and (max-width: 650px) {
    .contact-form-item span {
        top: 43px;
        font-size: 10px;
        padding: 2px 21px;
    }
}

.contact-form-item span:after {
    content: '';
    position: absolute;
    left: 30px;
    top: -10px;
    border-style: solid;
    border-width: 0 9px 10px 9px;
    border-color: transparent transparent #a5080b transparent;
}

@media only screen and (max-width: 650px) {
    .contact-form-item span:after {
        border-width: 0 5px 8px 5px;
        top: -6px;
    }
}

.contact-form-item span.mesajiniz {
    position: absolute;
    bottom: -37px;
    top: auto;
}

@media only screen and (max-width: 650px) {
    .contact-form-item span.mesajiniz {
        bottom: -21px;
    }
}

.contact-form-item:last-child p {
    top: 16%;
}

.contact-form .main-red-button {
    width: 320px;
    border: 0;
}

@media only screen and (max-width: 650px) {
    .contact-form .main-red-button {
        width: 100% !important;
    }
}

.contact-form .success-alert {
    position: absolute;
    right: 0;
    opacity: 0;
    left: 0;
    bottom: 0;
    margin: 0 auto;
    color: #18b768;
    font-size: 31px;
    font-weight: 700;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.main-contact-form .modal-header {
    font-family: 'Montserrat', sans-serif;
    height: 95px !important;
}

@media only screen and (max-width: 650px) {
    .main-contact-form .modal-header {
        height: 75px !important;
    }
}

@media only screen and (max-width: 650px) {
    .main-contact-form .contact-form__form {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 650px) {
    .main-contact-form .contact-form-item input, .main-contact-form .contact-form-item textarea {
        border: 1px solid #e2e2e2;
    }
}

@media only screen and (max-width: 650px) {
    .main-contact-form span {
        top: 44px;
        font-size: 11px;
    }
}

@media only screen and (max-width: 650px) {
    .main-contact-form .main-red-button {
        width: 100% !important;
    }
}

.close-popup {
    position: absolute;
    right: 2%;
    width: 42px;
    top: 24px;
    opacity: 0.6;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.close-popup:hover {
    opacity: 1;
}

@media only screen and (max-width: 650px) {
    .close-popup {
        width: 32px;
        top: 20px !important;
    }
}

@media only screen and (max-width: 650px) {
    .close-popup.video-wall-close {
        top: 5px;
        width: 25px;
    }
}

@media only screen and (max-width: 650px) {
    .general-product .large-title {
        font-size: 25px;
    }
}

@media only screen and (max-width: 320px) {
    .general-product .gallery-bottom-title {
        font-size: 26px;
    }
}

.general-product .title-hidden {
    padding-bottom: 15px;
}

@media only screen and (max-width: 650px) {
    .general-product .title-hidden {
        padding-top: 5px;
    }
}

.general-product .main-desc {
    margin-bottom: 45px;
}

@media only screen and (max-width: 650px) {
    .general-product .main-desc {
        padding: 30px 5px;
        padding-bottom: 30px;
    }
}

@media only screen and (max-width: 650px) {
    .general-product .main-desc {
        padding: 30px 5px;
        padding-bottom: 30px;
    }
}

@media only screen and (max-width: 768px) {
    .general-product .main-red {
        margin-top: 100px;
    }
}

@media only screen and (max-width: 650px) {
    .general-product .main-red {
        margin-top: 0 !important;
    }
}

@media only screen and (max-width: 650px) {
    .general-product .main-red-button {
        margin-bottom: 0;
    }
}

.general-product .main-picture-title {
    max-width: 1180px !important;
}

@media only screen and (max-width: 650px) {
    .general-product .main-picture-title {
        font-size: 38px;
    }
}

@media only screen and (max-width: 320px) {
    .general-product .main-picture-title {
        font-size: 42px;
    }
}

.general-product .main-desc__text {
    text-align: center;
    font-weight: 500;
}

@media only screen and (max-width: 650px) {
    .general-product .main-desc__text {
        width: 91%;
        margin: 0 auto;
        text-align: left !important;
    }
}

.general-product__title {
    max-width: 750px;
    width: 100%;
    margin: 0 auto;
}

.general-product__title .big-title {
    line-height: 1;
    padding-top: 5px;
    padding-bottom: 2px;
}

.general-product-items__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 40px;
    padding-bottom: 30px;
}

.general-product-item {
    width: 380px;
    height: 380px;
    margin-right: 20px;
    margin-bottom: 120px;
}

.general-product-item img {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    height: 100%;
}

@media only screen and (max-width: 1260px) {
    .general-product-item {
        width: 32.2%;
        margin-right: 1.7%;
    }
}

@media only screen and (max-width: 920px) {
    .general-product-item {
        width: 48.4%;
        margin-right: 3.2%;
    }

    .general-product-item:nth-child(3n) {
        margin-right: 3.2% !important;
    }

    .general-product-item:nth-child(2n) {
        margin-right: 0 !important;
    }
}

@media only screen and (max-width: 650px) {
    .general-product-item {
        height: 270px;
    }
}

@media only screen and (max-width: 575px) {
    .general-product-item {
        height: 25vh;
    }
}

@media only screen and (max-width: 320px) {
    .general-product-item {
        height: 150px;
    }
}

.general-product-item__box {
    background: white;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    -webkit-box-shadow: #7373731a 1px 8px 13px 7px;
    box-shadow: #7373731a 1px 8px 13px 7px;
    border-radius: 10px;
}

.general-product-item:nth-child(3n) {
    margin-right: 0;
}

.general-product-item__name {
    font-size: 28px;
    text-align: center;
    margin-top: 34px;
    font-weight: 800;
    letter-spacing: -0.67pt;
}

@media only screen and (max-width: 768px) {
    .general-product-item__name {
        font-size: 30px;
        margin-top: 23px;
        font-weight: 700;
    }
}

@media only screen and (max-width: 650px) {
    .general-product-item__name {
        font-size: 23px;
    }
}

@media only screen and (max-width: 575px) {
    .general-product-item__name {
        font-size: 18px;
    }
}

@media only screen and (max-width: 650px) {
    .general-product.white .general-product-items__container {
        width: 93%;
        margin: 24px auto;
    }
}

@media only screen and (max-width: 650px) {
    .general-product.white .main-picture {
        height: 360px;
    }
}

@media only screen and (max-width: 768px) {
    .general-product.white .main-desc {
        padding-top: 29px;
    }
}

.general-product.white .general-product-wrp .main-red-button {
    margin: 30px auto;
}

.general-product.white .big-title {
    font-size: 64px;
}

@media only screen and (max-width: 768px) {
    .general-product.white .big-title {
        font-size: 54px;
    }
}

.general-product.white .general-product__title {
    max-width: 950px;
}

@media only screen and (max-width: 768px) {
    .general-product.white {
        padding-top: 70px;
    }
}

@media only screen and (max-width: 650px) {
    .general-product.white {
        padding-top: 40px;
    }
}

.general-product.white .main-picture-title {
    max-width: 900px;
}

@media only screen and (max-width: 768px) {
    .general-product.white .main-picture-title {
        top: 60%;
    }
}

.general-product.white .main-picture-title .title-hidden {
    padding-bottom: 0;
}

.general-product.white .main-picture-title h2 {
    padding-bottom: 5px;
}

@media only screen and (max-width: 768px) {
    .general-product.white .main-picture-title h2 {
        text-shadow: #0000005e 1px 2px 10px;
    }
}

@media only screen and (max-width: 650px) {
    .general-product.white .main-picture-title h2 {
        font-size: 34px;
    }
}

@media only screen and (max-width: 600px) {
    .general-product.white .main-red {
        margin-top: 35px;
    }
}

@media only screen and (max-width: 940px) {
    .general-product .custom-container-inner-red {
        width: 91%;
    }
}

@media only screen and (max-width: 650px) {
    .general-product .custom-container-inner-red {
        width: 100%;
    }
}

.general-product .generalPr {
    margin-top: 40px;
}

@media only screen and (max-width: 600px) {
    .general-product .generalPr {
        margin-top: 0px;
    }
}

.general-product .generalPr-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;
    margin-bottom: 70px;
    margin-top: 40px;
}

@media only screen and (max-width: 1175px) {
    .general-product .generalPr-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 35px;
    }
}

@media only screen and (max-width: 600px) {
    .general-product .generalPr-item {
        margin-top: 15px;
    }
}

.general-product .generalPr-item-image {
    width: 640px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media only screen and (max-width: 1024px) {
    .general-product .generalPr-item-image {
        width: 60%;
    }
}

@media only screen and (max-width: 800px) {
    .general-product .generalPr-item-image {
        width: 100%;
        height: auto;
        margin-bottom: 25px;
    }
}

.general-product .generalPr-item-image img {
    width: 100%;
}

.general-product .generalPr-item-text {
    width: 660px;
    height: 337px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    padding-left: 40px;
}

@media only screen and (max-width: 940px) {
    .general-product .generalPr-item-text {
        width: 100%;
        right: 0;
        -webkit-box-pack: end;
        -webkit-justify-content: end;
        -ms-flex-pack: end;
        justify-content: end;
        height: auto;
        padding-left: 19px;
        padding-right: 19px;
    }
}

.general-product .generalPr-item-text__title {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    font-size: 35px;
    font-weight: 700;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.general-product .generalPr-item-text__title:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #d7133d;
}

.general-product .generalPr-item-text__desc {
    font-size: 22.4px;
    color: #6a6a6a;
    letter-spacing: -0.25px;
}

@media only screen and (max-width: 650px) {
    .general-product .generalPr-item-text__desc {
        font-size: 19px;
        text-align: left;
    }
}

@media only screen and (max-width: 320px) {
    .general-product .generalPr-item-text__desc {
        font-size: 18px !important;
    }
}

.general-product .generalPr-item-text__desc.bold {
    font-weight: bold;
    color: #3c3f43;
    line-height: 1.4;
    font-size: 25px;
    margin-bottom: 17px;
    letter-spacing: -0.31px;
}

@media only screen and (max-width: 650px) {
    .general-product .generalPr-item-text__desc.bold {
        font-size: 23px;
    }
}

.general-product .generalPr.check-title .generalPr-item-text__desc {
    font-size: 18.4px;
    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;
    color: #3c3f43;
    margin-bottom: 18px;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.general-product .generalPr.check-title .icon {
    font-size: 19px;
    margin-right: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    top: 4px;
}

.general-product.otel .title-hidden {
    padding-bottom: 0 !important;
}

.general-product.otel .otel-advantages-wrp {
    margin-bottom: 70px;
    padding-left: 19px;
    padding-right: 19px;
}

.general-product.otel .otel-advantages-item {
    margin-bottom: 20px;
    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;
    font-size: 18px;
    color: #3c3f43;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media only screen and (max-width: 320px) {
    .general-product.otel .otel-advantages-item {
        font-size: 17px;
    }
}

.general-product.otel .otel-advantages-item .icon {
    font-size: 24px;
    margin-right: 12px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    top: 4px;
}

.general-product.otel .otel-advantages-title {
    font-size: 32px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 12px;
}

.discount {
    background-color: #01426a;
    color: white;
    padding: 100px 0;
    margin-bottom: 50px;
}

@media only screen and (max-width: 768px) {
    .discount {
        padding-top: 45px;
    }
}

.discount-banner {
    position: relative;
    -webkit-box-shadow: #00000078 1px 13px 20px 9px;
    box-shadow: #00000078 1px 13px 20px 9px;
    border-radius: 12px;
}

.discount-banner__text {
    position: absolute;
    width: 712px;
    right: 7%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media only screen and (max-width: 768px) {
    .discount-banner__text {
        width: 58%;
        top: 74%;
    }
}

@media only screen and (max-width: 650px) {
    .discount-banner__text {
        width: 91%;
        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;
    }
}

.discount-banner h1 {
    font-size: 46px;
    font-weight: 700;
    margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
    .discount-banner h1 {
        font-size: 21px;
    }
}

@media only screen and (max-width: 650px) {
    .discount-banner h1 {
        font-size: 43px;
    }
}

.discount-banner p {
    font-size: 17px;
    font-weight: 200;
    line-height: 25px;
}

@media only screen and (max-width: 768px) {
    .discount-banner p {
        font-size: 14px;
        font-weight: 200;
        line-height: 21px;
    }
}

.discount-banner .main-red-button.white {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.discount-banner .main-red-button.white:hover {
    background-color: #01426a;
    color: white !important;
}

.discount.mobile {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: transparent;
}

@media only screen and (max-width: 650px) {
    .discount.mobile {
        padding-top: 0;
    }
}

.discount.mobile .grup {
    position: absolute;
    top: 8%;
    width: 100%;
}

@media only screen and (max-width: 650px) {
    .discount.mobile .grup {
        top: 6%;
    }
}

@media only screen and (max-width: 320px) {
    .discount.mobile .grup {
        top: 2%;
    }
}

.discount.mobile h1 {
    font-size: 66px;
}

@media only screen and (max-width: 650px) {
    .discount.mobile h1 {
        font-size: 31px;
    }
}

@media only screen and (max-width: 768px) {
    .discount.mobile .custom-container-inner-red {
        width: 100%;
        padding: 0;
        margin: 0;
    }
}

.discount.mobile img {
    width: 100% !important;
}

.discount.mobile .discount-banner {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
}

@media only screen and (max-width: 650px) {
    .discount.mobile .discount-banner h1 {
        font-size: 28px;
    }
}

.discount.mobile p {
    font-size: 34px;
    font-weight: 600;
    margin: 0 auto;
    line-height: 1.3;
    width: 81%;
    margin-top: 45px;
}

@media only screen and (max-width: 650px) {
    .discount.mobile p {
        font-size: 13px;
        width: 90%;
        margin-top: 20px;
    }
}

.discount.mobile .discount-banner__text {
    bottom: 0;
    top: auto;
    width: 64%;
    right: 0px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    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;
}

@media only screen and (max-width: 650px) {
    .discount.mobile .discount-banner__text {
        width: 100%;
    }
}

.list-product .general-product-item {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.list-product .general-product-item__box {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

@media only screen and (max-width: 768px) {
    .solar {
        padding-top: 0;
    }
}

@media only screen and (max-width: 768px) {
    .solar .main-picture {
        padding-top: 41px;
    }
}

@media only screen and (max-width: 650px) {
    .solar .main-picture {
        height: 360px;
    }
}

@media only screen and (max-width: 768px) {
    .solar .main-picture-title {
        top: 65%;
    }
}

@media only screen and (max-width: 650px) {
    .solar .main-picture-title {
        top: 65%;
    }
}

@media only screen and (max-width: 768px) {
    .solar .main-picture-title h2 {
        text-shadow: #0000005e 1px 2px 10px;
    }
}

.solar-title {
    font-size: 56px;
    font-weight: bold;
    text-align: center;
}

@media only screen and (max-width: 768px) {
    .solar-title {
        text-align: left;
        padding-left: 0;
        margin-top: 30px;
        font-size: 39px;
        top: 60%;
    }
}

@media only screen and (max-width: 650px) {
    .solar-title {
        width: 90%;
        margin: 0 auto;
        margin-top: 30px;
    }
}

.solar .generalPr-item-image {
    width: 580px;
}

@media only screen and (max-width: 768px) {
    .solar .generalPr-item-image {
        width: 100%;
    }
}

.solar .generalPr-item-text__desc {
    font-size: 26px;
    color: black;
    font-weight: 600;
}

.solar .generalPr-item {
    margin-top: 70px;
}

@media only screen and (max-width: 768px) {
    .solar .generalPr-item {
        margin-top: 40px;
    }
}

@media only screen and (max-width: 768px) {
    .solar-avantages {
        padding-left: 19px;
        padding-right: 19px;
    }
}

.solar-avantages .row {
    margin-bottom: 60px;
}

@media only screen and (max-width: 650px) {
    .solar-avantages .row {
        height: 500px;
        overflow: hidden;
    }
}

.solar-avantages .row.active {
    height: auto;
}

.solar-avantages .col-md-6 {
    margin-top: 30px;
}

@media only screen and (max-width: 650px) {
    .solar-avantages .col-md-6 {
        margin-top: 0;
    }
}

.solar-avantages__title {
    padding-bottom: 4px;
    font-size: 34px;
    color: black;
    font-weight: 600;
}

@media only screen and (max-width: 650px) {
    .solar-avantages__title {
        color: #01426a;
        font-size: 30px;
    }
}

.solar-avantages__item {
    margin-top: 10px;
    line-height: 2.2;
    position: relative;
    padding-left: 4%;
    font-size: 17px;
    color: black;
    font-weight: 500;
}

@media only screen and (max-width: 768px) {
    .solar-avantages__item {
        margin-top: 20px;
        line-height: 1.7;
    }
}

@media only screen and (max-width: 650px) {
    .solar-avantages__item {
        color: #3c3f43;
        font-size: 19px;
        line-height: 1.5;
        margin-bottom: 16px;
    }
}

.solar-avantages__item:after {
    content: '';
    position: absolute;
    left: 0;
    top: 17px;
    border-radius: 100%;
    background-color: #01426a;
    width: 10px;
    height: 10px;
}

@media only screen and (max-width: 768px) {
    .solar-avantages__item:after {
        width: 6px;
        height: 6px;
        top: 10px;
    }
}

@media only screen and (max-width: 650px) {
    .solar-avantages__item:after {
        background-color: #01426a;
        width: 6px;
        height: 6px;
        top: 11px;
    }
}

.solar-section {
    margin-bottom: 30px;
    margin-top: 75px;
}

@media only screen and (max-width: 768px) {
    .solar-section {
        padding-left: 19px;
        padding-right: 19px;
    }
}

.solar-section__title {
    font-size: 40px;
    color: black;
    font-weight: bold;
}

@media only screen and (max-width: 650px) {
    .solar-section__title {
        color: #01426a;
        font-size: 26px;
        font-weight: 600;
    }
}

.solar-section__text {
    margin-top: 30px;
    font-weight: 400;
    max-width: 780px;
    width: 100%;
    line-height: 1.3;
    margin-bottom: 70px;
    font-size: 26px;
    font-weight: 600;
    line-height: 1.5;
}

@media only screen and (max-width: 940px) {
    .solar-section__text {
        margin-left: 20px;
    }
}

@media only screen and (max-width: 768px) {
    .solar-section__text {
        margin-left: 0px;
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 600px) {
    .solar-section__text {
        width: 100%;
        margin-left: 0;
        font-size: 22px;
        margin-bottom: 32px;
    }
}

.solar-section-wrp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media only screen and (max-width: 940px) {
    .solar-section-wrp {
        display: block;
    }
}

.solar-section-image {
    width: 580px;
    margin-right: 22px;
}

@media only screen and (max-width: 768px) {
    .solar-section-image img {
        width: 100%;
    }
}

.solar-section-image:last-child {
    margin-right: 0;
}

@media only screen and (max-width: 940px) {
    .solar-section-image:last-child {
        display: none;
    }
}

@media only screen and (max-width: 940px) {
    .solar-section-image {
        width: 100%;
        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-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.solar-area {
    margin-bottom: 60px;
}

@media only screen and (max-width: 768px) {
    .solar-area {
        padding-left: 19px;
        padding-right: 19px;
    }
}

@media only screen and (max-width: 768px) {
    .solar-area__wrp {
        width: 91%;
    }
}

@media only screen and (max-width: 650px) {
    .solar-area__wrp .row {
        height: 285px;
        overflow: hidden;
        margin-bottom: 36px;
    }
}

.solar-area__wrp .row.active {
    height: auto;
}

.solar-area__title {
    font-size: 34px;
    color: black;
    font-weight: bold;
    text-align: center;
    padding-bottom: 5px;
}

@media only screen and (max-width: 650px) {
    .solar-area__title {
        color: #01426a;
        text-align: left;
        font-weight: 600;
    }
}

.solar-area__item {
    font-size: 17px;
    line-height: 32px;
    max-width: 350px;
    margin-top: 30px;
}

@media only screen and (max-width: 768px) {
    .solar-area__item {
        max-width: 100%;
        margin-bottom: 20px;
    }
}

.solar .video {
    background-color: #d9dde1;
    padding: 60px 0;
    position: relative;
    margin-bottom: 50px;
}

@media only screen and (max-width: 768px) {
    .solar .video {
        height: auto;
    }
}

.solar .video-title {
    font-size: 34px;
    letter-spacing: -0.81pt;
    width: 660px;
    color: #333330;
    font-weight: 700;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 5px;
}

@media only screen and (max-width: 768px) {
    .solar .video-title {
        z-index: 99;
        color: black;
        font-size: 25px;
        width: 91%;
        margin-bottom: 0;
        text-align: left;
    }
}

.solar .video-center {
    margin-top: 33px;
    position: relative;
    width: 900px;
    margin-bottom: 50px;
}

@media only screen and (max-width: 1024px) {
    .solar .video-center {
        width: 93%;
        background-color: white;
        height: auto;
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
        border-radius: 7px;
    }
}

@media only screen and (max-width: 768px) {
    .solar .video-center {
        padding-bottom: 100px;
        -webkit-box-shadow: #00000012 1px 5px 26px 5px;
        box-shadow: #00000012 1px 5px 26px 5px;
        margin-top: 0;
    }
}

@media only screen and (max-width: 320px) {
    .solar .video-center {
        height: 365px;
    }
}

@media only screen and (max-width: 768px) {
    .solar .video-center img {
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
        margin-bottom: 20px;
    }
}

.solar .video-bottom {
    position: absolute;
    bottom: 0;
    padding: 14px 22px;
    background: -webkit-gradient(linear, left bottom, left top, from(#000000), to(#00000000));
    background: linear-gradient(to top, #000000, #00000000);
    cursor: pointer;
}

@media only screen and (max-width: 768px) {
    .solar .video-bottom {
        background: none;
    }
}

.solar .video-bottom a {
    color: white;
}

@media only screen and (max-width: 768px) {
    .solar .video-bottom a {
        color: #a5080b;
    }
}

.solar .video-bottom .icon {
    font-size: 50px;
    margin-right: 25px;
}

@media only screen and (max-width: 650px) {
    .solar .video-bottom .icon {
        margin-right: 15px;
    }
}

.solar .video-bottom p {
    font-size: 22px;
    font-weight: 500;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: white;
}

@media only screen and (max-width: 768px) {
    .solar .video-bottom p {
        color: #4b77af;
    }
}

@media only screen and (max-width: 650px) {
    .solar .video-bottom p {
        font-size: 19px;
    }
}

.solar .video-bottom__right p {
    font-size: 20px;
    font-weight: 600;
    position: relative;
    top: 9px;
    color: white;
}

@media only screen and (max-width: 768px) {
    .solar .video-bottom__right p {
        color: #4b77af;
    }
}

.solar .video-bottom:hover p {
    color: #a5080b;
}

.modal-body {
    height: 100%;
}

.climate {
    padding-top: 71px !important;
}

@media only screen and (max-width: 900px) {
    .climate {
        padding-top: 40px !important;
    }
}

.climate .main-picture-title {
    top: 57%;
}

@media only screen and (max-width: 768px) {
    .climate .main-desc {
        padding-top: 30px;
    }
}

@media only screen and (max-width: 768px) {
    .climate .main-picture {
        height: 360px;
    }
}

@media only screen and (max-width: 768px) {
    .climate .main-picture-title {
        top: 60%;
        text-shadow: #0000005e 1px 2px 10px;
    }
}

@media only screen and (max-width: 650px) {
    .climate .round-ul p {
        line-height: 27.2px;
        margin-bottom: 10px;
    }

    .climate .round-ul p:after {
        top: 10px;
    }
}

@media only screen and (max-width: 650px) {
    .climate .teknik {
        margin-bottom: 70px !important;
    }
}

.climate .teknik .row.active {
    height: auto !important;
}

@media only screen and (max-width: 650px) {
    .climate .main-picture__title {
        font-size: 34px;
    }
}

@media only screen and (max-width: 650px) {
    .climate-title {
        width: 93%;
        margin: 0 auto;
    }
}

.climate-text {
    font-size: 64px;
    color: black;
    font-weight: bold;
}

@media only screen and (max-width: 650px) {
    .climate-text {
        font-size: 38px;
        text-align: left;
    }
}

.climate-smallTitle {
    font-size: 28px;
    letter-spacing: -0.67pt;
    color: black;
    font-weight: bold;
    margin: 22px;
}

@media only screen and (max-width: 650px) {
    .climate-smallTitle {
        font-size: 23px;
        text-align: left;
        margin-left: 0;
    }
}

.climate-small {
    max-width: 830px;
    margin: 0 auto;
    font-size: 17px;
    color: black;
    font-weight: 500;
}

@media only screen and (max-width: 650px) {
    .climate-small {
        text-align: left;
        line-height: 32px;
    }
}

.climate .series {
    margin-top: 25px;
}

.climate .series-title {
    font-size: 28px;
    letter-spacing: -0.67pt;
    font-weight: bold;
}

.climate .series-tab {
    max-width: 880px;
    width: 91%;
    font-family: 'Montserrat', sans-serif;
    margin: 0 auto;
    margin-bottom: 85px;
}

.climate .series__item {
    margin-top: 30px;
    width: 280px;
    height: 64px;
    display: block;
    border-radius: 5px;
    border: 2px solid #9cc4c6;
    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-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #18666a !important;
    font-size: 19px;
    font-weight: bolder;
    cursor: pointer;
    letter-spacing: -0.46pt;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.climate .series__item:hover {
    background-color: #01426a;
    border-color: transparent;
    color: white !important;
}

@media only screen and (max-width: 768px) {
    .climate .series__item {
        margin-right: 3%;
        text-align: center;
        font-size: 17px;
        padding: 7px;
    }
}

@media only screen and (max-width: 650px) {
    .climate .series__item {
        font-size: 15px;
    }
}

.climate .series-gen {
    margin-bottom: 80px;
    margin-top: -20px;
}

@media only screen and (max-width: 768px) {
    .climate .series-gen {
        margin-top: -50px;
    }
}

@media only screen and (max-width: 650px) {
    .climate .series-gen {
        margin-bottom: 120px;
    }
}

.climate .series-gen .more-mobile {
    margin-top: 20px;
    left: 3%;
    position: relative;
}

@media only screen and (max-width: 650px) {
    .climate .series-gen .row {
        height: 205px;
        overflow: hidden;
    }
}

@media only screen and (max-width: 320px) {
    .climate .series-gen .row {
        height: 263px;
        overflow: hidden;
    }
}

.climate .series-gen .row.active {
    height: auto;
}

@media only screen and (max-width: 768px) {
    .climate .series-gen .mobile-text {
        margin-left: 0;
        font-size: 40px !important;
        margin-bottom: 20px !important;
        line-height: 1.4 !important;
        font-weight: bold;
    }
}

@media only screen and (max-width: 650px) {
    .climate .series-gen .mobile-text {
        font-size: 26px !important;
        margin-left: 5%;
    }
}

.climate .series-gen .title {
    color: white;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #01426a;
    width: 580px;
    height: 248px;
}

@media only screen and (max-width: 768px) {
    .climate .series-gen .title {
        width: 100%;
        display: none !important;
    }
}

.climate .series-gen .title h2 {
    width: 380px;
    font-size: 56px;
    font-weight: bold;
}

.climate .series-gen .desc {
    padding-left: 105px;
    margin-top: 60px;
}

@media only screen and (max-width: 768px) {
    .climate .series-gen .desc {
        padding-left: 0;
        width: 93%;
        margin: 35px auto;
    }
}

.climate .series-gen .desc-text {
    font-size: 26px;
    font-weight: bold;
    color: #213e42;
    line-height: 42px;
    opacity: 0.7;
    max-width: 580px;
}

.climate .series-gen .desc h2 {
    font-size: 26px;
    color: black;
    font-weight: bold;
    margin-bottom: 35px;
}

.climate .series-gen-series-1 .pdf {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 10px 22px;
    height: auto;
}

@media only screen and (max-width: 768px) {
    .climate .series-gen.series-2 .desc {
        margin-top: 65px;
    }
}

.climate .series-gen.series-2 .title {
    background-color: #01426a;
}

.climate .series-gen.series-2 .image {
    height: 440px;
    background-color: rgb(165, 8, 11);
}

@media only screen and (max-width: 650px) {
    .climate .series-gen.series-2 .image {
        height: 300px;
        margin-top: 61px;
    }
}

@media only screen and (max-width: 320px) {
    .climate .series-gen.series-2 .image {
        height: 245px;
    }
}

@media only screen and (max-width: 650px) {
    .climate .series-gen.series-2 .image img {
        width: 70%;
    }
}

.climate .series-gen.series-2 .image-grup {
    width: 361px;
    margin-right: 6%;
    top: -25px;
}

@media only screen and (max-width: 768px) {
    .climate .series-gen.series-2 .image-grup {
        width: 75%;
        margin-right: 0;
        margin: 60px auto;
    }
}

@media only screen and (max-width: 650px) {
    .climate .series-gen.series-2 .image-grup {
        width: 85%;
        margin-right: 0;
    }
}

.climate .series-gen.series-2 .image-left:first-child .open-plus {
    top: 40%;
    right: 6%;
}

@media only screen and (max-width: 650px) {
    .climate .series-gen.series-2 .image-left:first-child .open-plus {
        right: 30%;
    }
}

.climate .series-gen.series-2 .image-left:last-child .open-plus {
    top: 30%;
    right: 2%;
}

@media only screen and (max-width: 650px) {
    .climate .series-gen.series-2 .image-left:last-child .open-plus {
        right: 30%;
    }
}

@media only screen and (max-width: 650px) {
    .climate .series-gen.series-2 h2 {
        margin-bottom: 14px;
        margin-left: 3%;
    }
}

@media only screen and (max-width: 650px) {
    .climate .series-gen.series-2 .round-ul {
        margin-bottom: 34px;
    }
}

.climate .series-gen.series-3 .pdf {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 10px 22px;
    height: auto;
}

@media only screen and (max-width: 650px) {
    .climate .series-gen.series-3 .pdf {
        width: 100%;
    }
}

@media only screen and (max-width: 650px) {
    .climate .series-gen.series-3 .round-ul {
        margin-bottom: 30px;
        margin-left: 9%;
    }
}

@media only screen and (max-width: 650px) {
    .climate .series-gen.series-3 h2 {
        margin-bottom: 7px;
        font-size: 17px;
        line-height: 1.8;
        width: 93%;
        margin: 0 auto;
    }
}

.climate .multi {
    background-color: #f5f8f7;
    padding: 70px 0;
    margin-top: 55px;
}

@media only screen and (max-width: 650px) {
    .climate .multi {
        margin-top: 0;
    }
}

.climate .multi-title {
    max-width: 930px;
    width: 91%;
    margin: 0 auto;
    margin-bottom: 50px;
}

.climate .multi-title p {
    max-width: 446px;
    font-size: 17px;
    font-weight: 500;
    color: black;
    margin-top: 35px;
    line-height: 25px;
    margin-bottom: 20px;
}

@media only screen and (max-width: 650px) {
    .climate .multi-title p {
        line-height: 32px;
    }
}

.climate .multi-title p.last {
    max-width: 435px;
    margin-left: auto;
}

.climate .multi-text {
    font-size: 64px;
    font-weight: bold;
    color: black;
}

@media only screen and (max-width: 650px) {
    .climate .multi-text {
        font-size: 36px;
    }
}

@media only screen and (max-width: 320px) {
    .climate .multi-text {
        font-size: 32px;
    }
}

.climate .multi-f {
    margin-top: 95px;
}

@media only screen and (max-width: 650px) {
    .climate .multi-f {
        margin-top: 0;
    }
}

.climate .multi-f__wrp {
    margin-bottom: 80px;
    margin-top: 60px;
}

@media only screen and (max-width: 650px) {
    .climate .multi-f__wrp {
        padding-left: 48%;
    }
}

.climate .multi-f .title {
    font-size: 34px;
    letter-spacing: -0.81px;
    font-weight: bold;
}

.climate .multi-f .swiper-container {
    overflow: visible;
}

.climate .multi-f .swiper-slide {
    width: 280px;
    height: 376px;
    background-color: white;
    border-radius: 7px;
    -webkit-box-shadow: #0000002b 1px 1px 15px 4px;
    box-shadow: #0000002b 1px 1px 15px 4px;
}

@media only screen and (max-width: 650px) {
    .climate .multi-f .swiper-wrapper {
        padding-left: 72%;
    }
}

.climate .multi-f__item {
    padding: 30px 0;
    position: relative;
    height: 100%;
}

.climate .multi-f__item .open-plus {
    top: inherit;
    bottom: 21%;
    right: 42px;
}

.climate .multi-f__item h3 {
    text-align: center;
    font-size: 19px;
    font-weight: 600;
    letter-spacing: -0.46px;
    line-height: 25px;
    color: black;
}

.climate .multi-f__item p {
    font-size: 14px;
    width: 198px;
    margin: 0 auto;
    font-weight: 600;
    text-align: center;
}

.climate .multi-f__item img {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-55%);
    transform: translateY(-55%);
    left: 0;
    right: 0;
    margin: 0 auto;
}

.climate .vrs {
    background-color: white;
    padding: 60px 0;
}

.climate .vrs .pdf {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 10px 22px;
    height: auto;
}

@media only screen and (max-width: 650px) {
    .climate .vrs .pdf {
        width: 93%;
    }
}

@media only screen and (max-width: 650px) {
    .climate .vrs .pdf .icon {
        font-size: 33px;
    }
}

.climate .vrs .open-plus {
    top: inherit;
    bottom: 35px;
    right: 40px;
}

.climate .vrs-wrp {
    max-width: 912px;
    width: 91%;
    margin: 0 auto;
    margin-bottom: 75px;
}

.climate .vrs h2 {
    font-size: 64px;
    color: black;
    margin: 0 auto;
    font-weight: bold;
    line-height: 1.1;
}

@media only screen and (max-width: 768px) {
    .climate .vrs h2 {
        font-size: 55px;
        margin-top: 20px;
    }
}

@media only screen and (max-width: 650px) {
    .climate .vrs h2 {
        font-size: 36px;
    }
}

.climate .vrs-item {
    max-width: 466px;
    font-size: 17px;
    font-weight: 500;
    color: black;
    line-height: 25px;
    padding-top: 20px;
    margin-top: 16px;
}

@media only screen and (max-width: 650px) {
    .climate .vrs-item {
        line-height: 32px;
    }
}

.climate .vrs .swiper-container {
    overflow: visible;
}

@media only screen and (max-width: 650px) {
    .climate .vrs .swiper-wrapper {
        padding-left: 5%;
    }
}

.climate .vrs .swiper-slide {
    width: 380px;
    height: 524px;
    -webkit-box-shadow: #0000002b 1px 1px 15px 4px;
    box-shadow: #0000002b 1px 1px 15px 4px;
    border-radius: 12px;
}

@media only screen and (max-width: 1366px) {
    .climate .vrs .swiper-slide {
        width: 370px;
    }
}

@media only screen and (max-width: 768px) {
    .climate .vrs .swiper-slide {
        width: 335px;
        height: 454px;
    }
}

@media only screen and (max-width: 650px) {
    .climate .vrs .swiper-slide {
        width: 280px;
        height: 400px;
    }
}

@media only screen and (max-width: 320px) {
    .climate .vrs .swiper-slide {
        width: 250px;
        height: 350px;
    }
}

.climate .vrs .swiper-slide:nth-child(1) .vrs__item .image {
    padding-top: 24%;
    height: 270px;
}

@media only screen and (max-width: 650px) {
    .climate .vrs .swiper-slide:nth-child(1) .vrs__item .image {
        padding-top: initial;
        height: 250px;
    }
}

.climate .vrs .swiper-slide:nth-child(2) .vrs__item .image {
    padding-top: 24%;
    height: 270px;
}

@media only screen and (max-width: 650px) {
    .climate .vrs .swiper-slide:nth-child(2) .vrs__item .image {
        padding-top: initial;
        height: 250px;
    }
}

.climate .vrs .swiper-slide:nth-child(3) .vrs__item .image {
    height: 360px;
}

@media only screen and (max-width: 650px) {
    .climate .vrs .swiper-slide:nth-child(3) .vrs__item .image {
        height: 250px;
    }
}

.climate .vrs__item {
    position: relative;
    border-radius: 7px;
}

.climate .vrs__item .vrs-logos {
    position: absolute;
    top: 0;
    padding: 19px 25px;
}

.climate .vrs__item .image {
    text-align: center;
}

@media only screen and (max-width: 768px) {
    .climate .vrs__item .image {
        padding: 8%;
        position: relative;
        top: 28px;
        height: 250px;
    }
}

.climate .vrs__item h3 {
    font-size: 28.8px;
    color: black;
    font-weight: bold;
    padding: 19px 25px;
    width: 295px;
}

@media only screen and (max-width: 768px) {
    .climate .vrs__item h3 {
        padding: 0px 25px;
        font-size: 24.8px;
        width: 89%;
    }
}

@media only screen and (max-width: 650px) {
    .climate .vrs__item h3 {
        font-size: 25.8px;
        width: 84% !important;
        position: relative;
        top: -25px;
    }
}

@media only screen and (max-width: 320px) {
    .climate .vrs__item h3 {
        font-size: 21.7px;
        width: 81% !important;
        position: relative;
        top: -57px;
    }
}

.climate .vrs-prop {
    margin-top: 50px;
    margin-bottom: 80px;
    padding-left: 14%;
}

.climate .vrs-prop .more-mobile {
    margin-left: 3%;
}

@media only screen and (max-width: 768px) {
    .climate .vrs-prop {
        padding-left: 3%;
    }
}

@media only screen and (max-width: 650px) {
    .climate .vrs-prop .row {
        height: 285px;
        overflow: hidden;
        margin-bottom: 26px;
    }
}

@media only screen and (max-width: 320px) {
    .climate .vrs-prop .row {
        height: 354px;
    }
}

.climate .vrs-prop .row.active {
    height: auto;
}

.climate .vrs-prop .wrs-prop__item {
    max-width: 528px;
}

.climate .vrs-prop .wrs-prop__item p {
    color: black;
}

@media only screen and (max-width: 650px) {
    .climate .vrs-prop .wrs-prop__item {
        width: 100%;
        padding-right: 8%;
    }
}

.climate .wall {
    background-color: #eff6f8;
    padding: 85px 0;
    margin-bottom: 55px;
}

.climate .wall-mainImg .wall-img:first-child .open-plus {
    top: 25%;
    right: 12%;
}

.climate .wall-mainImg .wall-img:last-child {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-left: auto;
    margin-top: -138px;
    margin-right: -11%;
}

.climate .wall-mainImg .wall-img:last-child .open-plus {
    top: 10%;
    right: 40%;
}

@media only screen and (max-width: 768px) {
    .climate .wall-mainImg .wall-img:last-child {
        margin-right: -4%;
    }
}

@media only screen and (max-width: 650px) {
    .climate .wall-mainImg .wall-img:last-child {
        margin-top: 0;
        margin-right: 6%;
    }
}

.climate .wall-top {
    max-width: 980px;
    width: 92%;
    margin: 0 auto;
    text-align: center;
}

.climate .wall-title {
    font-size: 64px;
    font-weight: bold;
}

@media only screen and (max-width: 650px) {
    .climate .wall-title {
        text-align: left;
        font-size: 44px;
    }
}

.climate .wall-desc {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 35px;
    margin-top: 35px;
}

@media only screen and (max-width: 650px) {
    .climate .wall-desc {
        font-size: 20px;
        margin-top: 3px;
    }
}

@media only screen and (max-width: 650px) {
    .climate .wall-center {
        width: 93%;
        margin: 0 auto;
        margin-top: 30px;
    }
}

.climate .wall-center .wall-item {
    padding-top: 11%;
    margin-bottom: 100px;
}

.climate .wall-center .wall-item .wall-center__image:first-child .open-plus {
    top: 20%;
    left: 15%;
    right: auto;
}

.climate .wall-center .wall-item .wall-center__image:last-child .open-plus {
    top: -4%;
    left: inherit;
    right: 20%;
}

.climate .wall-center__right {
    margin-bottom: 40px;
}

.climate .wall-center__right h4 {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 40px;
}

@media only screen and (max-width: 768px) {
    .kitchen {
        padding-top: 71px;
    }
}

@media only screen and (max-width: 650px) {
    .kitchen {
        padding-top: 40px;
    }
}

@media only screen and (max-width: 650px) {
    .kitchen-picture {
        height: 360px;
    }
}

@media only screen and (max-width: 650px) {
    .kitchen-picture-title h2 {
        font-size: 38px;
    }
}

@media only screen and (max-width: 768px) {
    .kitchen .generalPr-item-text__desc {
        text-align: left;
        font-weight: 500;
    }
}

.kitchen .big-title {
    font-size: 64px;
    margin-bottom: 20px;
}

@media only screen and (max-width: 650px) {
    .kitchen .generalPr-item-text__desc {
        font-weight: 100;
        line-height: 32px;
    }
}

@media only screen and (max-width: 768px) {
    .kitchen .main-desc {
        padding-top: 38px;
    }
}

@media only screen and (max-width: 768px) {
    .kitchen .main-picture-title {
        top: 57%;
    }
}

@media only screen and (max-width: 768px) {
    .kitchen .main-picture__title {
        text-shadow: #0000005e 1px 2px 10px;
    }
}

.kitchen .accordions {
    max-width: 100%;
    margin: 50px 0;
    border-top: 1px solid #d8d8d8 !important;
}

.kitchen .accordions .card,
.kitchen .accordions .card:last-child .card-header {
    border: none;
}

.kitchen .generalPr .card {
    border-bottom: 1px solid #d8d8d8 !important;
    border-radius: 0 !important;
    padding: 15px 0 !important;
    padding-bottom: 17px;
}

.kitchen .accordions .card-header {
    border-bottom-color: #d8d8d8;
    background: transparent;
    border-bottom: none !important;
    border-radius: 0 !important;
}

.kitchen .accordions .fa-stack {
    font-size: 18px;
    position: absolute;
    right: 0;
}

.kitchen .accordions .btn {
    width: 100%;
    font-weight: bold;
    color: #1f2024;
    padding: 0;
    font-size: 24px;
    text-align: left;
}

.kitchen .accordions .btn-link:hover,
.kitchen .accordions .btn-link:focus {
    text-decoration: none;
}

.kitchen .accordions .fa-circle {
    color: white;
}

.kitchen .fa-inverse {
    color: red !important;
}

.kitchen .accordions .fa-plus {
    color: red;
}

.kitchen .accordions li + li {
    margin-top: 10px;
}

.kitchen .prop-title {
    text-align: center;
    font-weight: 800;
    font-size: 37px;
    color: black;
}

.kitchen .gallery-kitchen .swiper-slide {
    width: 130px !important;
    height: 204px !important;
    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-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media only screen and (max-width: 320px) {
    .kitchen .gallery-kitchen .swiper-slide {
        width: 100px !important;
    }
}

.kitchen .title-hidden {
    padding-bottom: 0;
}

@media only screen and (max-width: 768px) {
    .kitchen .big-title {
        font-size: 44px !important;
    }
}

@media only screen and (max-width: 575px) {
    .kitchen .big-title {
        font-size: 36px !important;
    }
}

.kitchen-slider {
    background: -webkit-gradient(linear, left top, left bottom, from(#cea790), to(#937562));
    background: linear-gradient(to bottom, #cea790, #937562);
    border-radius: 8px;
    padding: 0 64px;
    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;
    max-width: 1090px;
    width: 100%;
    height: 440px;
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 80px;
}

@media only screen and (max-width: 940px) {
    .kitchen-slider {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        margin-top: 50px;
        height: auto;
        padding: 0;
    }
}

@media only screen and (max-width: 768px) {
    .kitchen-slider {
        width: 95%;
    }
}

.kitchen-slider__left {
    width: 480px;
}

@media only screen and (max-width: 940px) {
    .kitchen-slider__left {
        width: 100%;
        text-align: center;
        margin-top: 75px;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }
}

@media only screen and (max-width: 600px) {
    .kitchen-slider__left {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 940px) {
    .kitchen-slider__right {
        margin-top: -75px;
        width: 80%;
    }
}

@media only screen and (max-width: 650px) {
    .kitchen-slider__right {
        margin-top: -40px;
    }
}

@media only screen and (max-width: 940px) {
    .kitchen-slider__right .big-title {
        font-size: 43px !important;
    }
}

.kitchen-slider__right .gallery-thumbs .swiper-wrapper {
    padding: 14px 17px;
}

@media only screen and (max-width: 940px) {
    .kitchen-slider__right .gallery-thumbs .swiper-wrapper {
        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-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media only screen and (max-width: 650px) {
    .kitchen-slider__right .gallery-thumbs .swiper-wrapper {
        padding: 45px 0px;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.kitchen-slider__right .gallery-thumbs .swiper-slide {
    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-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 93px !important;
    height: 89px;
    margin-right: 10px;
    border-radius: 100%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    cursor: pointer;
}

@media only screen and (max-width: 940px) {
    .kitchen-slider__right .gallery-thumbs .swiper-slide {
        width: 90px !important;
    }
}

.kitchen-slider__right .gallery-thumbs .swiper-slide:after {
    content: '';
    position: absolute;
    width: 82%;
    height: 85%;
    background-color: #01426a;
    border-radius: 100%;
    z-index: -9;
    opacity: 0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
}

@media only screen and (max-width: 650px) {
    .kitchen-slider__right .gallery-thumbs .swiper-slide:after {
        width: 85%;
    }
}

.kitchen-slider__right .gallery-thumbs .swiper-slide:before {
    content: '';
    position: absolute;
    width: 122%;
    height: 126%;
    z-index: -1;
    background-color: rgb(1 66 106 / 21%);
    border-radius: 100%;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}

.kitchen-slider__right .swiper-slide-thumb-active {
    border-color: #cccccc !important;
    position: relative;
}

.kitchen-slider__right .swiper-slide-thumb-active:after {
    opacity: 1 !important;
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important;
}

.kitchen-slider__right .swiper-slide-thumb-active:before {
    opacity: 1 !important;
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important;
}

.kitchen-slider .gallery-top {
    margin-top: 60px;
}

@media only screen and (max-width: 940px) {
    .kitchen-slider .gallery-top {
        overflow: visible;
    }
}

@media only screen and (max-width: 940px) {
    .kitchen-slider .gallery-top img {
        width: 52%;
        position: relative;
        z-index: 999999;
        top: -50px;
    }
}

@media only screen and (max-width: 768px) {
    .kitchen-slider .gallery-top img {
        width: 80%;
    }
}

@media only screen and (max-width: 650px) {
    .kitchen-slider .gallery-top img {
        width: 85%;
    }
}

@media only screen and (max-width: 600px) {
    .kitchen-slider .gallery-top {
        margin-top: 109px;
    }
}

.kitchen-slider .gallery-thumbs {
    margin-top: 45px;
}

@media only screen and (max-width: 940px) {
    .kitchen-slider .gallery-thumbs {
        margin-top: 80px;
        margin-bottom: -30px;
        position: relative;
        top: -50px;
        overflow: visible;
    }
}

.kitchen-slider .big-title {
    position: relative;
    color: white;
    text-align: left;
    font-size: 51px;
    width: 350px;
}

.kitchen-slider .small-title {
    font-size: 17px !important;
    margin-top: 23px !important;
    color: white !important;
    font-weight: 400 !important;
    width: 100% !important;
    text-align: left;
    font-family: inherit !important;
}

@media only screen and (max-width: 940px) {
    .kitchen-slider .small-title {
        margin-bottom: 50px;
        margin-top: 60px;
    }
}

.kitchen .custom-container-inner-red {
    max-width: 1180px;
    width: 90%;
}

@media only screen and (max-width: 1024px) {
    .kitchen .custom-container-inner-red {
        width: 100%;
    }
}

.kitchen .small-title {
    font-size: 24px;
    color: black;
    font-weight: bold;
    letter-spacing: -0.33px;
    width: 80%;
    margin: 0 auto;
}

@media only screen and (max-width: 650px) {
    .kitchen .small-title {
        font-size: 18px !important;
    }
}

.kitchen .generalPr.first .generalPr-item {
    margin-bottom: -55px;
}

@media only screen and (max-width: 940px) {
    .kitchen .generalPr.first .generalPr-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 40px;
    }
}

.kitchen .generalPr.first .generalPr-item-text__desc {
    font-size: 17px;
    color: black;
    letter-spacing: -0.18px;
    font-weight: 500;
    line-height: 1.6;
    margin-top: 10px;
    text-align: left;
}

@media only screen and (max-width: 940px) {
    .kitchen .generalPr.first .generalPr-item-text__desc {
        font-size: 24px;
        text-align: left;
    }
}

@media only screen and (max-width: 650px) {
    .kitchen .generalPr.first .generalPr-item-text__desc {
        font-size: 19px;
        font-weight: 100;
    }
}

@media only screen and (max-width: 320px) {
    .kitchen .generalPr.first .generalPr-item-text__desc {
        font-size: 18px;
    }
}

.kitchen .generalPr.first .generalPr-item-text__desc.bold {
    font-weight: bold;
    color: #1f2024;
    font-size: 34px;
    line-height: 1.2;
    margin-bottom: 7px;
    position: relative;
    text-align: left;
}

@media only screen and (max-width: 940px) {
    .kitchen .generalPr.first .generalPr-item-text__desc.bold {
        font-size: 36px;
    }
}

@media only screen and (max-width: 650px) {
    .kitchen .generalPr.first .generalPr-item-text__desc.bold {
        font-size: 26px !important;
    }
}

.kitchen .generalPr-item {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.kitchen .generalPr-item-image, .kitchen .generalPr-item-text {
    width: 480px;
}

@media only screen and (max-width: 940px) {
    .kitchen .generalPr-item-image, .kitchen .generalPr-item-text {
        width: 100% !important;
        margin-left: 0;
    }
}

.kitchen .generalPr-item-image {
    margin-bottom: 0;
}

@media only screen and (max-width: 768px) {
    .kitchen .generalPr-item-image {
        margin-bottom: 30px;
    }
}

.kitchen .generalPr-item-text {
    width: 480px;
}

@media only screen and (max-width: 940px) {
    .kitchen .generalPr-item-text {
        padding-left: 0;
        margin-top: 10px;
    }
}

.kitchen .generalPr-item.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.kitchen .generalPr-item.reverse .generalPr-item-text {
    margin-left: 0;
    margin-right: 60px;
}

@media only screen and (max-width: 940px) {
    .kitchen .generalPr-item.reverse .generalPr-item-text {
        margin-right: 0;
    }
}

.kitchen .telve {
    margin-top: 100px;
}

.kitchen .telve .big-title {
    position: relative;
    font-size: 56px;
    color: white;
    margin-bottom: -4px;
}

@media only screen and (max-width: 650px) {
    .kitchen .telve .big-title {
        font-size: 32px !important;
        text-align: left;
    }
}

.kitchen .telve .small-title {
    max-width: 100%;
    color: #ffffff;
    font-weight: 400;
    width: 95%;
    font-size: 17px;
    margin: 0 auto;
    margin-top: 8px;
    letter-spacing: -0.27pt;
}

@media only screen and (max-width: 650px) {
    .kitchen .telve .small-title {
        font-size: 20px;
        text-align: left;
        margin-top: 20px;
        margin-left: 0;
    }
}

.kitchen .telve-wrp {
    height: 262px;
    margin-top: 180px;
    margin-bottom: 51px;
}

@media only screen and (max-width: 1024px) {
    .kitchen .telve-wrp {
        height: auto;
    }
}

.kitchen .telve-wrp__bottom {
    position: relative;
    top: -25px;
}

@media only screen and (max-width: 768px) {
    .kitchen .telve-wrp__bottom {
        width: 80%;
        margin: 0 auto;
        top: -55px;
        margin-top: 40px;
    }
}

@media only screen and (max-width: 650px) {
    .kitchen .telve-wrp__bottom {
        margin-top: 0;
    }
}

.kitchen .telve-item {
    margin-top: -50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    background-image: url(../../../../images/otelkahve.jpg);
    background-size: cover;
    background-position: center center;
    height: 440px;
    border-radius: 8px;
}

@media only screen and (max-width: 1024px) {
    .kitchen .telve-item {
        height: auto;
    }
}

.kitchen .telve-item:first-child {
    text-align: right;
    padding-right: 55px;
}

@media only screen and (max-width: 940px) {
    .kitchen .telve-item:first-child {
        padding-right: 0;
    }
}

.kitchen .telve-item:last-child {
    text-align: left;
    padding-left: 55px;
}

@media only screen and (max-width: 940px) {
    .kitchen .telve-item:last-child {
        padding-left: 0;
    }
}

@media only screen and (max-width: 650px) {
    .kitchen .telve-item:last-child {
        width: 95%;
        margin: 0 auto;
        margin-top: -80px;
    }
}

.kitchen .telve-item img {
    position: relative;
    top: -50px;
}

.kitchen .telve-item__images {
    max-width: 825px;
    width: 100%;
    margin: 0 auto;
    margin-top: 23px;
    height: 300px;
}

@media only screen and (max-width: 650px) {
    .kitchen .telve-item__images {
        height: auto;
    }
}

.kitchen .telve-item__subImg {
    position: relative;
}

.kitchen .telve-item__subImg:nth-child(2) .tooltip-product {
    bottom: -30px;
    top: auto;
}

@-webkit-keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.6);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.6);
        opacity: 0;
    }
}

@keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.6);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.6);
        opacity: 0;
    }
}

.kitchen .telve-subItem {
    margin-top: 220px;
}

@media only screen and (max-width: 940px) {
    .kitchen .telve-subItem {
        margin-top: 0;
    }
}

.kitchen .telve-subItem-wrp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 31px;
    display: none;
}

.kitchen .telve-subItem__title {
    color: #1f2024;
    text-align: center;
    font-size: 34px;
    letter-spacing: -0.33pt;
    margin-bottom: 14px;
    font-weight: 700;
}

@media only screen and (max-width: 940px) {
    .kitchen .telve-subItem__title {
        font-size: 36px;
        font-weight: bold;
        text-align: left;
        color: black;
    }
}

@media only screen and (max-width: 650px) {
    .kitchen .telve-subItem__title {
        font-size: 4vh;
    }
}

.kitchen .telve-subItem__desc {
    color: black;
    max-width: 700px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    font-weight: 500;
    font-size: 17px;
    letter-spacing: -0.18pt;
    margin-bottom: 53px;
}

@media only screen and (max-width: 650px) {
    .kitchen .telve-subItem__desc {
        text-align: left;
        font-size: 18px;
        font-weight: 100;
    }
}

@media only screen and (max-width: 320px) {
    .kitchen .telve-subItem__desc {
        font-size: 18px;
    }
}

.kitchen .telve-subItem-image {
    width: 480px;
    margin-right: 23px;
}

.kitchen .telve-subItem-image:last-child {
    margin-right: 0;
}

.kitchen .telve-subItem .generalPr-item {
    position: relative;
    margin-bottom: 20px;
    margin-top: 0;
}

@media only screen and (max-width: 1080px) {
    .kitchen .telve-subItem .generalPr-item {
        width: 49%;
        margin-right: 1%;
    }
}

@media only screen and (max-width: 940px) {
    .kitchen .telve-subItem .generalPr-item {
        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;
        margin-bottom: 30px;
    }
}

.kitchen .telve-subItem .generalPr-item h1 {
    position: absolute;
   bottom: 10px;
    color: white;
    letter-spacing: -1.67pt;
    font-size: 28px;
    font-weight: 600;
    padding: 28px;
}

.kitchen .telve-subItem .generalPr-item:nth-child(3) .open-plus {
    top: 41%;
    right: initial;
    left: 159px;
}

.kitchen .telve-subItem .generalPr-item:nth-child(4) .open-plus {
    top: 50%;
    right: 25%;
}

.kitchen .telve-subItem-imgWrp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 980px;
    margin: 0 auto;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 50px;
}

.kitchen .telve .generalPr-item-text__desc {
    font-size: 16px;
    color: #6e757e;
    letter-spacing: -0.18px;
    font-weight: 500;
    line-height: 1.6;
    margin-top: 10px;
}

@media only screen and (max-width: 940px) {
    .kitchen .telve .generalPr-item-text__desc {
        font-size: 24px;
    }
}

@media only screen and (max-width: 650px) {
    .kitchen .telve .generalPr-item-text__desc {
        font-size: 19px;
        font-weight: 100;
        line-height: 32px;
    }
}

.kitchen .telve .generalPr-item-text__desc.bold {
    position: relative;
    font-size: 25px;
    color: black;
    font-weight: bold;
}

@media only screen and (max-width: 940px) {
    .kitchen .telve .generalPr-item-text__desc.bold {
        font-size: 36px;
    }
}

@media only screen and (max-width: 650px) {
    .kitchen .telve .generalPr-item-text__desc.bold {
        font-size: 26px !important;
        line-height: 1.1;
    }
}

.kitchen .telve .generalPr-item-text__desc.bold:after {
    content: '';
    position: absolute;
    width: 81px;
    height: 4px;
    bottom: -16px;
    left: 0;
    background-color: red;
}

.kitchen-otel {
    position: relative;
    margin-top: 65px;
    background-color: rgba(226, 39, 39, 0.08);
    padding: 130px;
    margin-bottom: 0px;
}

@media only screen and (max-width: 650px) {
    .kitchen-otel .main-red-button {
        width: 100% !important;
    }
}

@media only screen and (max-width: 650px) {
    .kitchen-otel .custom-container-inner-red {
        width: 100%;
    }
}

@media only screen and (max-width: 1200px) {
    .kitchen-otel {
        padding: 130px 0;
        margin-bottom: 0;
        margin-top: 0;
        padding-top: 0;
    }
}

@media only screen and (max-width: 650px) {
    .kitchen-otel {
        background-color: rgba(226, 39, 39, 0.08);
        padding-bottom: 0;
        padding: 220px 0;
        padding-bottom: 60px;
    }
}

.kitchen-otel .otel-mainText {
    padding: 0 100px;
}

@media only screen and (max-width: 960px) {
    .kitchen-otel .otel-mainText {
        padding: 0;
        width: 94%;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 650px) {
    .kitchen-otel .otel-mainText__desc {
        padding: 0;
        width: 97%;
        margin: 0 auto;
    }
}

.kitchen-otel .otel-mainText__desc h2 {
    font-size: 17px;
    line-height: 25px;
    padding: 50px 0;
    color: black;
}

@media only screen and (max-width: 650px) {
    .kitchen-otel .otel-mainText__desc h2 {
        line-height: 32px;
        font-weight: 400;
    }
}

.kitchen-otel .otel-mainText__desc h3 {
    color: #1f2024;
    font-size: 28px;
    letter-spacing: -0.67pt;
    font-weight: 700;
    padding: 30px 0;
    padding-bottom: 25px;
}

@media only screen and (max-width: 650px) {
    .kitchen-otel .otel-mainText__desc h3 {
        line-height: 1.4;
    }
}

.kitchen-otel .otel-mainText__desc h4 {
    color: #1f2024;
    font-size: 26px;
    letter-spacing: -0.67pt;
    font-weight: 600;
    margin-bottom: 15px;
}

.kitchen-otel .otel-mainText__desc p {
    font-size: 17px;
    color: black;
    font-weight: 500;
}

@media only screen and (max-width: 650px) {
    .kitchen-otel .otel-mainText__desc p {
        line-height: 32px;
        font-weight: 400;
    }
}

.kitchen-otel .otel-mainText__sub {
    padding-left: 3%;
}

.kitchen-otel .otel-mainText__sub span {
    position: relative;
    font-size: 22px;
    color: #1a1a1a;
    font-weight: 700;
    margin-bottom: 10px;
}

@media only screen and (max-width: 650px) {
    .kitchen-otel .otel-mainText__sub span {
        font-weight: 500;
    }
}

.kitchen-otel .otel-mainText__sub span:after {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    left: -21px;
    top: 16px;
    background-color: #1a1a1a;
    border-radius: 100%;
}

.kitchen-otel .otel-banner {
    position: relative;
}

@media only screen and (max-width: 650px) {
    .kitchen-otel .otel-banner {
        margin-top: -65px;
    }
}

.kitchen-otel .otel-banner__text {
    position: absolute;
    top: 0;
    color: white;
    width: 406px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: 100px;
}

@media only screen and (max-width: 768px) {
    .kitchen-otel .otel-banner__text {
        margin-left: 30px;
    }
}

@media only screen and (max-width: 650px) {
    .kitchen-otel .otel-banner__text {
        position: relative;
        color: black;
        width: 91%;
        margin-left: 0;
        margin: 0 auto;
        margin-top: 50px;
    }
}

.kitchen-otel .otel-banner__title {
    font-size: 64px;
    margin-bottom: 35px;
    font-weight: bold;
}

@media only screen and (max-width: 768px) {
    .kitchen-otel .otel-banner__title {
        margin-bottom: 22px;
        line-height: 1;
    }
}

@media only screen and (max-width: 650px) {
    .kitchen-otel .otel-banner__title {
        font-size: 48px;
    }
}

.kitchen-otel .otel-banner__desc {
    font-size: 17px;
}

@media only screen and (max-width: 650px) {
    .kitchen-otel .otel-banner__desc {
        line-height: 32px;
    }
}

@media only screen and (max-width: 650px) {
    .kitchen-otel .otel-banner img {
        margin-top: -55px;
    }
}

.kitchen-otel-system {
    margin-bottom: 85px;
}

.kitchen-otel-system .col-md-6 {
    max-width: 440px;
}

.kitchen-otel-system h2 {
    font-size: 28px !important;
    font-weight: bold;
    letter-spacing: -0.67pt;
    padding-bottom: 35px !important;
}

.kitchen-otel-system h3 {
    font-size: 26px !important;
}

@media only screen and (max-width: 768px) {
    .kitchen-otel-system h3 {
        font-size: 25px !important;
    }
}

.kitchen-otel-system p {
    font-size: 17px !important;
    font-weight: 400 !important;
    margin-top: 22px;
    line-height: 30px;
}

@media only screen and (max-width: 1440px) {
    .kitchen-otel-system__item {
        max-width: 95%;
    }
}

@media only screen and (max-width: 768px) {
    .kitchen-otel-system__item {
        width: 93%;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 650px) {
    .kitchen-otel-system__item {
        width: 100%;
    }
}

.kitchen .kitchen-led {
    background-color: #1f2024;
    padding: 90px 0;
}

@media only screen and (max-width: 650px) {
    .kitchen .kitchen-led {
        margin-top: 0px;
    }
}

@media only screen and (max-width: 650px) {
    .kitchen .kitchen-led .custom-container-inner-red {
        width: 100%;
    }
}

.kitchen .kitchen-led h2 {
    color: white;
    font-size: 68px;
    text-align: center;
    font-weight: bold;
}

@media only screen and (max-width: 650px) {
    .kitchen .kitchen-led h2 {
        font-size: 40px;
    }
}

.kitchen .kitchen-led .swiper-wrapper {
    padding: 90px 0px;
}

.kitchen .kitchen-led .swiper-slide {
    position: relative;
    width: 385px !important;
}

@media only screen and (max-width: 650px) {
    .kitchen .kitchen-led .swiper-slide {
        width: 320px !important;
    }
}

@media only screen and (max-width: 320px) {
    .kitchen .kitchen-led .swiper-slide {
        width: 280px !important;
    }
}

.kitchen .kitchen-led .swiper-slide .icon {
    margin: 0 auto;
    background-color: #bfbfbf;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    font-size: 22px;
    padding: 7px;
    margin-top: 43px;
    display: none;
}

.kitchen .kitchen-led__item {
    position: relative;
    cursor: pointer;
}

.kitchen .kitchen-led__item h3 {
    margin: 0 auto;
    width: 220px;
    text-align: center;
    font-size: 19px;
    color: white;
    letter-spacing: -0.46pt;
    margin-top: 33px;
}

.kitchen .kitchen-led__item:after {
    content: '';
    position: absolute;
    width: 49%;
    height: 65%;
    right: 0;
    left: 0;
    margin: 0 auto;
    background-color: rgb(1, 66, 106);
    border-radius: 100%;
    top: -4px;
    z-index: -1;
    -webkit-box-shadow: rgb(1, 66, 106) 5px 5px 53px 45px;
    box-shadow: rgb(1, 66, 106) 5px 5px 53px 45px;
    border: transparent;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}

.kitchen .kitchen-led__item:hover:after {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.kitchen .kitchen-product {
    background-color: #f6f3f2;
    padding: 60px 0;
}

.kitchen .kitchen-product__wrp {
    margin-bottom: 50px;
}

@media only screen and (max-width: 768px) {
    .kitchen .kitchen-product__wrp {
        width: 91%;
        margin: 0 auto;
        margin-bottom: 45px;
    }
}

.kitchen .kitchen-product h2 {
    font-size: 64px;
    font-weight: bold;
    color: black;
    text-align: center;
    margin-bottom: 60px;
}

@media only screen and (max-width: 960px) {
    .kitchen .kitchen-product h2 {
        font-size: 55px;
    }
}

@media only screen and (max-width: 650px) {
    .kitchen .kitchen-product h2 {
        font-size: 43px;
    }
}

.kitchen .kitchen-product__item {
    position: relative;
    width: 280px;
    height: 285px;
    background-color: white;
    margin-right: 20px;
    margin-bottom: 20px;
    border-radius: 6px;
    -webkit-box-shadow: #01426a52 0px 10px 16px -2px;
    box-shadow: #01426a52 0px 10px 16px -2px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.kitchen .kitchen-product__item p {
    position: absolute;
    bottom: 0;
    font-size: 20px;
    color: #01426a;
    font-weight: 600;
    padding: 18px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

@media only screen and (max-width: 650px) {
    .kitchen .kitchen-product__item p {
        font-size: 16px;
    }
}

.kitchen .kitchen-product__item:nth-child(4n) {
    margin-right: 0;
}

.kitchen .kitchen-product__item .open-plus {
    top: 92px;
    right: 65px;
}

@media only screen and (max-width: 1330px) {
    .kitchen .kitchen-product__item {
        width: 23.7%;
        margin-right: 1.7%;
    }
}

@media only screen and (max-width: 1024px) {
    .kitchen .kitchen-product__item {
        width: 32.2%;
    }

    .kitchen .kitchen-product__item:nth-child(3n) {
        margin-right: 0;
    }

    .kitchen .kitchen-product__item:nth-child(4n) {
        margin-right: 1.7%;
    }
}

@media only screen and (max-width: 768px) {
    .kitchen .kitchen-product__item {
        width: 49.1%;
        text-align: center;
    }

    .kitchen .kitchen-product__item:nth-child(3n) {
        margin-right: 1.7%;
    }

    .kitchen .kitchen-product__item:nth-child(2n) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 650px) {
    .kitchen .kitchen-product__item {
        height: 220px;
        width: 48%;
        margin-right: 4% !important;
    }

    .kitchen .kitchen-product__item:nth-child(2n) {
        margin-right: 0 !important;
    }
}

@media only screen and (max-width: 1175px) {
    .kitchen .generalPr-item {
        -webkit-box-orient: initial;
        -webkit-box-direction: initial;
        -webkit-flex-direction: initial;
        -ms-flex-direction: initial;
        flex-direction: initial;
    }
}

.otel-room {
    margin-bottom: 60px;
}

@media only screen and (max-width: 650px) {
    .otel-room .otel-banner__title {
        font-size: 46px;
    }
}

@media only screen and (max-width: 650px) {
    .otel-room .otel-banner {
        margin-top: -140px;
    }

    .otel-room .otel-banner__text {
        padding-top: 190px;
    }
}

@media only screen and (max-width: 650px) {
    .otel-room {
        padding-bottom: 40px;
    }
}

@media only screen and (max-width: 650px) {
    .otel-room img {
        margin-top: -170px !important;
    }
}

.kitchen-design {
    padding-top: 0;
}

.kitchen-design .modal-body {
    height: 100%;
}

.kitchen-design .main-picture {
    margin-top: 110px;
}

@media only screen and (max-width: 960px) {
    .kitchen-design .main-picture {
        margin-top: 71px !important;
        height: 460px;
    }
}

@media only screen and (max-width: 768px) {
    .kitchen-design .main-picture {
        margin-top: 71px !important;
        height: auto;
    }
}

@media only screen and (max-width: 650px) {
    .kitchen-design .main-picture {
        margin-top: 0px !important;
        height: 360px;
    }
}

@media only screen and (max-width: 768px) {
    .kitchen-design .main-picture-title {
        top: 55%;
    }
}

@media only screen and (max-width: 650px) {
    .kitchen-design .main-picture-title {
        top: 60%;
    }
}

@media only screen and (max-width: 650px) {
    .kitchen-design .main-picture__title {
        font-size: 39px;
        text-shadow: #0000005e 1px 2px 10px;
    }
}

.kitchen-design .custom-container-inner-red {
    max-width: 1180px;
}

@media only screen and (max-width: 1024px) {
    .kitchen-design .custom-container-inner-red {
        width: 96%;
    }
}

@media only screen and (max-width: 650px) {
    .kitchen-design .custom-container-inner-red {
        width: 100%;
    }
}

.kitchen-design .kitchen {
    margin-bottom: 120px;
}

@media only screen and (max-width: 650px) {
    .kitchen-design .kitchen {
        margin-bottom: 60px;
        padding-top: 0;
    }
}

.kitchen-design .kitchen .big-title {
    font-size: 64px;
}

@media only screen and (max-width: 650px) {
    .kitchen-design .kitchen .big-title {
        font-size: 35px !important;
    }
}

@media only screen and (max-width: 320px) {
    .kitchen-design .kitchen .big-title {
        font-size: 30px !important;
    }
}

.kitchen-design .kitchen-item {
    margin-top: 60px;
}

@media only screen and (max-width: 650px) {
    .kitchen-design .kitchen-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 30px;
    }
}

.kitchen-design .kitchen-item-text {
    width: 500px;
}

@media only screen and (max-width: 650px) {
    .kitchen-design .kitchen-item-text {
        width: 100%;
        padding: 0 4%;
    }
}

.kitchen-design .kitchen-item-text__desc {
    font-size: 26px;
    color: #000000;
    font-weight: bold;
}

@media only screen and (max-width: 1024px) {
    .kitchen-design .kitchen-item-text__desc {
        font-size: 2.2vw;
    }
}

@media only screen and (max-width: 650px) {
    .kitchen-design .kitchen-item-text__desc {
        font-size: 19px;
        font-weight: 500;
        line-height: 32px;
    }
}

.kitchen-design .kitchen-item-image {
    margin-right: 42px;
}

@media only screen and (max-width: 650px) {
    .kitchen-design .kitchen-item-image {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }
}

.kitchen-design .architect {
    width: 100%;
    height: 344px;
    background-color: #c4aa8c;
    color: white;
    border-radius: 12px;
    padding: 0 100px;
    margin-bottom: 90px;
}

.kitchen-design .architect .title-hidden {
    padding-bottom: 4px;
}

@media only screen and (max-width: 1200px) {
    .kitchen-design .architect {
        padding: 0 3vw;
    }
}

@media only screen and (max-width: 1024px) {
    .kitchen-design .architect {
        height: 300px;
    }
}

@media only screen and (max-width: 900px) {
    .kitchen-design .architect {
        font-size: 245px;
    }
}

@media only screen and (max-width: 650px) {
    .kitchen-design .architect {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0;
        height: auto;
        border-radius: 0;
        background-color: transparent;
        margin-bottom: 40px;
    }
}

.kitchen-design .architect-text {
    width: 480px;
    height: 100%;
    margin-right: 5%;
}

@media only screen and (max-width: 650px) {
    .kitchen-design .architect-text {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
        padding: 75px 4%;
        padding-bottom: 0;
        margin-right: 0;
        padding-top: 30px;
    }
}

.kitchen-design .architect-title {
    font-size: 40px;
    font-weight: 600;
}

@media only screen and (max-width: 1024px) {
    .kitchen-design .architect-title {
        font-size: 3.3vw;
    }
}

@media only screen and (max-width: 650px) {
    .kitchen-design .architect-title {
        color: #4b77af;
        font-size: 30px;
    }
}

.kitchen-design .architect-desc {
    font-size: 17px;
    padding-top: 25px;
}

@media only screen and (max-width: 1024px) {
    .kitchen-design .architect-desc {
        font-size: 1.8vw;
    }
}

@media only screen and (max-width: 650px) {
    .kitchen-design .architect-desc {
        color: black;
        font-size: 19px;
        line-height: 32px;
    }
}

.kitchen-design .architect-image {
    width: 400px;
    height: 403px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media only screen and (max-width: 1024px) {
    .kitchen-design .architect-image {
        width: 44%;
    }
}

@media only screen and (max-width: 650px) {
    .kitchen-design .architect-image {
        height: 250px !important;
    }
}

.kitchen-design .architect-image img {
    border-radius: 11px;
    -webkit-box-shadow: 0 19px 41px -2px #5e5c5c;
    box-shadow: 0 19px 41px -2px #5e5c5c;
}

@media only screen and (max-width: 650px) {
    .kitchen-design .architect-image img {
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

@media only screen and (max-width: 650px) {
    .kitchen-design .architect-image {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        height: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
    }
}

.kitchen-design .video {
    background-color: #d9dde1;
    height: 728px;
    padding: 60px 0;
    position: relative;
}

@media only screen and (max-width: 650px) {
    .kitchen-design .video {
        height: auto;
        padding-top: 15px;
        padding-bottom: 50px;
    }
}

.kitchen-design .video .title-hidden {
    margin-bottom: -15px;
    padding-bottom: 15px;
}

.kitchen-design .video-title {
    font-size: 34px;
    letter-spacing: -0.81pt;
    width: 506px;
    color: #333330;
    font-weight: 700;
    text-align: center;
    margin: 0 auto;
}

@media only screen and (max-width: 768px) {
    .kitchen-design .video-title {
        z-index: 99;
        color: black;
        font-size: 25px;
        width: 91%;
        margin-bottom: 0;
        text-align: left;
        margin-top: 22px;
    }
}

.kitchen-design .video-center {
    position: relative;
    width: 900px;
    margin-top: 33px;
}

@media only screen and (max-width: 1024px) {
    .kitchen-design .video-center {
        width: 93%;
        background-color: white;
        height: auto;
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
        border-radius: 7px;
    }
}

@media only screen and (max-width: 768px) {
    .kitchen-design .video-center {
        padding-bottom: 100px;
        -webkit-box-shadow: #00000012 1px 5px 26px 5px;
        box-shadow: #00000012 1px 5px 26px 5px;
    }
}

@media only screen and (max-width: 320px) {
    .kitchen-design .video-center {
        height: 365px;
    }
}

@media only screen and (max-width: 650px) {
    .kitchen-design .video-center img {
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
    }
}

.kitchen-design .video-bottom {
    position: absolute;
    bottom: 0;
    padding: 22px 22px;
    background: -webkit-gradient(linear, left bottom, left top, from(#000000), to(#00000000));
    background: linear-gradient(to top, #000000, #00000000);
    cursor: pointer;
}

.kitchen-design .video-bottom:hover p {
    color: #a5080b;
}

@media only screen and (max-width: 768px) {
    .kitchen-design .video-bottom {
        background: none;
    }
}

.kitchen-design .video-bottom a {
    color: white;
}

@media only screen and (max-width: 768px) {
    .kitchen-design .video-bottom a {
        color: #4b77af;
    }
}

.kitchen-design .video-bottom .icon {
    font-size: 50px;
    margin-right: 25px;
}

@media only screen and (max-width: 650px) {
    .kitchen-design .video-bottom .icon {
        margin-right: 11px;
    }
}

.kitchen-design .video-bottom p {
    font-size: 22px;
    font-weight: 500;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.kitchen-design .video-bottom__right p {
    font-size: 20px;
    font-weight: 600;
    position: relative;
    top: 9px;
    color: white;
}

@media only screen and (max-width: 768px) {
    .kitchen-design .video-bottom__right p {
        color: #a5080b;
    }
}

.kitchen-design .checks {
    max-width: 1007px;
    width: 95%;
    margin: 0 auto;
    padding: 90px 0;
}

@media only screen and (max-width: 650px) {
    .kitchen-design .checks {
        width: 91%;
        padding-top: 55px;
    }
}

.kitchen-design .checks-wrp {
    margin-top: 75px;
}

@media only screen and (max-width: 650px) {
    .kitchen-design .checks-wrp {
        margin-bottom: 50px;
        margin-top: 50px;
    }
}

.kitchen-design .checks-title {
    font-size: 40px;
    font-weight: 700;
}

@media only screen and (max-width: 650px) {
    .kitchen-design .checks-title {
        font-size: 30px;
    }
}

.kitchen-design .checks-item {
    margin-bottom: 75px;
    margin-right: 33px;
}

@media only screen and (max-width: 650px) {
    .kitchen-design .checks-item {
        width: 100%;
        margin-bottom: 20px;
        margin-right: 0;
    }
}

.kitchen-design .checks-item:nth-child(5n) {
    margin-right: 0;
}

@media only screen and (max-width: 1070px) {
    .kitchen-design .checks-item:nth-child(5n) {
        margin-right: 33px;
    }
}

.kitchen-design .checks-item .icon {
    font-size: 30px;
    margin-right: 10px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    top: 1px;
    position: relative;
}

@media only screen and (max-width: 650px) {
    .kitchen-design .checks-item .icon {
        font-size: 26px;
        top: 0px;
    }
}

.kitchen-design .checks-item p {
    font-size: 18px;
    letter-spacing: 0.2px;
    color: black;
    font-weight: bold;
}

@media only screen and (max-width: 650px) {
    .kitchen-design .checks-item p {
        font-size: 21px;
        font-weight: 500;
    }
}

.kitchen-design .ankastre {
    width: 100%;
    height: 600px;
    padding: 90px 0;
    background-color: rgba(196, 170, 140, 0.478431);
    margin-bottom: 85px;
}

@media only screen and (max-width: 1024px) {
    .kitchen-design .ankastre {
        height: auto;
    }
}

.kitchen-design .ankastre-wrp {
    max-width: 1080px;
    width: 95%;
    margin: 0 auto;
}

.kitchen-design .ankastre-image {
    margin-right: 115px;
}

@media only screen and (max-width: 1024px) {
    .kitchen-design .ankastre-image {
        width: 55%;
        margin-right: 4%;
    }
}

@media only screen and (max-width: 650px) {
    .kitchen-design .ankastre-image {
        width: 100%;
        margin-right: 0;
        margin-bottom: 65px;
    }
}

.kitchen-design .ankastre-image img {
    width: 100%;
}

.kitchen-design .ankastre-title {
    font-size: 64px;
    color: black;
    font-weight: 700;
}

@media only screen and (max-width: 650px) {
    .kitchen-design .ankastre-title {
        font-size: 40px;
    }
}

.kitchen-design .ankastre-text {
    width: 480px;
}

@media only screen and (max-width: 1024px) {
    .kitchen-design .ankastre-text {
        width: 94%;
    }
}

.kitchen-design .ankastre-text-wrp {
    margin-top: 120px;
    margin-bottom: 120px;
}

@media only screen and (max-width: 650px) {
    .kitchen-design .ankastre-text-wrp {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 50px;
    }
}

.kitchen-design .ankastre-text__title {
    font-size: 28px;
    letter-spacing: -0.67px;
    line-height: 38px;
    font-weight: bold;
    margin-bottom: 25px;
}

.kitchen-design .ankastre-text__desc {
    font-size: 17px;
    color: black;
    font-weight: 500;
}

@media only screen and (max-width: 650px) {
    .kitchen-design .ankastre-text__desc {
        line-height: 32px;
    }
}

@media only screen and (max-width: 650px) {
    .pomp-safe .kitchen-slider__right {
        width: 90%;
    }
}

.pomp-safe .main-desc {
    margin-bottom: 95px;
}

@media only screen and (max-width: 650px) {
    .pomp-safe .main-desc {
        margin-bottom: 45px;
    }
}

.pomp-safe .gallery .small-title {
    width: 100% !important;
}

@media only screen and (max-width: 650px) {
    .pomp-safe .grup {
        width: 80%;
        margin: 0 auto;
        padding-top: 15px;
    }
}

.pomp-safe .big-title {
    font-size: 64px;
    line-height: 1.2;
}

@media only screen and (max-width: 650px) {
    .pomp-safe .big-title {
        line-height: 1.3;
        width: 95%;
        margin: 0 auto;
    }
}

.pomp-safe .small-title {
    width: 70% !important;
    padding-left: 0;
    margin: 0;
}

@media only screen and (max-width: 650px) {
    .pomp-safe .small-title {
        width: 100% !important;
    }
}

.pomp-safe .prop {
    margin-bottom: 50px;
}

.pomp-safe .kitchen-slider {
    max-width: 1180px;
    margin-bottom: 50px;
    background: linear-gradient(to top, #01426a, #3c6a88);
}

.pomp-safe .kitchen-slider .big-title {
    font-size: 56px;
}

.pomp-safe .kitchen-slider .swiper-slide {
    text-align: center;
}

.pomp-safe .kitchen-slider .swiper-slide p {
    position: absolute;
    bottom: 5%;
    color: white;
    font-size: 22px;
    font-weight: 500;
    left: 2%;
    z-index: 9999999;
}

@media only screen and (max-width: 768px) {
    .pomp-safe .kitchen-slider .swiper-slide p {
        top: 0;
        left: 9%;
    }
}

@media only screen and (max-width: 650px) {
    .pomp-safe .kitchen-slider .swiper-slide p {
        bottom: 10%;
        top: initial;
        text-align: left;
    }
}

@media only screen and (max-width: 650px) {
    .pomp-safe .kitchen-slider .swiper-slide:after {
        height: 69%;
    }

    .pomp-safe .kitchen-slider .swiper-slide:before {
        height: 96%;
        width: 121%;
    }
}

@media only screen and (max-width: 320px) {
    .pomp-safe .kitchen-slider .swiper-slide:after {
        height: 58%;
    }

    .pomp-safe .kitchen-slider .swiper-slide:before {
        height: 79%;
        width: 119%;
    }
}

.pomp-safe .kitchen-slider .gallery-thumbs {
    margin-top: 25px;
}

.pomp-safe .kitchen-slider .gallery-top {
    overflow: visible;
}

@media only screen and (max-width: 768px) {
    .pomp-safe .kitchen-slider .gallery-top img {
        width: auto;
    }
}

@media only screen and (max-width: 650px) {
    .pomp-safe .kitchen-slider__right .swiper-slide {
        width: 70px !important;
    }
}

@media only screen and (max-width: 320px) {
    .pomp-safe .kitchen-slider__right .swiper-slide {
        width: 60px !important;
    }
}

@media only screen and (max-width: 768px) {
    .pomp-safe .kitchen-slider__right .big-title {
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .pomp-safe .kitchen-slider__right .grup {
        margin-bottom: 70px;
    }
}

.pomp-safe .kitchen-slider__left .swiper-slide {
    height: 350px;
    margin-top: -60px;
    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-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media only screen and (max-width: 768px) {
    .pomp-safe .properties {
        width: 93%;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 650px) {
    .pomp-safe .properties {
        width: 91%;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 650px) {
    .pomp-safe .properties .main-red-button {
        width: 100% !important;
    }
}

.pomp-safe .properties__item {
    max-width: 540px;
}

@media only screen and (max-width: 650px) {
    .pomp-safe .properties__item {
        margin-bottom: 35px;
        width: 100%;
    }
}

.pomp-safe .properties__item h2 {
    font-size: 34px;
    font-weight: bold;
    letter-spacing: -0.81pt;
    line-height: 52px;
    margin-bottom: 30px;
}

@media only screen and (max-width: 650px) {
    .pomp-safe .properties__item h2 {
        color: #01426a;
        line-height: 43px;
    }
}

.pomp-safe .properties__item p {
    font-size: 17px;
    line-height: 32px;
}

.pomp-safe .pcr {
    background-color: rgba(70, 96, 72, 0.22);
    padding: 35px;
    margin-top: 70px;
    padding-bottom: 75px;
}

@media only screen and (max-width: 650px) {
    .pomp-safe .pcr {
        padding: 25px;
    }
}

@media only screen and (max-width: 650px) {
    .pomp-safe .pcr .main-red-button {
        width: 100% !important;
    }
}

.pomp-safe .pcr-left {
    max-width: 312px;
    width: 100%;
}

@media only screen and (max-width: 992px) {
    .pomp-safe .pcr-left {
        max-width: 100%;
        text-align: center;
        background-color: #ced2cc;
        border-radius: 16px;
        padding-bottom: 120px;
    }
}

@media only screen and (max-width: 768px) {
    .pomp-safe .pcr-left {
        padding-bottom: 0;
    }
}

@media only screen and (max-width: 650px) {
    .pomp-safe .pcr-left {
        padding-bottom: 60px;
    }
}

.pomp-safe .pcr-right {
    margin-left: 20px;
    margin-top: 20px;
}

@media only screen and (max-width: 650px) {
    .pomp-safe .pcr-right {
        margin-left: 0;
        width: 97%;
        margin: 0 auto;
        margin-top: -100px;
    }
}

@media only screen and (max-width: 320px) {
    .pomp-safe .pcr-right {
        margin-top: -140px;
    }
}

.pomp-safe .pcr .custom-container-inner-red {
    background-color: #ced2cc;
    border-radius: 12px;
    margin-bottom: 80px;
}

@media only screen and (max-width: 650px) {
    .pomp-safe .pcr .custom-container-inner-red {
        background-color: transparent;
        margin-bottom: 0;
    }
}

.pomp-safe .pcr-wrp {
    padding: 60px 0px;
    padding-bottom: 0px;
    margin-top: 55px;
}

.pomp-safe .pcr .title {
    font-size: 64px;
    font-weight: bold;
}

@media only screen and (max-width: 650px) {
    .pomp-safe .pcr .title {
        font-size: 35px;
        text-align: left !important;
        padding-bottom: 0px;
    }
}

.pomp-safe .pcr h3 {
    font-size: 34px;
    font-weight: bold;
    margin-bottom: 32px;
}

@media only screen and (max-width: 650px) {
    .pomp-safe .pcr h3 {
        text-align: center;
        font-size: 27px;
        padding-bottom: 75px;
        width: 90%;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 320px) {
    .pomp-safe .pcr h3 {
        padding-bottom: 24px;
    }
}

.pomp-safe .pcr__item {
    margin-bottom: 40px;
    width: 269px;
}

@media only screen and (max-width: 1370px) {
    .pomp-safe .pcr__item {
        width: 30%;
    }
}

@media only screen and (max-width: 650px) {
    .pomp-safe .pcr__item {
        width: 100%;
    }
}

.pomp-safe .pcr__item h2 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
}

.pomp-safe .pcr__item p {
    font-size: 17px;
}

.pomp-safe .pcr-image {
    margin-left: 10px;
}

@media only screen and (max-width: 650px) {
    .pomp-safe .pcr-image {
        margin-top: -95px;
    }
}

.pomp-safe .barcode {
    max-width: 1060px;
    width: 91%;
    margin: 0 auto;
    padding-bottom: 75px;
}

@media only screen and (max-width: 650px) {
    .pomp-safe .barcode .main-red-button {
        width: 100% !important;
        margin-top: 50px;
    }
}

.pomp-safe .barcode-wrp {
    margin-bottom: 100px;
}

@media only screen and (max-width: 650px) {
    .pomp-safe .barcode-wrp {
        margin-bottom: 0;
    }
}

.pomp-safe .barcode h2 {
    font-size: 64px;
    font-weight: bold;
    padding: 70px;
    padding-bottom: 0px;
}

@media only screen and (max-width: 768px) {
    .pomp-safe .barcode h2 {
        font-size: 54px;
    }
}

@media only screen and (max-width: 650px) {
    .pomp-safe .barcode h2 {
        padding: 60px 0;
        font-size: 35px;
        text-align: left !important;
        padding-bottom: 0;
    }
}

.pomp-safe .barcode__item {
    padding-top: 70px;
}

.pomp-safe .barcode__item p {
    position: relative;
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 10px;
    color: #1a1a1a;
}

@media only screen and (max-width: 650px) {
    .pomp-safe .barcode__item p {
        font-weight: 500;
        color: #3c3f43;
        font-size: 19px;
    }
}

.pomp-safe .barcode__item p:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #01426a;
    left: -20px;
    top: 16px;
    border-radius: 100%;
}

@media only screen and (max-width: 650px) {
    .pomp-safe .barcode__item p:after {
        top: 10px;
    }
}

.water {
    background-color: white !important;
}

@media only screen and (max-width: 650px) {
    .water .pid__text {
        margin-top: 40px !important;
    }
}

.water .pid-prop .row {
    height: auto !important;
    margin-bottom: 0;
}

.water .kitchen-design .checks {
    margin-top: 0;
    padding-top: 0;
    -webkit-box-pack: space-evenly !important;
    -webkit-justify-content: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important;
}

@media only screen and (max-width: 650px) {
    .water .kitchen-design .checks {
        margin-bottom: 0;
        padding-bottom: 0;
    }
}

.water .begin {
    margin-top: 100px;
}

@media only screen and (max-width: 768px) {
    .water .begin {
        margin-top: 35px;
    }
}

.water .begin h2 {
    font-size: 64px;
    color: black;
    text-align: center;
    font-weight: bold;
    padding-bottom: 60px;
}

@media only screen and (max-width: 650px) {
    .water .begin h2 {
        font-size: 40px;
    }
}

.water .begin p {
    color: black;
    width: 480px;
    font-size: 40px;
    font-weight: bold;
    line-height: 50.2px;
}

@media only screen and (max-width: 768px) {
    .water .begin p {
        font-size: 28px;
        font-weight: bold;
        line-height: 42.2px;
    }
}

@media only screen and (max-width: 650px) {
    .water .begin p {
        color: #a5080b;
        font-size: 32px;
        line-height: 41.4px;
    }
}

.water .begin .pid-prop__item p {
    color: black;
    font-size: 17px;
    line-height: 32px;
    font-weight: 500;
}

.water .tecnicalItem h2 {
    font-size: 34px !important;
    text-align: left;
    letter-spacing: -0.81px;
    padding-bottom: 18px;
}

.water .tecnicalItem p {
    font-size: 17px;
    line-height: 32px;
    font-weight: 400;
}

.water .tecnology {
    padding-bottom: 80px;
}

@media only screen and (max-width: 650px) {
    .water .tecnology {
        width: 93%;
        margin: 0 auto;
    }
}

.water .tecnology .round-ul {
    margin-top: 50px;
}

.water .tecnology__title {
    font-size: 34px;
    letter-spacing: -0.81px;
    font-weight: bold;
}

@media only screen and (max-width: 650px) {
    .water .tecnology__title {
        color: #a5080b;
        font-size: 32px;
    }
}

.water .tecnology__desc {
    font-size: 17px;
    line-height: 32px;
}

.water .tecnology .wrp {
    max-width: 1040px;
    width: 95%;
    margin: 0 auto;
}

.water .tecnology .aritma {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 70px 50px;
    padding-bottom: 15px;
}

@media only screen and (max-width: 768px) {
    .water .tecnology .aritma {
        padding: 70px 0;
        padding-bottom: 0;
    }
}

.water .tecnology .aritma h3 {
    width: 480px;
    font-size: 26px;
    font-weight: 600;
    line-height: 42px;
}

@media only screen and (max-width: 768px) {
    .water .tecnology .aritma h3 {
        width: 100%;
    }
}

@media only screen and (max-width: 650px) {
    .water .tecnology .aritma h3 {
        color: #a5080b;
    }
}

.water .area {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1040px;
    width: 95%;
    margin: 0 auto;
    margin-bottom: 80px;
}

.water .area .desc {
    max-width: 475px;
}

.water .area img {
    width: 470px;
}

.water .area h2 {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 20px;
}

@media only screen and (max-width: 650px) {
    .water .area h2 {
        color: #a5080b;
        margin-top: 20px;
    }
}

.water .area p {
    font-size: 17px;
    line-height: 32px;
}

.water .solar {
    background-color: #fff1f1;
    padding-bottom: 75px;
    margin-bottom: 70px;
    padding-top: 19px;
}

@media only screen and (max-width: 650px) {
    .water .solar .custom-container-inner-red {
        width: 89%;
    }
}

.water .solar .video {
    background-color: transparent;
    height: auto;
    padding-bottom: 21px;
    margin-bottom: 3px;
}

@media only screen and (max-width: 650px) {
    .water .solar .video {
        padding-bottom: 0;
        margin-bottom: 0;
    }
}

.water .solar .video-center {
    width: 101%;
}

@media only screen and (max-width: 650px) {
    .water .solar .video-center {
        margin-bottom: 0px;
    }
}

.water .solar h2 {
    font-size: 26px;
    padding-left: 7%;
}

@media only screen and (max-width: 650px) {
    .water .solar .main-red-button {
        margin-top: 60px;
        width: 100% !important;
    }
}

@media only screen and (max-width: 768px) {
    .profesyonel {
        padding-top: 71px;
    }
}

@media only screen and (max-width: 650px) {
    .profesyonel {
        padding-top: 40px;
    }
}

.profesyonel .kitchen-otel-system__item .round-ul {
    display: none;
}

.profesyonel .kitchen-otel-system__item .round-ul.active {
    display: block;
}

.profesyonel .kitchen-otel-system__item .more-mobile {
    margin-top: 20px;
}

@media only screen and (max-width: 650px) {
    .profesyonel .main-picture {
        height: 360px;
    }
}

@media only screen and (max-width: 650px) {
    .profesyonel .main-picture__title {
        font-size: 36px;
    }
}

@media only screen and (max-width: 768px) {
    .profesyonel .otel-banner__title {
        font-size: 46px;
    }
}

@media only screen and (max-width: 650px) {
    .profesyonel .otel-mainText__sub {
        padding-left: 6%;
    }
}

@media only screen and (max-width: 768px) {
    .profesyonel .kitchen-otel {
        padding-top: 71px;
        margin-top: 60px;
    }
}

@media only screen and (max-width: 650px) {
    .profesyonel .kitchen-otel {
    padding-top: 60px;
    margin-top: 60px;
        padding-bottom: 0;
    }
}

@media only screen and (max-width: 768px) {
    .profesyonel .kitchen-otel-system h2 {
        font-size: 24px !important;
    }
}

@media only screen and (max-width: 768px) {
    .profesyonel .main-picture__title {
        text-shadow: #0000005e 1px 2px 10px;
    }
}

@media only screen and (max-width: 768px) {
    .profesyonel .main-picture-title {
        top: 60%;
    }
}

.profesyonel .main-desc {
    background-color: #e9eff8;
}

@media only screen and (max-width: 768px) {
    .profesyonel .main-desc {
        padding-top: 30px;
    }
}

.profesyonel .gallery.js-title {
    padding-bottom: 80px;
    background-color: white;
    padding-top: 100px;
}

@media only screen and (max-width: 650px) {
    .profesyonel .gallery.js-title {
        padding-top: 30px;
    }
}

.profesyonel .main-red {
    margin-top: 0 !important;
}

.profesyonel .otel-banner img {
    border-radius: 12px;
}

@media only screen and (max-width: 650px) {
    .profesyonel .otel-banner img {
        border-radius: 0;
        margin-top: -100px;
    }
}

@media only screen and (max-width: 575px) {
    .profesyonel .otel-banner__title {
        font-size: 42px;
    }
}

@media only screen and (max-width: 575px) {
    .profesyonel .otel-mainText {
        padding-bottom: 60px;
    }
}

@media only screen and (max-width: 575px) {
    .profesyonel .otel-mainText p {
        font-size: 17px !important;
        font-weight: 400 !important;
        margin-top: 22px;
        line-height: 30px;
    }
}

@media only screen and (max-width: 575px) {
    .profesyonel .otel-mainText__desc {
        width: 97%;
    }
}

@media only screen and (max-width: 575px) {
    .profesyonel .otel-mainText__desc h2 {
        font-size: 20px;
        line-height: 32px;
    }
}

@media only screen and (max-width: 575px) {
    .profesyonel .otel-banner__desc {
        font-size: 20px;
    }
}

.profesyonel .otel-banner__text {
    width: 470px;
}

@media only screen and (max-width: 768px) {
    .profesyonel .otel-banner__text {
        margin-left: 4%;
    }
}

@media only screen and (max-width: 575px) {
    .profesyonel .otel-banner__text {
        margin-top: 110px;
        width: 93%;
    }
}

@media only screen and (max-width: 575px) {
    .profesyonel .custom-container-inner-red {
        width: 100%;
    }
}

.profesyonel .main-desc {
    margin-bottom: 80px;
}

@media only screen and (max-width: 650px) {
    .profesyonel .main-desc {
        margin-bottom: 40px;
    }
}

.profesyonel .pid-img .open-plus {
    top: 56%;
    right: 12%;
}

@media only screen and (max-width: 650px) {
    .profesyonel .pid-img .open-plus {
        top: 79%;
        right: 11%;
    }
}

.profesyonel .pid img {
    border-radius: 12px;
}

.profesyonel .pid__text {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: white;
    padding-left: 105px;
}

@media only screen and (max-width: 960px) {
    .profesyonel .pid__text {
        padding-left: 5%;
    }
}

@media only screen and (max-width: 575px) {
    .profesyonel .pid__text {
        position: relative !important;
        color: black;
        top: 0;
        width: 90%;
        -webkit-transform: none;
        transform: none;
        padding-left: 0;
        margin: 0 auto;
    }
}

.profesyonel .pid__title {
    max-width: 819px;
    width: 95%;
    font-size: 64px;
    margin-bottom: 45px;
    line-height: 68px;
}

@media only screen and (max-width: 960px) {
    .profesyonel .pid__title {
        font-size: 5.4vw;
        line-height: 1.2;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 768px) {
    .profesyonel .pid__title {
        font-size: 46px;
    }
}

@media only screen and (max-width: 650px) {
    .profesyonel .pid__title {
        font-size: 39px;
        line-height: 47px;
    }
}

.profesyonel .pid__desc {
    max-width: 380px;
    width: 95%;
    font-size: 17px;
    line-height: 25px;
}

@media only screen and (max-width: 768px) {
    .profesyonel .pid__desc {
        font-size: 17px;
        line-height: 32px;
    }
}

@media only screen and (max-width: 575px) {
    .profesyonel .pid__desc {
        font-size: 20px;
        max-width: 100%;
        width: 100%;
        margin-bottom: 45px;
    }
}

.profesyonel .pid-prop {
    max-width: 1025px;
    width: 100%;
    margin: 0 auto;
    margin-top: 50px;
}

@media only screen and (max-width: 650px) {
    .profesyonel .pid-prop .row {
        height: 564px;
        overflow: hidden;
        margin-bottom: 30px;
    }
}

.profesyonel .pid-prop .row.active {
    height: auto;
    margin-bottom: 0;
}

@media only screen and (max-width: 650px) {
    .profesyonel .pid-prop {
        width: 90%;
    }
}

.profesyonel .pid-prop__item {
    margin-bottom: 110px;
}

@media only screen and (max-width: 650px) {
    .profesyonel .pid-prop__item {
        margin-bottom: 50px !important;
    }
}

.profesyonel .pid-prop__item h2 {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 15px;
}

.profesyonel .pid-prop__item p {
    color: #3c3f43;
    font-size: 17px;
    line-height: 38px;
}

.profesyonel .pid-prop__item.tecnicalItem {
    margin-top: -43px;
}

@media only screen and (max-width: 575px) {
    .profesyonel .pid-prop__item.tecnicalItem {
        margin-top: auto;
    }
}

.profesyonel .pid-prop .tecnical p {
    margin-bottom: 25px;
    line-height: 1.7;
    font-weight: 600;
    font-size: 20px;
}

.profesyonel .pid-prop .tecnical span {
    display: block;
    font-size: 17px;
    font-weight: 500;
}

.profesyonel .pid-prop.gallery {
    color: #eaeaea;
}

@media only screen and (max-width: 650px) {
    .profesyonel .pid-prop.gallery {
        padding-bottom: 0;
    }
}

@media only screen and (max-width: 650px) {
    .profesyonel .pid-prop.gallery .row {
        height: auto;
        margin-bottom: 0;
    }
}

.profesyonel .pid-prop.gallery p {
    color: #eaeaea;
}

.profesyonel .pid-prop.gallery .round-ul {
    margin-left: 20px;
}

.profesyonel .pid-prop.gallery .pid-prop__item {
    margin-bottom: 0;
}

.profesyonel .pid.smart {
    background-color: #f7f8f8;
    padding-top: 130px;
    padding-bottom: 60px;
}

@media only screen and (max-width: 768px) {
    .profesyonel .pid.smart {
        margin-top: 0;
        padding-top: 40px;
    }
}

@media only screen and (max-width: 650px) {
    .profesyonel .pid.smart {
        padding-top: 70px;
    }
}

@media only screen and (max-width: 768px) {
    .profesyonel .pid.smart .pid__desc {
        line-height: 19px;
    }
}

@media only screen and (max-width: 650px) {
    .profesyonel .pid.smart .pid__desc {
        line-height: 32px;
    }
}

.profesyonel .pid.smart .smart__item {
    width: 267px;
    margin-bottom: 36px;
}

@media only screen and (max-width: 768px) {
    .profesyonel .pid.smart .smart__item {
        width: 100%;
    }
}

.profesyonel .pid.smart .pid__title {
    margin-bottom: 30px;
}

.profesyonel .pid.smart .pid__text {
    width: 50%;
}

@media only screen and (max-width: 768px) {
    .profesyonel .pid.smart .pid__text {
        width: 91%;
        margin-bottom: 47px;
    }
}

.profesyonel .pid.smart p {
    margin-bottom: 20px;
}

.profesyonel .pid.smart .pid-prop {
    max-width: 980px;
}

@media only screen and (max-width: 768px) {
    .profesyonel .pid.smart .pid-prop {
        width: 81%;
    }
}

.profesyonel .pid.smart .pid-prop h4 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 50px;
    margin-left: -16px;
}

@media only screen and (max-width: 768px) {
    .profesyonel .pid.smart .pid-prop h4 {
        color: #a5080b;
        font-size: 32px;
    }
}

@media only screen and (max-width: 650px) {
    .profesyonel .pid.smart .pid-prop h4 {
        font-size: 26px;
    }
}

.profesyonel .pid.smart .pid-prop h3 {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 12px;
}

@media only screen and (max-width: 768px) {
    .profesyonel .pid.smart .pid-prop h3 {
        font-size: 24px;
    }
}

.profesyonel .pid.smart .pid-prop p {
    font-size: 17px;
    font-weight: 500;
}

@media only screen and (max-width: 650px) {
    .profesyonel .pid.smart .row {
        height: 292px;
    }
}

.profesyonel .pid.smart .row.active {
    height: auto;
}

.profesyonel .pid.smart .more-mobile {
    margin-left: -4%;
    margin-bottom: 55px;
}

.profesyonel .board {
    position: relative;
}

@media only screen and (max-width: 650px) {
    .profesyonel .board {
        padding-top: 35px;
    }
}

@media only screen and (max-width: 650px) {
    .profesyonel .board .main-red-button {
        width: 90% !important;
    }
}

.profesyonel .board .open-plus {
    top: 18%;
    right: 31%;
}

.profesyonel .board h2 {
    font-size: 56px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 40px;
}

@media only screen and (max-width: 650px) {
    .profesyonel .board h2 {
        font-size: 40px;
        margin-top: 22px;
    }
}

.profesyonel .board__wrp {
    max-width: 980px;
    width: 95%;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 64px;
}

@media only screen and (max-width: 575px) {
    .profesyonel .board__wrp {
        width: 90%;
        margin-bottom: 0;
    }
}

.profesyonel .board .item:last-child .board__item .open-plus {
    top: 75%;
    right: 78%;
}

.profesyonel .board__item {
    position: relative;
}

.profesyonel .board__item .open-plus {
    top: 52%;
    right: 14%;
}

.profesyonel .board__item h3 {
    font-size: 28px;
    font-weight: bold;
    letter-spacing: -0.67pt;
    margin-bottom: 25px;
}

@media only screen and (max-width: 990px) {
    .profesyonel .board__item h3 {
        font-size: 2.6vw;
    }
}

@media only screen and (max-width: 575px) {
    .profesyonel .board__item h3 {
        font-size: 30px;
    }
}

.profesyonel .board__item p {
    font-size: 13px;
    color: black;
    margin-top: 6px;
    font-weight: 600;
}

@media only screen and (max-width: 575px) {
    .profesyonel .board__item {
        margin-bottom: 30px;
    }
}

.profesyonel .wall {
    background-color: #022033;
    margin: 97px 0;
    padding: 100px 0;
}

@media only screen and (max-width: 768px) {
    .profesyonel .wall {
        padding-top: 160px;
    }
}

@media only screen and (max-width: 650px) {
    .profesyonel .wall {
        padding: 145px 0;
        margin-bottom: 80px;
        padding-bottom: 45px;
        margin-top: 45px;
    }
}

@media only screen and (max-width: 650px) {
    .profesyonel .wall .main-red-button {
        width: 90% !important;
    }
}

@media only screen and (max-width: 575px) {
    .profesyonel .wall .swiper-container {
        padding-left: 6%;
    }
}

.profesyonel .wall .swiper-wrapper {
    padding: 40px;
}

@media only screen and (max-width: 575px) {
    .profesyonel .wall .swiper-wrapper {
        padding: 40px 0;
    }
}

.profesyonel .wall .swiper-slide {
    width: 82px !important;
    margin-right: 20px !important;
}

@media only screen and (max-width: 575px) {
    .profesyonel .wall .swiper-slide {
        margin-right: 40px !important;
        width: 100px !important;
    }
}

.profesyonel .wall-left {
    position: relative;
    width: 580px;
    margin-right: 75px;
}

@media only screen and (max-width: 768px) {
    .profesyonel .wall-left {
        margin-right: 0;
        width: 91%;
    }
}

.profesyonel .wall-right {
    width: 430px;
    color: white;
    margin-top: -80px;
}

@media only screen and (max-width: 960px) {
    .profesyonel .wall-right {
        width: 96%;
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 575px) {
    .profesyonel .wall-right {
        width: 91%;
    }
}

.profesyonel .wall-right h2 {
    font-size: 64px;
    font-weight: bold;
    margin-bottom: 30px;
}

@media only screen and (max-width: 575px) {
    .profesyonel .wall-right h2 {
        font-size: 44px;
    }
}

.profesyonel .wall-right p {
    font-size: 19px;
    margin-bottom: 20px;
    line-height: 32px;
}

.profesyonel .wall .cita {
    position: absolute;
    top: 100px;
    width: 100%;
    left: 15px;
}

@media only screen and (max-width: 575px) {
    .profesyonel .wall .cita {
        top: 40px;
        width: 68%;
    }
}

.profesyonel .wall-gallery {
    width: 600px;
    margin-left: auto;
    right: -30px;
    position: relative;
    margin-top: -115px;
}

@media only screen and (max-width: 960px) {
    .profesyonel .wall-gallery {
        margin-top: 60px;
        right: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
    }
}

.profesyonel .wall-gallery__item {
    background-color: white;
    border-radius: 10px;
    width: 78px;
    height: 78px;
    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-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    cursor: pointer;
}

.profesyonel .wall-gallery__item img {
    width: 88%;
}

.profesyonel .wall-gallery__item:hover {
    -webkit-box-shadow: #e02020 1px 0px 51px 9px;
    box-shadow: #e02020 1px 0px 51px 9px;
}

@media only screen and (max-width: 575px) {
    .profesyonel .wall-gallery__item {
        width: 120px;
        height: 120px;
    }
}

@media only screen and (max-width: 1245px) {
    .profesyonel .led .main-red-button {
        width: 90% !important;
    }
}

.profesyonel .led-gallery {
    margin-bottom: 50px;
}

.profesyonel .led .banner {
    margin-bottom: 65px;
}

.profesyonel .led__item {
    max-width: 380px;
    margin-right: 1.6%;
}

@media only screen and (max-width: 1245px) {
    .profesyonel .led__item {
        max-width: 32.6%;
        margin-right: 1.1%;
    }
}

.profesyonel .led__item:last-child {
    margin-right: 0;
}

@media only screen and (max-width: 575px) {
    .profesyonel .led__item {
        max-width: 100%;
    }
}

.profesyonel .led__item img {
    width: 100%;
}

.profesyonel .led__item:nth-child(1) .open-plus {
    top: 24%;
    right: 62%;
}

.profesyonel .led__item:nth-child(2) .open-plus {
    top: 25%;
    right: 48%;
}

.profesyonel .led__item:nth-child(3) .open-plus {
    top: 25%;
    right: 28%;
}

.profesyonel .led-prop {
    max-width: 980px;
    margin: 0 auto;
    margin-bottom: 70px;
    width: 100%;
}

@media only screen and (max-width: 575px) {
    .profesyonel .led-prop {
        width: 91%;
    }
}

.profesyonel .led-prop .nav-item {
    width: 50%;
    font-family: 'Montserrat', sans-serif;
    height: 64px;
    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-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 19px;
    font-weight: 500;
    position: relative;
}

@media only screen and (max-width: 768px) {
    .profesyonel .led-prop .nav-item {
        font-size: 17px;
    }
}

.profesyonel .led-prop .nav-link {
    border-radius: 5px;
    color: black;
}

.profesyonel .led-prop .nav-link.active {
    border: 0;
    color: #ffffff;
    background-color: #3c3f43;
    border: 0;
}

.profesyonel .led-prop .nav-tabs {
    border-radius: 7px;
    border-bottom: 0;
    border: 2px solid #3b3f43;
}

.profesyonel .led-prop__item {
    margin-top: 30px;
    padding-left: 25px;
    width: 450px;
}

@media only screen and (max-width: 768px) {
    .profesyonel .led-prop__item {
        width: 100%;
    }
}

.profesyonel .led-prop__item p {
    position: relative;
    font-size: 17px;
    margin-top: 10px;
    line-height: 35px;
    font-weight: 500;
    color: #3c3f43;
}

@media only screen and (max-width: 768px) {
    .profesyonel .led-prop__item p {
        line-height: 1.6;
        margin-bottom: 25px;
    }
}

@media only screen and (max-width: 650px) {
    .profesyonel .led-prop__item p {
        font-size: 17px;
        margin-top: 17px;
        padding-right: 2.3%;
        line-height: 33.1px;
    }
}

.profesyonel .led-prop__item p:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #01426a;
    border-radius: 100%;
    left: -21px;
    top: 17px;
}

@media only screen and (max-width: 768px) {
    .profesyonel .led-prop__item p:after {
        top: 9px;
    }
}

.profesyonel .led-prop .tab-content .more-mobile {
    margin-left: 7%;
    margin-bottom: 65px;
}

.profesyonel .led-prop .tab-content #nav-home .open-plus {
    top: 12%;
    right: 60%;
}

.profesyonel .led-prop .tab-content #nav-profile .open-plus {
    top: 12%;
    right: 54%;
}

@media only screen and (max-width: 650px) {
    .profesyonel .led-prop #nav-profile {
        margin-top: 40px;
    }
}

@media only screen and (max-width: 650px) {
    .profesyonel .led-prop #nav-profile .row {
        max-height: 609px;
        overflow: hidden;
        margin-bottom: 31px;
    }
}

.profesyonel .led-prop #nav-profile .row.active {
    height: auto;
}

@media only screen and (max-width: 650px) {
    .profesyonel .led-prop #nav-home .row {
        height: 710px;
        overflow: hidden;
    }
}

.profesyonel .led-prop #nav-home .row.active {
    height: auto;
}

.profesyonel .mobile-text-led {
    font-size: 35px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 30px;
}

@media only screen and (max-width: 650px) {
    .profesyonel .mobile-text-led {
        font-size: 26px;
    }
}

.page-wrapper {
    margin: 2em;
}

.cards-grid {
    font-size: 2em;
    display: grid;
    grid-gap: 1em;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    margin-top: 40px;
}

.wrapper-16-by-9 {
    position: relative;
    height: 0;
    padding: 56.25% 0 0 0;
}

.card-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    max-width: 100%; /* not needed? */
    max-height: 100%; /* not needed? */
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.card-flex img {
    filter: gray;
    -webkit-filter: grayscale(1);
    -webkit-transition: all 0.8s ease-in-out;
}

.card-flex img:hover {
    filter: none;
    -webkit-filter: grayscale(0);
    -webkit-transform: scale(1.01);
}

@media (max-width: 768px) {
    .cards-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {
    .otel-banner-ozel {
            margin: 0 !important;
    padding-top: 0!important;
    width: 100%!important;
    }
    .otel-banner__text
{
    display:none;
}
    .oteltextac{
            margin-bottom: -60px!important;
    top: 42px!important;
    display: block!important;
    }
.otel-banner__text{display:none;
}
.kitchen-otel .otel-banner img {
    margin-top: 72px;


}
    .t-p-0{
        padding: 0!important;
    }
    .swiper-wrapperXX{
        margin-top: 18px;
        transition-duration: unset!important;
    transform: inherit!important;
    text-align: center!important;
    flex-direction: column!important;
    align-items: center!important;

    }
    .img-kapat{
        display:none;
    }
}
@media (min-width: 768px) {
    .img-kapat-s{
        display:none;
    }
    }
.pid-prop.gallery p:after {
    background-color: white!important;
}

#myBtn {
    display: block;
    position: fixed;
    bottom: 65px;
    right: 10px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: #009eff00;
    color: #01426a;
    cursor: pointer;
    padding: 15px;
    border-radius: 4px;
}
.icon {
    filter: sepia(100%) hue-rotate(
174deg
 ) saturate(250%);
-webkit-filter: sepia(100%) hue-rotate(
174deg
 ) saturate(250%);

}
svg{
        filter: sepia(100%) hue-rotate(
174deg
 ) saturate(250%);
-webkit-filter: sepia(100%) hue-rotate(
174deg
 ) saturate(250%);
}



/* ALT FOOTER START */
footer .Alt {
    background-color: #1f2024;
    color: #ffffff33;
    font-size: 10px;
    letter-spacing: 0.5px;
}
footer .Alt .custom-container-inner-red {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media (min-width: 768px) {

    footer .Alt {
        height: 80px;
    }
}

@media (max-width: 768px) {
    footer .Alt {
        padding: 20px 0;
    }
    footer .Alt .custom-container-inner-red {
        flex-direction: column;
    }
}
/* ALT FOOTER END */

.glow-on-hover {
    position: relative;
    background: linear-gradient(45deg, #204862 );
    background-size: 400%;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
    overflow: hidden;
}
.glow-on-hover .anima{
    background: #3cc306;
    opacity: 1;
    overflow: hidden;
    filter: blur(11px);
    z-index: 1;
    position: absolute;
    left: 0;
    width: 40%;
    height: 100%;
    border-radius: 10px;
}
.glow-on-hover .yazi{
    z-index: 2;
}

@keyframes moveSideways {
    0%, 100% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(100%);
    }
}

.glow-on-hover .anima {
    animation: moveSideways 5s linear infinite;
    /* Rest of your existing styles */
}