.main-blue {
    color: #75b7c9;
}
.block-top{
    background: rgb(30, 31, 51);
}
.block-content{
    /*background: #cccccc;*/
}
.block-footer{
    /*position: fixed;*/
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #ffffff;
    /*color: white;*/
    /*text-align: center;*/
}
.pagewrap {
    width: 1200px;
    margin: 0 auto;
}

/* Add a black background color to the top navigation */
.topnav {
    background-color: rgb(30, 31, 51);
    overflow: hidden;
}
/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 12px;
    text-decoration: none;
    border-radius: 30px;
    margin-top: 8px;
    margin-left: 3px;
    margin-right: 3px;
    font: 16px CoFoSansMedium,Helvetica,sans-serif;
}
.topnav a:hover {
    text-decoration: none;
}

.topnav a.right {
    float: right;
}
.topnav a.btn-pay {
    padding: 10px 10px 10px 10px;
}
.topnav a.btn-pay .circle {
    font-size: 2em;
    height: 1em;
    width: 1em;
}

/* Add an active class to highlight the current page */
.topnav .active {
    background-color: #555;
    color: white;
}
.dropdown-content .active {
    background-color: #ddd;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .resp-icon {
    display: none;
}

/* Dropdown container - needed to position the dropdown content */
.dropdown {
    float: left;
    overflow: hidden;
    border-radius: 30px;
    margin-top: 8px;
}

/* Style the dropdown button to fit inside the topnav */
.dropdown .dropbtn {
    border: none;
    outline: none;
    color: white;
    padding: 14px 16px;
    background-color: rgb(30, 31, 51);
    margin: 0;
    font: 16px CoFoSansMedium,Helvetica,sans-serif;
}
.dropdown .dropbtn:after {
    border-style: solid;
    border-width: 0.25em 0.25em 0 0;
    content: '';
    display: inline-block;
    height: 0.45em;
    left: 0.15em;
    position: relative;
    top: 0.35em;
    transform: rotate(-45deg);
    vertical-align: top;
    width: 0.45em;
}
.dropdown:hover .dropbtn:after {
    top: 0;
    transform: rotate(135deg);
}

/* Style the dropdown content (hidden by default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    padding-bottom: 7px;
}

/* Style the links inside the dropdown */
.dropdown-content a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
    font: 16px CoFoSansMedium,Helvetica,sans-serif;
}

/* Add a dark background on topnav links and the dropdown button on hover */
.topnav a:hover, .dropdown:hover .dropbtn {
    background-color: #555;
    color: white;
}

/* Add a grey background to dropdown links on hover */
.dropdown-content a:hover {
    background-color: #ddd;
    color: black;
}

/* Show the dropdown menu when the user moves the mouse over the dropdown button */
.dropdown:hover .dropdown-content {
    display: block;
    border-radius: 30px;
}
.wrecall .tel-link {
    padding: 0;
    margin-top: 5px;
}
p.tel{
    font: 25px CoFoSansMedium,Helvetica,sans-serif;
    float: left;
    display: table-cell;
    line-height: 40px;
    vertical-align: middle;
}
p.tel span {
    color: #75b7c9;
    font-size: 28px;
}
#call{
    text-align: center;
    color: rgb(24, 27, 33);
    text-decoration: none;
    font: 16px CoFoSansMedium,Helvetica,sans-serif;
    background: rgb(224, 235, 240);
}
#call:hover{
    text-decoration:none;
    background: rgb(239, 243, 247);
}
#callFromSite{
    text-align: center;
    color: #fff;
    text-decoration: none;
    font: 16px 'CoFoSans', sans-serif;
    background: #ed1c24;
}
#callFromSite:hover{
    text-decoration:none;
    background:#a61f24;
}
#logo {
    width: 379px;
    height: 57px;
    background: url(../images/logocobrend.png) no-repeat;
    background-size:100% 140%;
    -o-background-size: 100% 140%;
    -webkit-background-size: 100% 140%;
    background-size: contain;
    float: left;
    margin: 18px 0 0 0;
}
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 100; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Header */
.modal-header {
    padding: 2px 16px;
    background-color: transparent;
    color: white;
}

