#main {
}
#main #landing .mdsd {
    width: 100%;
    max-width: 1536px;
    margin: 0 auto;
}

#main #header_img {
    margin-top: -70px;
    padding-top: 46.875%;
    margin-bottom: 60px;
    position: relative;
    background: url('../jpg/zeel_19203860.jpg') center bottom no-repeat;
    background-size: 100%;
}
#main #header_img > .text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 90px 3% 20px 3%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
#main #header_img > .text > h1 {
    font-size: 64px;
    margin-bottom: 30px;
}
#main #header_img > .text > p {
    font-size: 18px;
    margin-bottom: 0;
    max-width: 640px;
}

#main h2 {
    font-size: 40px;
    margin-bottom: 1em;
}

#main .new-models {
    margin-bottom: 50px;
}
#main .new-models h2 {
    text-align: center;
}
#main .new-models .in > .list {
    display: grid;
    grid-template-columns: repeat(4, 24%);
    grid-gap: 30px 1.33%;
    margin-bottom: 30px;
}

#main .new-scenas {
    margin-bottom: 50px;
}
#main .new-scenas h2 {
    text-align: center;
}
#main .new-scenas .in > .list {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 24%);
    grid-gap: 30px 1.33%;
    margin-bottom: 30px;
}


#main .new-textures {
    margin-bottom: 50px;
}
#main .new-textures h2 {
    text-align: center;
}
#main .new-textures .in {
    position: relative;
}
#main .new-textures .in > .list {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 24%);
    grid-gap: 30px 1.33%;
    margin-bottom: 30px;
}

#main .new-portfolio-works {
    margin-bottom: 50px;
}
#main .new-portfolio-works h2 {
    text-align: center;
}
#main .new-portfolio-works .portfolio_content {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 24%);
    grid-gap: 30px 1.3333%;
    margin-bottom: 30px;
}

#main .new_brands {
    margin-bottom: 50px;
}
#main .new_brands h2 {
    text-align: center;
}
#main .new_brands .in > .list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#main .new_brands .in > .list > .item {
    display: block;
    position: relative;
    width: 15%;
    margin-bottom: 20px;
}
#main .new_brands .in > .list > .item > .inner {
    display: block;
    position: relative;
    padding-top: 53%;
}
#main .new_brands .in > .list > .item > .inner > .in {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: all .2s ease-out;
    background: #FFFFFF;
    border: 1px solid #b7b7b7;
    box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
}
#main .new_brands .in > .list > .item > .in:hover {
    background: #f1f1f1;
}
#main .new_brands .in > .list > .item > .inner > .in > img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 55%;
    max-height: 50%;
    transition: all .2s ease-out;
    object-fit: contain;
}


#main .new-blogs {
    margin-bottom: 50px;
}
#main .new-blogs h2 {
    text-align: center;
}
#main .new-blogs .in > .list {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
#main .new-blogs .in > .list > .it {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-basis: calc(50% - 15px);
}
#main .new-blogs .in > .list > .it > .item {
    flex-basis: calc(50% - 15px);
    padding-top: 50%;
    margin-bottom: 30px;
    position: relative;
}
#main .new-blogs .in > .list > .it_1 > .item:nth-child(1),
#main .new-blogs .in > .list > .it_2 > .item:nth-child(3) {
    flex-basis: 100%;
    padding-top: 40%;
}
#main .new-blogs .in > .list > .it > .item > a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    border-radius: 15px;
    color: #fff;
}
#main .new-blogs .in > .list > .it > .item > a:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.5);
    z-index: 2;
}
#main .new-blogs .in > .list > .it > .item > a > img {
    position: absolute;
    object-fit: cover;
    min-width: 100%;
    min-height: 100%;
    max-width: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
