#mycity-banner {
    background-image: url('/img/camera_page/mycity-banner.jpg');
    width: 100%;
    height: 400px;
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

#mycity-banner-logo {
    background-color: unset;
    background-image: url(/img/my_city.png);
    width: 100%;
    height: 330px;
    background-position: center;
    background-repeat: no-repeat;
    top: 0;
    position: absolute;
}

#map {
    width: 100%;
    height: 700px;
    margin-bottom: -15px;
    position: relative;
    animation: fadein 0.3s ease-in alternate;
}

.placemark_layout_container {
    position: relative;
    font-family: Georgia;
    font-size: 40px;
    text-align: center;
    font-weight: bold;
}

.square_layout {
    position: absolute;
    left: -23px;
    top: -23px;
    width: 50px;
    height: 50px;
    line-height: 46px;
    background-image: url(/img/rakurs.png);
    background-size: cover;
}

.no-vissible {
    opacity: 0;
    display: none;
}

#page-header {
    position: relative;
}

.menu-container-wrapper {
    box-shadow: 0 5px 8px #0000009e;
    display: flex;
    position: absolute;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    z-index: 1;
    background-color: #00000088;
    margin: auto 0;
    color: white;
    backdrop-filter: blur(3px);
}

@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.cameralist {
    width: 1180px;
    height: auto;
    margin: 0 auto;
    animation: fadein 0.3s ease-in alternate;
}

.menu-container {
    width: 1180px;
    margin: 0 auto;
    padding: 0.5em 0 0.75em 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.css-button {
    font-weight: 300;
    color: #FFFFFF;
    font-size: 18px;
    border-radius: 5px;
    border: 1px #404040 solid;
    background-image: linear-gradient(to top, #000000 0%, #696969 50%, #0000007a 100%);
    transition: 0.3s;
    background-size: auto 400%;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

.css-button:hover {
    background-position: right center;
    color: #fff;
    text-decoration: none;
}

.css-button:active {
    position: relative;
    top: 1px;
}

.css-button-icon {
    padding: 7px 12px;
    text-shadow: none;
    border-right: 1px solid rgba(255, 255, 255, 0.16);
    box-shadow: rgba(0, 0, 0, 0.14) -1px 0 0 inset;
}

.css-button-icon svg {
    vertical-align: middle;
    position: relative;
    top: -1px;
}

.css-button-text {
    padding: 7px 18px;
}

.control {
    display: block;
    position: relative;
    padding-left: 30px;
    margin: 0 1em 5px 1em;
    padding-top: 4px;
    cursor: pointer;
    font-size: 14px;
}

.control input {
    display: none;
}

.control-indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background: #e6e6e6;
    border: 0 solid #000000;
}

.control:hover input ~ .control-indicator,
.control input:focus ~ .control-indicator {
    background: #cccccc;
}

.control input:checked ~ .control-indicator {
    background-image: linear-gradient(to top, #404040 0%, #696969 50%, #0000007a 100%);
}

.control input:disabled ~ .control-indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}

.control-indicator:after {
    box-sizing: unset;
    content: '✔';
    position: absolute;
    top: 50%;
    display: none;
    color: white;
}

.control input:checked ~ .control-indicator:after {
    display: block;
}

.control-radio .control-indicator {
    border-radius: 3px;
}

.control-radio .control-indicator:after {
    left: 5px;
    top: 0;
    width: 0;
    background: #ffffff;
    transition: background 250ms;
}

.control-radio input:disabled ~ .control-indicator:after {
    background: #7b7b7b;
}

.filter-block {
    display: flex;
    justify-content: space-around;
}

.search {
    position: relative;
    display: flex;
    margin: 0 10px;
    max-width: 200px;
    min-width: 50%;
}

#address-search {
    width: 100%;
    padding: 4.5px 4.5px 4.5px 10px;
    height: 29px;
    border-radius: 5px 0 0 5px;
    outline: none;
    color: #9DBFAF;
    border: 1px #404040 solid;
}

#address-search:focus {
    color: #00B4CC;
}