/* Modal Body */
.modal-body {padding: 2px 15px;}

/* Modal Footer */
.modal-footer {
    padding: 2px 16px;
    background-color: transparent;
    color: white;
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    max-width: 600px;
    width: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 8px 12px 0 rgb(0 0 0 / 20%);
    border-radius: 30px;
    background: #fff;
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
/*---------block-logo--------*/
.block-logo{
    margin: 0px 0px 10px;
    background:#fff;
}

.logo-column {
    float: left;
    /*width: 50%;*/
}

.logo-nav {
    float: right;
    /*display: table-cell;*/
    /*vertical-align: bottom;*/
    /*border: 1px solid #f00;*/
    /*height: 95px;*/
    /*padding: 50px 0px 20px 0px;*/
    margin-top: 47px;
}

.logo-nav a {
    color: rgb(24, 27, 33);
    text-decoration: none;
    margin-left: 40px;
    bottom: 0;
    font: 19px CoFoSansMedium,Helvetica,sans-serif;
}
.logo-nav .active {
    background-color: transparent;
    color: #00B7E8;
}

.block-logo:after {
    content: "";
    display: table;
    clear: both;
}
.sec-menu {
    float: left;
}
/*---------block-logo--------*/
/*---------block-slider--------*/
.block-slider {
    height: 520px;
}
.pagewrap-slider {
    position: relative;
}
.form-connect {
    background-color: rgb(245, 248, 251);
    width: 100%;
    padding: 20px 0px;
    padding-top: 0px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    margin-top: 10px;
    position: relative;
    color: #80807e;
    font: 18px 'CoFoSans', sans-serif;
}
.form-connect .section{
    /*display: inline;*/
    padding: 5px 0px;
}
.form-connect .form-header {
    background-color: rgb(250, 250, 250);
    text-align: center;
    padding: 35px 0px 25px;
    color: rgb(24, 27, 33);
    font: 24px/32px CoFoSansBold,Helvetica,sans-serif;
    -webkit-border-radius: 20px 20px 0px 0px;
    -moz-border-radius: 20px 20px 0px 0px;
    border-radius: 20px 20px 0px 0px;
}
.form-connect .form-content {
    /*width: 95%;*/
    padding: 0 20px;
    margin: 0 auto;
}
/*.form-connect .blue-border{*/
/*border: 2px solid #3CC4EB*/
/*}*/
.form-connect .service-field {
    float: left;
    width: 50%;
    text-align: left;
    text-align: -moz-left;
    text-align: -webkit-left;
}
.form-connect .total-section .total-div, .form-connect .total-section .detail-div {
    width: 50%;
    float: left;
}

.form-connect .total-section:after {
    content: "";
    display: table;
    clear: both;
}
.form-connect .service-section input[type="checkbox"]:checked+label {
    color: rgb(255, 255, 255);
    fill: rgb(255, 255, 255);
    stroke: rgb(255, 255, 255);
    background-color: rgb(30, 31, 51);
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}

.form-connect .service-section .checkbox {
    vertical-align: top;
    width: 17px;
    height: 17px;
    margin: 0 3px 0 0;
}
.form-connect .service-section .checkbox + label {
    cursor: pointer;
}
.form-connect .service-section .checkbox:not(checked) {
    position: absolute;
    z-index: -1;
    opacity: 0;
    margin: 10px 0 0 7px;
}
.form-connect .service-section .checkbox:not(checked) + label {
    box-sizing: border-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 8px 24px;
    width: 99%;
    opacity: 1;
    border: none;
    border-radius: 30px;
    box-shadow: none;
    font: 16px/24px CoFoSansMedium,Helvetica,sans-serif;
    letter-spacing: 0.01em;
    color: rgb(255, 255, 255);
    fill: rgb(255, 255, 255);
    stroke: rgb(255, 255, 255);
    text-align: center;
    white-space: nowrap;
    transition: transform 0.2s ease 0s;
    cursor: pointer;
    outline: none;
    background-color: rgb(116, 118, 122);
    margin-top: 5px;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}
.form-connect .service-section .checkbox:not(checked) + label:before {
    /*content: '';*/
    /*position: absolute;*/
    /*top: 5px;*/
    /*left: 0;*/
    /*width: 10px;*/
    /*height: 10px;*/
    /*border: 1px solid #CDD1DA;*/
    /*border-radius: 50%;*/
    /*background: #FFF;*/
}
.form-connect .service-section .checkbox:not(checked) + label:after {
    /*content: '';*/
    /*position: absolute;*/
    /*top: 8px;*/
    /*left: 3px;*/
    /*width: 6px;*/
    /*height: 6px;*/
    /*border-radius: 50%;*/
    /*background: #00B7E8;*/
    /*!*box-shadow: inset 0 1px 1px rgba(0,0,0,.5);*!*/
    /*opacity: 0;*/
    /*transition: .2s;*/
}
.form-connect .service-section .checkbox:checked + label:after {
    opacity: 1;
}
.form-connect .service-section .checkbox:focus + label:before {
    /*box-shadow: 0 0 0 3px rgba(255,255,0,.7);*/
}

.form-connect .service-section{
    padding-top: 10px;
}

.form-connect .service-section:after {
    content: "";
    display: table;
    clear: both;
}
#total_sum {
    font-weight: bold;
}
.form-connect .total-section .total-div .rub_mes {
    font-size: 14px;
}
.form-connect .detail-div {
    text-align: right;
}
.form-connect .detail-div a{
    color: #80807e;
    font: 12px 'CoFoSans', sans-serif;
    text-decoration: underline;
    cursor: pointer;
    padding-right: 10px;
}

