
#content {
    margin-top: -75px;
}

#container {
    font-size: 0;
    font-family: UniviaPro;
}

#container > DIV {
    font-size: 12px;
}

.flex-row {
    display: flex;
    flex-direction: row;
}

.flex-column {
    display: flex;
    flex-direction: column;
}


#container LABEL, 
#container INPUT, 
#container TEXTAREA, 
#container SELECT {
    font-size: 12px;
    color: #1a2533;
    -webkit-appearance: none;
    font-family: Roboto, Arial, sans-serif;
}

.helper{
    height: auto;
    max-height: 100%;
}

#header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}

#header #usergreeting {
    background: transparent;
}

a {
    font-family: 'Roboto';
}

#content a {
    color: #fa4251;
}

#content h2, 
#container h2 {
    font-family: UniviaProMedium;
    font-size: 29px;
    line-height: 35px;
    margin-block-end: 1.5em;
    margin-block-start: 0.83em;
    padding-top: 20px;
    text-align: center;
    font-weight: normal;
}

@media only screen and (min-width: 600px){
    #content h2, 
    #container h2 {
        font-size: 40px;
        line-height: 49px;
    }
}


.info-block {
    font-family: "UniviaPro";
}

.info-block .container {
    width: 100%;
    max-width: 1150px;
    margin: 0 auto;
    min-height: 400px;
    padding: 10px;
    box-sizing: border-box;
}

.info-block h3 {
    margin: 50px auto 50px auto;
    font-size: 27px;
    line-height: 45px;
    color: black;
    font-family: "UniviaPro";
}
.info-block h3 A {
    font-weight: normal;
    text-decoration: underline;
    color: red !important;
    font-family: "UniviaPro";
}

@media only screen and (max-width: 650px) {

    .info-block h2 {
		font-size: 28px;
		margin-bottom: 30px;
        margin-top: 30px;
		line-height: 40px;
	}
    .info-block h3  {
        margin-bottom: 20px;
        margin-top: 20px;
		font-size: 24px;
		line-height: 32px;
    }

    .info-block .container {
        padding-bottom: 0;
    }

    .info-block h2:after {
        display: none;
    }


}



/* START: Main upload view */

