/*
Theme Name:  rybfilarmony.ru
Theme URI:  
Description: The original rybfilarmony.ru   theme.
Version: 2025
Author: alisa
*/

/* CSS Document */

    @font-face {
font-family:  gilroy-bold;
src: url(fonts/GILROY-BOLD.TTF) format("opentype");
}

 @font-face {
font-family:  gilroy-reg;
src: url(fonts/GILROY-REGULAR.TTF) format("opentype");
}

 @font-face {
font-family:  gilroy-med;
src: url(fonts/GILROY-MEDIUM.TTF) format("opentype");
}

 @font-face {
font-family:  gilroy-semibold;
src: url(fonts/GILROY-SEMIBOLD.TTF) format("opentype");
}
   

 

body {
font-family:  gilroy-med;
font-size: 20px;
background: #e6e7ec;
}



 
 

a, a:hover {
color: #000;
}

 

 .decnone {
 text-decoration: none;
 }


 strong, b {
 font-family:  gilroy-bold;
 font-weight: normal;
 }

  /*Убрать обводку браузера*/
a.active.focus,
a.active:focus,
a.focus,
a:active.focus,
a:active:focus,
a:focus,
button.active.focus,
button.active:focus,
button.focus,
button:active.focus,
button:active:focus,
button:focus,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
outline: 0!important;
outline-color: transparent!important;
outline-width: 0!important;
outline-style: none!important;
box-shadow: 0 0 0 0 rgba(0,123,255,0)!important;
}
/*Конец Убрать обводку браузера*/
:focus {
    outline-style: none;
   /* outline-width: 0px !important;  */
    outline-color: none !important;
}

 @media only screen and  (min-width: 2000px) { 

.lg100.w-100 {
max-width: 1920px;
    height: auto;
    margin: 0 auto;
}

header .row {
    display: flex;
    align-items: center;
    
}
}


.paddingnone {
padding-left: 0px;
padding-right: 0px;
}

.row {
margin-left: 0px;
margin-right: 0px;
}

.container {
    max-width: 1426px;
}


.textright {
text-align: right;
}

 h1 {
font-family:  gilroy-bold;
font-size: 48px;
color: #002255;
 text-transform: uppercase;
 
  margin: 30px 0px;
}
 h2 {
font-size: 48px;
font-family:  gilroy-bold;
 margin: 50px 0px;
 
color: #002255;
}                      


.ttlelink {
display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0px 15px;
}
/*-------------header-----------*/

 
header {
     background: #fff;
 border-bottom: 1px solid #fff;
position: relative;
z-index: 1000; 
 
}

 
 

 

header .row {
    display: flex;
    align-items: center;
   
}

.nav-link.dopmenu .fa-times, .nav-link.dopmenu.show .fa-bars {
 display: none;
}


.nav-link.dopmenu.show .fa-times {

  display: inline-block;
}


.dropdown-item {
text-transform: uppercase;
}

.dropdown-item:hover {
color: #00b4ff;
background: none;
}

.logo {
background: url(img/logo.jpg) left no-repeat;
height: 107px;
width: 100%;
display: block;
z-index: 1000;
position: relative;
  font-size: 16px;
  padding-left: 115px;
  line-height: 1.2;
  padding-top: 20px;
  text-decoration: none;
  margin: 10px 0px;
}

.slogan {
text-transform: uppercase;
color: #002255;
border-left: 2px solid #002255;
padding-left: 30px;
padding-top: 5px;
padding-bottom: 5px;
font-size: 16px;
}



header .lg100.w-100 {
border-bottom: 2px solid #002255;
 
}
     
 
a.nav-link {
font-size: 15px;
text-transform: uppercase;
color: #000;
}

a.nav-link:hover, a.nav-link.active, a.nav-link:focus {
/*font-size: 15px;*/
text-decoration: none;
color: #002255;
}
 

 .menuhover {
 display: none;
  
 
    column-gap: 5px; 
 }

 .menuhover a {
 display: block;
 padding: 7px 0px;
 text-decoration: none;
  text-transform: uppercase;
 }
 
  .menuhover a:hover {
  color: #002255;
  }

 .dropdownhover:hover .menuhover {
  display: block;
  position: absolute;
  background: #fff;
  padding: 15px;
 }
   .dropdownhover:hover  i {
    transform: rotateX(180deg);
    display: inline-block;
   }


.carousel-item {
 height: 805px;
color: #fff;
align-items: flex-end;
padding-bottom: 50px;
   display: flex;
}

.carousel-item.active {
              display: flex;
             
}

.dates {
  font-family:  gilroy-reg;
  font-size: 24px;
}

