.top_content_view {
    margin-bottom: -80px;

    padding-bottom: 30px;
}

.center_content {
    background-image: url('/images/project/pasteline/pasteline_logo.png');
    background-size: 140px 140px;
    background-repeat: no-repeat;
    background-position: center top;
    height: 420px;
    padding-top: 140px;
    margin: 40px 0 0px 0;
}

.bg_grey {
    background-color: #f5f5f7;
}

.product_title {
    font-size: 60px;
    font-weight: 750;
}

.product_subtitle {
    font-family: Kalam;
    font-size: 30px;
    font-weight: 300;
    /*width: 500px;*/
    margin: 0px auto;
}

.product_soon {
    font-size: 24px;
    font-weight: 400;
    margin-top: 25px;
}

.pasteline_buttons {
    margin-top: 40px;
}

.top_button {
    padding: 12px 20px 12px 14px;
    background-color: #006afa;
    color: #ffffff;
    font-size: 19px;
    border-radius: 100px;
    text-decoration: none;
    margin: 0 5px 0 5px;

    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0);
    transition: all 0.3s ease 0s;
}

.top_button:hover {
    padding: 12px 20px 12px 14px;
    background-color: #124ce8;
    color: #ffffff;
    font-size: 19px;
    border-radius: 100px;
    text-decoration: none;

    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.15);
}

.top_button_video {
    padding: 12px 20px 12px 14px;
    background-color: #080808;
    color: #ffffff;
    font-size: 19px;
    border-radius: 100px;
    text-decoration: none;
    margin: 0 5px 0 5px;

    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0);
    transition: all 0.3s ease 0s;
}

.top_button_video:hover {
    padding: 12px 20px 12px 14px;
    background-color: #2c333b;
    color: #ffffff;
    font-size: 19px;
    border-radius: 100px;
    text-decoration: none;

    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.15);
}

.top_button_svg {
    margin-top: -6px;
    margin-right: 6px;
}

.top_button_svg_video {
    margin-top: -4px;
    margin-right: 6px;
}

.download_button_bottom {
    margin-top: 30px;
}

.top_button_bottom {
    background-color: #ffffff;
    color: #000000;
}

.top_button_bottom:hover {
    background-color: #ffffff;
    color: #000000;
}

.top_button_bottom_svg {
    margin-top: -6px;
    margin-right: 6px;
    filter: invert(100%);
}

#top_button_scroll {
    position: fixed;
    top: -80px;
    right: 50px;
    padding: 12px 20px 12px 14px;
    /* background-color: #006afa; */
    color: #ffffff;
    font-size: 19px;
    border-radius: 100px;
    text-decoration: none;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    justify-content: right;

    transition: all 0.3s ease 0s;
}

#top_button_scroll:hover {
    padding: 12px 20px 12px 14px;
    background-color: #124ce8;
    color: #ffffff;
    text-decoration: none;

    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2);
}

#ph_button {
    position: fixed;
    bottom: 30px;
    right: 50px;

    border-radius: 10px;
    text-decoration: none;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    justify-content: right;

    display: block;
    transition: all 0.3s ease 0s;
}

@media (max-width: 992px) {
    .product_soon {
        font-size: 20px;
        font-weight: 400;
        margin-top: 20px;
    }

    .center_content {
        /*background-size: 100%;*/
        height: 400px;
        padding-top: 140px;
        margin: 80px 0 0px 0;
    }

    .product_title {
        font-size: 60px;
        font-weight: 750;
    }
}

.pasteline_more_block {
    background-color: #ffffff;
    height: 700px;
    border-radius: 20px;
    margin-bottom: 10px;
    padding: 50px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.pasteline_share_bg {
    background-image: url('../images/pasteline/share_bg.png');
}

.pasteline_sync_bg {
    background-image: url('../images/pasteline/sync_bg.png');
}

.pasteline_night_block {
    background-color: #000;
    /*height: 800px;*/
    margin: 30px auto 50px auto;
    overflow: hidden;
    display: inline-block;
    position: relative;
}

.darkmode_image {
    width: 800px;
    transform: translateY(50px);
}

.darkmode_text {
    transform: translateY(-700px);
    padding-top: 50px;
    margin-bottom: -500px;
}

.darkmode_image_moon {
    width: 60px;
    margin-bottom: 100px;
}

.darkmode_image_woolf {
    width: 370px;
    margin-top: 80px;
}

@media (max-width: 768px) {
    .darkmode_text {
        transform: translateY(-1200px);
        padding-top: 0px;
        margin: 0px auto -500px auto;
        text-align: center;
        width: 100%;
    }

    .darkmode_image_moon {
        width: 60px;
        margin-bottom: 50px;
    }

    .darkmode_image_woolf {
        width: 290px;
        margin-top: 50px;
    }
}

@media (max-width: 576px) {
    /*.center_content{
	background-size: 100%;
    height: 240px;
    padding-top: 16%;
    margin: 80px 0 40px 0;
}

	.product_subtitle{
	font-size: 26px;
	font-weight: 500;
}*/

    #top_button_scroll {
        right: calc(50% - 150px);
    }

    #ph_button {
        right: calc(50% - 125px);
    }
}

@media (max-width: 520px) {
    /*.center_note{
  display: none;


  }*/

    .top_content_view {
        margin-bottom: -20px;

        padding-bottom: 30px;
    }

    .pasteline_buttons a {
        /* margin: 0 auto 15px auto; */

        width: auto;
        text-align: center;
    }

    .center_content {
        height: 420px;
        padding-top: 140px;
        margin: 40px 0 0px 0;
    }
}

@media (max-width: 450px) {
    .top_content_view {
        margin-bottom: -80px;

        padding-bottom: 110px;
    }
}