#main .new-blogs .in > .list > .it > .item > a > .info {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 3;
}
#main .new-blogs .in > .list > .it > .item > a > .info > .info_top {
}
#main .new-blogs .in > .list > .it > .item > a > .info > .info_top > .ttl {
    display: block;
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 10px;
}
#main .new-blogs .in > .list > .it > .item > a > .info > .info_top > h3 {
    font-size: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
}
#main .new-blogs .in > .list > .it > .item > a > .info > .info_bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
#main .new-blogs .in > .list > .it > .item > a > .info > .info_bottom > .see_more {
    display: block;
    padding: 6px 22px;
    border: 1px solid #fff;
    border-radius: 20px;
    transition: all .1s ease-in-out;
}
#main .new-blogs .in > .list > .it > .item > a > .info > .info_bottom > .see_more:hover {
    background: rgb(255 255 255 / 20%);
}
#main .new-blogs .in > .list > .it > .item > a > .info > .info_bottom > .date {
    font-size: 12px;
    font-weight: 300;
}


#main .zeel_ar {
    margin-bottom: 50px;
    max-width: 100%;
    overflow: hidden;
}
#main .zeel_ar .in {
    display: flex;
    justify-content: space-between;
}
#main .zeel_ar .in > .item {
}
#main .zeel_ar .in > .itemLeft {
    flex-basis: 40%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
}
#main .zeel_ar .in > .itemLeft > h2 {
}
#main .zeel_ar .in > .itemRight {
    flex-basis: 60%;
}
#main .zeel_ar .in > .itemRight > h4 {
    font-weight: bold;
}

#main .welcome_to {
    max-width: 100%;
    overflow: hidden;
    background: url(../png/zeel-laptop5e1f.png) center right no-repeat;
    background-size: auto 100%;
}
#main .welcome_to .in {
    display: flex;
    justify-content: space-between;
    height: 700px;
}
#main .welcome_to .in > .item {
    flex-basis: 50%;
}
#main .welcome_to .in > .itemLeft {
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
}
#main .welcome_to .in > .itemLeft > h2 {
    text-align: left;
}
#main .welcome_to .in > .itemRight {
}
#main .welcome_to .in > .itemRight > h4 {
    font-weight: bold;
}

#main .zeel_app {
    max-width: 100%;
    overflow: hidden;
    background: url(../png/app5e1f.png) center left no-repeat;
    background-size: auto 100%;
}
#main .zeel_app .in {
    display: flex;
    justify-content: space-between;
    height: 700px;
}
#main .zeel_app .in > .item {
    flex-basis: 50%;
}
#main .zeel_app .in > .itemLeft {
}
#main .zeel_app .in > .itemLeft > h2 {
    text-align: left;
}
#main .zeel_app .in > .itemRight {
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
}
#main .zeel_app .in > .itemRight > h2 {
    text-transform: uppercase;
}
#main .zeel_app .in > .itemRight > h4 {
    font-weight: 700;
}
#main .zeel_app .in > .itemRight > .scan_qr {
    display: flex;
}
#main .zeel_app .in > .itemRight > .scan_qr > .item.ileft {
    margin-right: 20px;
}
#main .zeel_app .in > .itemRight > .scan_qr > .item.ileft > .qr {
    width: 150px;
    height: 150px;
}
#main .zeel_app .in > .itemRight > .scan_qr > .item.iright {
}
#main .zeel_app .in > .itemRight > .scan_qr > .item.iright > .ttl {
    font-size: 18px;
    margin-bottom: 18px;
}
#main .zeel_app .in > .itemRight > .scan_qr > .item.iright > .store > a {
    display: block;
}
#main .zeel_app .in > .itemRight > .scan_qr > .item.iright > .store > a:last-child {
    margin-top: 10px;
}
#main .zeel_app .in > .itemRight > .scan_qr > .item.iright > .store > a > img {
    display: block;
    width: 160px;
}

/* --- Landing Banner --- */
#landing_banner {
    width: 100%;
    max-width: 1536px;
    margin: 30px auto 50px auto;
}
#landing_banner .banner {
    width: 100%;
}
#landing_banner .banner > div {
    width: 100%;
}
#landing_banner .banner .bnr_link {
    display: block;
    position: relative;
    width: 100%;
    padding-top: calc(752 / 1536 * 100%);
}

