@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root {
    --red: #2c5ba6!important;
    --blue: #0e336c!important;
    --second-blue: #2c5ca6!important;
    --light-blue: #4085C6!important;
    --red_color:#e41013 !important;
    /*--red: #D50000;*/
    /*--blue: #0C1A88;*/
    /*--second-blue: #0F2851;*/
    /*--light-blue: #4085C6;*/
    --back: #EDF2F4!important;
    --secondary: #75859b!important;
    --dark: #31302E!important;
    --third: #FDFCE8!important;
    --gradient-logo: linear-gradient(to left, rgb(89, 206, 232, 100), rgb(8, 91, 151, 100));
    --alert_blue: #496efc

}

body {
    background: var(--back);
}

.menu-sep {
    width: 2px;
    height: 100%;
    background: var(--blue);
    border-radius: 100px;
}


.nav-btn li a,
.nav-btn a {
    font-size: 12px;
    color: black;
    font-weight: 500;

}

.second-nav li a {
    color: var(--blue);
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
}

.social a {
    font-size: 20px;
    margin-right: 1rem;
    color: var(--blue);
}

.lang {
   width: min-content;
    padding: 0 10px;
    border-radius: 5px;
}

.lang input {
    text-decoration: none;
    color: white;
    font-weight: 700;
    font-size: 14px;
    background: var(--blue);;
    border: none;
}

.second-nav .nav-item {
    margin-right: 3rem;
}

.second-nav .nav-item {
    margin-right: 3rem;
}

.nav-btn li .active {
    border-radius: 50px;
    background: var(--blue);
    padding: 5px 20px;
    width: content-box;
    color: var(--blue) !important;
}

.bg-blue {
    background: var(--blue);
}

.second-nav-btn li .nav-link,
.second-nav-btn a {
    color: var(--back);
    font-weight: 500;
    font-size: 14px;
    text-decoration: none;
}

.white-sep {
    width: 2px;
    height: 100%;
    background: white;
    border-radius: 100px;
    color: transparent;

}

.navbar_service_menu {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    background: var(--back);
    border-radius: 8px;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.13);
    transition: 0.3s all, transform 0.3s ease;
    top: 70px;
    left: -10px;
    z-index: 100;
}

.navbar_service_menu ul {
    list-style: none;
    padding: 15px 20px;


}

.navbar_service_menu ul li {
    text-align: left;
}

.navbar_service_menu ul li a {
    text-decoration: none;
    color: var(--blue);
    font-weight: 600;

}

.navbar_service_menu ul li a:hover {
    color: var(--red);
}

.navbar_service_menu:hover {
    visibility: visible;
    opacity: 1;
    transform: translateY(-35px);
    -webkit-transform: translateY(-35px);
    -moz-transform: translateY(-35px);
    -ms-transform: translateY(-35px);
    -o-transform: translateY(-35px);
}

.navbar_hover_service .nav-link:hover + .navbar_service_menu {
    visibility: visible;
    opacity: 1;
    transform: translateY(-35px);
    -webkit-transform: translateY(-35px);
    -moz-transform: translateY(-35px);
    -ms-transform: translateY(-35px);
    -o-transform: translateY(-35px);
}

.navbar_hover_service {
    position: relative;
}


.search-icon {
    background: white;
    border: none;
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    border-radius: .375rem;
}

.search-field {

    border: none;
}

.carousel-item img {
    width: 100%;
    border-radius: 30px;
}

.stocks {
    position: relative;
    z-index: 1;
    margin-right: auto;
    margin-left: auto;
    margin-top: 1rem;
}

.service_btn-image {
    background-size: cover;
    background-repeat: no-repeat;
    max-width: 18%;
    margin: 0 1%;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    box-shadow: 0 7px 18px rgba(0, 0, 0, 0.25);
    flex: none;
    order: 0;
    flex-grow: 0;
}

.service_btn_text {
    color: white;
    font-size: 28px;
    margin: 0 !important;
}

.service_btn .col-lg-3 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ip_tv_btn {
    background-image: linear-gradient(180deg, rgba(94, 139, 211, 0.37) 0%, rgba(23, 102, 160, 0.37) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%), url('../img/iptv.jpg');
}