.form-connect .address-section input[type="radio"]{
    display: none;
}
.form-connect .address-section input[type="radio"]+label, .frm-connection .address-section input[type="radio"]+label {
    /*position: relative;*/
    /* padding: 0 0 0 15px; */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    /*width: 95%;*/
    /*display: block;*/
    padding: 5px 10px;
    margin: 5px 0;
    text-align: center;
    font-family: 'CoFoSans';
    font-size: 12px;
    font-weight: 500;
    color: #00B7E8;
    cursor: pointer;
}
.form-connect .address-section input[type="radio"]:checked+label, .frm-connection .address-section input[type="radio"]:checked+label  {
    color: #00B7E8;
    background: #c1edff;
    cursor: pointer;
}
.form-connect .finput {
    padding: 7px 0px 3px 7px;
    padding: 10px 0px 10px 10px;
    line-height: 1.5em;
    /*margin: 0;*/
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    /*border: #00adef 2px solid;*/
    line-height: 1em;
}
.form-connect .street {
    width: 65%;
}
.form-connect .home, .form-connect .flat {
    width: 10%;
}
.form-connect .phone {
    width: 96.5%;
}
.form-connect .street, .form-connect .home, .form-connect .flat, .form-connect .phone {
    background: #ebecec;
}
.form-connect .agree{
    /*width: 70%;*/
    /*float: right;*/
}
.agree-section .agree {
    text-align: center;
}

/*.form-connect .agree-section input[type="checkbox"] {*/
/*display: none;*/
/*}*/
/*.form-connect .agree-section input[type="checkbox"] + label {*/
/*display: block;*/
/*position: relative;*/
/*padding-left: 35px;*/
/*margin-bottom: 20px;*/
/*font: 14px/20px 'Open Sans', Arial, sans-serif;*/
/*color: #80807e;*/
/*cursor: pointer;*/
/*-webkit-user-select: none;*/
/*-moz-user-select: none;*/
/*-ms-user-select: none;*/
/*}*/
/*.form-connect .agree-section input[type="checkbox"] + label:last-child {*/
/*margin-bottom: 0;*/
/*}*/
/*.form-connect .agree-section input[type="checkbox"] + label:before {*/
/*content: '';*/
/*display: block;*/
/*width: 20px;*/
/*height: 20px;*/
/*border: 1px solid #6cc0e5;*/
/*position: absolute;*/
/*left: 0;*/
/*top: 0;*/
/*opacity: .6;*/
/*-webkit-transition: all .12s, border-color .08s;*/
/*transition: all .12s, border-color .08s;*/
/*}*/
/*.form-connect .agree-section input[type="checkbox"]:checked + label:before {*/
/*width: 10px;*/
/*top: -5px;*/
/*left: 5px;*/
/*border-radius: 0;*/
/*opacity: 1;*/
/*border-top-color: transparent;*/
/*border-left-color: transparent;*/
/*-webkit-transform: rotate(45deg);*/
/*transform: rotate(45deg);*/
/*}*/