.vk {
background: url(img/vk.png) left no-repeat;
width: 27px;
height: 27px;
display: inline-block;
}

.vkfooter {
background: url(img/vk-w.png) left no-repeat;
width: 27px;
height: 27px;
display: inline-block;
margin-top: 10px;
}
 
 .copy a:hover {
       color: #fff;
 }
/* .carousel-indicators {

    font-size: 30px;
    color: #fff !important;
      font-family:  gilroy-bold;
}
   .carousel-indicators [data-bs-target]  {
         height: auto;
         width: 40px;
        background-color: transparent;
        opacity: 1;
        text-indent: 0px;
      }      
      
      .carousel-indicators [data-bs-target].active   {
 
    background: url(img/slkn.png) center no-repeat;
      
      }          
    


     .carousel-indicators   button {
         color: #fff !important;
     }

.carousel-indicators .active {
    background-color: #fff;
    
}  */

.navbar-nav {
flex-wrap: wrap;
}

.carousel-item .sltitle {
display: block;
width: 100%;
height: 100%;
display: flex;
font-family:  gilroy-bold;
flex-direction: column;
justify-content: flex-end;
text-decoration: none;
color: #fff;
 text-transform: uppercase;
 text-align: left;
 font-size:  70px;
    margin: 10px 0px;
line-height: 1.2;
}
        .carousel-item .more    {
      font-size: 24px;
     font-family:  gilroy-reg;
    display: inline-block;
    color: #fff;
    text-decoration: none;
 
        }

       
        
        table {
        width: 100%;
        margin-bottom: 40px;
        }
        
        tr td {
        padding: 10px;
       
        }
        
        
 /*-----------------front-page------*/
 
 .zritely, .afishablock {
 margin-bottom: 20px;
 }
 
 
 .afishablock img {
  width: 100%;
  height: auto;
  border-radius: 7px;
-webkit-box-shadow: 0px 1px 11px 5px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 0px 1px 11px 5px rgba(34, 60, 80, 0.2);
box-shadow: 0px 1px 11px 5px rgba(34, 60, 80, 0.2);
 }
 
 .linkrazdel {
font-size: 24px;
color: #002255;
text-decoration: none; 
 }
 
 
 .zritely_block {
  background: #fff;
  border-radius: 7px;
  display: block;
  color: #002255;
  text-transform: uppercase;
  font-family:  gilroy-bold;
  text-decoration: none;
  cursor: pointer;
  -webkit-box-shadow: 0px 1px 11px 5px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 0px 1px 11px 5px rgba(34, 60, 80, 0.2);
box-shadow: 0px 1px 11px 5px rgba(34, 60, 80, 0.2);
 }
 
 .zritely_block img {
 width: 100%;
 height: auto;
 border-top-right-radius: 7px;
  border-top-left-radius: 7px;
 }
 
 
  .zritely_block span {
  padding: 15px 15px 15px 20px;
  cursor: pointer;
  display: block;
  }
  
  
   .ludi_block {
  background: #fff;
  border-radius: 7px;
  display: block;
  color: #002255;
     font-size: 24px;
  font-family:  gilroy-bold;
  text-decoration: none;
  cursor: pointer;
  -webkit-box-shadow: 0px 1px 11px 5px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 0px 1px 11px 5px rgba(34, 60, 80, 0.2);
box-shadow: 0px 1px 11px 5px rgba(34, 60, 80, 0.2);
font-size: 16px;
 }
 
 .ludi_block {
    height: 100%;
}
 
 .news .fio strong {
   line-height: 1;
 }
 
 .news .fio strong {
    line-height: 1.2;
    display: block;
    margin-bottom: 10px;
}

.news .date {
  display: block;
  color: #acacac;
  font-size: 14px;
  text-align: right;
  margin-bottom: 10px;
}
 
 .ludi_block img {
 width: 100%;
 height: auto;
 border-top-right-radius: 7px;
  border-top-left-radius: 7px;
	 
 }

 .news_block img {
 width: 100%;
 height: auto;
 border-top-right-radius: 7px;
  border-top-left-radius: 7px;
	 object-fit: cover;
    aspect-ratio: 4 / 3;
 }
 
 
 
  .fio   {
  padding: 15px 15px 15px 20px;
  cursor: pointer;
  display: block;
       font-size: 24px;
  }
  
  .fio span {
    font-size: 16px;
    color: #000;
    font-family:  gilroy-med;
  }
  
  
  .biletyblock {
   margin: 60px 0px;
  }
  
  
  .btn {
  background: #002255;
  color: #fff;
  padding: 5px 10px;
  margin: 10px 0px;
  border-radius: 7px;
  }
  
  .contblock {
      margin: 60px 0px;
  }
  
  .phoneс {
   color: #002255;
   font-size: 24px;
   font-family:  gilroy-bold;
   text-decoration: none;
  }
  
  .mailс {
  font-size: 18px;
   text-decoration: none;
   color: #002255;
  }
  
  .mailс:hover {
  color: #002255;
  }
  
  .adresscont {
   text-align: center;
   border-left: 2px solid #002255;
    border-right: 2px solid #002255;
    margin-bottom: 30px;
    font-size: 18px;
    color: #002255;
  }
  
  .textcenter {
     text-align: center;
  }
  /*----------------allpage-------*/
  
  
             
             .more {
 
    font-size: 24px;
 
    display: inline-block;
    color: #fff;
    text-decoration: none;
 
    margin: 0 auto;
    border-radius: 30px;
}

