﻿body {
    padding: 0;
    margin: 0;
    min-width: 320px;
}

@font-face {
    font-family: 'Calibri';
    src: url('../Fonts/calibri.ttf');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'MarkerFelt';
    src: url('../Fonts/MarkerFelt.ttf');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'DINCondensed';
    src: url('../Fonts/DINCondensed.otf');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'SignPainter';
    src: url('../Fonts/SignPainter.ttf');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'PTMono';
    src: url('../Fonts/PT%20Mono.ttf');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Copperplate';
    src: url('../Fonts/copperplate.otf');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src: url('../Fonts/Open%20Sans.ttf');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../Fonts/RobotoRegular.ttf');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'GillSans';
    src: url('../Fonts/Gill%20Sans.ttf');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadPro';
    src: url('../Fonts/Myriad%20Pro.otf');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Lobster';
    src: url('../Fonts/Lobster%201.4.ttf');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'PTSans';
    src: url('../Fonts/PT%20Sans.ttf');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Arial';
    src: url('../Fonts/Arial.ttf');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'PTSerif';
    src: url('../Fonts/PT%20Serif.ttf');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('../Fonts/Ubuntu.ttf');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaPT';
    src: url('../Fonts/FuturaPTLight.otf');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaPT';
    src: url('../Fonts/FuturaPTLightOblique.otf');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'FuturaPT';
    src: url('../Fonts/FuturaPTBook.otf');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaPT';
    src: url('../Fonts/FuturaPTBookOblique.otf');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'FuturaPT';
    src: url('../Fonts/FuturaPTMedium.otf');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaPT';
    src: url('../Fonts/FuturaPTMediumOblique.otf');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'FuturaPT';
    src: url('../Fonts/FuturaPTDemi.otf');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaPT';
    src: url('../Fonts/FuturaPTDemiOblique.otf');
    font-weight: 600;
    font-style: italic;
}


/*@font-face {
    font-family: 'FuturaPT';
    src: url('./../Fonts/FuturaPTCondBook.otf');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaPT';
    src: url('./../Fonts/FuturaPTCondBookOblique.otf');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'FuturaPT';
    src: url('./../Fonts/FuturaPTCondMedium.otf');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaPT';
    src: url('./../Fonts/FuturaPTCondMediumOblique.otf');
    font-weight: 500;
    font-style: italic;
}*/

@font-face {
    font-family: 'FuturaPT';
    src: url('../Fonts/FuturaPTCondBold.otf');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaPT';
    src: url('../Fonts/FuturaPTCondBoldOblique.otf');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'FuturaPT';
    src: url('../Fonts/FuturaPTCondExtraBold.otf');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaPT';
    src: url('../Fonts/FuturaPTCondExtraBoldOblique%20.html');
    font-weight: 800;
    font-style: italic;
}