#landing-section {
    display: table;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    height: calc(100vh - 142px);
    min-height: 100vh;
    min-height: calc(100vh - 142px);
    padding-top: 75px;
    padding-bottom: 71px;
    color: black;
    background-color: #ffffff;
    /*background-image: radial-gradient(farthest-side at 100vw 100vh,    #dae1f1 0%, #f7f8f8 50%);*/
    table-layout: fixed;
}

    #landing-section .container {
        display: table-cell;
        vertical-align: middle;
    }


        #landing-section .content{
            width: 100%;
            max-width: 1200px;
            margin: auto;
            text-align: center;
            padding: 50px 5px 85px 5px;
            box-sizing: border-box;
            /*min-height: 500px;*/
        }


            #main_page_top_header_1 {
                font-weight: bold;
                font-size: 52px;
                line-height: 70px;
                position: relative;
                margin-bottom: 90px;
            }

                #main_page_top_header_1 .comma {
                    font-size: 30px;
                }

                body.lang_ru #main_page_top_header_1 {
                    font-size: 30px;
                }

                #main_page_top_header_1 .rw-words {
                    display: none;
                    white-space: nowrap;
                }

            #main_page_top_header_2 {
                margin: 32px 0 70px;
                font-size: 23px;
                line-height: 30px;
            }

            #before_file_upload_add_to_upload_text {
                margin: 0 0 32px 0;
                font-size: 23px;
                line-height: 30px;
            }



        #upload-box-outer {
                font-family: Roboto, Arial, sans-serif;
                position: relative;
                width: calc(100% - 20px);
                z-index: 1;
                box-sizing: border-box;
                border: 1px solid #e5e5e5cc;
                border-radius: 8px;
                margin: 50px auto 0 auto;
                max-width: 680px;
                min-height: 55px;
                box-shadow: 0px 0px 20px 0px #e5e5e5cc;
                padding-top: 20px;
        }

            #upload_box_inner {
                background: transparent;
                border-radius: 5px;
                padding: 20px 20px 50px;
                margin: 0 auto 0 auto;
                min-height: 55px;
            }

            #upload-box-outer.files-selected #upload_box_inner {
            }

                BODY.draged-over #upload_box_inner:after {
                    content: '';
                    position: absolute;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    border-radius: 8px;
                    background: #000;
                    opacity: 0.125;
                }

                #savefiles {
                    height: auto;
                    margin: 0;
                }

                #uploadifive-file_upload,
                .start_upload_button,
                #simple_upload_button_container,
                .upload_button {
                    position: relative;
                    display: inline-flex;
                    box-sizing: border-box;
                    max-width: 414px;
                    width: 100% !important;
                    height: 62px !important;
                    font-size: 20px;
                    color: #EE2B3A;
                    border: 2px solid #EE2B3A;
                    -webkit-border-radius: 8px;
                    -moz-border-radius: 8px;
                    border-radius: 8px;
                    margin: 0 auto 40px auto;
                    cursor: pointer;
                    overflow: visible !important;
                    z-index: auto;
                    font-family: "UniviaPro", Roboto;
                    align-items: center;
                    justify-content: center;
                    box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 16%);
                    transition: background-color 0.5s ease, border-color 0.5s ease, color 0.5s ease;
                }

                #uploadifive-file_upload:hover,
                .start_upload_button:hover,
                #simple_upload_button_container:hover,
                .upload_button:hover {
                    background: #EE2B3A;
                    color: #fff;
                }

                #uploadifive-file_upload,
                #simple_upload_button_container,
                .upload_button {
                    background: #EE2B3A;
                    color: white;
                }

                #uploadifive-file_upload.red,
                #simple_upload_button_container:hover,
                .upload_button:hover {
                    background: #AD1F2B;
                    border-color: #AD1F2B;
                }
                .start_upload_button {
                    background-color: #1389FE;
                    border-color: #1389FE;
                }
                .start_upload_button:hover {
                    background-color: #0066CC;
                    border-color: #0066CC;
                }

                #file_upload INPUT {
                    pointer: cursor;
                }

                    #uploadifive-file_upload SPAN.cloud,
                    .start_upload_button SPAN.cloud,
                    #simple_upload_button_container SPAN.cloud,
                    .upload_button SPAN.cloud {
                        width: 35px;
                        height: 15px;
                        display: inline-block;
                    }
                    
                    #simple_upload_button_container INPUT {
                        opacity: 0;
                        cursor: pointer;
                    }

                    #upload-box-outer.files-selected #uploadifive-file_upload:before,
                    #upload-box-outer.files-selected .start_upload_button:before,
                    #upload-box-outer.files-selected #simple_upload_button_container:before {
                        top: -1px;
                        left: -3px;
                        right: -3px;
                        bottom: -6px;
                        border: 6px solid #b9babc;
                        opacity: 0.2;
                    }

                    #uploadifive-file_upload SPAN,
                    .start_upload_button SPAN {
                        position: relative;
                        color: #fa4251 !important;
                    }

                    #uploadifive-file_upload SPAN {
                        padding-right: 15px;
                    }

                        #uploadifive-file_upload SPAN IMG,
                        .start_upload_button SPAN IMG,
                        #simple_upload_button_container SPAN IMG {
                            height: 15px;
                            line-height: 36px;
                            margin-right: 15px;
                            width: 21px;
                            vertical-align: middle;
                        }

                        .start_upload_button SPAN IMG.cloud,
                        .start_upload_button SPAN IMG.cloud-arrow {
                            position: absolute;
                            top: 0;
                            left: 0;
                        }

                        #uploadifive-file_upload SPAN IMG {
                            margin-left: 7px;
                            margin-right: 7px;
                            height: 12px;
                        }
                        #uploadifive-file_upload SPAN .cloud-white {
                           height: 20px;
                           margin-bottom: 2px;
                        }


                    @keyframes pointIconTop {
                        0%     { top: 10px; }
                        25% { top: 8px; }
                        50% { top: 10px; }
                        75% { top: 8px; }
                        100%{ top: 10px; }
                    }
                    .start_upload_button SPAN IMG.cloud-arrow {
                        height: 9px;
                        top: 8px;
                        animation-name: pointIconTop;
                        animation-duration: 1000ms;
                        animation-iteration-count: infinite;
                        animation-timing-function: ease-in-out;
                    }

                #simple_upload_button_container IMG,
                .upload_button:not(.start_upload_button) IMG {
                    height: 20px;
                    margin: 0 0 0 10px;
                }
                #uploadifive-file_upload SPAN{
                    color: #fff !important;
                }

                #upload_box_inner.start_upload #uploadifive-file_upload {
                    background: transparent !important;
                }

                #upload_box_inner.start_upload #uploadifive-file_upload:before {
                    border: none;
                }

                #upload_box_inner.start_upload #savefiles .upload_button {
                    margin-bottom: 5px;
                    box-shadow: none;
                    font-size: 20px;
                }



                #upload_box_inner.start_upload #uploadifive-file_upload {
                    background-color: transparent !important;
                    border: none;
                    box-shadow: none;
                    margin-bottom: 0;
                    overflow: hidden !important;
                    font-size: 18px;
                }

                    #upload_box_inner.start_upload #uploadifive-file_upload:hover SPAN {
                       color: #1389FE !important; 
                    }
                    #upload_box_inner.start_upload #uploadifive-file_upload SPAN {
                        margin-right: 0;
                        color: #7C7C7C !important;
                    }
                    #upload_box_inner.start_upload #uploadifive-file_upload SPAN .hover,
                    #upload_box_inner.start_upload #uploadifive-file_upload:hover SPAN img {
                        display: none;
                    }
                    #upload_box_inner.start_upload #uploadifive-file_upload:hover SPAN .hover{
                        display: inline-block;
                    }

                    .select_files_button_long_text {
                        vertical-align: top;
                    }

                .file_select_dragndrop_text {
                    font-family: "UniviaProBook";
                    font-size: 16px;
                    color: #7C7C7C;
                    line-height: 21px;
                }
                .file_select_dragndrop_text.mobile {
                    display: none;
                }

            #during_file_upload {
                font-size: 14px;
                line-height: 19px;
                color: #7C7C7C;
                font-family: 'Roboto';
            }


                @keyframes opacityToogle {
                    0%     { opacity: 1 }
                    10%    { opacity: 1 }
                    50%    { opacity: 0 }
                    100%   { opacity: 1 }
                }

                #during_file_upload .during_file_upload__title {
                    font-size: 24px;
                    line-height: 32px;
                    font-weight: normal;
                    color: #000000;
                    margin: 0 0 20px;
                    animation-name: opacityToogle;
                    animation-duration: 2500ms;
                    animation-iteration-count: infinite;
                    animation-timing-function: ease-in-out;
                }
                #during_file_upload IMG {
                    width: 26px;
                    height: 32px;
                    margin-right: 10px;
                    vertical-align: top;
                }

                #during_file_upload A {
                    display: inline-block;
                    font-family: Roboto;
                    color: #1389FE;
                    text-decoration: none;
                }
                    #during_file_upload .fa {
                        display: inline-block;
                        vertical-align: baseline;
                        margin-right: 10px;
                    }

                    #preloader_file_upload ,
                    #during_file_upload {
                        padding: 0 0 20px 0;
                    }

                        #download_link_wrapper_0,
                        #download_link_wrapper {
                            background: #F2F5F8;
                            border-radius: 8px;
                            height: 46px;
                            display: flex;
                            padding: 0 5px 0 20px;
                            margin: 20px auto 50px;
                            gap: 5px;
                            align-items: center;
                            max-width: 350px;
                        }
                        #download_link_wrapper {
                             
                        }
                        #download_link_wrapper_0 {
                            margin: 10px auto 50px;
                        }
                        
                            #download_link_0,
                            #download_link {
                                color: #1389FE !important;
                                text-decoration: none;
                                display: inline-block;
                                line-height: 21px;
                                white-space: nowrap;
                                overflow: hidden;
                                text-overflow: ellipsis;
                            }
                               .copy_button_wrapper {
                                    position: relative;
                                    margin-left: auto;
                               }
                            .copy_button {
                                display: inline-flex;
                                height: 36px;
                                min-width: 36px;
                                border-radius: 5px;
                                align-items: center;
                                transition: background-color 0.5s ease;
                                color: #1389FE;
                                background: #E1EDFD;
                                min-width: fit-content;
                                overflow: hidden;
                                margin-left: auto;
                                padding: 0 25px 0 15px;
                                background-image: url(/images/button_icons/inputs/dropdown_blue.svg);
                                background-repeat: no-repeat;
                                background-position-x: calc(100% - 10px);
                                background-position-y: 50%;
                                background-size: 8px;
                                box-sizing: border-box;
                            }

                            .copy_button_wrapper.open .copy_button:not(.copied) {
                                background: #1389FE;
                                background-image: url(/images/button_icons/white/dropdown.svg);
                                background-repeat: no-repeat;
                                background-position-x: calc(100% - 10px);
                                background-position-y: 50%;
                                background-size: 8px;
                                color: white;
                            }

                                .copy_button .copy_text {
                                    overflow: hidden;
                                    max-width: 300px;
                                }
                                .copy_button .copy_text div {
                                    left: 30px;
                                    height: 36px;
                                    line-height: 36px;
                                    transition: background 0.5s ease, max-width 0.5s ease;
                                    display: inline-block;
                                    white-space: nowrap;
                                    font-size: 14px;
                                }
                                .copy_button .copy_text div.mobile {
                                    display: none;
                                }
                                .copy_button .copy_text div.copied {
                                    display: none;
                                }
                            .copy_button.copied {
                                background: #42C689;
                                color: white;
                                padding-right: 15px;
                            }
                                .copy_button.copied .copy_text {
                                    max-width: 200px;
                                    display: inline;
                                    color: white;
                                } 
                                .copy_button.copied .copy_text div.hover {
                                    display: none;
                                }
                                .copy_button.copied .copy_text .copied {
                                    display: inline-block;
                                }
                                @media only screen and (max-width: 425px) {
                                    #download_link_wrapper,
                                    #download_link_wrapper_0 {
                                        position: relative;
                                    }
                                    .copy_button_wrapper {
                                        position: unset
                                    }
                                    .copy_button {
                                        min-width: fit-content;
                                    }
                                    .copy_button .copy_text div.hover {
                                        display: none;
                                    }
                                    .copy_button .copy_text div.mobile {
                                        display: block;
                                    }
                                        .copy_button.copied .copy_text {
                                            font-size: 12px;
                                            left: 10px;
                                            padding-right: 0;
                                        }
                                }
                            @media only screen and (max-width: 350px) {
                                #download_link_wrapper_0,
                                #download_link_wrapper {
                                    text-align: left;
                                    position: relative;
                                }
                            }
                            .copy_button_drawer {
                                display: flex;
                                max-height: 0;
                                background: white;
                                position: absolute;
                                border-radius: 10px;
                                flex-direction: column;
                                box-shadow: 0px 0px 10px 0px #00000033;
                                overflow: hidden;
                                flex-wrap: nowrap;
                                align-items: flex-start;
                                opacity: 0;
                                top: calc(100% + 10px);
                                max-width: calc(100vw - 30px);
                                z-index: 11;
                                min-width: 230px;
                                right: 0;
                                transition: opacity 0.5s ease;
                            }
                           .copy_button_wrapper.open:before {
                                content: '';
                                display: block;
                                height: 15px;
                                z-index: 1;
                                position: absolute;
                                bottom: -13px;
                                left: 0;
                                right: 0;
                            }

                            @media only screen and (max-width: 350px) {
                               .copy_button_drawer {
                                    right: 50%;
                                    margin-left: -115px;
                                    left: 50%;
                                    top: 50px;
                                }
                            }
                            .copy_button_wrapper.open .copy_button_drawer {
                                max-height: 1000px;
                                opacity: 1;
                                padding: 15px 0;
                            }

                            .copy_button_drawer div {
                                cursor: pointer;
                                width: 100%;
                                transition: 0.5s ease;
                                padding: 5px 10px 5px 35px;
                                box-sizing: border-box;
                                position: relative;
                            }
                            .copy_button_drawer div.checked {
                                font-weight: bold;
                            }
                            .copy_button_drawer div.checked .desc_popup {
                                font-weight: normal;
                            }
                        
                            .copy_button_drawer div.checked:before {
                                position: absolute;
                                content: "";
                                top: calc(50% - 10px);
                                width: 13px;
                                height: 20px;
                                background: transparent url(/images/button_icons/blue/check-thick.svg?v=1) no-repeat center center;
                                left: 11px;
                                background-size: contain;
                            }
                            .copy_button_drawer div:hover {
                                 background-color: #F5F5F5;
                            }
                            .copy_button_drawer span {
                                font-size: 14px;
                                line-height: 19px;
                                display: block;
                                text-align: left;
                                color: #1a2533;
                            }
                            .copy_button_drawer span.desc {
                                color: #919191;
                                font-size: 10px;
                                line-height: 13px;
                            }

                            #share_button_0,
                            #share_button,
                            .link_button {
                                display: inline-flex;
                                height: 36px;
                                width: 36px;
                                min-width: 36px;
                                border-radius: 5px;
                                align-items: center;
                                cursor: pointer;
                                transition: background-color 0.5s ease, max-width 0.5s ease;
                                color: #1389FE;
                                overflow: hidden;
                                background: #DEEDFF url(/images/button_icons/blue/share.svg?v=1) no-repeat center center;
                                background-size: 13px 15px;
                            }
                            #share_button_0:hover,
                            #share_button:hover {
                                background: #1389FE url(/images/button_icons/white/share.svg?v=1) no-repeat center center;
                            }

                            .link_button {
                                background: #DEEDFF url(/images/button_icons/blue/eye.svg?v=1) no-repeat center center;
                                background-size: 15px;
                            } 
                            .link_button:hover {
                                background: #1389FE url(/images/button_icons/white/eye.svg?v=1) no-repeat center center;
                                background-size: 15px;
                            }

            #during_file_upload,
            #after_file_upload,
            #after_file_upload_wodpress_gallery {
                box-sizing: border-box;
                width: 100%;
                margin: 0 auto;
                font-size: 14px;
                padding: 0 60px 0 60px;
            }
             #after_file_upload {
                 padding-bottom: 50px;
             }

                #after_file_upload .after_file_upload__title {
                    font-size: 25px;
                    font-weight: normal;
                    margin: 0 0 22px;
                    color: #1a2533;
                    line-height: 31px;
                }

                #after_file_upload input.upload_button {
                    border: 0;
                }

                #after_file_upload P,
                #after_file_upload_wodpress_gallery {
                    font-family: 'Roboto';
                    margin-bottom: 23px;
                }
                #after_file_upload P A,
                #after_file_upload_wodpress_gallery A {
                    font-family: 'Roboto';
                    text-decoration: none;
                }

                #after_file_save_storage_deadline {
                    text-align: right;
                    font-size: 12px;
                }

            #upload_file_list {
                display: none;
                width: 100%;
                min-width: 300px;
                margin: 20px auto 0 auto;
                padding: 0 20px;
                box-sizing: border-box;
                background: white;
                border-bottom-left-radius: 7px;
                border-bottom-right-radius: 7px;
                margin-bottom: 10px;
            }

            .uploadifive-queue-item {
                background-color: white;
                color: #1a2533;
                text-align: left;
                border-radius: 8px;
                position: relative;
                padding: 5px 0 10px;
                font-family: Roboto, sans-serif;
                margin-top: 0;
            }
            .uploadifive-queue-item:before {
                position: absolute;
                content: '';
                width: calc(100% + 41px);
                top: -1px;
                left: -20px;
                border-top: 1px solid #D3DBEB;
            }

            .uploadifive-queue-item .progress-bar {
                background-color: #1489F9 !important;
            }
            .uploadifive-queue-item.complete {
                /* background-color: #D4D8DC !important; */
            }

            .uploadifive-queue-item.complete .progress-bar {
                background-color: #42C689 !important;
            }

            .uploadifive-queue-item.complete .close {
                display: none;
            }

            .uploadifive-queue-item.complete:after {
                background-image: url("/images/check_green.svg");
                display: inline-block;
                width: 12px;
                background-repeat: no-repeat;
                height: 8px;
                background-size: contain;
                content: '';
                position: absolute;
                top: 50%;
                right: -5px;
            }
            .uploadifive-queue-item:first-child {
                margin-top: 0;
            }

                .uploadifive-queue-item .file_info {
                    display: flex;
                    justify-content: space-between;
                    margin-right: 30px;
                }
                .uploadifive-queue-item .error_notice {
                    display: inline-block;
                    font-family: "UniviaProBook", Roboto;
                    text-align: left;
                    /* float: right; */
                    padding-right: 15px;
                    padding-left: 15px;
                }
                .uploadifive-queue-item .fileinfo {
                    display: inline-block;
                    font-family: Roboto;
                    /* min-width: 150px; */
                    min-height: 16px;
                    text-align: center;
                    line-height: 16px;
                    /* float: right; */
                    margin: 0 5px 0 0;
                    color: #1489F9;
                    font-weight: normal !important;
                }

                .uploadifive-queue-item .fileinfo SPAN {
                    font-weight: normal !important;
                }
                .uploadifive-queue-item .fileinfo:after {
                    clear: both;
                }
                .uploadifive-queue-item .fileinfo .speed {
                    display: inline-block;
                }
                .uploadifive-queue-item .fileinfo  .progress-percents {
                    display: inline-block;
                }


                .uploadifive-queue-item .filename {
                    box-sizing: border-box;
                    min-width: 200px;
                    font-weight: normal;
                }
                .uploadifive-queue-item .filename,
                .uploadifive-queue-item .file_size {
                    display: inline-block;
                    text-align: left;
                    color: #1a2533;
                    font-family: Roboto;
                    line-height: 16px;
                    font-size: 12px;
                }
                 .uploadifive-queue-item .file_size {
                    text-align: right;
                    margin-left: 10px;
                    font-weight: normal;
                }
                
                .uploadifive-queue-item .progress {
                    height: 6px;
                    border: none;
                    background-color: #E5E5E5;
                    border-radius: 5px;
                    width: calc(100% - 30px);
                }
                .uploadifive-queue-item .progress-bar {
                    height: 6px;
                    border: none;
                    border-radius: 5px;
                    background-color: #fa4251;
                }

                .uploadifive-queue-item .preloader {
                    display: none;
                    width: 15px;
                    height: 15px;
                    margin: 0 10px 0 5px;
                }

                .uploadifive-queue-item .close {
                    display: flex;
                    align-items: center;
                    position: absolute;
                    right: -3px;
                    top: calc(50% - 7px);
                }
                .uploadifive-queue-item .close IMG {
                    width: 10px;
                    height: 10px;
                }

                #receive_files_wrapper {
                    display: flex;
                    margin: auto;
                    gap: 15px 20px;
                    padding: 20px 20px 25px;
                    width: 100%;
                    border-top: 1px solid #EAEAEA;
                    justify-content: center;
                    align-items: center;
                    flex-wrap: wrap;
                    box-sizing: border-box;
                    gap: 20px;
                }
                #receive_files_button {
                   height: 46px;
                   width: min-content;
                   background-color: #F2F5F8;
                   color: #1A2533;
                   font-family: 'Roboto',Arial,sans-serif;
                   font-size: 16px !important;
                   line-height: 21px !important;
                   display: inline-flex;
                   cursor: pointer;
                   white-space: nowrap;
                   border-radius: 8px;
                   transition: background-color 0.5s ease, color 0.5s ease;
                   align-items: center;
                   justify-content: center;
                   position: relative;
                   z-index: 9999;
                   gap: 10px;
                   width: 197px;
                   max-width: calc(50% - 10px);
                }
                #receive_files_button:hover {
                    background-color: #DEEDFF;
                    color: #1389FE;
                }
                #receive_files_button_icon {
                    height: 20px;
                    width: 17px;
                    background-repeat: no-repeat !important;
                    background-position: center !important;
                    background-image: url(/images/button_icons/folder_receive.svg?v=1);
                    background-size: contain;
                }
                #receive_files_button:hover #receive_files_button_icon {
                    background-image: url(/images/button_icons/blue/folder_receive.svg?v=1);
                }
                #receive_files_desc {
                    color: #7C7C7C;
                    font-size: 14px;
                    line-height: 18px;
                    font-family: UniviaProBook;
                    text-align: left;
                    width: 197px;
                    padding-right: 7%;
                    box-sizing: border-box;
                    max-width: calc(50% - 10px);
                }
        /* END: Main upload view */