#landing_banner .banner .bnr_link > .carousel-caption {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    max-width: 50%;
    padding: 6% 8%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    z-index: 10;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0, 0.2);
}
#landing_banner .banner .bnr_link > .carousel-caption .logo {
    width: 200px;
}
#landing_banner .banner .bnr_link > .carousel-caption .logo > img {
    width: 100%;
    display: block;
    max-height: 150px;
}
#landing_banner .banner .bnr_link > .carousel-caption .title {
    font-size: 40px;
    line-height: 1.2;
}
#landing_banner .banner .bnr_link > .carousel-caption .title.lowercase {
    text-transform: lowercase;
}
#landing_banner .banner .bnr_link > .carousel-caption .title.uppercase {
    text-transform: uppercase;
}
#landing_banner .banner .bnr_link > .carousel-caption .title.bold {
    font-weight: 600;
}
#landing_banner .banner .bnr_link > .carousel-caption .title.dark {
    color: #494746;
}
#landing_banner .banner .bnr_link > .carousel-caption .title.black {
    color: #111;
}
#landing_banner .banner .bnr_link > .carousel-caption .title.chocolate {
    color: #41322C;
}
#landing_banner .banner .bnr_link > .carousel-caption .explore_btn {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 22px;
    line-height: 1.2;
    padding: 20px 36px;
    background: #222;
    color: #fff;
    border-radius: 6px;
    transition: all .2s ease-in-out;
}
#landing_banner .banner .bnr_link > .carousel-caption .explore_btn.white {
    background: #fff;
    color: #555;
}
#landing_banner .banner .bnr_link > .carousel-caption .explore_btn.blue {
    background: #008AF7;
}
#landing_banner .banner .bnr_link > .carousel-caption .explore_btn.red {
    background: #ED1C24;
}
#landing_banner .banner .bnr_link > .carousel-caption .explore_btn.dark_red {
    background: #B85043;
}
#landing_banner .banner .bnr_link > .carousel-caption .explore_btn.grey {
    background: #A79F94;
}
#landing_banner .banner .bnr_link > .carousel-caption .explore_btn.black {
    background: #000;
}
#landing_banner .banner .bnr_link > .carousel-caption .explore_btn.chocolate {
    background: #41322C;
}
#landing_banner .banner .bnr_link > .carousel-caption .explore_btn.yasaman {
    background: #552F46;
}
#landing_banner .banner .bnr_link > .carousel-caption .explore_btn.dark_green {
    background: #364F4C;
}
#landing_banner .banner .bnr_link > .carousel-caption .explore_btn:hover {
    text-decoration: none;
    opacity: .9;
}

#landing_banner .banner .bnr_link.tokio > .carousel-caption .explore_btn.white {
    color: #DA252B;
    font-weight: 500;
    text-shadow: none;
}

#landing_banner .banner .bnr_link.forcornersspace > .carousel-caption .explore_btn.white {
    color: #DA252B;
    font-weight: 500;
    text-shadow: none;
}

#landing_banner .banner .bnr_link > .carousel-image {
    display: flex;
    justify-content: center;
    position: absolute;
    overflow: hidden;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
}
#landing_banner .banner .bnr_link > .carousel-image > img {
    max-width: none;
    height: 100%;
}

#landing_banner .banner .bnr_link.tokio > .carousel-caption {
    align-items: center;
    text-align: center;
}

#landing_banner .banner .bnr_link.forcornersspace > .carousel-caption {
    align-items: center;
    text-align: center;
}

#landing_banner .banner .bnr_link.ysart > .carousel-caption {
    align-items: center;
    text-align: center;
}
#landing_banner .banner .bnr_link.ysart > .carousel-caption > .title {
    font-size: 30px;
}

#landing_banner .banner .bnr_link.design_fest_yerevan {
    padding-top: calc(752 / 1536 * 100%) !important;
}
#landing_banner .banner .bnr_link.design_fest_yerevan > .carousel-image > img {
    height: auto;
    width: 100% !important;
}

#landing_banner .banner .bnr_link.junggroup > .carousel-caption {
    align-items: center;
    text-align: center;
    justify-content: space-around;
    padding: 10% 8% 5% 8%;
}
#landing_banner .banner .bnr_link.junggroup > .carousel-caption > .title {
    font-weight: 400;
    text-transform: none;
    color: #fff;
    letter-spacing: 2px;
    font-size: 36px;
}