.search-button {
    width: 40px;
    height: 40px;
    border: 1px #404040 solid;
    border-left: none;
    background-image: linear-gradient(to top, #000000 0%, #696969 50%, #0000007a 100%);
    text-align: center;
    color: #fff;
    background-color: black;
    background-size: auto 400%;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.control-button-group,
.control-group {
    display: flex;
}

.control-button-group {
    justify-content: space-between;
}

.control-group {
    justify-content: space-between;
}

.cameralist-preview {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 30px;
}

.cameralist-preview a {
    text-decoration: none;
    color: black;
}

.cameralist-preview-mod-street,
.cameralist-preview-mod {
    width: 280px;
    height: 186px;
    margin-bottom: 17px;
    background-color: #c3c3c3;
    display: flex;
    border-radius: 5px;
    background-position: center;
}

.cameralist-preview-mod {
    align-items: flex-end;
    transition: all 0.2s ease-in;
    background-size: 130%;
}

.cameralist-preview-mod-street {
    align-items: center;
    flex-direction: column;
    justify-content: flex-end;
    background-size: cover;
}

.cameralist-preview-mod:hover {
    box-shadow: 0 0 11px 9px rgba(34, 60, 80, 0.65) inset;
    background-size: 120%;
}

.cameralist-preview-mod-street:hover {
    background-color: rgba(0, 0, 0, .5);
    background-blend-mode: darken;
}

.only-for-clients {
    opacity: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    backdrop-filter: blur(3px);
    width: 100%;
    height: 100%;
    justify-content: center;
}

.cameralist-preview-mod-street:hover > .only-for-clients {
    opacity: 1;
}

.cameralist-title {
    width: 100%;
    color: white;
    background-color: rgb(53 53 53 / 80%);
    border-radius: 0 0 5px 5px;
    backdrop-filter: blur(2px);
}

.cameralist-title p {
    text-align: center;
    margin: 8px;
    font-size: 9pt;
    opacity: 100%;
}

#city-selector {
    cursor: pointer;
    padding: 12px 13px;
    outline: 0;
    border: 1px #404040 solid;
    border-radius: 5px;
    color: black;
    margin: 0 10px;
}

#city-selector:hover,
#city-selector:focus {
    color: black;
}

p.camera-info {
    margin-left: 24px;
}