/* START: Upload total progress */

#upload_total_progress {
    display: none;
    margin: 0 20px 0;
    font-size: 12px;
    font-family: 'Roboto';
}

    #upload_total_progress .progress-bar {
        background-color: #E5E5E5;
        height: 19px;
        border-radius: 10px;
        width: calc(100% - 10px);
        margin-left: 5px;
        overflow: hidden;
    }

        #upload_total_progress .progress-bar-inner {
            width: 0;
            background-color: #1489F9;
            height: 19px;
            border-radius: 10px;
        }

    #upload_total_progress .estimated-time,
    #upload_total_progress .uploaded-files,
    #upload_total_progress .speed-progress {
        display: inline-block;
        margin-bottom: 8px;
        font-size: 12px;
        line-height: 16px;
    }

    #upload_total_progress .speed-progress {
        width: 30%;
        color: #1489F9;
        font-size: 14px;
    }
    #upload_total_progress .speed-progress .value {
        display: inline-block;
        text-align: center;
        font-weight: bold;
    }

    #upload_total_progress .speed-progress IMG {
        display: inline-block;
        height: 14px;
        margin-top: -6px;
    }

    #upload_total_progress .estimated-time {
        width: 33%;
        text-align: left;
        color: #7c7c7c;
    }

    #upload_total_progress .estimated-time .value {
        color: black;
    }

    #upload_total_progress .upload-size {
        width: calc(100% - 5px);
        margin-top: 8px;
        line-height: 16px;
        font-weight: bold;
        font-size: 12px;
        text-align: right;
    }

    #upload_total_progress .uploaded-files {
        width: 34%;
        text-align: right;
        color: #7c7c7c;
    }
        #upload_total_progress .uploaded-files .value {
            color: black;
        }

/* END: Upload total progress */

.upload_waiting {
    display: none;
    background: #FFEFF0;
    color: #EE2B3A;
    border-radius: 8px;
    min-height: 50px;
    width: calc(100% - 40px);
    align-items: center;
    justify-content: center;
    margin: 0 20px 20px;
    padding: 10px 20px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 20px;
}
.upload_waiting.bottom {
    margin: 80px 20px 25px;
    position: relative;
}
.upload_waiting.bottom:before {
    content: "\f110";
    -webkit-animation: fa-spin 2s linear infinite;
    animation: fa-spin 2s linear infinite;
    font-family: FontAwesome;
    position: absolute;
    color: black;
    font-size: 26px;
    bottom: 85px;
}