.internet_btn {
    background-image:linear-gradient(180deg, rgba(94, 139, 211, 0.37) 0%, rgba(23, 102, 160, 0.37) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%), url('../img/back.jpg');
}

.tel_btn {
    background-image: linear-gradient(180deg, rgba(94, 139, 211, 0.37) 0%, rgba(23, 102, 160, 0.37) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%), url('../img/kt2.jpg');

}

.host_btn {
    background-image: linear-gradient(180deg, rgba(94, 139, 211, 0.37) 0%, rgba(23, 102, 160, 0.37) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%),url('../img/host.jpg');

}

.call_btn {
    background-image: linear-gradient(180deg, rgba(94, 139, 211, 0.37) 0%, rgba(23, 102, 160, 0.37) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%),url('../img/kt1.jpg');

}


.service_btn {
    position: relative;
    margin-top: -2rem;
    z-index: 100;
}

.mini_block_title {
    color: var(--blue);
    font-size: 26px;
    font-weight: 700;
}


.main_block {
    margin-top: 5rem;

}

.main_block .col-lg-4 {
    display: flex;
    justify-content: center;
}

.subscribers_btn {
    font-size: 18px;
    background: var(--red);
    text-decoration: none;
    border:none;
    color: white;
    padding: 10px 85px;
    border-radius: 8px;
    margin-bottom: 20px;
    gap: 10px;

}

.online_cams{
    background-color: #2C5BA6FF!important;
}

.subscribers_menu_btn {
    margin-top: 3rem;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.subscribers_btn:hover {
    color: white;
}

.news_mini_block {
    margin-top: 3rem;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.news-content {
    margin-left: 1rem;
    border-bottom: solid 1px var(--dark);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 1rem;
}


.news-time {
    color: var(--secondary);
    font-size: 14px;
    font-style: italic;
    margin-bottom: 0 !important;
}

p {
    margin-top: 0;
    margin-bottom: 0 !important;
}


.news-title {
    color: var(--dark) !important;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0 !important;
}


a {
    text-decoration: none;
}

.news-other {
    color: var(--red) !important;
    text-decoration: none;
    float: right;
    font-style: italic;
    margin-top: 1rem;
}

.main_white_block {
    padding: 0 20px;
    background: #FFFFFF;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.13);
    border-radius: 13px;
}

.check_connect_field {
    border: 2px solid var(--blue);
    border-radius: 4px;
    background: white;
    border-right: none;
}

.chevron-icon {
    border: 2px solid var(--blue);
    border-radius: 4px;
    border-left: none;
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    background: white;

}

.check_connection_form .input-group {
    margin-bottom: 40px;
}

.check_connect_btn {
    background: var(--blue);
    width: 100%;
    color: white;
    border: none;
    border-radius: 8px;
    padding: 10px 0;
    font-weight: 500;
}


.check_connection_form {
    margin: 3rem 20px 0;
}


/* footer */ 
.footer{
    margin-top: 50px;
    background: #1d2023;
    padding: 50px 0 10px;
}
.wrap-footer{
    margin-bottom: 20px;
}
.wrap-footer .logo-footer{}
.wrap-footer .logo-footer img{
    max-height: 100%;
    height: 40px;
    margin-bottom: 15px;
}
@media screen and (max-width: 500px) {
    .wrap-footer .logo-footer img{
        height: 30px;
    }
}
.wrap-footer .desc-footer{
    color: #fff;
    margin-bottom: 15px;
}
.wrap-footer .phone-footer{
    color: #fff;
}
.wrap-footer .phone-footer ul{
    list-style: none;
    padding-left: 0;
}
.wrap-footer .phone-footer a{
    color: #969696;
    font-size: 1.2em;
}
.wrap-footer .phone-footer a:hover{
    color: #008ADF;
}
.wrap-footer .soc-footer{}

.support-btn{
    margin-bottom: 15px;
    font-size: 0.8em;
    margin-top: 15px;
}
.support-btn a{
    padding: 10px 15px;
    background-color: #1ab91d;
    color: #fff!important;
    border-radius: 15px;
    display: inline-block;
}
.copyright{
    color: #fff;
}



.footer_block {
    background: var(--blue);
    width: 100%;
    margin-top: 10rem;
    padding: 50px 0;
}

.footer_title_text {
    color: white !important;
    font-size: 18px;
    font-weight: 600;
    font-family: Montserrat,Gotham,sans-serif;

}

.footer_menu {
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
}


.footer_menu li a {
    color: #969696;
    font-size: 14px;
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
}

.footer_menu li a:hover {
    color: white;
    font-size: 14px;
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
}

.map {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.map iframe {
    border-radius: 13px;
    width: 80%;
    height: 100%;
}

.kt_text {
    color: white;
    font-size: 12px;
    font-family: "Roboto";
    text-align: center;
    margin-top: 8px;
}

#service_carousel {
    display: none;
}

.service_carousel .service_btn-image {
    margin-left: auto;
    margin-right: auto;

}

.black {
    color: black !important;
    font-size: 32px;
}


.hover {
    position: relative;

}

.menu {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    width: 100%;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.13);
    transition: 0.3s all;
    top: 0;
}

.menu ul {
    list-style: none;
    padding: 10px;
    margin: 0;

}

.menu ul li {
    /*border-bottom: 1px solid var(--light-blue);*/
    text-align: center;
}

.menu ul li a {
    text-decoration: none;
    color: var(--blue);
    font-weight: 600;

}

.menu ul li a:hover {
    color: var(--red);
}

.hover:hover .menu {
    visibility: visible;
    top: 130px;
    opacity: 1;
}

.person {
    width: 100%;
    background: var(--red);
    color: white;
    border-radius: 13px;
}

.nav-link:hover, .nav-link:focus {
    color: #89929d !important;

}

.service_dropdown {
    border: none;
    width: min-content;
    box-shadow: 0 7px 18px rgba(17, 115, 245, 0.1);
    padding: 20px 20px 20px 20px;
}

.service_dropdown li a {
    border-bottom: 1px solid var(--dark);
    text-align: center;
    color: var(--blue);
}

#mobileNavBar {
    box-shadow: 0 7px 18px rgba(0, 0, 0, 0.1);
    padding: 20px;
    border-radius: 13px;
}