p.camera-info:before {
    display: block;
    content: '';
    float: left;
    width: 16px;
    height: 16px;
    margin-left: -24px;
    margin-top: 3px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px'%0Awidth='16' height='16'%0AviewBox='0 0 172 172'%0Astyle=' fill:%23000000;'%3E%3Cg fill='none' fill-rule='nonzero' stroke='none' stroke-width='1' stroke-linecap='butt' stroke-linejoin='miter' stroke-miterlimit='10' stroke-dasharray='' stroke-dashoffset='0' font-family='none' font-weight='none' font-size='none' text-anchor='none' style='mix-blend-mode: normal'%3E%3Cpath d='M0,172v-172h172v172z' fill='none'%3E%3C/path%3E%3Cg fill='%23666666'%3E%3Cpath d='M26.875,10.75c-8.81835,0 -16.125,7.26465 -16.125,16.08301v86.04199c0,8.81836 7.26465,16.125 16.125,16.125h30.1504l23.5996,21.33203l23.59961,-21.33203h30.15039c8.86035,0 16.125,-7.30664 16.125,-16.125v-86.04199c0,-8.81836 -7.30664,-16.08301 -16.125,-16.08301zM26.875,21.5h107.5c3.02344,0 5.375,2.35156 5.375,5.33301v86.04199c0,2.98145 -2.35156,5.375 -5.375,5.375h-34.3496l-19.4004,17.59473l-19.40039,-17.59473h-34.34961c-3.02344,0 -5.375,-2.39355 -5.375,-5.375v-86.04199c0,-2.98145 2.35156,-5.33301 5.375,-5.33301zM75.25,32.25v10.75h10.75v-10.75zM75.25,53.75v53.75h10.75v-53.75z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.archive-player-block {
    display: inline-block;
    width: 480px;
    box-sizing: border-box;
    padding: 10px;
}

.archive-player {
    position: relative;
    cursor: pointer;
    border-radius: 10px;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 260px;
    background-position: center;
}

.archive-player .play-icon {
    opacity: 0;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.archive-player:hover .play-icon {
    opacity: 1;
}

.archive-player:hover {
    opacity: 1;
    background-size: 125%;
}

.archive-player-block h3 {
    margin: 0 0 5px 0;
    font-size: 11pt;
    font-weight: 500;
}

#cam-player {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAACf1BMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8fqmmfAAAA1HRSTlMABgH3AwXr+QL+GegHC/T91fyuDJH6NukQ0uCrHwqZFITtE3ju+D49CeYqUgT74RHzqqlpdxrsPGDWIeqsFhWg05pmS1U6SFFnHQiQ0TTnLWWoLLKYF1+n7zA/IK/yilCmjB41397OymiPdoOlKGtMDjfcW38iRolqrY4NMXTbfqJkJlTP1DnjbA843Xtc4oDxnsLafcUvcslYu/a4EsekQoUjR5Qy13VWehi9QfD1kzvGSiuSWV5jJUltsJbZv4FNLnG5vp/DRZtdxIt5iFfAT6OcYp4pepgAAAWjSURBVGje7VlVYxs5EJYbY2yHHHCcNNxww8zMzEnbQNM0WOZemXulu+IVrsfMzMxM/kE3o40dO17b69X6zfOQCEbzrUbSpxmZEJ/4xCc+8YlPfMIkiiM9tbdK0/zCki59GfNp9xrpEdRjtfFmO1HWJkuLk3lyi5lHXixRSIfx8hdmJ3Jph0QQ2bkWB/W/8nRfYVtm9rNNdz6zOG9jrBQYKVepMVVFk9rOg+8Or6cd51PYMb5eh5YCa1917NowEEzhP2DFaAhDO++8wN87+gT9gnw2jE/otz7vdBMpDmgQ5S4LRhkub9hHrlT24FRVxeIxUreCAc2Qa6V6RDkvfo/Foa8K3GldQY+FeGB2c37/WWWwsuZEXQLsHj8YveR+0Dh+S71QiFO9GutZDpv8GA9hhAA/KGZB8ZhAhllYb0cZtNYgZOAR3IMfCmLyp3i4aVbY58WAaqkQTh6gVjsKRqtkhW9fK+VA/hS41XHWAuglH20mDVn4SX03AupbMgWuZh4ox7jVqnoD1LLSbVpa4ZD8LnTL7IDR5W799RZo3b9t12ScDWwVfDWPwPhuN0prc0Dp21WNxj+EH7B+GH/Bjc5p0OlKZWC5o2BgwI3O46AzxUKl9WDgezc6t0DnJxaQU2Bgxo2OEnT8WUASwECRKwVZwz2kdKbwRoa3iovd91IEPdyBTKFaKlgIdtr7epCFp1g2FylEX7w2tV/G07fmGY7cA6/fSWcKBvqWv7T8wKDDGYyiPSPjm1mjmmQrcQckyu1D3O/oLGIS2MOzCZv74ccy257PsUlbTKSR7L7TJ0YoymPJK60n6QUSLWX433Y0ibpszNIQi0GVaVDiRObJjRTlnM2duambSC1rjuOGNRm5Swlv/xZv5H0FOJdJWrwJpUi1V7LLUESZwEscE7Qr3klhZZFgeyvQ1G3caqneASHTwVxMWQf/8ryWjmP08hd3F17wGkgjMkkhwRxpzHsvC7gq/5Eb8LdVCnPq8MSKyCSVKikyKjHculvnwfy/9MJ9hB3CP+6qbeycFbd8if8NlYcEo1c5MyeG+q0O0f1C6VmXLwH1kgBoWMuIkRHB90qhzaAo/5jvkzSoshGwPJQzumm4Z7pKoagKr+vN4Vra0UXyByryK1SeY2L1EGqw66B+pU2/XUsbQ9qQjx+Sn6H8G8s8KKWv22uwbzZ8paIoOJdC8gsUb7CSoLbRsaOYLtQ8t/cCofiN+DVHS2et8QfWLOVoDLI0zbR8z8Ps204u4r5R7iN8ICQa56LNtnyL5pxIkPdxPWx8ZQdCUnBdQikd4KzOiDsq/ngG9xJnIOQynkp69puwJ1dUBIzvIV0G5yC6GajH0eIkdo2LQFFnwcCDxDkIacFYgrLlxd10Lp57LBzPud4ViAHPfictbkMqNp9p9BQkEUYNE1cg9Gpcfl/qVHIsMOoZSAWM6XENgv6KWi5vO8ZR2u6ppg0GwSA1MCLcNcijGHBZKjuXzJ4JZgBF8D/WNUglHtaV6v4aj0B0MATPmm1Kpf/BAUSHp9V2QzY/CGYCSecyQpcgIIN7Yq6n5Yh0V0kAjeNLXLlLhNguvL6aYgetSjntFl6U4Bau44rvca6q1q9SmbPZwuIED2Mvl9mWI8SbJQ4qmPEuMIEgreRw3z7E4yqklQArrYgOGpEgt3PlakdXLT82mhiTH6R6LRd/6vkedXUmUFhkDU7x0rrmvP+49dJiTdic/9SQjL8RtDPH2TsxkCjax9/JBRJG9mg+A/PoIN44twwfrjUTUqQl7fRNiOdVO5neUYclSaXkNBRWXV71wKW7ScPUQ3JJQIiOC7hnWmwuO0O+iTYe0kmVFsrnuQe5gLy5XZUyWeWuuVzKx2bNYTmRTpq1vElQs7Q5rpEnnWs3EqnFfzHLFsK06E+8IerpgqiOeJUqviNqodOeE/8HwSAK93QDshgAAAAASUVORK5CYII=");
    background-size: 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #000000;
}

.play-icon {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAB3VBMVEVHcEwzMzMzMzM2NjYzMzM0NDQ0NDRAQEAzMzMzMzMzMzNAQEAzMzMzMzMzMzMzMzMyMjIzMzMzMzM5OTkzMzMzMzMwMDAzMzM0NDQzMzM0NDQyMjIzMzM2NjYyMjItLS00NDQyMjIzMzM0NDQzMzMzMzMyMjIzMzM1NTUzMzM0NDQ0NDQyMjIzMzMyMjIzMzMzMzMyMjIzMzM0NDQzMzMzMzMzMzMzMzMzMzM0NDQzMzM0NDQzMzMyMjIzMzMzMzMzMzMzMzMzMzMzMzM0NDQ1NTU0NDQyMjIyMjI0NDQ1NTUyMjI1NTVVVVUzMzMyMjIzMzMzMzMzMzMkJCQzMzMxMTEzMzM0NDQxMTE0NDQ5OTkwMDAzMzP///8zMzOhoaH9/f01NTV+fn61tbXx8fFCQkI9PT3s7Oytra1VVVWMjIyHh4f+/v40NDQ5OTnCwsJRUVGnp6dUVFSNjY2goKBJSUmZmZn09PTLy8tNTU34+PhLS0s/Pz/v7+/Y2NhxcXH6+vo2Njbz8/Ph4eFoaGja2tpKSkpBQUFaWlqVlZXMzMxTU1NsbGxfX1/5+flFRUXX19c+Pj5eXl53d3fr6+vp6eni4uKXl5eioqL19fViYmLU1NRra2v7+/vNzc2Fpk/hAAAAXXRSTlMA7gUm/YDLBP780AjSz/DNp/t9CffdJfnGzifKUBNREU8k+F6W3lzJOvJdZ1YohPE8mEGU0V9p75JA34WCUuPipeCk4VQrYzM9Uz9mRAPIZdzHVQdkOdU7Q0USEMwaHvwWAAACi0lEQVRYw7WXZ1caQRSGF1lgASmiQhBF7DV2jUaNmt57T+4EW2KLmt57772X35oV1LBMu5Mc368z73PO7N6qaSulkrgjGBiwGYZtIBB0xEvU3Kt7fTqxSI82FWHdOZ01hKndFS6MvWst4aqqQYrYmkuE6mgR2vNbDSKRUenl+4s8BKHDm3j+o3UEpeY2tr+4gCAVaWT597sJWu5ttL+tnCgocoyKvTqiJH/Y6vf6iKJy8y2AVqKs9kx/i6EOMGr/+l10AI0/PC19RM4yoIs6nL8FY9PDEsKO5QSk8+8ZmPrxVAwoXErNTvrs1AIAkhPvhIT6RUCMBwD4OCICrEr77YQPALj6QkBIV7leIQDuXpzlAvpSAI8YAPD5JQ/gTNVvXQYAmLvEycpSE9BP5AC4P8UOimIT4MAAAG6/Yt0LmYAgDgDJ0Sf0vfUmIIAEAJwZOcv6iuvQAIDn57PubTABfgUAvJ623rOZgDwVAMzcsNzLUwbAPAVQegJ8pZ+g8hEf/GR8RPxvvH55lvUbsYEEc9fYgYQM5U8feKEcxwB+nWMX6YQJOI5I59+TgnTWfDIAIwcWFUtVpCYxIDlxk1vSHIii+va9oKja02W5hg8YmxqWl3WtggeYGX0jbCzVS62tijr6suB/9B3Z2rQG6mzyCny7cE/SXA+K2vvjO+PS9p4x9h75hwFDP5Q5olSqA7qtQ1ZU1d9hHbI0e7Oaf01Z9qDYU6Dij+ykR9WNKqNu//8N2+WN7HG9x498/3bewhBGDbzRMv7K4m2XRpTefUC4NW2Jif2eWtna5tpTyLfv3bwLsTm66vdx6ke1C7u82vucWVHhdjrCautzaSI0eHLIpuu2IedgKHFixbb8P4nYR4g0LTsHAAAAAElFTkSuQmCC");
    width: 64px;
    height: 64px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -32px;
    margin-top: -32px;
}

.open-camera {
    cursor: pointer;
    position: relative;
    text-align: left;
    height: 207px;
    max-width: 368px;
    background-size: cover;
    background-position: center;
}

.camera-content,
.archive-list {
    padding-left: 15px;
    font-family: Roboto Condensed, sans-serif;
    font-size: 16px;
    overflow: auto;
}

.camera-content .title,
.archive-list .title {
    text-transform: uppercase;
    margin-bottom: 8px;
    display: inline-block;
}

.archive-list ul {
    margin: 0;
}

.crash-count * {
    vertical-align: middle;
    color: #D64D53;
}

.archive-btn-color {
    background-color: #6BB2C4;
}

.archive-btn-color:hover {
    background-color: #16d3f1;
}


.button-lk_small {
    box-sizing: border-box;
}


.follow-icons {
    width: 80px;
    height: 80px;
    border-radius: 10px;
}

.follow-table {
    width: 60%;
    margin: 3em auto;
    border-spacing: 10px;
}

.follow-table td {
    width: 30%;
    text-align: center;
    font-size: 13pt;
}

.follow-table .td_pd {
    padding-top: 30px;
}

.follow-table td a {
    text-decoration: none;
    color: black;
}

#button-list {
    margin-left: 10px;
}