/**/
#upload_stats_text {
    display: none;
    position: relative;
    font-family: 'Roboto';
    font-size: 16px;
    padding: 0 20px;
    color: #1a2533;
}

#upload_stats_text SPAN {
    font-weight: bold;
}
/**/


/* START: Input form */
#landing-section INPUT,
#landing-section TEXTAREA{
    width: 100%;
    min-width: 200px;
    max-width: 100%;
    border-radius: 8px;
    padding: 0 15px;
    font-size: 16px;
    box-sizing: border-box;
    margin-bottom: 12px;
    border: 1px solid #E6E6E6;
    height: 46px;
    line-height: 19px;
    color: #1a2533 !important;
}


#landing-section TEXTAREA::placeholder,
#landing-section INPUT::placeholder {
    color: #9A9A9A !important;
    font-size: 14px !important;
}
#landing-sender_mail_tt:focus::placeholder,
#landing-sender_mail_tt:focus::-webkit-input-placeholder,
#sender_mail_tt:focus:-moz-placeholder, /* Firefox 18- */
#sender_mail_tt:focus::-moz-placeholder,  /* Firefox 19+ */
#sender_mail_tt:focus:-ms-input-placeholder,
#recepients_emails:focus::-webkit-input-placeholder,
#recepients_emails:focus:-moz-placeholder, /* Firefox 18- */
#recepients_emails:focus::-moz-placeholder,  /* Firefox 19+ */
#recepients_emails:focus:-ms-input-placeholder {
    color: transparent !important;
}

#landing-section INPUT:focus,
#landing-section TEXTAREA:focus {
    border: 1px solid #1389FE;
}
#landing-section TEXTAREA {
    height: 75px;
    padding: 13px 15px;
    resize: vertical;
}

#landing-section INPUT#wordpress_shortcode {
    margin-bottom: 0;
    text-align: center;
}

#landing-section INPUT {
}

#landing-section INPUT:focus, 
#landing-section TEXTAREA:focus,
#landing-section .styled-select.blue-border {
    outline: none !important;;
}

@media (max-height: 650px) {
    #landing-section INPUT,
    #landing-section TEXTAREA{
        margin-bottom: 12px;
    }
}


/* END: Input form */


#after_file_upload .input-label {
    position: relative;
    margin-bottom: 12px;
    display: inline-block;

}
#after_file_upload .input-label.full-width {
    width: 100%; 
}
    #after_file_upload .input-label input {
        margin: 0;
        margin-top: 8px;
        width: 100%;
        padding-top: 3px;
    }
     #after_file_upload .input-label .styled-select {
        margin-top: 8px;
    }
    #after_file_upload .input-label label {
        position: absolute;
        font-size: 14px;
        background: white;
        min-width: unset;
        left: 10px;
        z-index: 1;
        line-height: 16px;
        width: fit-content;
        padding: 0 7px;
        color: #1a2533 !important;
        text-align: left;
        text-align-last: left;
        font-weight: bold;
    }
    #after_file_upload .input-label label.info {
       display: none;
    }

#after_file_upload .input-label.has_error label {
    color: #CA1913 !important;
}
#after_file_upload .input-label:focus-within label {
    color: #1389fe !important;
}
#after_file_upload .input-label:focus-within .info + label {
    display: none;
}
#after_file_upload .input-label:focus-within .info {
    display: block;
}

#after_file_save_password,
#after_file_save_access_rights,
#after_file_save_storage_deadline 
{
    font-size: 12px;
    box-sizing: border-box;
    text-align: left;
    box-sizing: border-box;
}

#after_file_save_set_public {
    text-align: left;
}

#sender_mail_tt_wrap
#recepients_emails_wrap {
    text-align: left;
}
#sender_mail_tt_wrap,
#recepients_emails_wrap {
    text-align: left;
}

#landing-section .styled-select {
    height: 44px !important;
    width: 100% !important;
    border-radius: 8px;
    margin-bottom: 14px;
    box-sizing: border-box;
    background: white;
    border: none;
}
#landing-section .styled-select SELECT {
    height: 53px !important;
    width: 100% !important;
    padding: 0 27px 0 27px !important;
    font-size: 14px;
    color: #808b97 !important;
    font-family: "UniviaProBook", Roboto;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    box-sizing: border-box;
}
#landing-section .styled-select .select-items {
    font-size: 14px;
    border: 1px solid #E6E6E6;
    background: white;
    box-shadow: none;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
#landing-section .styled-select .select-items div {
    color: #1a2533;
}
#landing-section .styled-select .select-selected {
    line-height: 46px;
    padding: 0 20px;
    color: #1a2533;
    font-size: 14px;
    border-radius: 8px;
    border: 1px solid #E6E6E6;
}
#landing-section .styled-select .select-selected.select-arrow-active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background: white;
}
#landing-section .styled-select .select-selected:after {
    background: transparent url(/images/landing/arrow-down.svg) no-repeat center center;
}
#after_file_save__folder_name {
    display: inline-block;
    width: 60%;
    min-width: 200px;
    font-size: 12px;
    text-align: left;
    box-sizing: border-box;
    padding-right: 10px;
}
#after_file_save_access_rights,
#after_file_save_storage_deadline {
    width: calc(50% - 10px);
    display: inline-block;
}
#after_file_save_access_rights{
    margin-right: 16px;
}
#after_file_save_access_rights.full-width {
    width: 100%;
}
#after_file_save_password {
    width: 100%;
}
#after_file_save__folder_name INPUT {
    color: black !important;
    padding-right: 45px;
}
#after_file_save__folder_name {
    position: relative;
}
#after_file_save__folder_name img {
    display: block;
    width: 16px;
    background-repeat: no-repeat;
    height: 16px;
    background-size: contain;
    position: absolute;
    top: 41px;
    right: 5px;
    cursor: pointer;
    padding: 11px 11px 13px 13px;
    border-radius: 5px;
    transition: 0.5s ease;
}
#after_file_save__folder_name img:hover {
    background: #DEEDFF;
}

#after_file_save__folder_name.full-width {
    width: 100%;
    padding-right: 0;
}

#after_file_save__folder_name SPAN {
    display: inline-block;
    color: #1a2533;
    font-size: 14px;
    font-weight: bold;
    line-height: 19px;
    padding-bottom: 10px;
}
#after_file_save_access_rights,
#after_file_save__folder_name,
#after_file_save_storage_deadline {
    padding-top: 30px;
}

#sendfiles {
    margin: 30px 0;
}
/*
#after_file_save__folder_name INPUT {
    margin: 0 !important;
}
*/

#after_file_save_adddescription_text {
    position: relative;
    text-align: center;
    color: #6f7b88;
    font-family: "UniviaProLight", Roboto;
    max-width: 700px;
    margin: 8px auto 28px auto;
    cursor: pointer;
}
#after_file_save_adddescription_text IMG {
    margin: -3px 5px 0 0;
    height: 14px;
}
#after_file_save_adddescription_text:before {
    content: '';
    position: absolute;
    top: 55%;
    right: calc(50% + 130px);
    left: -40px;
    height: 1px;
    background: #cbcfd3;
}
#after_file_save_adddescription_text:after {
    content: '';
    position: absolute;
    top: 55%;
    right: -40px;
    left: calc(50% + 130px);
    height: 1px;
    background: #cbcfd3;
}
/*** ***/

#after_file_save_adddescription {
    /*display: none;*/
    text-align: left;
    font-size: 14px;
    font-family: "UniviaProBook", Roboto;
}

#after_file_save_adddescription SPAN {
    display: inline-block;
    padding: 4px 0 4px 23px;
}



/* START: Ad Banner */
.ad_banner_wrap {
    width: calc(100% - 20px);
    max-width: 680px;
    display: flex;
    margin: 45px auto 80px;
    gap: 25px;
    justify-content: space-between;
}
    .ad_banner {
        flex: 1;
        text-align: left;
        padding: 45px 35px 25px 35px;
        display: flex;
        flex-direction: column;
        border-radius: 10px;
        height: 210px;
        box-sizing: border-box;
        transition: 0.5s ease;
        max-width: 330px;
        min-height: 210px;
        text-decoration: none;
        background-size: cover !important;
    }
        .ad_banner:hover{
            transform: scale(1.05); 
        }
    .ad_banner.free5GB {
        background: transparent url('/images/landing/Free5GB.png') no-repeat center;
    }
    .ad_banner.pro2TB {
        background: transparent url('/images/landing/Pro2TB.png') no-repeat center;
        padding: 35px 30px 25px 30px;
    }
        .ad_banner-title {
            color: #FFBA36; 
            font-size: 24px;
            font-family: UniviaProBold;
            line-height: 32px;
        }
        .ad_banner-desc {
            font-size: 18px;
            color: white;
            line-height: 24px;
            font-family: UniviaProBook;
        }
        .free5GB .ad_banner-desc {
            font-size: 20px;
        }
            .ad_banner-desc b {
                color: #4BA7FF;
                font-size: 22px;
                font-family: UniviaProBold;
                line-height: 24px;
            }
        .ad_banner-button {
            color: white !important;
            text-decoration: none;
            font-family: UniviaPro;
            font-size: 20px;
            margin-top: auto;
            display: flex;
            align-items: center;
        }
            .ad_banner-button img {
                margin-left: 10px;
            }