.more:hover {
  text-decoration: underline;
} 

 
/*--------------footer----------*/

footer {
  margin-top: 60px;
background: #002255;
color: #fff;
padding: 30px 0px  0px 0px;
font-size: 16px;
 
}    
 

footer a {
color:  #fff;
}

.fmenu a {
display: block;
   line-height: 1.2;
font-size: 16px;
text-decoration: none;
color: #fff;
margin: 0px 0px 17px 0px;

}

.fmenu a:hover {
text-decoration: underline;
}

.logof {
background: url(img/logo-white.png) left no-repeat;
    height: 107px;
    width: 100%;
    display: block;
    padding-left: 110px;
    z-index: 1000;
    position: relative;
    text-decoration: none;
    padding-top: 20px;
    text-align: left;
    background-size: contain;
 
}

.logof:hover {
color: #fff;
}

.flogo span {
font-size: 15px;
font-family: Montserrat-Regular;
display: block;
}
 

   .phonef {
    display: block;
    font-size: 24px;
    font-family:  gilroy-bold;
    text-decoration: none;
   }
   
   .mailf {
    color: #fff;
     font-size: 16px;
 
    display: block;
  
   }  .mailf:hover {
   color: #fff;
   }

.copy {
padding: 10px 0px;
margin-top: 10px;
font-size: 14px;
}
.footercont {
 margin-bottom: 30px;
 font-size: 16px;
}

.adressf {
 display: block;
}




.phonecont {
     font-size: 22px;
 display: block;
 font-family:  gilroy-bold;
 color: #000;
 text-decoration: none;
}

/*ul.sp {
color: #00b4ff;
font-size: 24px;
font-family: Montserrat-SemiBold;
}

.sp span {
color: #000;
}

.sp a {
text-decoration:none;
}
.sp a:hover span {
color:   #00b4ff;
}

.sp li {
padding: 7px 0px;
}
    */

.fmenu  .strong {
 text-transform: uppercase;
 margin-bottom: 25px;
 display: block;
}


.fmenu  .strong2 {
 text-transform: uppercase;
 margin-bottom: 25px;
  margin-top: 15px;
 display: block;
}

        .afishaimg img {
         width: 70%;
         height: auto;
         margin: 0 auto;
         display: block;
        }


        .gallery-item img {
        width: 95% !important;
        height: auto;
        }
/*--------------------адаптивность-----------------------------*/


button.navbar-toggler {
    color: #002255;       /*-Меню бургер, цвет, шрифт и центрирование-*/
    font-size: 40px;
    /*margin: 0 auto;   */
}


 .allpage  button.navbar-toggler   {
 color: #002255;
 }
 
   .navbar-toggler[aria-expanded="true"] .fa-bars {
display: none;
}

.navbar-toggler[aria-expanded="false"]  .fa-times {
display: none;
}

.navbar-toggler .fa-bars {
display: block;
}

  .contmobi {
   display: none;
  }

  .buy {
  position: fixed;
  right: 0px;
  top: 250px;
  z-index: 1000;
  }


  .menumobi {
  display: none;
  }
  
  .copy br {
  display: none;
  }