#request-camera {
    width: 369px;
}

.preview-camera {
    position: relative;
    text-align: left;
    height: 155px;
    max-width: 275px;
    background-size: cover;
    background-position: center;
}


@media screen and (max-width: 1210px) {
    .menu-container-wrapper {
        padding: 0 15px;
    }

    .menu-container {
        width: 100%;
    }

    .cameralist {
        width: auto;
        padding: 15px;
        height: auto;
        margin: 0 auto;
    }

    .control-button-group {
        width: auto;
    }

    .control-group {
        width: auto;
    }

    .cameralist-preview-mod,
    .cameralist-preview-mod-street {
        width: 330px
    }

    .control {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 1017px) {
    .cameralist-preview {
        justify-content: space-evenly;
    }

    .menu-container {
        padding: 0 0 0.25em 0;
    }

    #mycity-banner {
        height: 234px;
    }

    #mycity-banner-logo {
        height: 260px;
        background-size: 45%;
    }

    .archive-player-block {
        width: 50%;
    }

    .archive-player {
        height: 160px;
    }

    .menu-container {
        justify-content: space-around;
    }

    .control-button-group,
    .control-group,
    .filter-block {
        margin: 0.5em 0;
    }

}


@media (max-width: 800px) {
    #mycity-banner-logo {
        background-size: 45%;
    }

    #map {
        height: 400px;
    }
}

