body{
    background: #f3f3f3 !important;
}
header {
    position: revert;
}
h1, h2 {
	font-family: 'Rubik';
    color: #ffffff;
    font-weight: 600 !important;
}
#top_menu a {
    color:#ffffff !important;
    display:block;
}


#top_menu a:after {
    width:0%;
    transition: width 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    content:" ";
    display: block;
    height:3px;
    background:#f39314;
}
#top_menu a:hover:after, #top_menu a.active:after{
    width:45%;
}
.title_art {
    font-size: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.small_text_art{
    font-family: "Rubik";
}
#list_pr > div {
    display: flex;
    gap: 10px;
}
#we_think {
    background-image: url('../imgs/bg_second2.webp');
    background-position: center;
    background-repeat: no-repeat;
    max-width: 1920px;
    margin: 0 auto;
}
.art_btn_link:hover{
    text-decoration: none;
    color:#ffffff;
    background: #005d85 !important;
}
.art_btn_link{
    border-radius: 12px;
    background: #f39314;
    padding: 8px 40px;
    display: inline-block;
    color: #ffffff;
    text-decoration: none;
    transition: all 0.6s ease;
    animation: btn-art 2s infinite;
}
#top_phone{
    display: flex;
}
.line_art, .line_stat {
    background: #4a4948 !important;
    position: absolute;
    width: 100%;
    height: 100%;
    display: none;
    z-index: -1;
}
.line_stat {
    display: block !important;
}
#hidden_log, .btn_price_header{
    display: none;
}
.border_text{
    display: inline-block;
    padding: 20px;
    border: 3px solid #f39314;
}
#complect_key{
    background: url('../imgs/complect_img.jpg');
    color:#ffffff;
    text-align: center;
    background-position: center;
    background-repeat: no-repeat;
}
.wrap_block .img_icon{
    min-height: 60px;
    display: flex;
    justify-content: center;
    align-content: center;
}
.num_orange {
    color: #f39314;
    font-size: 6vh;
    font-weight: bold;
    font-family: "Rubik";
    line-height: 1;
}
.text_for_num{
    text-transform: uppercase;
    color: #000000;
    font-family: "Rubik";
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    padding-left: 10px;
}
::marker {
    color: #f39314;
}
.tlt_font{
    font-family:"Rubik";
    font-weight: 400;
}
.desc_slide{
    position:absolute;
    width:100%;
    max-width:1320px;
    margin: 0 auto;
    color:#ffffff;
    left: 0;
    right: 0;
    padding-top: 80px;
}
.owl-nav{
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    color: #fff;
    justify-content: space-between;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{
    color: #ffffff !important;
    font-size: 10vh !important;
}
.owl-carousel button > span {
    padding: 0 50px;
    height: 0 !important;
    line-height: 0 !important;
    display: block;
}
.owl-nav button:hover {
    background: transparent !important;
}
.text_absolute {
    height: 100%;
    width: 500px;
    position: absolute;
    top: 0;
    right: -270px;
    display: flex;
    align-items: center;
    justify-content: end;
}
.text_absolute span {
    text-transform: lowercase;
    display: block;
    padding: 15px 0;
}
.text_absolute .point1:before,.text_absolute .point2:before  {
    content: "";
    display: block;
    position: absolute;
    border-top: 2px dotted #000000;
    width: 275px;
    left: -25px;
    border-left: 2px dotted #000000;
    height: 65px;
    margin-top: 27px;
}
.text_absolute .point2:before{
    height: 65px;
    width: 250px;
    left: 0;
}
.text_absolute .point1:after,.text_absolute .point2:after{
    content: "";
    height: 10px;
    width: 10px;
    background: #f39314;
    display: block;
    position: absolute;
    left: -29px;
    border-radius: 10px;
    margin-top: 30px;
    z-index: 1;
}
.text_absolute .point2:after{
    left: -4px;
    margin-top: 12px;
}
.list_unit{
    padding: 0;
    margin:0;
    list-style-position: inside;
}
.list_unit li {
    padding: 5px;
}
.tlt_header_list{
    font-weight: bold;
    font-size: 18px;
    color:#000000;
    display: block;
}
.list_unit>li:nth-of-type(odd) {
    background: #ededee;
}
.pluse_li {
    list-style: none;
}
.phone_num,.phone_num:hover {
    font-size: 39px;
    color: #ffffff;
    text-decoration: none;
    display: none;
}
.logo_bottom{
    width: 120px;
}
#bot_menu a {
    color: #ffffff !important;
}
.owl-nav {
    height: 0;
    position: absolute;
    top: 50%;
    bottom: 50%;
}
.layer_slide{
    position: absolute;
    width: 100%;
    height: 340px;
    background: linear-gradient(180deg, #1a1a1a, transparent);
}
.title_pool_kit{
    color:#f39314;
    text-transform: uppercase;
    font-size: 42px;
    display: block;
    padding: 25px 15px;
}
.btn_list {
    position: absolute;
    bottom: 100px;
    right: 15px;
}
.btn_list a {
    display: block;
    margin-top: 15px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    font-size: 14px;
}
.roller{
  height: 4.125rem;
  line-height: 4rem;
  position: relative;
  overflow: hidden; 
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  
  color: #1D3557;
}


#spare-time{
  font-size: 1rem;
  font-style: italic;
  letter-spacing: 1rem;
  margin-top: 0;
  color: #A8DADC;
  
}