.form-connect .agree-section:after {
    content: "";
    display: table;
    clear: both;
}

.form-connect .submit-section {
    text-align: center;
    text-align: -moz-center;
    text-align: -webkit-center;
}
.btn {
    background: #75b7c9;
    color: #fff;
    padding: 5px 15px;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
    font: 18px 'CoFoSansMedium', sans-serif;
    border-style: none;
    cursor: pointer;
}
.block-slider:after {
    content: "";
    display: table;
    clear: both;
}
/*---------block-slider--------*/
.column-1 {
    float: left;
    width: 8.33%;
}
.column-2 {
    float: left;
    width: 16.66%;
}
.column-3 {
    float: left;
    width: 25%;
}
.column-4 {
    float: left;
    width: 33.33%;
}
.column-5 {
    float: left;
    width: 41.66%;
}
.column-6 {
    float: left;
    width: 50%;
}
.column-7 {
    float: left;
    width: 58.33%;
}
.column-8 {
    float: left;
    width: 66.66%;
}
.column-10 {
    float: left;
    width: 83.33%;
}
.finput {
    padding: 5px 0px 3px 5px;
    line-height: 1em;
    margin: 0;
}
.blue-border{
    border: 2px solid #9bcddd;
}
.gray-border{
    border: 2px solid #b2b3b3;
}
.red-border{
    border: 2px solid #e5097f;
}
/*.form-checkbox {*/
    /*display: none;*/
/*}*/
/*.form-checkbox + label {*/
    /*display: block;*/
    /*position: relative;*/
    /*padding-left: 35px;*/
    /*margin-bottom: 20px;*/
    /*font: 14px/20px 'Open Sans', Arial, sans-serif;*/
    /*color: #80807e;*/
    /*cursor: pointer;*/
    /*-webkit-user-select: none;*/
    /*-moz-user-select: none;*/
    /*-ms-user-select: none;*/
/*}*/
/*.form-checkbox + label:last-child {*/
    /*margin-bottom: 0;*/
/*}*/
/*.form-checkbox + label:before {*/
    /*content: '';*/
    /*display: block;*/
    /*width: 20px;*/
    /*height: 20px;*/
    /*border: 1px solid #6cc0e5;*/
    /*position: absolute;*/
    /*left: 0;*/
    /*top: 0;*/
    /*opacity: .6;*/
    /*-webkit-transition: all .12s, border-color .08s;*/
    /*transition: all .12s, border-color .08s;*/
/*}*/
/*.form-checkbox:checked + label:before {*/
    /*!*width: 10px;*!*/
    /*!*top: -5px;*!*/
    /*!*left: 5px;*!*/
    /*!*border-radius: 0;*!*/
    /*!*opacity: 1;*!*/
    /*!*border-top-color: transparent;*!*/
    /*!*border-left-color: transparent;*!*/
    /*!*-webkit-transform: rotate(45deg);*!*/
    /*!*transform: rotate(45deg);*!*/
    /*content: "✓";*/
    /*font-size: 28px;*/
    /*color: #00adef;*/
    /*line-height: 20px;*/