/*.iphone_1 {
    width: 423px;
    margin: 70px auto 100px auto;
    background: #aa2423;
    border: 1px solid #aa2423;
    border-radius: 65px;
    box-shadow: #aa2423 0 0 2px;
    position: relative;
    z-index: 2;
}

.iphone_2 {
    width: 419px;
    margin: 1px;
    background: #b22927;
    border: 1px solid #b22927;
    border-radius: 64px;
    position: relative;
}

.iphone_3 {
    width: 415px;
    margin: 1px;
    background: #bb2d2c;
    border: 1px solid #bb2d2c;
    position: relative;
    border-radius: 63px;
}

.iphone_4 {
    width: 411px;
    margin: 1px;
    background: #c23230;
    border: 1px solid #c23230;
    border-radius: 64px;
    position: relative;
}

.iphone_5 {
    width: 407px;
    margin: 1px;
    background: #c83533;
    border: 1px solid #c83533;
    border-radius: 63px;
    position: relative;
}

.iphone_6 {
    width: 403px;
    margin: 1px;
    background: #e9eaec;
    border: 1px solid #e9eaec;
    border-radius: 57px;
    z-index: 1;
    position: relative;
}

.iphone_7 {
    width: 399px;
    margin: 1px;
    background: #f5f6f7;
    border: 1px solid #f5f6f7;
    border-radius: 57px;
    z-index: 2;
    position: relative;
}

.iphone_8 {
    width: 395px;
    margin: 1px;
    background: #fdfdfd;
    border: 2px solid #fdfdfd;
    border-radius: 57px;
    z-index: 2;
    position: relative;
    box-shadow: white 0 0 10px inset;
}

.iphone_9 {
    width: 389px;
    margin: 1px;
    background: #f4f5f7;
    border: 2px solid #f4f5f7;
    border-radius: 57px;
    z-index: 2;
    position: relative;
}



.phone_screen_1 {
    margin: 90px auto 90px auto;
    min-height: 667px;
    border-radius: 4px;
    width: 375px;
    background: black;
    padding: 2px;
}

.phone_screen_2 {
    position:relative;
    min-height: 667px;
    border-radius: 2px;
    width: 375px;
    background: #f4f5f7;
    padding: 10px;
    padding-bottom:90px;
    box-sizing:border-box;
}

.line_1 {
    width: 423px;
    height: 14px;
    background: #951210;
    position: absolute;
    top: 75px;
    left: 50%;
    margin-left: -212px;
    z-index: 1;
}

.line_2 {
    width: 423px;
    height: 14px;
    background: #951210;
    position: absolute;
    bottom: 68px;
    left: 50%;
    margin-left: -212px;
    z-index: 1;
}

.touch_button_1 {
    z-index: 1;
    width: 68px;
    height: 68px;
    border-radius: 34px;
    position: absolute;
    bottom: 12px;
    left: 50%;
    margin-left: -33px;
    background: #303233;
    background: -moz-linear-gradient(-45deg,#303233 0,#b5b7b9 50%,#f0f2f2 69%,#303233 100%);
    background: -webkit-gradient(linear,left top,right bottom,color-stop(0,#303233),color-stop(50%,#b5b7b9),color-stop(69%,#f0f2f2),color-stop(100%,#303233));
    background: -webkit-linear-gradient(-45deg,#303233 0,#b5b7b9 50%,#f0f2f2 69%,#303233 100%);
    background: -o-linear-gradient(-45deg,#303233 0,#b5b7b9 50%,#f0f2f2 69%,#303233 100%);
    background: -ms-linear-gradient(-45deg,#303233 0,#b5b7b9 50%,#f0f2f2 69%,#303233 100%);
    background: linear-gradient(135deg,#303233 0,#b5b7b9 50%,#f0f2f2 69%,#303233 100%);
}

.touch_button_2 {
    width: 62px;
    height: 62px;
    border-radius: 31px;
    margin: 3px;
    background: #f4f5f7;
}

.camera_1 {
    z-index: 2;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    position: absolute;
    top: 48px;
    left: 50%;
    margin-left: -74px;
    background: #303233;
}

.camera_2 {
    width:4px;
    height:4px;
    border-radius: 5px;
    margin: 3px;
    background: #37426b;
    padding: 3px;
}

.camera_3 {
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background: black;
}

.sensor_1 {
    z-index: 2;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -5px;
    background: black;
}

.loudspeaker_1 {
    z-index: 2;
    width: 70px;
    height: 6px;
    border-radius: 3px;
    position: absolute;
    top: 53px;
    left: 50%;
    margin-left: -33px;
    background: black;
}

.iphone_buttons_1 {
    z-index: 0;
    height: 57px;
    width: 5px;
    border-radius: 2px 0 0 2px;
    background: white;
    position: absolute;
    top: 182px;
    left: 50%;
    margin-left: -215px;
    border: 1px solid #aaa;
}

.iphone_buttons_2 {
    z-index: 0;
    height: 57px;
    width: 5px;
    border-radius: 2px 0 0 2px;
    background: white;
    position: absolute;
    top: 253px;
    left: 50%;
    margin-left: -215px;
    border: 1px solid #aaa;
}


.iphone_buttons_3 {
    z-index: 0;
    height: 112px;
    width: 5px;
    border-radius: 0 2px 2px 0;
    background: white;
    position: absolute;
    top: 190px;
    left: 50%;
    margin-left: 208px;
    border: 1px solid #aaa;
}

.iphone_buttons_4 {
    z-index: 0;
    height: 33px;
    width: 5px;
    border-radius: 2px 0 0 2px;
    background: white;
    position: absolute;
    top: 120px;
    left: 50%;
    margin-left: -214px;
    border: 1px solid #aaa;
}*/