.roller #rolltext {
  position: absolute;
  top: 0;
  animation: slide 10s infinite;
  font-size: 34px;
}

@keyframes slide {
  0%{
    top:0;
  }
  25%{
    top: -4rem;    
  }
  50%{
    top: -8rem;
  }
  72.5%{
    top: -12.25rem;
  }
}

@media screen and (max-width: 600px){
  h1{
  text-align:center;
  text-transform: uppercase;
  color: #F1FAEE; 
  font-size: 2.125rem;
}
  
  .roller{
  height: 2.6rem; 
  line-height: 2.125rem;  
  }
  
  #spare-time {
    font-size: 1rem;
    letter-spacing: 0.1rem;
  }
  
  .roller #rolltext {  
  animation: slide-mob 5s infinite;  
}
  

}
.phone_hidden{
    display: none !important;
}
.phone_hidden a{
    font-size: 39px;
    text-decoration: none;
    color: #ffffff;
}
.dealers-list {
    height: 320px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.dealers-list a {
    text-decoration: none;
    color:#575756 !important;
}
.dealers-list a:hover {
    text-decoration: underline;
}
.diler_site,.mail_diler{
    color:#575756;
    text-decoration: underline;
}
.diler_site:hover,.mail_diler:hover,.phone_hidden a:hover,.dealers-list a:hover{
    color: #f39314 !important;
}
.about_list{
    padding: 0;
    margin: 0;
    list-style-position: inside;
}
.about_list li {
    padding-bottom: 25px;
}
#main_title{
    position: relative;
    
}
.mtext{
    position: relative;
    overflow: hidden;
}
@keyframes view {
  0%{
    top:80px;
    opacity: 0;
  }
  100%{
    top:0px;
    opacity: 1; 
  }
}
.block_buttons{
    position: relative;
    animation: view_2 0.5s ease-in;
}
#main_desc{
    animation: view_2 0.5s ease-out;   
}
.gray_block{
    padding:10px 35px;
}
@keyframes view_2 {
  0%{
    opacity: 0;
  }
  25%{
    opacity: 0; 
  }
  50%{
    opacity: 0;
  }
  75%{
    opacity: 0;
  }
  100%{
    
    opacity: 1;
  }
}
@keyframes btn-art {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(95,57,7, 0.6);
    box-shadow: 0 0 0 0 rgba(95,57,7, 0.6);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(95,57,7, 0);
      box-shadow: 0 0 0 10px rgba(95,57,7, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(95,57,7, 0);
      box-shadow: 0 0 0 0 rgba(95,57,7, 0);
  }
}
.text_wrap {
    margin-top: -240px;
}
@media (max-width:1300px){
    .text_icon{
        font-size: 12px;
    }
    #list_pr > div {
        padding: 0 15px;
    }
    .container-fluid .gray_block{
        padding: 10px 20px !important;
    }
}
#list_step {
    display: flex;
    justify-content: space-around;
}
input[name=site_message]{
    display: none;
}
.view_more{
    position: relative;
}
.view_more:before{
    content: "+";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 32px;
    line-height: 14px;
    cursor: pointer;
}
.view_more:hover:before,.view_more:hover p{
    color: #f39314;
    cursor: pointer;
}
.view_more ul {
    display: none;
}
#footer a {
    color: #ffffff;
}
.logo_view {
    display: flex;
    gap: 30px;
    align-items: center;
}
.pmenu_wrapper .phone_num{
    display: none;
}
.variant-pool > div > div{
    padding: 20px;
    border: 1px solid #d1d1d1;
    transition: all 0.2s ease;
    cursor: pointer;
}
.variant-pool > div > div:hover {
    background: #fff;
    border: 1px solid #777;
    box-shadow: 0px 6px 10px 2px rgb(0 0 0 / 20%);
    border-radius: 4px;
}
section, header {
    max-width: 1920px;
    margin: 0 auto;
}
#list_step.mobile_list *{
    font-weight: normal;
    font-size: 15px;
    align-items: center;
}
.mobile_list .num_orange{
    font-size: 4vh !important;
}
.params.mob {
    display: flex !important;
    font-size: 12px;
    flex-wrap: wrap;
    column-gap: 10px;
}
.hideli{
    display: none;
}
#config_pools span {
    color: #f39314;
}
#config_pools .owl-nav {
    left: 0;
}
#config_pools button {
    margin: 0;
}
#config_pools {
    padding: 20px 40px;
}
#config_pools .view_more p {
    font-size: 14px;
}
.price_compl {
    color: #f39314;
    font-size: 42px;
    font-weight: bold;
    font-family: "Rubik";
    line-height: 1;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    background: #f39314 !important;
}
.nav-pills a {
    color:#000000;
}
.link_block {
    display: flex;
    align-items: center;
}
.link_block span {
    font-size: 48px !important;
}
.city_change {
    cursor: pointer;
    color: #fff;
    display: inline-block;
    margin-right: 10px;
}
#yamap {
    height: 380px;
}
.colors_list > div {
    padding: 20px;
    flex:1 0 0;
}
a:focus {
    outline: none;
}
.formprice textarea {
    height: 140px;
    resize: none;
}
.breadcrumb {
    margin-bottom: 0 !important;
}
.breadcrumb-item a {
    color: #000000;
    text-decoration: none;
}
.city-item {
    display: block;
    padding: 5px 20px;
    text-decoration: none;
    color: #000;
    font-size: 16px;
}
.city-item {
    cursor:pointer;
}
.city-item:hover {
    background: #f7f7f7;
}
#modalChangeCity .modal-body {
    padding-left: 0;
    padding-right: 0;
}
.city_change button {
    border: 0;
    background: transparent;
    color: #fff;
}
#windowSelectCity {
    background: rgba(255, 255, 255, 0.45);
    backdrop-filter: blur(10px);
    position: absolute;
    padding: 20px 40px;
    border-radius: 10px;
    margin-top: 20px;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease;
    pointer-events: none;
}

#windowSelectCity.show {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}
button.select-city {
    padding: 0;
    background: transparent;
    border:0;
    overflow: hidden;
    position: relative;
    opacity: 0.8;
}
button.select-city:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 100%;
    border-bottom: 1px solid currentColor;
    transition: right .3s ease-out;
}
button.select-city:hover:before {
    right: 0;
}
button.select-city:hover {
    opacity: 1;
}
.card-text a {
    text-decoration: none;
    color: #000;
}
.header-cookie-notification {
    position: fixed;
    bottom: 70px;
    width: 328px;
    left: 50%;
    display: flex;
    justify-content: space-between;
    background-color: #333;
    color: #fff;
    border-radius: 12px;
    z-index: 200;
    font-size: 14px;
    line-height: 20px;
}
.header-cookie-notification__main {
    padding: 8px 16px;
}
.header-cookie-notification__text {
    font-weight: 700;
    line-height: 130%;
}
.header-cookie-notification__link {
    cursor: pointer;
    text-decoration: underline;
    color: #fff;
}
.header-cookie-notification__btn {
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    color: #fc8507;
    cursor: pointer;
    transition: all .3s ease;
}
.org_information{
    color: #fff;
}
.org_information ul {
    list-style: none;
}