/*}*/
/**/
.form-checkbox {
    vertical-align: top;
    width: 17px;
    height: 17px;
    margin: 0 3px 0 0;
}
.form-checkbox + label {
    cursor: pointer;
}
.form-checkbox:not(checked) {
    position: absolute;
    z-index: -1;
    opacity: 0;
    margin: 10px 0 0 7px;
}
.form-checkbox:not(checked) + label {
    position: relative;
    padding: 0 0 0 25px;
    font: 14px/20px 'CoFoSans', Arial, sans-serif;
    font-family: 'CoFoSansRegular';
    display: block;
}
.form-checkbox:not(checked) + label:before {
    content: '';
    position: absolute;
    /*top: -3px;*/
    left: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #CDD1DA;
    border-radius: 50%;
    background: #FFF;
}
.form-checkbox:not(checked) + label:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #75b7c9;
    opacity: 0;
    transition: .2s;
}
.form-checkbox:checked + label:after {
    opacity: 1;
}
/**/



.right {
    float: right;
    border-radius: 30px;
}
.center {
    margin: 0px auto;
}
.center-text {
    text-align: center;
    text-align: -moz-center;
    text-align: -webkit-center;
}
.block-content{
    /*background: #cccccc;*/
}
.block-content:after {
    content: "";
    display: table;
    clear: both;
}
.block-footer{
    /*position: fixed;*/
    /*left: 0;*/
    /*bottom: 0;*/
    width: 100%;
    background-color: #ffffff;
    /*text-align: center;*/
    margin-top: 20px;
    padding: 10px 0 20px;
    /*border-top: 1px solid #C8C8C8;*/
    /*position: relative;*/
}
.block-footer, .block-footer a{
    color: rgb(24, 27, 33);
}
.block-footer:before, .block-footer:after {
    content: "";
    display: table;
    clear: both;
}
/*---------block-content--------*/
.content-block {
    background: #ffffff;
    margin: 10px 25px;
    padding: 10px 20px;
}
.row {
    padding: 5px 0px;
}
.row:after {
    content: "";
    display: table;
    clear: both;
}
.block-content h3 {
    color: #00B7E8;
}
.block-content:after {
    content: "";
    display: table;
    clear: both;
}
.dopinfo-section .content-block {
    padding: 0px;
}


#callFromTelegram{
    background-color: #32aadd;
}
.elementTopPanel{
    width: 145px;
    height: 40px;
    margin: 7px 7px !important;
    padding: 7px 7px 7px 7px !important;
    border-radius: 30px;
}
.elementTopPanelOnlyText{
    width: 110px;
    height: 40px;
    margin: 7px 7px !important;
    padding: 7px 7px 7px 7px !important;
    border-radius: 30px;
}
.elementTopPanel{
    display: flex !important;
}
.elementTopPanelOnlyText{
    display: flex !important;
    justify-content: center !important;
    flex-direction: column !important;
    vertical-align: middle !important;
}
/*---------block-content--------*/