@media only screen and (max-width: 650px) {
    .ad_banner_wrap {
        flex-direction: column;
        align-items: center;
    }
}


/* START: Other apps */
#content #other_apps_title {
    position: relative;
    text-align: center;
    color: black;
    font-size: 24px;
	line-height: 1.4;

    font-family: "UniviaProLight", Roboto;
    max-width: 700px;
    margin: 70px auto 0 auto;
}
#content #other_apps_title:before {
    content: '';
    position: absolute;
    top: 55%;
    right: calc(50% + 130px);
    left: 40px;
    height: 0px; /*jv:2019-05-28*/
    background: #d7dbdf;
}
#content #other_apps_title:after {
    content: '';
    position: absolute;
    top: 55%;
    right: 40px;
    left: calc(50% + 130px);
    height: 0px; /*jv:2019-05-28*/
    background: #d7dbdf;
}


#other_apps {
    text-align: center;
    font-size: 0;
    margin-top: 70px;
}

#other_apps > A {
    display: inline-block;
    width: 106px;
    height: 125px;
    border: 1px solid #bdc2c8;
    background-color: #fbfcfc;
    border-radius: 20px;
    margin: 0 36px 0 0;
    text-align: center;
    font-family: "UniviaProBook", Roboto;
    color: black;
    font-size: 14px;
    cursor: pointer;
    vertical-align: middle;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.14);
    text-decoration: none;
}


#other_apps > A:last-child {
    margin-right: 0;
}

#other_apps > A:hover {
    color: black;
    text-decoration: none;
}

#other_apps > A > SPAN {
    display: block;
    height: 45px;
    margin: 25px 0 18px 0;
}
/*
#other_apps > A:hover {
    text-decoration: underline;
}
*/
#other_apps > A > SPAN IMG {
    display: inline-block;
    width: 43px;
    max-height: 43px;
    vertical-align: middle;
}



.product-icons {
    display: flex;
    flex-direction: column;
    flex-flow: wrap;
    justify-content: center;
    margin: 50px 0 0 0;
}

#content .product-icon {
    display: flex;
    align-items: center;
    flex-direction: column;
    font-size: 15px;
    padding: 0 44px;
    transition: 0.5s ease;
    color: black;
    text-decoration: none;
}
#content .product-icon-with-new-label {
	position: relative;
	top: -8.5px;
}
#content .product-icon-with-new-label img {
	position: relative;
	left: 7px;
}

.product-icon:hover{
    transform: scale(1.1); 
}

.product-icon img {
    height: auto;
    width: 80px;
    transition: 0.5s ease;
    margin-bottom: 10px;
}

.two-by-three{
    display: none;
    border: 0;
    width: 100%;
    margin: 20px 0;
    background-image: none;
}


@media (max-width: 1024px) {
    #other_apps > A {
        height: 60px;
        width: 60px;
        font-size: 12px;
        line-height: 12px;
        border-radius: 14px;
    }

    #other_apps > A > SPAN {
        height: 25px;
        margin: 9px 0 6px 0;
    }
    #other_apps > A > SPAN IMG {
        width: 25px;
        max-height: 25px;
    }
    .two-by-three{
        display: block;
    }

}

@media (max-width: 650px) {
    #content .product-icon {
        padding: 0 3%;
        font-size: 12px;
    }

    #content #install-apps .product-icon {
        padding: 0 5%;
    }

    #other_apps > A {
        margin: 0 5px 15px 0;
    }
	#content #other_apps_title {
	    font-size: 14px;
		line-height: 1.5;
	}

}

@media only screen and (max-width: 1024px) {
    #main_page_top_header_1 {
        font-size: 45px;
        line-height: 75px;
    }

    #main_page_top_header_1 .comma {
        font-size: 30px;
    }
}


@media only screen and (max-width: 800px) {

    #main_page_top_container {
        min-height: auto;
    }

    #during_file_upload,
    #after_file_upload {
        width: calc(100% - 10px) !important;
        padding-left: 10px;
        padding-right: 10px;
    }

    #main_page_top_header_1 {
        font-size: 34px;
        line-height: 45px;
    }
    #main_page_top_header_1 .comma {
        font-size: 18px;
    }

    #main_page_top_header_2 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 40px;
    }
    #landing-section .styled-select .select-items div {
        padding: 12px 16px;
    }
    
}

@media only screen and (max-width: 650px) {

    #landing-section INPUT.icon {
        padding-left: 66px;
    }

    .select_files_button_long_text {
        display: none;
    }

    #upload_box_inner {
        border: none;
        padding: 0;
        padding-bottom: 20px;
        min-height: 0;
    }

    .file_select_dragndrop_text {
        max-width: 250px;
        margin: auto;
        font-size: 14px;
        line-height: 18px;
        display: none;
    }
    .file_select_dragndrop_text.mobile {
        display: block;
    }
    #uploadifive-file_upload,
    .start_upload_button,
    #simple_upload_button_container {
        margin-bottom: 25px;
        width: 300px !important;
        max-width: 85%;
    }
    #upload_box_inner.start_upload #uploadifive-file_upload {
        overflow: hidden !important;
    }

    #after_file_upload ,
    #upload_file_list {
        width: 100%;
        min-width: 0;
    }

    #after_file_upload .after_file_upload__title {
        margin: 0 0 17px 0;
    }
}

@media only screen and (max-width: 550px) {
    #landing-section TEXTAREA {
        padding: 9px 15px;
        height: 58px;
    }
    #sendfiles {
        margin-top: 35px;
        margin-bottom: 45px;
    }
    #after_file_save_access_rights,
    #after_file_save__folder_name {
        padding-top: 30px;
    }
    #after_file_save__folder_name img {
        top: 41px;
    }
    #after_file_save_storage_deadline {
        padding-top: 0;
    }
    
    #after_file_save_storage_deadline,
    #after_file_save__folder_name,
    #after_file_save_access_rights {
        width: 100%;
        max-width: 100%;
        padding-right: 0;
        padding-left: 0;
    }
     .styled-select {
        margin-bottom: 0 !important;
    }

    .uploadifive-queue-item .file_info {
        flex-wrap: wrap;
    }
        .uploadifive-queue-item .filename {
            order: 1;
            min-width: unset;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: calc(100% - 70px);
        }
        .uploadifive-queue-item .error_notice {
            order: 4;
            flex: 1;
            padding: 0;
            text-align: right;
        }
        .uploadifive-queue-item .fileinfo {
            order: 3;
            flex: 1;
            margin: 0;
            min-width: 100%;
            width: 100%;
            min-height: unset;
            text-align: right;
        }
        .uploadifive-queue-item .file_size {
            order: 2;
        }
        .uploadifive-queue-item .progress {
            margin-top: 10px;
        }
}

@media only screen and (max-width: 425px) {

    #upload-box-outer {
        max-width: 100vw;
    }

    #main_page_top_header_1.after {
        display: none;
    }
    #main_page_top_container {
        min-height: 500px;
    }
    /*
        #landing-section {
            padding: 90px 0 85px 0;
        }
    */
    #main_page_top_header_1 {
        font-size: 38px;
        line-height: 45px;
        padding: 0 5px 0 5px;
    }

    #main_page_top_header_1 .comma {
        font-size: 17px;
    }

    #main_page_top_header_2 {
        margin: 32px 0 70px;
        font-size: 23px;
        line-height: 30px;
    }
    /* START: Input form */
    #landing-section INPUT {
        /* height: 50px; */
    }
    #landing-section .styled-select .select-selected {
        /* line-height: 50px; */
    }
    
    #after_file_upload .input-label:focus-within .info {
        bottom: 37px;
    }

    #before_file_upload_add_to_upload_text {
        margin: 0 0 32px 0;
        font-size: 23px;
        line-height: 30px;
    }

    #upload-box-outer {
        width: calc(100% - 20px);
    }
    #upload_box_inner {
        min-height: 55px;
    }

    #text_during_file_upload {
        font-family: UniviaPro;
        font-size: 23px;
    }

    #preloader_file_upload ,
    #during_file_upload {
    }

    #after_file_upload {
        font-size: 14px;
        line-height: 22px;
        padding-bottom: 0;
    }

    #after_file_upload .after_file_upload__title {
        font-size: 16px;
        line-height: 21px;
        font-weight: bold;
        margin-bottom: 25px;
    }

    #after_file_upload .after_file_upload__title br{
        display: none;
    }

    #download_link_wrapper {
        margin-bottom: 40px;
    }
    .copy_button_drawer {
        transition: unset;
    }

    #after_file_save_storage_deadline {
        font-size: 12px;
    }

    #upload_stats_text {
        max-width: 240px;
        margin: auto;
    }

    #upload_stats_text.after,
    #upload_file_list.after {
       display: none !important;
    }
    .upload_waiting {
        font-size: 12px;
        padding-left: 5px;
        padding-right: 5px;
    }

    #receive_files_button {
      width: 100%;
      max-width: 300px;
      box-sizing: border-box;
    }
    #receive_files_desc {
      text-align: center;
      width: 100%;
      padding: 0;
      max-width: unset;
    }
}