@media only screen and (max-width: 767px) {
 .copy br {
  display: block;
  }
  
  .dropdownhover:hover .menuhover {
  display: none;
 
 }
  
  .dropdown-menu {
    border: none;
    padding-left: 20px;
}

.menuhover a {
    display: block;
  padding: 1px 0px;  
    text-decoration: none;
    text-transform: uppercase;
}

.carousel-item {
    height: 600px;
    }

.buy img {
    width: 30px;
}

.menuhover {

  column-count: 1; 
 }
                         .slogan {
display: none;
}

header .lg100.w-100 {
    border-bottom: 2px solid #002255;
    padding-bottom: 20px;
}

.contblock.row {
    text-align: center;
}

 .contblock .textright {
    text-align: center;
 }
 
  .adresscont {
  margin-top: 30px;
  }

.newspost {
margin-bottom: 30px;
}
   
   .navbar {
    justify-content: flex-end;
    margin: 0px  0px; 
        padding: 0px 30px !important;
        background: #fff;
    }
     button.navbar-toggler {
    margin-top: -90px;
            margin-right: -40px;
}

ul.navbar-nav.mr-auto.paddingnone {
    margin-top: 15px;
}

header {
padding: 20px 0px;
}


.contheader {
 display: none;
}
   
   .logo {
 
    height: 70px;
    width: 80%;
    display: block;
      padding-left: 90px;
        padding-top: 5px;
    
    margin-bottom: 0px;
    z-index: 1000;
    position: relative;
    background-size: contain;
}
   

    a.nav-link {
 
    color: #000;
}
    i.fa.fa-times {
    color: #000;
}
.carousel-item .sltitle {
font-size: 30px;
}
            .linkrazdel {
    font-size: 16px;
    
}

.zritely .col-md-4, .zritely .col-md-3 {
   margin-bottom: 30px;
}


   .dopmenu {
    display: none;
   }

body {
    font-size: 16px;
}

h1, h2 {
 
    font-size: 36px;
    
    margin: 30px 0px;
}

.fmenu a {
display: none;
}

.fmenu a.strong, .fmenu a.strong2 {
display: none;
}
  
  .menumobi {
  display: block;
  }


  .menumobi a {
   text-transform: uppercase;
       font-size: 16px;
    text-decoration: none;
    color: #fff;
    margin: 0px 0px 17px 0px;
      display: block !important;
  }

footer, footer .textright {
text-align: center;
margin-top: 15px;
}

.fmenu {
margin:  0px;
}



#ssttbutton {
    font-size: 22px !important;
    right: 0 !important; 
    bottom: 0 !important;
}



}

@media only screen and (min-width: 768px) and (max-width: 1174px) {


   .navbar {
    justify-content: flex-end;
    margin: 0px -30px;
        padding: 0px 30px !important;
      background: #fff;  
    }
     button.navbar-toggler {
    margin-top: -90px;
}

ul.navbar-nav.mr-auto.paddingnone {
    margin-top: 15px;
}


.phoneh, .phoneh:hover {
    color: #fff;
    font-size: 20px;
    }

  .container {
    max-width: 100%;
}
    
    
        .logof {
        background: url(img/logo.png) center no-repeat;
        background-size: contain;
    }

   
   .footercont .textright {
   text-align: right;
   }
   
   .phonef {
    font-size: 20px;
    }

}

/*-----------------------------странный размер от 991 до 1190px-------------------------------*/



@media only screen and (min-width: 993px) and (max-width: 1300px) {

   .container {
    max-width: 100%;
}

.logo {
    background: url(img/logo.jpg) left no-repeat;
    height: 80px;
    background-size: 80px;
    width: 100%;
    display: block;
    z-index: 1000;
    position: relative;
    font-size: 12px;
    padding-left: 90px;
    line-height: 1.2;
    padding-top: 20px;
    text-decoration: none;
    margin: 10px 0px;
}
.slogan {
    text-transform: uppercase;
    color: #002255;
    border-left: 2px solid #002255;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14px;
}
}


@media only screen and (min-width: 1300px) and (max-width: 1700px) {
.slogan {
    text-transform: uppercase;
    color: #002255;
    border-left: 2px solid #002255;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14px;
}

.phonef {
    display: block;
    font-size: 20px;
    }
    
    .mailf {
    color: #fff;
    font-size: 14px;
    }

.logof {
 padding-left: 80px;
    background: url(img/logo-white.png) left no-repeat;
    height: 80px;
    width: 100%;
    display: block;
 
    z-index: 1000;
    position: relative;
    text-decoration: none;
    padding-top: 0px;
    text-align: left;
    background-size: contain;
    font-size: 12px;
}

   .container {
    max-width: 100%;
}
.logo {
    background: url(img/logo.jpg) left no-repeat;
    height: 80px;
    background-size: 80px;
    width: 100%;
    display: block;
    z-index: 1000;
    position: relative;
    font-size: 12px;
    padding-left: 90px;
    line-height: 1.2;
    padding-top: 20px;
    text-decoration: none;
    margin: 10px 0px;
}

}

@media only screen and (min-width: 1000px) and (max-width: 1300px) {

   .container {
    max-width: 100%;
}

}

/*------------адаптивность-end--------------------*/