/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 1025px) {
    /* pagewrap */
    .pagewrap {
        width: 95%;
    }
    .block-slider .pagewrap {
        width: 100%;
    }
    .block-slider {
        background: #cccccc;
        height: auto;
    }
    .form-connect {
        position: initial;
        margin: 0 auto;
        margin-top: 20px;
    }

}
@media screen and (max-width: 945px) {
    .logo-nav {
        float: right;
        padding: 0px;
        margin-top: 0px;
    }
}
@media screen and (min-width: 769px) {
    #line {
        position: static;
    }
}
@media screen and (max-width: 600px) {
    .topElements{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }
    /*.topnav a:not(:first-child), .dropdown .dropbtn {*/
    .topnav a:not(.btn-pay) and a:not(.elementTopPanel), .dropdown .dropbtn {
        display: none;
    }
    .topnav a.resp-icon {
        float: left;
        display: block;
    }
    .column-1, .column-2, .column-6 {
        width: 50%;
    }
    .column-3, .column-4, .column-5, .column-7, .column-8, .column-9, .column-10  {
        width: 100%;
    }
    .logo-nav {
        float: right;
        /*display: table-cell;*/
        /*vertical-align: bottom;*/
        /*border: 1px solid #f00;*/
        /*height: 95px;*/
        padding: 0px;
        margin-top: 0px;
    }
    .logo-nav a {
        color: #80807e;
        font: 16px 'CoFoSans', sans-serif;
        font-family: 'CoFoSans';
        margin-left: 0px;
        padding: 0;
    }
    .topnav.responsive {position: relative;}
    .topnav.responsive a.resp-icon {
        position: absolute;
        right: 0;
        top: 0;
    }
    .topnav.responsive a {
        float: none;
        display: block;
        text-align: left;
    }
    .topnav.responsive .dropdown {float: none;}
    .topnav.responsive .dropdown-content {position: relative;}
    .topnav.responsive .dropdown .dropbtn {
        display: block;
        width: 100%;
        text-align: left;
    }
    .topnav.responsive .btn-pay, .topnav.responsive .wrecall, .topnav.responsive .wlogin, .topnav .wlogin .wlogin-text {
        display: none;
    }
    .block-logo {
        margin: 0;
    }
    .logo-nav {
        display: table;
    }
    .sec-menu {
        float: none;
        width: 25%;
        display: table-cell;
        vertical-align: bottom;
        text-align: center;
    }
    .sec-menu.hide_mobile {
        display: none;
    }
}
@media screen and (max-width: 560px) {
    .form-connect .street {
        width: 60%;
    }
    .topElements{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }
}
@media screen and (min-width: 549px) and (max-width: 745px) {
    #ntsPhone{
        display: none;
    }
    .topElements{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
        text-align: center;
    }
}
@media screen and (max-width: 500px) {
    #logo {
        height: 50px;
    }
}
@media screen and (max-width: 380px) {
    .form-connect {
        width: 90%;
    }
    .block-content {
        background: #cccccc;
    }
    .content-block {
        margin: 10px 10px;
    }
}

.actionLink {
    color: rgb(28,28,28);
}

.actionLink:hover {
    color: rgb(28,28,28);
}

body {
    font-family: 'CoFoSansMedium', serif;
}

.equipments {
    display: inline-block;
    margin-top: 25px;
}

.equipment {
    position: relative;
    border-radius: 32px;
    background: rgb(245, 248, 251);
    width: 320px;
    height: 365px;
    transition: all 0.3s ease 0s;
    margin-left: 50px;
    padding: 1px;
    float: left;
    margin-top: 15px;
    margin-bottom: 5px;
}

.equipment:hover {
    box-shadow: rgb(0 0 0 / 7%) 0px 6px 12px;
}

.equipmentImage {
    height: 142px;
    background: rgb(255, 255, 255);
    margin: 7px;
    border-radius: 30px;
    text-align: center;
}

.equipmentData {
    padding-left: 15px;
}

.equipmentCategory {
    color: rgb(92, 94, 98);
    font: 12px/16px CoFoSansRegular, Helvetica, sans-serif;
}

