/* Ландшафтная телефоны */
@media (max-width: 480px) { 
    header {background: url('/i/r1.gif') no-repeat 0% 90% , url('/i/header_bg.jpg') 0 50% !important; }
    .carousel-control-next, .carousel-control-prev {margin-top:30% !important;}
    .popular_carousel .carousel-control-prev {left: 0px !important;}
    .popular_carousel .carousel-control-next {right: 0px !important;}
}

/* От ландшафтная телефоны, до потретной наладонники */
@media (min-width: 481px) and (max-width: 767px) {
    header {background: url('/i/r1.gif') no-repeat 0% 90% , url('/i/r2.gif') no-repeat 100% 50% , url('/i/header_bg.jpg') 0 50% !important; }
    .carousel-control-next, .carousel-control-prev {margin-top:68px !important;}
    .popular_carousel .carousel-control-prev {left: -5px !important;}
    .popular_carousel .carousel-control-next {right: -5px !important;}
}

/* От портретная наладонники до ландшафтной и настольных дисплеев */
@media (min-width: 768px) and (max-width: 979px) {
    header {background: url('/i/r1.gif') no-repeat 0% 90% , url('/i/r2.gif') no-repeat 100% 30% , url('/i/header_bg.jpg') 0 50% !important; }
    .carousel-control-next, .carousel-control-prev {margin-top:60px !important;}
}

@media (min-width: 980px) and (max-width: 1199px) {
    header {background: url('/i/r1.gif') no-repeat 0% 90% , url('/i/r2.gif') no-repeat 100% 30% , url('/i/header_bg.jpg') 0 50% !important; }
    .carousel-control-next, .carousel-control-prev {margin-top:87px !important;}
}

/* Большой дисплей */
@media (min-width: 1201px) and (max-width: 1699px) {
    .carousel-control-next, .carousel-control-prev {margin-top:110px !important;}
}

/* Очень большой дисплей */
@media (min-width: 1700px) {
    .carousel-control-next, .carousel-control-prev {margin-top:125px !important;}
}

/* Base */

@font-face {
    font-family: "Lobster";
    font-display: swap;
    src: url(/fonts/Lobster-Regular.woff2) format("woff2"),
      url(/fonts/Lobster-Regular.woff) format("woff");
}


body {background-color: #fff !important; color: #000 !important; }
p {line-height: 1.2 !important;}
h1 {color: #fff; font-family: "Lobster"; }
h2 {color: #000; margin-top:20px; font-size: 1.7rem; font-family: "Lobster"; margin-bottom:40px; }

/* Header */
header {background: url('/i/r1.gif') no-repeat 16% 90% , url('/i/r2.gif') no-repeat 82% 30% , url('/i/header_bg.jpg') 0 50%;}
#head_name {padding-top:70px;}
#head_name img { max-width: 90%; }
#menu_line {background-color: rgba(249, 249, 249, .85); backdrop-filter: saturate(180%) blur(20px); }
.header_center img {max-width: 100%;margin-bottom: 30px; }
#header_left  {background: url('/i/r1.gif') no-repeat 100% 90%; }
#header_right {background: url('/i/r2.gif') no-repeat 0 0; }
#main_slider {font-family: "Lobster"; color: #fff; font-weight: 100; letter-spacing: 2px; font-size:18px; }
#main_slider, .carousel-item {height: 30px}
.header_email {color:#fff; margin-bottom: 40px;}
.header_phone {color:#212529 !important;text-decoration: none; margin-right: 10px;}

.wa_header a {color:#000; text-decoration: none;}
.wa_header_tel {color:#fff !important; font-weight: 700; font-size: 1.2rem;}
.header_email a {color:#fff; text-decoration: none;}

.btn-primary {background-color: #10a8fe; border: none ; font-weight: bold;}


#about_img img { max-width: 100%; margin-bottom: 20px; }
#about_txt h2  { margin-bottom: 20px;}


/* Popular carousel */
.card, .card-body {
    --bs-card-inner-border-radius: 0 !important;
    --bs-card-border-radius: 0 !important;
}
.card {
    padding: 1em 0 0 0;
}
.card p {margin: 0 1em ;}
.card button {margin: 1em ;}
.card span {font-weight: bold;}
.card .card_hdr {min-height: 39px;}
.card .btn { max-width: 150px; min-width: 50%;}

.popular-card img {padding: 1em; }

.popular_carousel {position: relative;}
.popular_carousel .carousel-control-prev {left: -30px;}
.popular_carousel .carousel-control-next {right: -30px;}
.popular_carousel .carousel-control-prev span, .popular_carousel .carousel-control-next span {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
}
.popular_carousel .carousel-control-prev span {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
.popular_carousel .carousel-control-next span {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.popular_carousel .text-muted {min-height: 39px; color: #B3B3B3 !important}
.popular_carousel .btn {max-width: 120px;}


.carousel-control-next, .carousel-control-prev {width: 40px; height: 40px; border-radius: 20px; background-color: #EEE;}

.owl-carousel1 .item img {border-radius: 10px;}

.testimonials {background-color: #f9f9f9; border-radius: 10px; padding-bottom: 36px;}
.testim-card {min-height: 255px; border-radius: 10px; }
.testim-card img {margin: 0 auto !important; width: 60px !important; height: 60px; border-radius: 30px;}
.testim-card span {font-size: 12px;}
.testim-card .testim-text p {margin: 16px 16px  !important; -webkit-line-clamp: 5; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; }




/* Contact form */
.contacts {background-color: #dbdbdb;  border-radius: 10px; }
.cont_phone, .cont_whtap, .cont_vk {line-height: 30px; background-repeat: no-repeat; padding-top: 5px; padding-bottom: 5px; padding-left: 40px;}
.cont_phone a, .cont_whtap a, .cont_vk a {text-decoration: none; color: #000;}
.cont_phone {background-image: url('/i/ico_phone.svg');}
.cont_whtap {background-image: url('/i/ico_wtsap.svg');}
.cont_vk    {background-image: url('/i/ico_vk.svg');}

.link-ease-in-out a {
    display: inline-block;
    color: #000; /* Цвет обычной ссылки */
    text-decoration: none; /* Убираем подчеркивание */
    cursor: pointer;
}
.link-ease-in-out a:after {
    background-color: #fff; /* Цвет линии при наведении на нее курсора мыши */
    display: block;
    content: "";
    height: 2px; /* Высота линии */
    width: 0%;
    -webkit-transition: width .3s ease-in-out;
    -moz--transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
}
.link-ease-in-out a:hover:after,
.link-ease-in-out a:focus:after {
    width: 100%;
}
     

/* Footer */
footer div {height: 200px; background: url('/i/footer4.jpg') 50% 0 no-repeat ; background-size: cover; border-start-start-radius : 10px; border-top-right-radius : 10px;}