/*** START: Adjust elements based on browser height ***/

@media only screen and (min-height: 0) {

    #main_page_top_header_1 {
		margin-top: 40px;
        margin-bottom: 50px;
    }
    #upload-box-outer {
        margin-top: 10px;
        padding-top: 10px;
    }

    .upload_waiting.top {
        margin-top: 0;
    }

    #landing-section {
        height: calc(100vh - 71px);
        min-height: 100vh;
        min-height: calc(100vh - 71px);
        padding-bottom: 0;
    }

    #landing-section .content{
        padding: 5px 5px 30px 5px;
    }


    #content #other_apps_title {
        margin-top: 30px;
    }

    #other_apps {
        margin-top: 30px;
    }

    #content #other_apps_title:before {
        right: calc(50% + 90px);
        left: 50px;
    }
    #content #other_apps_title:after {
        left: calc(50% + 90px);
        right: 50px;
    }
}

@media only screen and (min-height: 550px) {

    #upload-box-outer {
        margin-top: 20px;
        padding-top: 30px;
    }
    .upload_waiting.top {
        margin-top: -10px;
    }

    #landing-section {
        height: calc(100vh - 142px);
        min-height: 100vh;
        min-height: calc(100vh - 142px);
        padding-bottom: 71px;
    }

    #landing-section .content{
        padding: 5px 5px 15px 5px;
    }

    #content #other_apps_title {
        margin-top: 40px;
    }

    #content #other_apps {
        margin-top: 40px;
    }

    #content #other_apps_title:before {
        right: calc(50% + 95px);
        left: 50px;
    }
    #content #other_apps_title:after {
        left: calc(50% + 90px);
        right: 50px;
    }
}

@media only screen and (min-height: 720px) {
    #landing-section {
        height: calc(100vh - 170px);
        min-height: calc(100vh - 170px);
        padding-bottom: 85px;
    }

    #content #other_apps_title:before {
        right: calc(50% + 130px);
        left: 50px;
    }
    #content #other_apps_title:after {
        left: calc(50% + 130px);
        right: 50px;
    }
}

@media only screen and (min-height: 900px) {

    #upload-box-outer {
        padding-top: 40px;
    }
    .upload_waiting.top {
        margin-top: -20px;
    }

    #landing-section .content{
        padding: 50px 5px 85px 5px;
    }

    #main_page_top_header_1 {
        margin-bottom: 90px;
    }

    #upload-box-outer {
        margin-top: 0;
    }

    #content #other_apps_title {
        margin-top: 70px;
    }

    #other_apps {
        margin-top: 70px;
    }

}
/*** END: Adjust elements based on browser height ***/

/* END: Other apps*/


/* START: Android app banner */

#android_app_download {
    text-align: center;
    background-color: #2b3d52;
    padding: 10px 5px;
    border: 1px solid white;
    border-top: 0;
    -webkit-border-bottom-left-radius: 34px;
    -webkit-border-bottom-right-radius: 34px;
    -moz-border-bottom-left-radius: 34px;
    -moz-border-bottom-right-radius: 34px;
    border-bottom-left-radius: 34px;
    border-bottom-right-radius: 34px;
}
#android_app_download a {
    color: white;
    text-decoration: none;
}

/* END: Android app banner */


/* START: Pricing container */

#pricing {
    /*background-color: #F0F2F2;
    background-image: linear-gradient(#F0F2F2, #fff);*/
    overflow: hidden;
}

#content #pricing {
    padding-bottom: 25px;
}

@media only screen and (min-width: 768px){
    #content #pricing {
        margin-bottom: 100px;
    }
}
/* END: Pricing container */


/* START: Logo container */

#container .article {
    margin: 0 auto;
    max-width: 1200px;
    margin-bottom: 50px;
    padding-left: 10px;
    padding-right: 10px;
}

.client-logos h2 {
    font-family: UniviaProMedium;
    font-size: 29px;
    line-height: 35px;
    margin-block-end: 1.5em;
    margin-block-start: 0.83em;
    padding-top: 20px;
    text-align: center;
}

.client-logos {
    text-align: justify;
}

.client-logos .container {
    width: 100%;
    margin: 0 auto;
    padding: 0 40px 0 40px;
    box-sizing: border-box;
    text-align-last: justify;
}

.client-logos img {
    height: 50px;
    display: inline-block;
    padding: 5px;
}

.client-logos a {
    text-align: center;
        text-align-last: center;
    display: block;
    margin: 0 auto 40px auto;
}
.client-logos .text {
    color: black;
    padding: 40px;
    line-height: 1.5;
    text-align-last: center;
    font-size: 12px;
}

.client-logos #latvian-logos {
    height:0;
    margin: 0;
}
.client-logos .container.latvian {
    margin-bottom: 30px;
}

@media (min-width: 1050px){
    .client-logos #latvian-logos {
        display: none;
    }
}

@media only screen and (min-width: 992px) {
    .client-logos a {
        display: inline-block;
        margin: 0;
    }
}

@media only screen and (max-width: 650px){
    .client-logos .container.latvian {
        margin-bottom: 0;
    }
}


@media only screen and (min-width: 600px){
    #container .article {
        margin-bottom: 100px;
        padding-left: 2vh;
        padding-right: 2vh;
    }
}

@media only screen and (min-width: 600px){
    .client-logos h2 {
        font-size: 40px;
        line-height: 49px;
    }
}

/* END: Logo container */

/* START: Securely Store */

#container .article.securely-store, #container .article.secure-sharing, #container .article.grow-your {
    max-width: 1000px;
}

#container .image-grid-item h2 {
    text-align: center;
    font-family: UniviaProMedium;
    font-size: 29px;
    line-height: 35px;
    margin-block-end: 1.5em;
    margin-block-start: 0.83em;
    padding-top: 20px;
}

.image-grid {
    display: flex;
    flex-direction: column;
    flex-flow: wrap;
    justify-content: space-around;
    margin: 0;
}

.image-grid-item {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex: 1 1 0px;
    padding: 0 20px;
    transition: 0.5s ease;
}

.image-grid-item img {
    height: auto;
    margin: 0;
    max-width: 100%;
    min-width: 125px;
    transition: 0.5s ease;
    filter: drop-shadow(0px 4px 30px rgba(0, 0, 0, 0.1));
}

.content-grid {
    display: flex;
    margin-top: 10px;
}

.content-grid-item {
    flex: 1 1 0px;
    flex-grow: 1;
    text-align: start;
}

.content-grid-item:first-child {
    text-align: end;
}

.content-grid-item:nth-child(2) {
    flex-grow: 7;
    padding-left: 15px;
}

#container .content-grid ul, .content-grid li {
    color: black;
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    margin: 0;
    padding: 0;
    padding-bottom: 5px;
    text-align: left;
}

#container .content-grid li:first-child {
    align-items: center;
    display: flex;
    flex-direction: row;
    position: relative;
    right: 35px;
}

.securely-store .image-grid-item img {
    background: none;
    margin: 0;
    min-width: auto;
}

.content-grid-item .icon {
    padding-right: 20px;
    width: 17px;
    min-width: auto;
}

.image-grid-item.image {
    display: none;
}

.image-grid-item.image img {
    max-height: 400px;
}

.secure-sharing .image-grid-item.image img {
    padding: 0 50px;
}

#container .content-grid.last li:first-child {
    right: 44px;
}
@media only screen and (min-width: 992px){
    .image-grid-item.image {
        display: flex;
    }
}

#container .image-grid-item h2 {
    text-align: center;
}

@media only screen and (min-width: 600px){
    #container .image-grid-item h2 {
        font-size: 40px;
        line-height: 49px;
    }
}
@media only screen and (min-width: 992px){
    #container .image-grid-item h2 {
        left: 30px;
        margin-bottom: 10px;
        margin-left: 3%;
        position: relative;
        text-align: left;
    }
    
}


/* END: Securely Store */


/* START: Install apps */

#install-apps .install-apps {
    position: relative;
    text-align: center;
    color: black;
    max-width: 700px;
    margin: 70px auto 0 auto;
}

#install-apps {
    padding-top: 50px;
}

#install-apps .product-icons {
    display: flex;
    flex-direction: column;
    flex-flow: wrap;
    justify-content: center;
    margin: 50px 0 0 0;
}

@media only screen and (min-width: 768px){
    #install-apps .two-by-three {
        display: none;
    }
}


/* END: Install apps */



/* START: main page PRO ad */
#main_page_pro {
    background: #212121;
    color: #fff;
    font-size: 14px;
    padding: 5px;
    text-align: center;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media only screen and (max-width: 920px) {

    #main_page_pro {
        display: none;
    }
}

#main_page_pro .main_page_pro_text {
    display: inline-block;
}

#main_page_pro .main_page_pro_text a {
    background: #fa4251;
    border-radius: 2px;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    margin-left: 20px;
    padding: 2px 11px;
}

#main_page_pro a.close {
    background: url( '/images/cross-white.png' ) no-repeat scroll center center;
    width: 20px;
    height: 100%;
    position: absolute;
    right: 20px;
    top: 0px;
    display: block;
}
/* END: main page PRO ad */





/* END: top container */