.equipmentTitle {
    font: 20px/28px CoFoSansMedium, Helvetica, sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.equipmentDataTable {
    display: flex;
    flex-direction: row;
    font: 14px/20px CoFoSansRegular, Helvetica, sans-serif;
    color: rgb(116, 118, 122);
    white-space: initial;
    margin: 0px 8px auto 2px;
}

.equipmentRow {
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 20px;
    border-bottom: 0.5px dashed rgb(197, 198, 199);
}

.equipmentRow span {
    position: relative;
    display: inline-block;
    align-self: flex-end;
    background-color: rgb(245, 248, 251);
    margin-bottom: -4px;
    color: rgb(116, 118, 122);
    white-space: initial;
    list-style-type: none;
    cursor: default !important;
    text-rendering: optimizelegibility;
}

.equipmentRow span:after {
    position: absolute;
    content: "";
    bottom: -2px;
    left: 0px;
    height: 2px;
    width: 100%;
    background-color: rgb(245, 248, 251);
}

.equipmentBottom {
    margin-top: 17px;
}

.equipmentOrderButton {
    background: rgb(30, 31, 51);
    color: rgb(255, 255, 255);
    border-radius: 30px;
    padding: 8px 16px 8px 16px;
    font: 14px/20px CoFoSansMedium, Helvetica, sans-serif;
    margin-right: 12px;
}

.labels {
    position: absolute;
    height: 40px;
    width: 100%;
    top: 12px;
    left: 12px;
    padding: 8px;
    pointer-events: none;
    z-index: 0;
}

.labelRow {
    flex-flow: row nowrap;
    display: flex;
    width: min-content;
    gap: 4px;
    float: left;
    margin-left: 3px;
}

.label {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    align-self: flex-start;
    padding: 2px 8px;
    font: 12px/16px CoFoSansMedium, Helvetica, sans-serif;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: rgb(16, 178, 120);
    white-space: nowrap;
    background-color: rgb(219, 245, 235);
    border-radius: 8px;
}

.equipmentPrices {
    cursor: pointer;
}

.modal-equipment {
    background-color: rgb(245, 248, 251);
}

.modal-equipment-title {
    margin-top: 20px;
    font: 20px/28px CoFoSansMedium, Helvetica, sans-serif;
    letter-spacing: 0.01em;
}

.modal-equipment-text {
    font: 14px/20px CoFoSansRegular, Helvetica, sans-serif;
}

.modal-equipment-button {
    box-sizing: border-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 12px 24px;
    width: auto;
    max-width: 100%;
    opacity: 1;
    border: none;
    border-radius: 30px;
    box-shadow: none;
    font: var(--medium-s);
    letter-spacing: 0.01em;
    text-align: center;
    white-space: nowrap;
    transition: transform 0.2s ease 0s;
    cursor: pointer;
    outline: none;
    fill: rgb(116, 118, 122);
    stroke: rgb(116, 118, 122);
    color: rgb(116, 118, 122);
    background-color: rgb(197, 198, 199);
    background-image: none;
    animation-name: none;
}

.equipmentPriceDuration:after {
    display: inline-block;
    content: "";
    margin-left: 2.13px;
    width: 7.75px;
    height: 4.25px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOCA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTAuMjM0ODM1IDAuOTg0ODM1QzAuMzgxMjgyIDAuODM4Mzg4IDAuNjE4NzE4IDAuODM4Mzg4IDAuNzY1MTY1IDAuOTg0ODM1TDQgNC4yMTk2N0w3LjIzNDg0IDAuOTg0ODM1QzcuMzgxMjggMC44MzgzODggNy42MTg3MiAwLjgzODM4OCA3Ljc2NTE2IDAuOTg0ODM1QzcuOTExNjEgMS4xMzEyOCA3LjkxMTYxIDEuMzY4NzIgNy43NjUxNiAxLjUxNTE3TDQuMjY1MTYgNS4wMTUxNkM0LjExODcyIDUuMTYxNjEgMy44ODEyOCA1LjE2MTYxIDMuNzM0ODMgNS4wMTUxNkwwLjIzNDgzNSAxLjUxNTE3QzAuMDg4Mzg4MyAxLjM2ODcyIDAuMDg4Mzg4MyAxLjEzMTI4IDAuMjM0ODM1IDAuOTg0ODM1WiIgZmlsbD0iIzM5M0M0MSIvPgo8L3N2Zz4K) 0% 0% / contain no-repeat;
}

.modal-buy-variant-title {
    font: 24px/32px CoFoSansMedium,Helvetica,sans-serif;
    letter-spacing: 0.01em;
}

.modal-buy-variant-text {
    font: 18px/28px CoFoSansRegular,Helvetica,sans-serif;
    letter-spacing: 0.01em;
}

.modal-buy-variant-button {
    box-sizing: border-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 12px 24px;
    max-width: 100%;
    opacity: 1;
    border: none;
    border-radius: 30px;
    box-shadow: none;
    font: var(--medium-s);
    letter-spacing: 0.01em;
    text-align: center;
    white-space: nowrap;
    transition: transform 0.2s ease 0s;
    cursor: pointer;
    outline: none;
    color: rgb(24, 27, 33);
    fill: rgb(24, 27, 33);
    stroke: rgb(24, 27, 33);
    background-image: none;
    background-color: rgb(224, 235, 240);
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    width: 260px;
}