.second-nav-btn li,
.second-nav-btn div {
    margin-right: 1rem;

}


@media screen and (max-width: 625px) {
    #service_carousel {
        display: block;
    }

    .service_carousel .service_btn-image {
        background-size: cover;
        background-repeat: no-repeat;
        max-width: 100%;

        flex: none;
        order: 0;
        flex-grow: 0;
    }

    .service_btn {
        display: none;
    }

    .service_btn_text {
        color: white;
        font-size: 20px;
        margin: 0 !important;
    }

}

@media screen and (max-width: 992px) {
    .service_btn-image {
        background-size: cover;
        background-repeat: no-repeat;
        max-width: 19%;
        margin: 0 0.5%;
        height: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 13px;
        box-shadow: 0 7px 18px rgba(0, 0, 0, 0.25);
        flex: none;
        order: 0;
        flex-grow: 0;
    }

    .service_btn_text {
        color: white;
        font-size: 16px;
        margin: 0 !important;
    }

}


/*Стили новостей*/


.news_date {
    font-size: 14px;
    color: var(--secondary);

}


.news_title {
    font-size: 22px;
    color: var(--blue);
    font-weight: 500;

}


.news_desc {
    color: var(--dark);

}

.chevron {
    font-size: 70px;
    color: var(--dark);
    opacity: .3;

}


.link:hover .chevron,
.link:hover .news_title {
    color: var(--red);
    cursor: pointer;

}

.news {
    padding: 20px;
    margin-bottom: 3rem;
    box-shadow: 0 7px 18px rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    display: inline-flex;
    align-items: center;

}

.header_title {
    color: var(--blue);
}


.tariffs-content {
    background: white;
    width: 100%;
    border-radius: 16px;
    text-align: center;
    box-shadow: 0 7px 18px rgba(0, 0, 0, 0.1);
    padding-top: 20px;
    margin-bottom: 3rem;


}

.card-desc-block {
    height: content-box;
}

.tariff-title {
    font-size: 26px;
    color: var(--red);
    font-weight: 900;
    text-align: center;
}