/* START: to-do container */
    #todo {
        text-align: center;
    }

        #todo .container {
            height: auto;
        }
        #todo .flex-row {
            margin: 20px;
        }

        #todo .item,
        #todo .arrow {
            display: block;
            text-align: center;
            margin: 0 auto;
            max-width: 200px;
        }

        #todo .item.item-link {
            color: #fc4452;
            cursor: pointer;
        }


        #todo .arrow {
            background: transparent url('/images/landing/todo/arrow.svg') no-repeat scroll top left;
            width: 16px;
            height: 32px;
            margin: 7px 0;
        }


            #todo .item-icon {
                display: block;
                height: 46px;
                min-width: 46px;
                margin-bottom: 20px;
            }

                #todo .item-icon IMG {
                    width: 46px;
                    max-height: 46px;
                }

            #todo .item_text {
                display: block;
                font-weight: normal;
                font-size: 16px;
                line-height: 20px;
            }


    @media only screen and (max-width: 680px) {

        #todo .container {
            height: auto;
            padding-bottom: 0;
        }

        #todo H3 {
            margin: 30px 0 30px 0;
        }
        #todo .flex-column {
            display: block;
        }

        #todo .flex-row {
            display: inline-block;
            max-width: 350px;
            margin: auto;
        }

        #todo .arrow {
            visibility: hidden;
        }
    }

    /* END: to-do container */




    /* START: top features */

    #topfeatures {
        background-color: #F0F2F2;
        background-image: linear-gradient(#fff, #F0F2F2);
    }

    #topfeatures .container {
        padding: 40px;
        min-height: 100px;
    }

        #topfeatures .flex-row {
            margin: 0;
        }

            #topfeatures .flex-row .flex-column {
                margin: 0 auto;
            }

                #topfeatures .item, 
                #topfeatures .item-pro  {
                    position: relative;
                    min-width: 300px;
                    min-height: 20px;
                    color: black;
                    font-size: 16px;
                    font-weight: normal;
                    line-height: 24px;
                    margin: 0;
                    padding: 0 0 26px 40px;
                    text-align: left;
                }
                #topfeatures .item:before {
                    content: '';
                    position: absolute;
                    top: 0;
                    left: 0;
                    background: transparent url('/images/landing/top-features/plus-blue.svg') no-repeat center;
                    width: 22px;
                    height: 22px;
                    margin: auto;
                }
                #topfeatures .item-pro:before {
                    content: '';
                    position: absolute;
                    top: 0;
                    left: 0;
                    background: transparent url('/images/landing/top-features/plus-blue-full.svg') no-repeat center;
                    width: 24px;
                    height: 24px;
                    margin: auto;
                }

                /*
                #topfeatures .item:last-child {
                    padding-bottom: 0;
                }
                */


    @media only screen and (max-width: 680px) {

        #topfeatures .item {
            min-width: 0;
        }
		#topfeatures .item-pro {
            min-width: 0;
        }
        #topfeatures .flex-row {
            display: block;
            max-width: 350px;
            margin: auto;
        }
        #topfeatures .container {
            padding-bottom: 0;
        }


    }


    /* END: top features */





    /* START: how it works container */

    #howitworks {
        margin-top: 30px;
        padding: 40px;
    }

    #how_it_works_container {
        font-size: 19px;
        line-height: 28px;
        padding-top: 20px;
        text-align: justify;
        text-align-last: justify;
    }

        #how_it_works_container .item {
            display: inline-block;
            width: 400px;
            text-align: left;
            text-align-last: left;
            margin: 0 0 80px 0;
        }

                #how_it_works_container .item .icon {
                    display: inline-block;
                    float: left;
                    height: 42px;
                    line-height: 42px;
                }
                #how_it_works_container .item IMG {
                    max-width: 42px;
                    height: 42px;
                }

                #how_it_works_container .item_text {
                    display: inline-block;
                    margin-left: 30px;
                    width: 320px;
                    font-weight: normal;
                    text-align: left;
                    font-size: 16px;
                    line-height: 26px;
                    color: black;
                }

    @media only screen and (max-width: 920px) {
        #how_it_works_container {
            text-align: center;
            text-align-last: center;
        }

        #how_it_works_container .item .icon {
            float: none;
        }
        #how_it_works_container .item_text {
            width: 70%;
        }

    }

    @media only screen and (max-width: 650px) {

        #how_it_works_container .item {
            width: auto;
            text-align: center;
            margin-bottom: 40px;
        }

        #how_it_works_container .item  .icon {
            display: block;
            text-align: center;
            text-align-last: center;
            margin-bottom: 15px;
        }
        #how_it_works_container .item .item_text {
            width: auto;
            text-align: center;
            text-align-last: center;
            margin-left: 0;
        }

        #howitworks {
            margin-top: 0;
            padding: 0;
        }
    }

    /* END: how it works container */


    /* START: usage container */

    #usage_container {
        text-align: justify;
    }

        #usage_container .item {
            display: inline-block;
            width: 24%;
            text-align: center;
            vertical-align: top;
            margin: 20px 0 0 0;
        }

            body.use_vh #usage_container .item {
                margin-top: 5vh;
            }

            #usage_container .item-icon {
                display: inline-block;
                font-size: 60px;
                   margin: 0 0 10px 0;
            }

                body.use_vh #usage_container .item-icon {
                    font-size: 9vh;
                    margin-bottom: 30px;
                }

            #usage_container .item_text {
                font-weight: normal;
                font-size: 18px;
                line-height: 22px;
            }


    @media only screen and (max-width: 400px) {

        #usage_container .item {
            display: block;
            margin: 20px auto 0 auto;
        }
    }

    /* END: usage container */


    /* START: features container */

    .features_container {
        display: inline-block;
        text-align: left;
        width: 40%;
        min-width: 287px;
        vertical-align: top;
        font-size: 22px;
    }

        .features_container .item {
            margin: 0 0 15px 0;
        }

            .features_container .item-icon {
                display: inline-block;
                font-size: 25px;
                font-size: 38px;
            }

                body.use_vh .features_container .item-icon {
                    font-size: 4vh;
                }

            .features_container .item_text {
                display: inline-block;
                margin-left: 10px;
                width: 80%;
                font-weight: normal;
                font-size: 18px;
                line-height: 24px;
                margin-top: -17px;
            }

    @media only screen and (max-width: 400px) {

        .features_container .item_text {
            width: 75%;
        }
    }

    @media only screen and (max-width: 840px) {

        .features_container {
            display: block;
            margin: 0 auto !important;
            width: 60%;
        }

        .features_container .item {
            margin: 0 0 29px 0;
        }

    }
    /* END: features container */


    /* START: business products container */

    #business_products {
        background: #195e8c;
		background-image: linear-gradient(to bottom right, #2372a7 , #195e8c);
        color: white;
        min-height: 300px;
        padding-bottom: 40px;
    }

        #business_products h2 {
            color: white;
            margin-top: 60px;
			margin-bottom: 60px;
        }
            #business_products h2 h2:after {
                background-color: #778fa3;
            }

        #business_products .container {
            padding-right: 0;
            padding-left: 0;
        }

    #products_container {
        text-align: justify;
        text-align-last: justify;
        font-size: 0;
    }

        #products_container .item {
            display: inline-block;
            max-width: 140px;
            text-align: center;
            text-align-last: center;
            vertical-align: top;
            min-height: 165px;
            margin-bottom: 80px;
            cursor: pointer;
        }


            #products_container .item .icon {
                height: 60px;
                line-height: 60px;
                margin-bottom: 20px;
            }
            #products_container .item IMG {
                max-width: 60px;
                height: 60px;
            }


            #products_container .text {
                font-size: 16px;
                line-height: 26px;
                height: 32px;
                color: #FFFFFF;
            }

            #products_container .button_container {
                display: inline-block;
                margin: 30px 0 0 0;
            }

            #products_container .button {
                position: relative;
                border: 1px solid #ffffff;
                border-radius: 5px;
                display: inline-block;
                box-sizing: border-box;
                width: 140px;
                height: 43px;
                font-size: 16px;
                font-weight: normal;
                padding: 0 10px 0 5px;
                line-height: 41px;
                color: #dadfe2;
                margin: 20px auto 0 auto;
                text-decoration: none;
                cursor: pointer;
            }

            #products_container .button:hover {
                background-color: #6E8692;
                border: 1px solid white;
            }

                #products_container .button:after {
                    content: '';
                    position: absolute;
                    top: calc(55% - 7px);
                    right: 6px;
                    width: 7px;
                    height: 11px;
                    background: transparent url('/images/landing/products-for-business/arrow.svg') no-repeat;
                }

        #products_container_seperator {
            display: none;
        }

        @media only screen and (max-width: 1200px) {
            #business_products .container {
                padding-right: 40px;
                padding-left: 40px;
            }
        }
        @media only screen and (max-width: 840px) {

            #products_container .item {
                max-width: none;
                width: 50%;
            }

            #products_container .button_container {
                margin: 10px 0 0 0;
            }
        }

    @media only screen and (max-width: 400px) {

        #products_container .item {
            display: block;
            margin: 40px auto 0 auto;
            width: 100%;
        }

        #products_container .button {
            margin-top: -10px;
        }

        #products_container .text {
            height: 48px;
        }
        #products_container .item .icon {
            margin-bottom: 10px;
        }
    }


    /* END: business products container */

    #globe-background {
        position: relative;
        z-index: 1;
        background: #F5F4F0; /*transparent url('/images/landing/globe.png') no-repeat scroll;*/
        background-size: cover;
    }

    /* START: Register now */
    #register-now {
        padding-top: 80px;
        text-align: center;
    }
        #register-now .container{
            min-height: 340px;
        }

        #register-now H3{
            margin-bottom: 100px;
            text-shadow: 2px 5px 10px rgba(100,100,100, 0.25);
        }

    @media only screen and (max-width: 650px) {

        #register-now {
            padding-top: 0;
            margin-bottom: 50px;
        }
        #register-now H3 {
            margin-bottom: 30px;
        }
    }
    /* END: Register now */