.modal-buy-variant-buttons {
    margin-top: 15px;
    text-align: center;
}

.wlogin-text {
    font: 16px CoFoSansMedium,Helvetica,sans-serif;
}

.formConnectPhone {
    height: 48px;
    width: 99.5%;
    padding: 14px 0px 14px 16px;
    font: 14px/20px CoFoSansRegular,Helvetica,sans-serif;
    color: rgb(24, 27, 33);
    border: 2px solid rgb(238, 238, 239);
    border-radius: 16px;
    transition: border 0.2s ease-in 0s;
    outline: none;
    box-shadow: none;
    box-sizing: border-box;
    -webkit-text-security: none !important;
}

.newCheckBoxAgree {
    appearance: none;
    position: relative;
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    margin: 0px 3px 0px 0px;
    padding: 0px;
    background-color: rgb(255, 255, 255);
    border-width: 2px;
    border-style: solid;
    border-color: rgb(175, 218, 232);
    border-radius: 6px;
    transition: all 0.3s ease 0s;
    outline: none;
    box-sizing: border-box;
    cursor: pointer;
    top: 5px;
}

.newCheckBoxAgree:checked {
    border-color: rgb(24, 27, 33);
    background-color: rgb(24, 27, 33);
}

.newCheckBoxAgree:checked::after {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    background-color: rgb(255, 255, 255);
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxNCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy41NjA3IDFDMTMuODUzNiAxLjI5Mjg5IDEzLjg1MzYgMS43Njc3NyAxMy41NjA3IDIuMDYwNjZMNi4yNDYyNyA5LjA2MzdDNS45NTM0MiA5LjM1NjU1IDUuNDc4NjMgOS4zNTY2IDUuMTg1NzIgOS4wNjM4MUwwLjg0MTU5MiA0LjcyMTA2QzAuNTQ4NjM4IDQuNDI4MjMgMC41NDg1MzggMy45NTMzNSAwLjg0MTM2OSAzLjY2MDRDMS4xMzQyIDMuMzY3NDQgMS42MDkwNyAzLjM2NzM0IDEuOTAyMDMgMy42NjAxOEw1LjcxNTgzIDcuNDcyODNMMTIuNSAxQzEyLjc5MjkgMC43MDcxMDcgMTMuMjY3OCAwLjcwNzEwNyAxMy41NjA3IDFaIiBmaWxsPSIjRkFGQUZBIi8+Cjwvc3ZnPgo=);
    -webkit-mask-size: 11px 7px;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
}

.newAgreeText {
    letter-spacing: 0.01em;
    color: rgb(24, 27, 33);
    font: 14px/20px CoFoSansMedium,Helvetica,sans-serif;
}

.redSendButton {
    box-sizing: border-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 12px 24px;
    width: auto;
    max-width: 100%;
    opacity: 1;
    border: none;
    border-radius: 30px;
    box-shadow: none;
    font: 16px/24px CoFoSansMedium,Helvetica,sans-serif;
    letter-spacing: 0.01em;
    text-align: center;
    white-space: nowrap;
    transition: transform 0.2s ease 0s;
    cursor: pointer;
    outline: none;
    color: rgb(255, 255, 255);
    fill: rgb(255, 255, 255);
    stroke: rgb(255, 255, 255);
    background-image: none;
    background-color: rgb(255, 49, 44);
}

.redSendButton:hover {
    color: rgb(255, 255, 255);
    fill: rgb(255, 255, 255);
    stroke: rgb(255, 255, 255);
    background-image: none;
    background-color: rgb(255, 123, 123);
}

.ertelecomTextBottom {
    float: left;
    display: block;
    max-width: 840px;
    min-width: 699px;
    white-space: inherit;
    font: 14px/20px CoFoSansRegular,Helvetica,sans-serif;
}