.tariff-price {
    color: var(--red);
    font-style: italic;
    font-weight: bold;
    font-size: 32px;
    text-align: center;
}

.tariff-button {
    color: white;
    font-weight: 700;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
    background: var(--blue);
    width: 100%;
    border: none;
    height: 4rem;
    transition: .5s background-color;
}

.tariff-button:hover {
    background: var(--second-blue);
}

.month-t {
    color: var(--dark);
    font-size: 16px;
    font-style: italic;
}

.tariff_info {
    color: var(--dark);
    display: inline-block;
    width: min-content;
    margin: 1rem 0;
    font-weight: 500;
    border-bottom: 1px solid;
    transition: .5s color;
}

.tariff_info:hover {
    color: var(--red);
}

.progress {
    animation: fill 1s linear forwards;
}

@keyframes fill {
    from {
        stroke-dashoffset: 502.4;
    }
    to {
        stroke-dashoffset: 0;
    }
}

.text ul li {
    color: gray;
    font-size: 14px;
}


.def-sidebar .nav-item {
    padding: 0.5rem;
    margin-bottom: 0.3rem;
    background-color: white;
    border-radius: 0.4rem;
    width: 100%;
    -webkit-box-shadow: 0px 4px 15px 0px rgba(34, 60, 80, 0.09);
    -moz-box-shadow: 0px 4px 15px 0px rgba(34, 60, 80, 0.09);
    box-shadow: 0px 4px 15px 0px rgba(34, 60, 80, 0.09);
    transition: 0.2s ease-in-out;
}

.def-sidebar .nav-item:hover {
    background-color: var(--blue);
}
.def-sidebar .nav-item a {
    color: black;
    transition: 0.2s ease-in-out;
}

.def-sidebar .nav-item:hover a {
    color: white;
}

.def-sidebar .nav-item.active {
    background-color: var(--blue);
}
.def-sidebar .nav-item.active a {
    color: white;
}

.color-second-blue{
    color:var(--second-blue);
    font-style: italic;
    font-size: 18px;
    font-weight: 500;
}

.color-secondary{
    color: var(--secondary);
    font-style: italic;
    font-size: 14px;
}

.btn_blue{
    background: var(--second-blue);
    color: white;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    padding: 10px 20px;
}

.btn_blue:hover{
    color:var(--secondary);
}



.kt-pills .nav-item button{
    margin-bottom: 0.3rem;
    background-color: var(--secondary);
    border-radius: 0.4rem;
    color: white !important;
    font-weight: 500;
    -webkit-box-shadow: 0px 4px 15px 0px rgba(34, 60, 80, 0.09);
    -moz-box-shadow: 0px 4px 15px 0px rgba(34, 60, 80, 0.09);
    box-shadow: 0px 4px 15px 0px rgba(34, 60, 80, 0.09);
    transition: 0.2s ease-in-out;
}

.kt-pills .nav-item button:hover, .kt-pills .nav-item button:focus {
    background-color: var(--blue);
}
.kt-pills .nav-item button {
    color: black;
    transition: 0.2s ease-in-out;
    margin-right: 0.3rem;
}
.kt-pills .nav-item button:focus {
    color: white;
}

.kt-pills .nav-item button:hover {
    color: white !important;
}

.kt-pills .nav-item button.active {
    background-color: var(--blue);
    color: white;
}

.kt-pills .nav-item button.active:focus {
    background-color: var(--blue);
    color: white !important;
}

table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}

th, td {
    padding: 10px;
    border: 1px solid #ddd;
}

th {
    background-color: #f9f9f9;
    font-weight: bold;
}

tr:nth-child(even) {
    background-color: #f2f2f2;
}

.tariffs-telephone-content {
    background-color: #ffffff;
}
.rounded-end-0 {
    border-radius: .375rem 0 0 .375rem;
}
.rounded-start-0 {
    border-radius: 0 .375rem .375rem 0;
}


.alert_text_blue{
    color:var(--blue) !important;
}




.bi-facebook {
    color: #0a53be !important;
}
.bi-instagram {
    color: #be0a5e !important;
}
.bi-whatsapp {
    color: #1ab91d !important;
}
.lan_btn{
        color: white;
    background-color: var(--blue);
    border: transparent;
    border-radius: 5px;
}