/*@media screen and (min-width: 737px) {
    .all_screen{
        background:none !important;
    }
}


.main_block_padding {
    padding: 70px 0;
}

@media screen and (max-width: 736px) {

    .main_block_padding {
        padding: 0 !important;
    }

    body {
        overflow: auto;
    }

        body::-webkit-scrollbar {
            width: 0;
        }

    body {
        -ms-overflow-style: none;
    }

    body {
        overflow: -moz-scrollbars-none;
    }

    .first_iphone_x_line_1 {
        width: 100% !important;
        background: none !important;
        border: none !important;
        border-radius: 0px !important;
        box-shadow: none !important;
        position: relative !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .first_iphone_x_line_2 {
        width: 100% !important;
        background: none !important;
        border: none !important;
        border-radius: 0px !important;
        box-shadow: none !important;
        position: relative !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .first_iphone_x_line_3 {
        width: 100% !important;
        background: none !important;
        border: none !important;
        border-radius: 0px !important;
        box-shadow: none !important;
        position: relative !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .second_iphone_x_line_1 {
        width: 100% !important;
        background: none !important;
        border: none !important;
        border-radius: 0px !important;
        box-shadow: none !important;
        position: relative !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .second_iphone_x_line_2 {
        width: 100% !important;
        background: none !important;
        border: none !important;
        border-radius: 0px !important;
        box-shadow: none !important;
        position: relative !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .second_iphone_x_line_3 {
        width: 100% !important;
        background: none !important;
        border: none !important;
        border-radius: 0px !important;
        box-shadow: none !important;
        position: relative !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .iphone_x_header_right{
        display:none !important;
    }

    .iphone_x_header_left {
        display: none !important;
    }

    .iphone_x_screen {
        min-height: 100vh !important;
        border-radius: 0 !important;
        width: auto !important;
        min-width: 320px !important;
        max-width: 375px !important;
        background: none !important;
        padding: 10px !important;
        margin: 0px auto !important;
        padding-bottom: 90px !important;
        box-sizing: border-box !important;
    }

    .line_1 {
        display: none;
    }

    .line_2 {
        display: none;
    }

    .touch_button_1 {
        display: none;
    }

    .touch_button_2 {
        display: none;
    }

    .camera_1 {
        display: none;
    }

    .camera_2 {
        display: none;
    }

    .camera_3 {
        display: none;
    }

    .sensor_1 {
        display: none;
    }

    .loudspeaker_1 {
        display: none;
    }

    .iphone_buttons_1 {
        display: none;
    }

    .iphone_buttons_2 {
        display: none;
    }


    .iphone_buttons_3 {
        display: none;
    }

    .iphone_buttons_4 {
        display: none;
    }
}

.hipolink {
    font-size: 17px;
    font-weight: bold;
    font-family: FuturaPT;
    text-align: center;
    width: 100%;
    display: block;
    height: 100%;
    line-height: 40px;
    cursor: pointer;
    color: black;
    text-decoration: none;
    cursor: pointer;
}

    .hipolink:hover,
    .hipolink:active,
    .hipolink:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }

    .hipolink > img {
        height: 30px;
        padding-top: 5px;
    }

.link_block {
    position: absolute;
    height: 40px;
    width: 100%;
    bottom: -0.5px;
    left: 0;
}

.link {
    height: 39px;
    width: 152px;
    margin: auto;
    background: linear-gradient(90deg, #ffffff, #f1f1f1);
    border-radius: 7px 7px 0 0;
    border: 0.5px solid #ccc;
    border-bottom:none;
}






.iphone_1_new {
    width: 100%;
    background: none;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    position: relative;
    margin: 0;
    padding: 0;
}

.iphone_2_new {
    width: 100%;
    background: none;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    position: relative;
    margin: 0;
    padding: 0;
}

.iphone_3_new {
    width: 100%;
    background: none;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    position: relative;
    margin: 0;
    padding: 0;
}

.iphone_4_new {
    width: 100%;
    background: none;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    position: relative;
    margin: 0;
    padding: 0;
}

.iphone_5_new {
    width: 100%;
    background: none;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    position: relative;
    margin: 0;
    padding: 0;
}

.iphone_6_new {
    width: 100%;
    background: none;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    position: relative;
    margin: 0;
    padding: 0;
}

.iphone_7_new {
    width: 100%;
    background: none;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    position: relative;
    margin: 0;
    padding: 0;
}

.iphone_8_new {
    width: 100%;
    background: none;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    position: relative;
    margin: 0;
    padding: 0;
}

.iphone_9_new {
    width: 100%;
    background: none;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    position: relative;
    margin: 0;
    padding: 0;
}



.phone_screen_1_new {
    width: 100%;
    background: none;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    position: relative;
    margin: 0;
    padding: 0;
}

.phone_screen_2_new {
    min-height: 100%;
    border-radius: 2px;
    width: auto;
    min-width: 320px;
    max-width: 375px;
    background: #f4f5f7;
    padding: 10px;
    margin: 0px auto;
    padding: 10px;
    padding-bottom: 90px;
}

.notifications-tr {
	top: 8px !important;
}

.loading_dot_one {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ff8450 25%, #ff2976 90%);
    border: 1px solid white;
    position: absolute;
    top: calc(50% - 5px);
    left: calc(50% - 28px);
    transition: all 1s ease;
    animation: loading_bg_one 1s linear infinite;
}

.loading_dot_two {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ff8450 25%, #ff2976 90%);
    border: 1px solid white;
    position: absolute;
    top: calc(50% - 5px);
    left: calc(50% - 6px);
    transition: all 1s ease;
    animation: loading_bg_two 1s linear infinite;
}

.loading_dot_three {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ff8450 25%, #ff2976 90%);
    border: 1px solid white;
    position: absolute;
    top: calc(50% - 5px);
    left: calc(50% + 16px);
    transition: all 1s ease;
    animation: loading_bg_three 1s linear infinite;
}

@keyframes loading_bg_one {
    0% {
        height: 10px;
        width: 10px;
        top: calc(50% - 5px);
        left: calc(50% - 28px);
    }

    17% {
        height: 15px;
        width: 15px;
        top: calc(50% - 7.5px);
        left: calc(50% - 29.5px);
    }

    50% {
        height: 15px;
        width: 15px;
        top: calc(50% - 7.5px);
        left: calc(50% - 29.5px);
    }

    84% {
        height: 15px;
        width: 15px;
        top: calc(50% - 7.5px);
        left: calc(50% - 29.5px);
    }

    100% {
        height: 10px;
        width: 10px;
        top: calc(50% - 5px);
        left: calc(50% - 28px);
    }
}

@keyframes loading_bg_two {
    0% {
        height: 10px;
        width: 10px;
        top: calc(50% - 5px);
        left: calc(50% - 6px);
    }

    17% {
        height: 10px;
        width: 10px;
        top: calc(50% - 5px);
        left: calc(50% - 6px);
    }

    34% {
        height: 15px;
        width: 15px;
        top: calc(50% - 7.5px);
        left: calc(50% - 7.5px);
    }

    50% {
        height: 15px;
        width: 15px;
        top: calc(50% - 7.5px);
        left: calc(50% - 7.5px);
    }

    67% {
        height: 15px;
        width: 15px;
        top: calc(50% - 7.5px);
        left: calc(50% - 7.5px);
    }

    84% {
        height: 10px;
        width: 10px;
        top: calc(50% - 5px);
        left: calc(50% - 6px);
    }

    100% {
        height: 10px;
        width: 10px;
        top: calc(50% - 5px);
        left: calc(50% - 6px);
    }
}

@keyframes loading_bg_three {
    0% {
        height: 10px;
        width: 10px;
        top: calc(50% - 5px);
        left: calc(50% + 16px);
    }

    34% {
        height: 10px;
        width: 10px;
        top: calc(50% - 5px);
        left: calc(50% + 16px);
    }

    50% {
        height: 15px;
        width: 15px;
        top: calc(50% - 7.5px);
        left: calc(50% + 14.5px);
    }

    67% {
        height: 10px;
        width: 10px;
        top: calc(50% - 5px);
        left: calc(50% + 16px);
    }

    100% {
        height: 10px;
        width: 10px;
        top: calc(50% - 5px);
        left: calc(50% + 16px);
    }
}








.first_iphone_x_line_1 {
    width: 422px;
    margin: auto;
    background: none;
    border-radius: 66px;
    position: relative;
    border:1px solid #aaa;
    box-sizing:border-box;
}

.first_iphone_x_line_2 {
    width: 420px;
    margin: auto;
    background: none;
    border-radius: 65px;
    position: relative;
    border: 3px solid white;
    box-sizing: border-box;
}


.first_iphone_x_line_3 {
    width: 414px;
    margin: auto;
    background: none;
    border-radius: 62px;
    position: relative;
    border: 1px solid #aaa;
    box-sizing: border-box;
    padding:16px;
}


.second_iphone_x_line_1 {
    width: 380px;
    margin: auto;
    background: none;
    border-radius: 48px;
    position: relative;
    border: 1px solid #aaa;
    border-top:none;
    box-sizing: border-box;
}

.second_iphone_x_line_2 {
    width: 378px;
    margin: auto;
    background: none;
    border-radius: 47px;
    position: relative;
    border: 3px solid white;
    border-top: none;
    box-sizing: border-box;
}

.second_iphone_x_line_3 {
    width: 372px;
    margin: auto;
    background: none;
    border-radius: 44px;
    position: relative;
    border: 1px solid #aaa;
    border-top: none;
    box-sizing: border-box;
}

.iphone_x_header_right {
    width: 220px;
    position: absolute;
    z-index: 3;
    right: 15.6px;
    top: 15.5px;
}

.iphone_x_header_left {
    width: 220px;
    position: absolute;
    z-index: 3;
    left: 15.6px;
    top: 15.5px;
}

.iphone_x_screen {
    margin: auto;
    min-height: 723px;
    border-radius: 43px;
    width: 370px;
    background: none;
    padding-top: 35px;
    padding-bottom: 45px;
}










.iphone_x_head_block_1 {
    position: absolute;
    width: 200px;
    height: 45px;
    background: #ccc;
    top: 0;
    left: calc(50% - 100px);
    border-radius: 0 0 20px 20px;
    z-index: 1;
}

.iphone_x_head_triangle_left_1 {
    position: absolute;
    top: 0;
    left: calc(50% - 109.5px);
    border: 30px solid transparent;
    border-top: 0px solid #ccc;
    border-right: 10px solid #ccc;
    border-left: 0px solid #ccc;
    z-index:1;
}

.iphone_x_head_triangle_right_1 {
    position: absolute;
    top: 0;
    right: calc(50% - 109.5px);
    border: 30px solid transparent;
    border-top: 0px solid #ccc;
    border-left: 10px solid #ccc;
    border-right: 0px solid #ccc;
    z-index: 1;
}



.iphone_x_head_block_2 {
    position: absolute;
    width: 198px;
    height: 44px;
    background: #fff;
    top: 0;
    left: calc(50% - 99px);
    border-radius: 0 0 19px 19px;
    z-index: 1;
}

.iphone_x_head_triangle_left_2 {
    position: absolute;
    top: 0;
    left: calc(50% - 108.2px);
    border: 30px solid transparent;
    border-top: 0px solid #fff;
    border-right: 9.5px solid #fff;
    border-left: 0px solid #fff;
    z-index: 1;
}

.iphone_x_head_triangle_right_2 {
    position: absolute;
    top: 0;
    right: calc(50% - 108.2px);
    border: 30px solid transparent;
    border-top: 0px solid #fff;
    border-left: 9.5px solid #fff;
    border-right: 0px solid #fff;
    z-index: 1;
}



.iphone_x_head_block_3 {
    position: absolute;
    width: 192px;
    height: 41px;
    background: #ccc;
    top: 0;
    left: calc(50% - 96px);
    border-radius: 0 0 16px 16px;
    z-index: 2;
}

.iphone_x_head_triangle_left_3 {
    position: absolute;
    top: 0;
    left: calc(50% - 105.2px);
    border: 30px solid transparent;
    border-top: 0px solid #ccc;
    border-right: 9.5px solid #ccc;
    border-left: 0px solid #ccc;
    z-index: 2;
}

.iphone_x_head_triangle_right_3 {
    position: absolute;
    top: 0;
    right: calc(50% - 105.2px);
    border: 30px solid transparent;
    border-top: 0px solid #ccc;
    border-left: 9.5px solid #ccc;
    border-right: 0px solid #ccc;
    z-index: 2;
}

.iphone_x_head_block_4 {
    position: absolute;
    width: 190px;
    height: 40px;
    background: white;
    top: 0;
    left: calc(50% - 95px);
    border-radius: 0 0 15px 15px;
    z-index: 3;
}

.iphone_x_head_triangle_left_4 {
    position: absolute;
    top: 0;
    left: calc(50% - 104.2px);
    border: 30px solid transparent;
    border-top: 0px solid #fff;
    border-right: 9.5px solid #fff;
    border-left: 0px solid #fff;
    z-index: 3;
}

.iphone_x_head_triangle_right_4 {
    position: absolute;
    top: 0;
    right: calc(50% - 104.2px);
    border: 30px solid transparent;
    border-top: 0px solid #fff;
    border-left: 9.5px solid #fff;
    border-right: 0px solid #fff;
    z-index: 3;
}



.iphone_x_head_volume_button_plus {
    z-index: 0;
    height: 66px;
    width: 20px;
    border-radius: 2px 0 0 2px;
    background: #ff7257;
    position: absolute;
    top: 180px;
    left: calc(50% - 214px);
}

.iphone_x_head_volume_button_minus {
    z-index: 0;
    height: 66px;
    width: 20px;
    border-radius: 2px 0 0 2px;
    background: #ff6c5a;
    position: absolute;
    top: 252px;
    left: calc(50% - 214px);
}

.iphone_x_head_volume_lock_button {
    z-index: 0;
    height: 40px;
    width: 20px;
    border-radius: 2px 0 0 2px;
    background: #ff7a54;
    position: absolute;
    top: 115px;
    left: calc(50% - 214px);
}

.iphone_x_head_lock_button {
    z-index: 0;
    height: 86px;
    width: 20px;
    border-radius: 0 2px 2px 0;
    background: #ff4f66;
    position: absolute;
    top: 200px;
    right: calc(50% - 214px);
}*/