@media (max-width: 700px) {
    #mycity-banner {
        height: 200px;
    }

    #mycity-banner-logo {
        height: 115px;
    }

    .archive-player-block {
        width: 100%;
    }

    .archive-player {
        height: 160px;
    }

    .cameralist-preview-mod,
    .cameralist-preview-mod-street {
        width: 403px;
        height: 247px;
        margin-right: 0;
    }

    .cameralist-preview {
        justify-content: center;
    }

    .follow-icons {
        width: 60px;
        height: 60px;
    }

    .follow-table td {
        font-size: 13pt;
    }

    .ya-share2__item {
        width: 24px !important;
        height: 24px !important;
        background-size: 100% !important;
    }
}


@media (max-width: 650px) {
    #mycity-banner {
        background-image: none;
        background-color: black;
    }
}

@media (max-width: 580px) {
    #map {
        height: 425px;
    }
}

@media screen and (max-width: 570px) {
    .follow-table {
        width: 100%;
    }
    .menu-container-wrapper {
        padding: 0;
    }

    .menu-container {
        justify-content: space-between;
        flex-direction: column;
        height: auto
    }

    #mycity-banner-logo {
        height: 80px;
    }

    .filter-block {
        width: 100%;
        align-items: center;
        align-content: space-around;
    }

    .menu-container:nth-child(n) {
        margin: 10px;
    }

    .control-button-group,
    .control-group {
        flex-direction: row;
    }

    .search {
        width: 50%;
    }

    #city-selector {
        max-width: 300px;
        width: 50%;
    }

    .cameralist-preview-mod,
    .cameralist-preview-mod-street {
        width: 100%;
        height: 150px;
    }

    .cameralist-preview {
        justify-content: center;
        flex-direction: column;
    }
}