/* START: register container */
    #big_register_button {
        display: inline-block;
        width: 292px;
        height: 62px;
        background: #1ca0f8;
        color: #fff;
        box-sizing: border-box;
        line-height: 42px;
        box-shadow: 0 8px 8px rgba(0,0,0,0.1);
    }

    #big_register_button:hover {
        opacity: 0.9;
    }
	#big_register_button img {
		 height: 24px;
		 margin-right: 10px;
	}
    @media only screen and (max-width: 650px) {

        #big_register_button {
            width: 260px;
        }

        .info-block .container {
            padding-bottom: 40px;
        }
    }

    /* END: register container */

/* START: spec for berga foto */
#berga_foto_school_info {
    width: 50%;
    font-size: 20px;
    margin: 40px auto;
    font-weight: normal;
    text-align: left;
}

#bf_school_info_school_name {
    width: 100%;
    font-size: 20px;
    margin: 10px 0 20px 0;
}

#berga_foto_school_info input[type="checkbox"] {
    display: inline-block;
}

#berga_foto_school_info input[type="checkbox"] + label {
    background: none;
    padding: 0;
    font-size: 18px;
    color: white;
}

#berga_foto_school_info input[type="checkbox"]:checked + label:after {
    display: none;
}

#bf_school_info_delivery_to_school_date {
    width: 100%;
    font-size: 20px;
    margin: 10px 0 20px 0;
}

/* END: spec for berga foto */

#file_upload OBJECT {
    display: block;
}

#foot-background {
    background-image: linear-gradient(#fff, #F0F2F2);
}


#video-block {
	margin-top: 40px;
	margin-bottom: 80px;
}
#video-block .container {
    min-height: unset;
}
#video-block h3 {
	margin-bottom: 80px;
}
#video-block_video-wrapper {
    border-radius: 22px;
    overflow: hidden;
}
#video-block_button-wrapper {
	margin-top: 80px;
    text-align: center;
}
#video-block_button-wrapper .standard_button_fl {
    color: #fff;
    text-decoration: none;
    padding: 20px 55px 20px 45px;
    text-align: left;
}
#video-block_button-wrapper .standard_button_fl:before {
    position: absolute;
    content: "";
    right: 30px;
    width: 12px;
    height: 12px;
    background-size: 12px 12px;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 0;
    background: url(/images/lifetime_storage/style_2/btn_arrow_right.svg) no-repeat scroll 0 0 transparent;
}
@media only screen and (max-width: 650px) {
	
	#video-block {
		margin-top: 0;
	}
	#video-block h3 {
		margin-bottom: 40px;
	}
	#video-block_button-wrapper {
		margin-top: 40px;
	}
	#video-block_button-wrapper .standard_button_fl {
	    font-size: 14px;
    	padding: 15px 35px 15px 25px;
	}
	#video-block_button-wrapper .standard_button_fl:before {
	    right: 20px;
	    width: 10px;
	    height: 10px;
	    background-size: 10px 10px;
	}
}
@media only screen and (max-width: 400px) {
	
	#video-block_button-wrapper .standard_button_fl {
	    font-size: 12px;
	}
}


#main_page__org_logo img {
	height: 290px;
}


/*** Create account ***/
.sell_files_pointed_text {
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    padding-left: 20px;
    padding-right: 20px;
    cursor: pointer;
}

.sell_files_pointed_text hr {
    display: inline-block;
    /*background: #1a2533;*/
    opacity: 0.4;
    width: 100%;
}

.sell_files_pointed_text_inner {
    color: #008ddf;
    display: inline-block;
    margin-top: 2px;
    background: white;
    padding: 0 20px;
    right: 50%;
    transform: translateX(-50%);
    position: absolute;
    line-height: 10px;
    font-size: 16px;
    position: relative;
    font-weight: normal;
}

.sell_files_pointed_text_pointer {
    display: inline-block !important;
    background: url('/images/sell_files/pointer-arrow.svg') no-repeat;
    background-size: 16px 14px;
    height: 16px;
    width: 20px;
    margin-right: 8px;
    margin-top: -2px;
}

.try_or_start .sell_files_bottom_buttons {
    padding-top: 80px;
    padding-bottom: 80px;
    text-align: center;
}

.try_or_start .sell_files_bottom_buttons .standard_button_fl {
    display: inline-block;
    height: auto;
    font-weight: normal;
    border-radius: 5px;
}

.try_or_start .sell_files_bottom_buttons .standard_button_fl:first-of-type {
    margin-right: 64px;
}

.try_or_start .sell_files_bottom_buttons .standard_button_fl:first-of-type, .try_or_start_repeat .standard_button_fl_outline_white {
    box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.1), 0 2px 5px 0 rgba(0, 0, 0, 0.1);
}

.try_or_start_repeat .standard_button_fl_outline_white {
    border: 1px solid white !important;
    color: white !important;
    background: none;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1) inset;
}

.sell_files_bottom_buttons_right_icon_arrow_white {
    background-image: url("/images/sell_files/arrow-white.svg") !important;
    opacity: 1 !important;
}

.try_or_start_repeat {
    background: #fc4452 !important;
    padding-top: 80px;
    padding-bottom: 100px;
    overflow: hidden;
}

.try_or_start_repeat .standard_button_fl_white {
    background: white;
    border: 1px solid white;
    color: #546D7F;
}

.try_or_start_repeat .standard_button_fl_white:before {
    background-image: url("/images/sell_files/arrow-semiblue.svg") !important;
}

.try_or_start_create_account_header {
    font-size: 29px;
    font-family: "UniviaProMedium", Roboto, sans-serif !important;
    color: white;
    text-align: center;
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 35px;
    font-weight: normal;
}

.try_or_start_repeat .sell_files_bottom_buttons {
    padding-top: 45px;
    padding-bottom: 30px;
}

.try_or_start.try_or_start_repeat .sell_files_bottom_buttons .standard_button_fl:first-of-type {
    margin-right: 20px;
}

.try_or_start.try_or_start_repeat .sell_files_bottom_buttons .standard_button_fl:first-of-type:before {
    background-image: url("/images/sell_files/arrow-white.svg");
}

.try_or_start_repeat .sell_files_pointed_text {
    max-width: 664px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    color: white !important;
}

.try_or_start_repeat .sell_files_pointed_text_pointer {
    background-image: url("/images/sell_files/pointer-arrow-white.svg");
    background-size: 16px 14px;
}

.try_or_start_repeat .sell_files_pointed_text_inner {
    color: rgb(255, 255, 255) !important;
    background: #fc4452;
    font-family: "UniviaPro", Roboto, sans-serif;
}

#sync_share_desc_v2 .try_or_start_repeat .sell_files_pointed_text hr {
    background: white !important;
    opacity: 0.2;
    padding: 0;
}
@media only screen and (min-width: 600px){
    .try_or_start_create_account_header {
        font-size: 40px;
        line-height: 49px;
    }
}


@media only screen and (max-width: 900px) {
    .try_or_start .sell_files_bottom_buttons .standard_button_fl:first-of-type {
        margin-right: 24px;
    }
}

@media only screen and (max-width: 810px) {
    .try_or_start .sell_files_bottom_buttons {
        padding: 40px 0;
    }
}

@media only screen and (max-width: 670px) {
    .try_or_start .sell_files_bottom_buttons .standard_button_fl:first-of-type {
        margin-bottom: 20px;
    }
    .try_or_start .sell_files_bottom_buttons .standard_button_fl {
        margin-right: 25px !important;
        margin-left: 25px !important;
    }
}

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

@media only screen and (max-width: 390px) {
    .sell_files_pointed_text_pointer {
        display: none !important;
    }
    .try_or_start_repeat .sell_files_pointed_text_inner {
        font-size: 15px;
        height: 15px;
    }
}

/*** ***/

/*** Bounce arrow ******/

.arrow.bounce {
    position: fixed;
    bottom: 3vh;
    text-align: center;
    z-index: 1;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: fit-content;
}

.arrow.bounce a {
    text-decoration: none;
}

.bounce {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-20px);
    }
    60% {
        transform: translateY(-10px);
    }
}

@media only screen and (max-width: 920px) {
    .arrow.bounce {
        margin: auto;
        right: 3vh;
        left: auto;
    }
}

/***********/