.all_screen {
    padding: 70px 0;
}

.iphone_1 {
    width: 422px;
    margin: 0 auto;
    border-radius: 66px;
    position: relative;
    z-index: 2;
    padding: 1px;
    background: linear-gradient(90deg, #c6cbd2, #fbfcfc);
    box-shadow: -30px 0px 100px rgba(0, 0, 0, 0.23);
}

.iphone_2 {
    width: 420px;
    border-radius: 65px;
    position: relative;
    padding: 1px;
    background: linear-gradient(90deg, #aeb4c1, #fefefe);
}

.iphone_3 {
    width: 418px;
    position: relative;
    border-radius: 64px;
    padding: 1px;
    background: linear-gradient(90deg, #b7bdc8, #ffffff);
}

.iphone_4 {
    width: 416px;
    border-radius: 63px;
    position: relative;
    padding: 1px;
    background: linear-gradient(90deg, #bdc4cd, #ffffff);
}

.iphone_5 {
    width: 414px;
    border-radius: 62px;
    position: relative;
    padding: 1px;
    background: linear-gradient(90deg, #c2c9d2, #fefefe);
}

.iphone_6 {
    width: 412px;
    border-radius: 61px;
    z-index: 2;
    position: relative;
    padding: 1px;
    background: linear-gradient(90deg, #ccd3da, #f4f7f8);
}

.iphone_7 {
    width: 410px;
    border-radius: 60px;
    z-index: 2;
    position: relative;
    padding: 1px;
    background: linear-gradient(90deg, #ccd2da, #f6f7f9);
}

.iphone_8 {
    width: 408px;
    border-radius: 59px;
    z-index: 2;
    position: relative;
    padding: 1px;
    background: linear-gradient(90deg, #c5ccd5, #fefefe);
}

.iphone_9 {
    width: 406px;
    border-radius: 58px;
    z-index: 2;
    position: relative;
    padding: 1px;
    background: linear-gradient(90deg, #c9d0d7, #fcfdfd);
}

.iphone_10 {
    width: 404px;
    border-radius: 57px;
    z-index: 2;
    position: relative;
    padding: 1px;
    background: linear-gradient(90deg, #ced5db, #f8fafb);
}

.iphone_11 {
    width: 402px;
    border-radius: 56px;
    z-index: 2;
    position: relative;
    padding: 1px;
    background: linear-gradient(90deg, #ced4db, #f7fafa);
}

.iphone_12 {
    width: 400px;
    border-radius: 55px;
    z-index: 2;
    position: relative;
    padding: 1px;
    background: linear-gradient(90deg, #cfd5dc, #f6f9f9);
}

.iphone_13 {
    width: 398px;
    border-radius: 54px;
    z-index: 2;
    position: relative;
    padding: 1px;
    background: linear-gradient(90deg, #d1d7de, #f4f7f8);
}

.iphone_14 {
    width: 396px;
    border-radius: 53px;
    z-index: 2;
    position: relative;
    padding: 1px;
    background: linear-gradient(90deg, #d3dae0, #f2f5f8);
}

.iphone_15 {
    width: 394px;
    border-radius: 52px;
    z-index: 2;
    position: relative;
    padding: 1px;
    background: linear-gradient(90deg, #d7dde3, #f0f4f7);
}

.iphone_16 {
    width: 392px;
    border-radius: 51px;
    z-index: 2;
    position: relative;
    padding: 1px;
    background: linear-gradient(90deg, #dbe0e6, #eff2f5);
}

.iphone_17 {
    width: 390px;
    border-radius: 50px;
    z-index: 2;
    position: relative;
    padding: 1px;
    background: linear-gradient(90deg, #dee2e8, #eef2f4);
}

.iphone_18 {
    width: 388px;
    border-radius: 49px;
    z-index: 2;
    position: relative;
    padding: 1px;
    background: linear-gradient(90deg, #dee3e8, #eef2f4);
}

.iphone_19 {
    width: 386px;
    border-radius: 48px;
    z-index: 2;
    position: relative;
    padding: 1px;
    background: linear-gradient(90deg, #e0e5ea, #eef1f4);
}

.iphone_20 {
    width: 384px;
    border-radius: 47px;
    z-index: 2;
    position: relative;
    padding: 1px;
    background: linear-gradient(90deg, #e2e7eb, #edf1f4);
}

.iphone_21 {
    width: 382px;
    border-radius: 46px;
    z-index: 2;
    position: relative;
    padding: 1px;
    background: linear-gradient(90deg, #e3e7eb, #ecf0f3);
}

.iphone_22 {
    width: 380px;
    border-radius: 45px;
    z-index: 2;
    position: relative;
    padding: 1px;
    background: linear-gradient(90deg, #e3e8ec, #eceff3);
}

.iphone_23 {
    width: 378px;
    border-radius: 44px;
    z-index: 2;
    position: relative;
    padding: 1px;
    background: linear-gradient(90deg, #e5eaee, #eceff2);
}

.iphone_24 {
    width: 376px;
    border-radius: 43px;
    z-index: 2;
    position: relative;
    padding: 1px;
    background: linear-gradient(90deg, #e6eaef, #ebeef1);
}

.iphone_25 {
    width: 374px;
    border-radius: 42px;
    z-index: 2;
    position: relative;
    padding: 1px;
    background: linear-gradient(90deg, #e5eaee, #ebedf1);
}

.iphone_26 {
    width: 372px;
    border-radius: 41px;
    z-index: 2;
    position: relative;
    padding: 0.5px;
    background: linear-gradient(90deg, #e8ecf0, #eaedf0);
}

.header_iphone_block_1 {
    background: #ccc;
    position: absolute;
    top: 0.5px;
    left: calc(50% - 103.5px);
    height: 30px;
    width: 207px;
    border-radius: 0 0 20px 20px;
    z-index: 10;
}

.header_iphone_block_2 {
    background: linear-gradient(90deg, #e7ebef, #eaeef1);
    height: 30.5px;
    width: 206px;
    border-radius: 0 0 19.5px 19.5px;
    position: absolute;
    left: 0.5px;
    bottom: 0.5px;
}

.speaker_1 {
    position: absolute;
    height: 8px;
    width: 56px;
    border-radius: 3.5px;
    background: linear-gradient(90deg, #c3cbd2, #c1c8d1);
    top: 8px;
    left: calc(50% - 28px);
}

.speaker_2 {
    top: 1px;
    left: 1px;
    position: absolute;
    height: 6px;
    width: 54px;
    border-radius: 3.5px;
    /*background: linear-gradient(90deg, #d5dbe1, #eaeef1);*/
    background-image: url(../Images/resh.jpg);
    background-size: cover;
}

.phone_screen_1 {
    margin: auto;
    min-height: 667px;
    border-radius: 40.5px;
    width: 371px;
    background: #ccc;
    padding: 0.5px;
}

.phone_screen_2 {
    min-height: 803px;
    border-radius: 40px;
    width: 371px;
    background: #f4f5f7;
    padding-top: 30px;
    padding-bottom: 35px;
    box-sizing: border-box;
}


.iphone_buttons_1 {
    z-index: 0;
    height: 66px;
    width: 20px;
    border-radius: 3px 0 0 3px;
    background: linear-gradient(90deg, #cbd6e2, #fff);
    border: 1px solid #ccc;
    position: absolute;
    top: 180px;
    left: 50%;
    margin-left: -215px;
}

.iphone_buttons_2 {
    z-index: 0;
    height: 66px;
    width: 20px;
    border-radius: 3px 0 0 3px;
    background: linear-gradient(90deg, #cbd6e2, #fff);
    border: 1px solid #ccc;
    position: absolute;
    top: 252px;
    left: 50%;
    margin-left: -215px;
}


.iphone_buttons_3 {
    z-index: 0;
    height: 112px;
    width: 8px;
    border-radius: 0 2px 2px 0;
    background: linear-gradient(90deg, #cbd6e2, #fff);
    border: 1px solid #f5f5f5;
    position: absolute;
    top: 190px;
    left: 50%;
    margin-left: 207px;
}

.iphone_buttons_4 {
    z-index: 0;
    height: 40px;
    width: 20px;
    border-radius: 3px 0 0 3px;
    background: linear-gradient(90deg, #cbd6e2, #fff);
    border: 1px solid #ccc;
    position: absolute;
    top: 115px;
    left: 50%;
    margin-left: -214px;
}

.hipolink {
    font-size: 16px;
    font-family: FuturaPT;
    text-align: center;
    width: 100%;
    display: block;
    height: 100%;
    line-height: 40px;
    cursor: pointer;
    text-decoration: none;
    cursor: pointer;
    color: white;
    font-weight: 100;
    position:relative;
}

    .hipolink:hover,
    .hipolink:active,
    .hipolink:focus {
        text-decoration: none;
        cursor: pointer;
    }

    .hipolink > p > img {
        height: 25px;
        vertical-align: middle;
        margin: 0 3px 5px 3px;
    }

.link_block {
    height: 60px;
    width: 100%;
}

.link {
    height: 39px;
    width: 235px;
    margin: 40px auto;
    background: rgba(0, 0, 0, 0.25);
    border-radius: 7px;
}

.phone_bg {
    display: none;
}

@media screen and (max-width: 736px) {

    .all_screen {
        padding: 0;
    }

    .main_block_padding {
        padding: 0 !important;
    }

    body {
        overflow: auto;
    }

        body::-webkit-scrollbar {
            width: 0;
        }

    body {
        -ms-overflow-style: none;
    }

    body {
        overflow: -moz-scrollbars-none;
    }

    .iphone_buttons_1{
        display:none;
    }

    .iphone_buttons_2 {
        display: none;
    }

    .iphone_buttons_3 {
        display: none;
    }

    .iphone_buttons_4 {
        display: none;
    }

    .iphone_1 {
        width: 100%;
        padding: 0px;
        margin: 0px;
        background: none;
        box-shadow:none;
    }

    .iphone_2 {
        width: 100%;
        padding: 0px;
        background: none;
    }

    .iphone_3 {
        width: 100%;
        padding: 0px;
        background: none;
    }

    .iphone_4 {
        width: 100%;
        padding: 0px;
        background: none;
    }

    .iphone_5 {
        width: 100%;
        padding: 0px;
        background: none;
    }

    .iphone_6 {
        width: 100%;
        padding: 0px;
        background: none;
    }

    .iphone_7 {
        width: 100%;
        padding: 0px;
        background: none;
    }

    .iphone_8 {
        width: 100%;
        padding: 0px;
        background: none;
    }

    .iphone_9 {
        width: 100%;
        padding: 0px;
        background: none;
    }

    .iphone_10 {
        width: 100%;
        padding: 0px;
        background: none;
    }

    .iphone_11 {
        width: 100%;
        padding: 0px;
        background: none;
    }

    .iphone_12 {
        width: 100%;
        padding: 0px;
        background: none;
    }

    .iphone_13 {
        width: 100%;
        padding: 0px;
        background: none;
    }


    .iphone_14 {
        width: 100%;
        padding: 0px;
        background: none;
    }

    .iphone_15 {
        width: 100%;
        padding: 0px;
        background: none;
    }

    .iphone_16 {
        width: 100%;
        padding: 0px;
        background: none;
    }

    .iphone_17 {
        width: 100%;
        padding: 0px;
        background: none;
    }

    .iphone_18 {
        width: 100%;
        padding: 0px;
        background: none;
    }

    .iphone_19 {
        width: 100%;
        padding: 0px;
        background: none;
    }

    .iphone_20 {
        width: 100%;
        padding: 0px;
        background: none;
    }

    .iphone_21 {
        width: 100%;
        padding: 0px;
        background: none;
    }

    .iphone_22 {
        width: 100%;
        padding: 0px;
        background: none;
    }

    .iphone_23 {
        width: 100%;
        padding: 0px;
        background: none;
    }

    .iphone_24 {
        width: 100%;
        padding: 0px;
        background: none;
    }

    .iphone_25 {
        width: 100%;
        padding: 0px;
        background: none;
    }

    .iphone_26 {
        width: 100%;
        padding: 0px;
        background: none;
    }

    .header_iphone_block_1{
        display:none;
    }

    .phone_screen_1 {
        width: 100%;
        padding: 0px;
        background: none;
        min-height: 100vh;
        border-radius: 0;
        top: 0;
        left: 0;
    }

    .phone_screen_2 {
        width: 100%;
        max-width: 375px;
        border-radius: 0px;
        margin: 0 auto;
        min-height: 100vh;
        overflow: hidden;
        margin-top:0;
        padding-top: 0;
        left: calc(50% - 187.5px);
        background:none !important;
    }

    .phone_bg {
        display:block;
        width: 100%; 
        height: 100%; 
        position: absolute; 
        z-index: -1;
        top: 0;
        left: 0;
    }

    .link_block{
        bottom:0px;
    }
}

    .blur_background {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        filter: blur(5px);
        z-index: 2;
    }