@media (max-width: 500px) {
    .follow-table td {
        font-size: 11pt;
    }
}

@media (max-width: 430px) {
    #request-camera {
        width: 100%;
    }
}

@media (max-width: 393px) {
    .open-camera {
        height: 64px;
    }

    .camera-content,
    .archive-list {
        max-height: 160px;
    }

    .button-lk_small {
        font-size: 10pt;
    }

    .play-icon {
        width: 32px;
        height: 32px;
        margin-left: -16px;
        margin-top: -16px;
        background-size: 100%;
    }

    .crash-count img {
        height: 30px;
        width: 30px;
    }

    .button-lk_small {
        margin-top: 0 !important;
    }

    .camera-content {
        margin-bottom: 10px;
    }

    .archive-hide-mobile {
        display: none;
    }
}


.component-mobile-app-block-label{font-size:23pt;margin:20px 0;color:#3D8496;text-align:center}
.component-mobile-app-block-content{font-weight:100;font-size:15pt;margin:20px 0}
.component-mobile-add-block-button{width:230px;height:69px;opacity:0.9;aspect-ratio:230/69;}
.component-mobile-app-block-container{max-width:960px;margin:60px auto 0;position:relative;text-align:center}
.component-mobile-app-block-text{vertical-align:middle;text-align:left;padding-left:30px}
.component-mobile-add-block-button:hover{opacity:1;}
.component-mobile-app-block-text a {text-decoration: none;}
.component-mobile-app-mockup{width:194px;height:400px}

@media (max-width: 1000px) {
    .component-mobile-app-block-label{font-size:17pt}
    .component-mobile-app-block-content{font-size:13pt}
    .component-mobile-add-block-button{width:140px;height:42px}
    .component-mobile-app-block-text{padding:0 1em}
    .component-mobile-app-block-container{margin-top:15px}
}