.disabled_btn{
      color: white !important;
    background-color: #36363b !important;
    border: transparent;
    border-radius: 5px;
}

.color_red_KT_active{
    border:2px solid #e41013 !important;
}



.accordion-button:focus{
    border:none;
    box-shadow: none;
    background: transparent;
    color:var(--blue);
}

.accordion-button:after{
    background: none;

}

.accordion-button:not(.collapsed)::after {
    background: none;
}


.white_accordion{
    color:var(--blue);
    padding: 0;
    transition: .4s ease-in-out;
    background: white;
}


.tariff_block{
    padding: 2rem;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 10px 2px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 0px 0px 10px 2px rgba(34, 60, 80, 0.2);
    box-shadow: 0px 0px 10px 2px rgba(34, 60, 80, 0.2);
    display: flex;
    justify-content: center;
    flex-direction: column;
}


.white_h1{
    font-weight: 700;
    font-size: 32px;
    line-height: 32px;
    font-family: 'Nunito', sans-serif;
    color:var(--red_color);

}
.white_p{
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    font-family: 'Nunito', sans-serif;
    color:var(--blue);
    padding: 0 !important;
    margin: 0 !important;

}

.price_white_h1{
    font-weight: 600;
    font-size: 36px;
    line-height: 36px;
    font-family: 'Nunito', sans-serif;
    color:var(--red_color);
}

.price_white_p{
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    font-family: 'Nunito', sans-serif;
    color:var(--blue);
    padding: 0 !important;
    margin: 0 !important;

}

.white_tariff_button{
    border-radius: 50px;
    padding: 8px 24px 8px 24px;
    gap: 10px;
    color:white;
    background: var(--blue);
    border:none;

}


.white_accordion:not(.collapsed) {
    border-radius: 8px !important;
    padding: 12px;
    background: rgba(234, 234, 234, 1);
    color:black;

}

.white_list_other {
    list-style-image: url("white_check_mark.svg");
}

.white_list_other li{
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    font-family: 'Nunito', sans-serif;
    color:var(--blue);

}

.back_white{
    background: white;
}

.back_black{
    background: var(--blue);
}

.black_accordion{
    color:white;
    padding: 0;
    transition: .4s ease-in-out;
    background: var(--blue);
}


.black_h1{
    font-weight: 700;
    font-size: 32px;
    line-height: 32px;
    font-family: 'Nunito', sans-serif;
    color:white;

}
.black_p{
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    font-family: 'Nunito', sans-serif;
    color:var(--red_color);
    padding: 0 !important;
    margin: 0 !important;

}

.price_black_h1{
    font-weight: 600;
    font-size: 36px;
    line-height: 36px;
    font-family: 'Nunito', sans-serif;
    color:white;
}

.price_black_p{
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    font-family: 'Nunito', sans-serif;
    color:var(--red_color);
    padding: 0 !important;
    margin: 0 !important;

}

.black_tariff_button{
    border-radius: 50px;
    padding: 8px 24px 8px 24px;
    gap: 10px;
    color:white;
    background: var(--red_color);
    border:none;

}


.black_accordion:not(.collapsed) {
    border-radius: 8px !important;
    padding: 12px;
    background: rgba(30, 49, 105, 1);
    color:white;
    box-shadow: none;

}

.accordion-item{
    background: none;
    box-shadow: none;
}

.black_list_other {
    list-style-image: url("black_check_mark.svg");
}

.black_list_other li{
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    font-family: 'Nunito', sans-serif;
    color:var(--red_color);

}

.tariff_block{
    width: 280px;
}



#successMessage .modal-content{
    background: transparent;
    border:none;
}

#successMessage .modal-body{
    background: var(--blue);
    color:white;
    border-radius: 20px;


}

#errorMessage .modal-backdrop.show ,
#successMessage .modal-backdrop.show {
     opacity:0;
}

#errorMessage .modal-content{
    background: transparent;
    border:none;
}

#errorMessage .modal-body{
    background: var(--blue);
    color:white;
    border-radius: 20px;


}