/*  
Theme Name: PARENT-BOOTSTRAP_5.2.3-2023
Author: Opt
Author URI: 
Version: 23.jan.2023
*/
/* colors ************
#6c757d Gray
#004acc Bright Blue
#274685 Dark Blue
#c10f0f Dark Red

*********************/

/* Move down content because we have a fixed navbar that is 3.5rem tall */
body {
  padding-top: 4.5rem;
}

h1, .h1 {
  font-size: 2rem!important;
}
@media (max-width: 960px) {
h1, .h1 {font-size: 1.7rem!important;}
 }
h2, .h2 {
  font-size: 1.75rem;
}

h3, .h3 {
  font-size: 1.7rem;
}

h4, .h4 {
  font-size: 1.5rem;
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}
h1 i,h2 i,h3 i,h4 i,h5 i,h6 i,
.h1 i,.h2 i,.h3 i,.h4 i,.h5 i,.h6 i
 {
   color:#6c757d;
   font-size: 2.5rem;
}
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6
{font-weight:800!important;}

.nomera-single-page h5       { border-top:3px solid rgba(39,70,133,.5);color:#c10f0f; }
.nomera-single-page h5:hover { border-top:3px solid rgba(39,70,133,1);}

.bold {font-weight:800!important;}
.bold-wheight-600 {font-weight:600!important;}

.record-wp p a,.record-wp p a:visited,
.record-wp li a,.record-wp li a:visited 
                      { color:#000; text-decoration:underline!important;}
.record-wp p a:hover,
.record-wp li a:hover    { color:#274685; text-decoration:underline!important;}

.record-wp h1 a,.record-wp h2 a,.record-wp h3 a,.record-wp h4 a,.record-wp h5 a,.record-wp h6 a,
.record-wp h1 a:hover,.record-wp h2 a:hover,.record-wp h3 a:hover,.record-wp h4 a:hover,.record-wp h5 a:hover,.record-wp h6 a:hover
 {text-decoration:none!important;}
.record-wp h1 a:hover,.record-wp h2 a:hover,.record-wp h3 a:hover,.record-wp h4 a:hover,.record-wp h5 a:hover,.record-wp h6 a:hover
 {color:#274685;} 

.record-wp h5 {clear:both;}

.record-wp ol       { counter-reset:myCounter;margin-left:0; padding-left:0;}
.record-wp ol.cf-ol { counter-reset:none!important;}
.record-wp ol li    {
        position: relative;
        padding-left: 3em;
        margin: 0.45em 0;
        list-style: none;
        line-height: 1.8em;
        cursor: pointer;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
      }

.record-wp ol li:hover  { color: #000; }

.record-wp ol li:before {
        content:counter(myCounter);
        counter-increment:myCounter;
        position:absolute;
        top:0;
        left:0;
        width: 1.8em;
        height: 1.8em;
        line-height: 1.8em;
        padding:0px;
  color: #fff; font-weight:800;
  background: #274685;
        text-align:center;
        border-radius: .9em;
        box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.3);
        z-index: 1;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
      }
.record-wp ol li:hover:before {
        background-color: #c10f0f;
         transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    transition-duration: 0.6s;
      }
.record-wp ol li li:before { background-color: #c10f0f; }
.record-wp ol li:after     { position: absolute;top: 2.1em; left: 0.9em;width: 2px;height: calc(100% - 2em);content: '';background-color: rgb(203, 203, 203);z-index: 0; }

.record-wp ol li:hover:after       { background-color: #c10f0f; }
.record-wp ol.cf-ol li:before,
.record-wp ol.cf-ol li:hover:before,
.record-wp ol.cf-ol li:after,
.record-wp ol.cf-ol li:hover:after  { display:none; }
.record-wp ol li li                 { font-size: 0.8em; }

.record-wp blockquote  {
                     padding:1rem 1rem 1rem 5rem;
                     margin:1rem 0;
                     width: 100%;
                     position:relative;
                     overflow:visible;
                     background: #DAE6ED;             
             border-color: rgba(183,183,168,0.3); 
             border-width: 1px; border-style:solid;
             -moz-border-radius:    6px; /* Firefox */
             -webkit-border-radius: 6px; /* Safari and Chrome */
             border-radius:         6px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
                  
             -moz-box-shadow:   3px 3px 4px rgba(203,214,204,0.7); /* Firefox */
             -webkit-box-shadow: 3px 3px 4px rgba(203,214,204,0.7); /* Safari and Chrome */
             box-shadow:        3px 3px 4px rgba(203,214,204,0.7); /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
                   } 
.record-wp blockquote:before
                   {                     
                     font-size: 4rem;
                     color:#274685;
                     position:absolute; left:0; top:0; bottom:0;
                     width:4rem;
                     content: '\e843';
                     font-family: "fonticons";
                   }                     
    

.main-color {color:#274685;}
.text-lightcustom,
a.text-lightcustom:hover,
a.text-lightcustom:visited {color:#f8f9fa;}
.bg-main-color {background-color:#274685;}
.bg-second-color {background-image: linear-gradient(to right, #274685 0%, #75A3D4 100%);}

body.home .home-header-section {
height: 320px;
  background-size:      cover;
  -moz-background-size: cover;
  background-position:  50% 50%;
  background-repeat:no-repeat;
  
  overflow:hidden; 
  margin-bottom:0;
}
@media (max-width: 1200px) 
{
body.home .home-header-section {height: 280px; }
}
@media (max-width: 992px) 
{
body.home .home-header-section {height: 250px; }
}
@media (max-width: 768px) 
{
body.home .home-header-section {height: 220px; }
}



body.home .home-header-section h1 {
  font-size:2rem;
  font-weight:800!important;
  text-shadow: 1px 1px 1px rgba(51,51,51,0.7), -1px -1px 2px rgba(51,51,51,0.7),1px 1px 3px rgba(51,51,51,0.9);
}
body.home .home-header-section h1 a {
color:#fff; text-decoration:none;
} 
body.home .home-header-section p  {
font-size:1rem;
} 
body.home .home-header-section p.text-desc-services   {
text-shadow: 1px 1px 1px rgba(51,51,51,0.7), -1px -1px 2px rgba(51,51,51,0.7),1px 1px 3px rgba(51,51,51,0.9);
} 

body.home .home-header-section p a {
color:#212529; text-decoration:none;
} 

.text-darkblue
{color: #002c7a;}
.bg-darkblue
{background: #002c7a;}
.tex-shadowed-more
{text-shadow:2px 1px 1px rgba(0,50,90,0.7);}
.text-shadowed
{text-shadow:2px 1px 1px rgba(0,50,90,0.4);}


.bg-gradient:hover { filter: brightness(120%); }
.btn-dark-primary
{
  color: #fff!important;
  background-color: #274685!important;
  border-color: #274685!important;
}

.btn-violet
{
  color: #000!important;
  background-color: #c0bfff!important;
  border-color: #c0bfff!important;
}
.btn-violet:hover 
{
  color: #000!important;
  background-color: #ddd6ff!important;
  border-color: #ddd6ff!important;
}

.btn-bg-accent {
  position:relative;
}

.display-5 {
  font-size: 1.2rem!important;
  font-weight: 400;
  line-height: 1.2;
}
@media (min-width: 1200px) {
.display-5 {font-size: 1.4rem!important;}
}
.display-6 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.2;
}
.display-5plus {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.2;
}

.navbar 
{
-moz-box-shadow:    3px 3px 6px rgba(140,160,190,0.7); 
-webkit-box-shadow: 3px 3px 6px rgba(140,160,190,0.7); 
box-shadow:         3px 3px 6px rgba(140,160,190,0.7);
height:4.5rem;
}

.navbar-toggler.custom-toggler { border-color: rgb(0,0,0)!important; }
.navbar-toggler.custom-toggler:hover,
.navbar-toggler.custom-toggler:focus,
.navbar-toggler.custom-toggler:active,
button.navbar-toggler.custom-toggler:focus
  { border: 1px solid rgb(0,44,122)!important; outline:none!important;
  box-shadow: 0 0 0 rgba(140,160,190,0.7)!important; margin-top:3px;
  }

.navbar-toggler.custom-toggler .navbar-toggler-icon {
font-family: "fonticons";
background-image:none!important;
position:relative;
}

.navbar-toggler.custom-toggler .navbar-toggler-icon:before 
{ 
font-family: "fonticons";
content: '\f0c9'; 
font-size:1.8rem;
color:#000;
} /* menu */

.navbar-toggler.custom-toggler .navbar-toggler-icon b
{line-height:1.6rem; }
 
.custom-toggler:hover .navbar-toggler-icon:before  {
color:rgb(0,44,122);
}

.navbar button[aria-expanded="true"] > span.close {
    color: rgb(0,44,122);
    opacity: 1;
    font-weight:800;
    
    display: inline-block;
    vertical-align: middle;
    font-size:1.8rem;
  }

.navbar button[aria-expanded="true"] > span.navbar-toggler-icon {
    display: none;
  }

.navbar button[aria-expanded="false"] > span.close {
    display: none;
  }
.navbar button[aria-expanded="true"] > b {
    line-height:1.6rem; 
  }

.navbar-brand {
background: url('i/logo.png') center / contain no-repeat;
width: 150px; min-height:35px;
}

@media only screen and (max-width: 575.98px) {
.navbar,
.navbar .container-sm { padding-left:0!important;padding-right:0!important; }
.navbar-toggler       { margin-left:15px!important; }
.communicate-tel      { margin-right:15px!important; }
}

.navbar .communicate {
   font-size:1.1rem; font-weight:600;
   color:#000;  
}
.navbar .communicate a {
   color:#000; text-align:center; text-decoration:none;
}
.navbar .communicate a:hover,
.navbar .communicate a:hover i
{
   color:#004acc; text-decoration:none;
}
.navbar .communicate em
{font-style:normal; font-weight:800; font-size: 1.3rem;}

.icon-whatsapp:before  { content: url('i/whatsapp-sign-logo.svg')!important;  display: inline-block; vertical-align: middle; }
.icon-telegram:before  { content: url('i/telegram-sign-logo.svg');  display: inline-block; vertical-align: middle; }
.icon-maxmgn:before  { content: url('i/max-messenger-sign-logo.svg');  display: inline-block; vertical-align: middle; }
.icon-vkmgn:before   { content: url('i/vk-messenger-sign-logo.svg');  display: inline-block; vertical-align: middle; }

.navbar .communicate.communicate-whatsapp .icon-whatsapp,
.navbar .communicate.communicate-whatsapp .icon-telegram,
.navbar .communicate.communicate-whatsapp .icon-maxmgn,
.navbar .communicate.communicate-whatsapp .icon-vkmgn
{font-size:2rem;}
.navbar .communicate.communicate-vk .icon-vk-1
{font-size:1.6rem;}

.navbar .communicate .btn
{font-size:.9rem;}
.navbar .communicate .btn:hover,
.record-wp .btn:hover
{background: #004acc; border-color:#004acc;
color:#fff!important; text-decoration:none!important;}
.navbar .communicate .btn:hover i {
   color:#fff!important;
}

/* navbar-collapse */
.navbar .navbar-collapse             { }
.navbar .navbar-collapse .navbar-nav { background-color:#F8F9FA;  width:30%; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.4)!important; }

@media only screen and (max-width: 767.98px) {
.fixed-top .navbar-collapse { 
box-shadow: 0 0.7rem 0.5rem rgba(0, 0, 0, 0.4)!important;
overflow-x: hidden;
  overflow-y: auto;
}
}

@media only screen and (max-width: 767.98px) {
.navbar .navbar-collapse .navbar-nav { width:100%; box-shadow:none!important;}
.navbar .navbar-collapse             { width:100%;}
.navbar .navbar-collapse .navbar-nav li { text-align:center; }
}
.navbar .navbar-collapse .navbar-nav li {    
    font-size:1.1rem; font-weight:600;
    border-bottom:1px solid #fff;
}
.navbar .navbar-collapse .navbar-nav li a {    
    color:#000; padding:0.3rem 1rem!important;   
}

@media only screen and (max-width: 984px) {
.navbar .navbar-collapse .navbar-nav li a { color:#000; padding:0 1rem!important; }
}

.navbar .navbar-collapse .navbar-nav li:hover a,
.navbar .navbar-collapse .navbar-nav li.current_page_item a,
.navbar .navbar-collapse .navbar-nav li.current_page_item:hover a
 {    
    color:#fff; 
    background-color:#274685;
}
.navbar .navbar-collapse .navbar-nav li:last-child a {    
      border-bottom-right-radius: 0.25rem !important;
      border-bottom-left-radius: 0.25rem !important;
}
.navbar .navbar-collapse .conts
{background-color:#F8F9FA;}
.navbar .navbar-collapse .conts .communicate a
{margin-left: 0.2rem;margin-right: 0.2rem; }

section.section-communicate-us .icon-whatsapp,
section.section-communicate-us .icon-telegram,
section.section-communicate-us .icon-maxmgn,
section.section-communicate-us .icon-vkmgn
{ font-size:2.5rem; color:#fff;  }

section.section-communicate-us .icon-whatsapp:before,
section.section-communicate-us .icon-telegram:before,
section.section-communicate-us .icon-maxmgn:before,
section.section-communicate-us .icon-vkmgn:before
{ margin-top: -0.2rem; }

section.section-communicate-us a:hover .icon-whatsapp:before,
section.section-communicate-us a:hover .icon-telegram:before,
section.section-communicate-us a:hover .icon-maxmgn:before,
section.section-communicate-us a:hover .icon-vkmgn:before
{ box-shadow: 0px 0px 7px #245675; border-radius: 12px; }


.navbar .navbar-collapse .conts i
 {font-size:1.6rem;}
.navbar .navbar-collapse .conts i.icon-basket
 {font-size:1.1rem;}
 
@media only screen and (max-width: 340px) {
.navbar .communicate.communicate-tel em {font-size:1rem;}
}
/* END navbar-collapse */

section { padding: 2rem 0; position:relative; }

section h1,section h2,section h3,section h4,section h5,section h6,
section .h1,section .h2,section .h3,section .h4,section .h5,section .h6,
section h1 a,section h2 a,section h3 a,section h4 a,section h5 a,section h6 a,
section .h1 a,section .h2 a,section .h3 a,section .h4 a,section .h5 a,section .h6 a
 { color:#274685; text-decoration:none; } 

section h1 i,section h2 i,section h3 i,
section .h1 i,section .h2 i,section .h3 i
 { font-size: 2.5rem; }             

section.section-bg-deep h1,section.section-bg-deep h2, section.section-bg-deep h3,
section.section-bg-deep .h1,section.section-bg-deep .h2, section.section-bg-deep .h3,
section.section-bg-deep h1 a,section.section-bg-deep h2 a, section.section-bg-deep h3 a,
section.section-bg-deep .h1 a,section.section-bg-deep .h2 a, section.section-bg-deep .h3 a,
section.bg-deep-i [class^="icon-"]:before, 
section.bg-deep-i [class*=" icon-"]:before,
section.bg-deep-i a,
section.bg-deep-i a:hover { color: #fff; }
section.section-bg-deep .btn.btn-light
                          { color: #000; }  
.section-bg-deep
 {
    background-image: linear-gradient(to right, #274685 0%, #9cd2fc 100%);
    color: #fff;      
}
/*.section-bg-deep:before
{
    background-size: auto;
    background-size: cover;
    content: '';
    height: 100%;
    right: 0;
    position: absolute;
    top: 0;
    width: 100%;
}*/

section.section-communicate-us .btn  { font-size:1rem;  padding: .5rem!important; }

@media only screen and (min-width: 768px) and (max-width: 1199.98px) { 
 section.section-communicate-us span.whtspp { font-size:.8rem; }
} 
  
.big  {font-size:1.4rem; font-weight:600;}

@media only screen and (max-width: 767.98px) {
   .section-information [class^="icon-"] { margin: -0.3rem 1rem 0 0;  float:left; clear:right; }
   .section-information .display-4  {font-size: 2rem!important;}
   .section-information [class^="col-"] { margin-bottom:  1rem;  }
   .big  {font-size:1rem; font-weight:normal;}
}

section.section-map,
section.section-last   { padding-bottom:0; }
section.section-map    { overflow:hidden; }
section.section-foot   { padding-bottom:0; padding-top:0; }
section.section-foot a { color:#fff; text-decoration:none; }

section.section-uslugi                     {}
section.section-uslugi .card-body          { padding-bottom: 0; height:270px;}
section.section-uslugi .card-vk .card-body { border:2px solid rgba(39,70,133,0.5);  background-color:#e6e8eb; background-size: contain; background-repeat:no-repeat;  background-position: top center; }
@media screen and (max-width: 984px) {
section.section-uslugi .card-vk .card-body { background-size: 100%; background-position: top center; }
}
section.section-uslugi .card-video .card-body,
section.section-uslugi .card-vk .card-body     {height:270px;}

section.section-uslugi .card-video .card-title,
section.section-uslugi .card-video i { color:#fff; text-shadow: 1px 1px 1px rgba(0,0,0,.6), 2px 2px 2px rgba(0,0,0,.4), -2px -2px 4px rgba(0,0,0,.4);}
section.section-uslugi .card-title a {color:#000;}

/* for page /kupit-bilety */
.wp-singular.page .post .card-rzd img.logo-ya    { width: 25%!important; }
.wp-singular.page .post .card-rzd .h5.card-title,
.wp-singular.page .post .card-rzd .card-subtitle { display:none!important; }
.wp-singular.page .post .card-rzd .img-fluid     { width: 50%!important;  float:right; margin-top: -3rem!important; }
.wp-singular.page .post .card-rzd .input-group   { width: 50%!important;  float:left; margin-top: 1rem; margin-bottom: 0!important;}
.wp-singular.page .post .card-rzd button.btn     { float:left; width: 50%!important; margin-top: 0.5rem; }
@media (max-width: 992px) 
{
.wp-singular.page .post .card-rzd button.btn     { margin-top: 2rem; }
.wp-singular.page .post .card-rzd img.logo-ya    { width: 40%!important; }
.wp-singular.page .post .card-rzd .img-fluid     { width: 50%!important;  }
}
@media (max-width: 575.98px)
{
.wp-singular.page .post .card-rzd button.btn     { clear:both; width: 100% !important;}
.wp-singular.page .post .card-rzd img.logo-ya    { width: 60%!important; }
.wp-singular.page .post .card-rzd .img-fluid     { width: 100%!important;  clear:both; margin-top: 0!important; }
}
/* END for page /kupit-bilety */

.bg-holder { overflow: hidden; margin: 0 auto; position: absolute; height: 100%; pointer-events: none; z-index: -1; }

@media screen and (max-width: 768px) {
body.page-template-page-contacts .bg-holder .bg-second-color,
body.page-template-page-contacts .vcard .d-flex {background-image: none;}
body.page-template-page-contacts .text-lightcustom {color: #000!important;}
}

@media screen and (min-width: 319.98px) and (max-width: 500px) {
.container-color-filled .col-text.pt-5 { padding-top: 3rem !important; }
}
@media screen and (min-width: 299.98px) and (max-width: 320px) {
.container-color-filled .col-text.pt-5 { padding-top: 7rem !important; }
}
@media (max-width: 320px) {
.container-color-filled .col-text.pt-5 { padding-top: 10rem !important; }
}

/* section carousel */
.section-carousel                                        { background: #dae6ed; height:100%; max-height:380px; overflow:hidden;}
.section-carousel .carousel-nav-icon                     { height: 48px;  width: 48px; }
.section-carousel .carousel-item .carouselitem           { padding-left: 15px; padding-right: 15px; }
.section-carousel .carousel-item .carouselitem img       { opacity: 1; }
.section-carousel .carousel-item .carouselitem:hover img { opacity: 0.7; }
.section-carousel .carousel-item .carouselitem a         { text-decoration:none;}
/*********************************************************************/
/* Bootstrap 4 Multiple Item Carousel */
/*********************************************************************/
/* medium - display 2  */
@media (min-width: 768px) {
    .carousel-inner .carousel-item-right.active,
    .carousel-inner .carousel-item-next {
        transform: translateX(50%);
    }

    .carousel-inner .carousel-item-left.active,
    .carousel-inner .carousel-item-prev {
        transform: translateX(-50%);
    }
}
/* large - display 3 */
@media (min-width: 992px) {
    .carousel-inner .carousel-item-right.active,
    .carousel-inner .carousel-item-next {
        transform: translateX(33%);
    }

    .carousel-inner .carousel-item-left.active,
    .carousel-inner .carousel-item-prev {
        transform: translateX(-33%);
    }
}
@media (max-width: 768px) {
    .carousel-inner .carousel-item>div {
        display: none;
    }

    .carousel-inner .carousel-item>div:first-child {
        display: block;
    }
}
.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}
.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left {
    transform: translateX(0);
}
 /* END  carousel section  */

.box-cover              { position:relative; overflow:hidden}
.box-cover:before       { content:"";width:100%;height:100%;background:rgba(0,0,0,.5);position:absolute;top:0;left:0;opacity:0;transition:all .35s ease 0s}
.box-cover:hover:before { opacity:1}
.box-cover img          { width:100%;height:270px;}

.box-cover h3       { position: absolute;width: 100%;text-align:center;  margin: auto;  left: 0; right: 0; top:15px;  text-transform:uppercase;  }
.box-cover h3 a     { color:#fff; text-shadow: 0 0 4px rgba(0,0,0,.9), 0 0 4px rgba(0,0,0,.7), 0 0 7px rgba(0,0,0,.5), 0 0 12px rgba(0,0,0,.4); }
.box-cover:hover h3 { display:none;}

.box-cover .box-entry              { width:94%;height:94%;position:absolute;top:3%;left:3%}
.box-cover .box-entry:after,
.box-cover .box-entry:before       { content:"";position:absolute;top:0;left:0;bottom:0;right:0;border-radius:6px;opacity:0;transition:all .7s ease 0s;}
.box-cover .box-entry:before       { border-bottom:1px solid rgba(255,255,255,.5);border-top:1px solid rgba(255,255,255,.5);transform:scale(0,1);transform-origin:0 0 0}
.box-cover .box-entry:after        { border-left:1px solid rgba(255,255,255,.5);border-right:1px solid rgba(255,255,255,.5);transform:scale(1,0);transform-origin:100% 0 0}
.box-cover:hover .box-entry:after,
.box-cover:hover .box-entry:before { opacity:1;transform:scale(1);transition-delay:.15s}

.box-cover .title                         { text-transform:uppercase!important; color:#fff; margin-left:10px; height:35px; opacity:0;transform:translate3d(0,-50px,0);transition:transform .5s ease 0s; z-index:2;position:relative;}
.box-cover:hover .title                   { opacity:1;transform:translate3d(0,0,0)}
.box-cover .title a.page-item             { position:absolute; left:0; top:0;opacity:0; color:#fff;}
.box-cover:hover .title a.page-item       { opacity:1;color:#fff; text-decoration:underline;}
.box-cover:hover .title a.page-item:hover { color:#fff; text-decoration:underline;}

.box-cover p        { margin-left:10px; position:relative; opacity:0;transform:translate3d(0,-50px,0);transition:all .7s ease 0s}
.box-cover:hover p  { opacity:1;transform:translate3d(0,0,0);transition-delay:.15s}
.box-cover p:before { font-family: "fonticons"; content: '\e81b'; font-size:1.4rem;color:#fff; padding-right:5px;  }

.box-cover p b      { font-size:1.1rem;}

.box-cover ul           { margin:0 0 0 10px; padding:0;list-style:none; position:relative; opacity:0;transform:translate3d(0,-50px,0);transition:all .7s ease 0s}
.box-cover:hover ul     { opacity:1;transform:translate3d(0,0,0);transition-delay:.15s}
.box-cover ul li        { margin:0 0 1rem 0; padding:0; line-height: 1.5; position:relative; color:#fff}
.box-cover ul li:before { font-family: "fonticons"; content: '\e81b'; font-size:1.4rem;color:#fff; padding-right:5px;  }

.box-cover .icon         { position:absolute; right:0; top:0;opacity:0;z-index:1;transition:all .7s ease 0s; z-index:2;}
.box-cover:hover .icon   { opacity:1;transition-delay:.15s}
.box-cover .icon a       { transition:all .4s ease 0s}
.box-cover .icon a:hover { background:#fafafa;}

@media only screen and (min-width: 576px) and (max-width: 991.98px) {
.box-cover .icon   { position:relative; display:block; width:7rem; margin-bottom:5px; margin-left:5px;}
}
@media only screen and (max-width: 575.98px) {
.box-cover .icon         { position:relative; display:block; width:7rem; margin-bottom:5px; margin-left:5px;}
}
@media only screen and (max-width:990px) {
.box-cover{margin-bottom:30px}
.box-cover p {line-height:1;}
}


.box-uslugi     { position:relative;}
.box-uslugi1    { width:calc(50% - 15px); margin-right:30px; margin-bottom:20px; } /* 4 pics */
.box-uslugi1:nth-child(even) { margin-right:0; } /* every 2nd */

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
.box-uslugi1    { width:calc(50% - 15px); margin-right:0; margin-bottom:20px; } 
.box-uslugi1:nth-child(odd) { margin-right:30px; }
}
/*@media only screen and (min-width: 768px) {
.col-multipics { width:50%; } 
}*/
@media only screen and (max-width: 767.98px) {
.box-uslugi1 { width:100%; margin-right:0; margin-bottom:30px; }
.col-multipics {width:100%; } 
}

.box-uslugi .title              { width:100%; height:70px; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; text-align:center; }
.box-uslugi .title a.page-item  { margin: auto;  position: absolute;  top: 0; left: 0; bottom: 0; right: 0; }
.box-uslugi .title a.btn        { margin: auto; position: absolute; top: 45px; left: 0; bottom: 0; right: 0; height:2rem; width: 8rem;  text-transform:capitalize; }
.box-uslugi:before              { content:''; float:left; padding-top:100%; }
.box-uslugi img                 { width: 100%; height: 100%; }

/************************
      ngg-gallery
 ************************/
.ngg-galleryoverview         { display: -webkit-flex;  -webkit-flex-flow: row wrap; display: flex!important; flex-flow: row wrap; }
.ngg-galleryoverview.default-view  { display: flex!important; }
.ngg-gallery-thumbnail-box   { -webkit-flex: 0 1 25%; -ms-flex:  0 1 25%;  flex:  0 1 25%; }
.ngg-galleryoverview .ngg-gallery-thumbnail-box .ngg-gallery-thumbnail img 
                             { width:100%; height:auto; border-radius:6px; }
.ngg-gallery-thumbnail img:hover 
                             { background-color: transperent; } 
.ngg-galleryoverview .ngg-gallery-thumbnail-box,
.ngg-galleryoverview .ngg-gallery-thumbnail-box .ngg-gallery-thumbnail,
.ngg-galleryoverview .ngg-gallery-thumbnail-box .ngg-gallery-thumbnail a,
.ngg-galleryoverview .ngg-gallery-thumbnail-box .ngg-gallery-thumbnail a img 
                             { border:none!important; padding:0!important; }
.ngg-galleryoverview .ngg-gallery-thumbnail-box .ngg-gallery-thumbnail
                             { margin:0 5px 5px 0;-webkit-flex: 0 1 25%; -ms-flex:  0 1 25%;  flex:  0 1 25%;}
.ngg-gallery-thumbnail-box .ngg-gallery-thumbnail span
                             { display:none; }  
 /* photos in record-wp */                
.record-wp .ngg-galleryoverview { margin: 0 0 0 15px;width: 40%; overflow:hidden; float:right; z-index:3; position:relative; display:flex!important; }
@media screen and (min-width: 768px) and (max-width: 1199.98px) {
.record-wp .ngg-galleryoverview { width: 50%;  }
}
@media screen and (min-width: 400px) and (max-width: 767.98px) {
.record-wp .ngg-galleryoverview { margin: 0; width: 100%; clear:all;  float:none;  }
}
@media screen and (max-width: 399.98px) {
.record-wp .ngg-galleryoverview { margin: 0; width: 100%; clear:all;  float:none;  }
}
.record-wp .ngg-gallery-thumbnail-box 
                             { margin: 0; }
@media screen and (max-width: 399.98px) {
.record-wp .ngg-gallery-thumbnail-box { margin: 0;  -webkit-flex: 0 1 50%; -ms-flex:  0 1 50%;  flex:  0 1 50%; }
}
/* gallery page */
.gallery-single-page .ngg-galleryoverview 
                             { margin: 0; float:none; width: 100%; display: flex!important; }
.gallery-single-page .ngg-galleryoverview.default-view  { display: flex!important; } 
.gallery-single-page .ngg-galleryoverview br,
.gallery-single-page .ngg-galleryoverview .ngg-clear 
                             { display:none;  } 
.gallery-single-page .ngg-galleryoverview .ngg-gallery-thumbnail-box 
                             { margin: 0;  -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto;  flex: 1 1 auto; max-width:180px!important; }   
                             
@media screen and (max-width: 991.98px) {                             
.gallery-single-page .ngg-galleryoverview .ngg-gallery-thumbnail-box 
                             { max-width:120px!important; }                              
}                                                                                                                  
/* end ngg-gallery */

.record-wp .btn {text-decoration:none!important}

.uslugi-single-page ul          { margin:1rem 0 0 0; padding:0; list-style:none; width:100%; overflow:hidden;
                             display: grid; grid-gap: 15px; }
.uslugi-single-page ul li       { margin:0; padding:1rem; position: relative; background-color:#eaeef2; 
                             border:1px solid rgba(39,70,133,0.1); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.uslugi-single-page ul li:hover { border:1px solid rgba(39,70,133,0.3); }
.uslugi-single-page ul li:after { position: absolute;bottom: 0.9rem; right: 0.1rem;width: 3rem;height: 3rem; font-size:3rem; z-index: 0; 
                             color:rgba(39,70,133,0.2); content: '\e818'; /*icon-info-circle*/ font-family: "fonticons"; }
.uslugi-single-page ul li:hover:after { color:rgba(39,70,133,0.4);  }


.uslugi-single-page ul ul             { margin: 0; padding:0 0 0 1.2rem; list-style: disc; width:100%; overflow:hidden; display: block;  }
.uslugi-single-page ul li ul li       { margin:0; padding:0 0 0.1rem 0;  background: none; border:none; border-radius: 0; }
.uslugi-single-page ul li ul li:hover { border:none; }
.uslugi-single-page ul li ul li:after { display:none; }
                             
                             
@media (max-width: 575.98px) {
.uslugi-single-page ul {
        grid-template-columns: repeat(1, 1fr);
    }
}
@media (max-width: 768.98px) and (min-width: 576px) {
.uslugi-single-page ul {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 991.98px) and (min-width: 768px) {
.uslugi-single-page ul {
        grid-template-columns: repeat(2, 1fr); 
    }
}
@media (max-width: 1199.98px) and (min-width: 992px) {
.uslugi-single-page ul {
        grid-template-columns: repeat(3, 1fr); 
    }
}
@media (min-width: 1200px) {
.uslugi-single-page ul {
        grid-template-columns: repeat(3, 1fr); 
    }
}

.responsive-iframe {overflow:hidden;}

@media screen and (min-width: 768px) and (max-width: 991.98px) {
  .responsive-iframe iframe.iframeprice          { transform-origin: 0 0; transform: scale(0.9); }
  }
@media screen and (min-width: 576px) and (max-width: 767.98px) {
  .responsive-iframe iframe.iframeprice          { transform-origin: 0 0; transform: scale(0.85); }
  }
@media screen  and (max-width: 575.98px) {
  .responsive-iframe iframe.iframeprice          { transform-origin: 0 0; transform: scale(0.8); }
  .gallery-page .responsive-iframe iframe        { transform-origin: 0 0; transform: scale(0.8); }
  }

/* OLD */       
/* images */
.record-wp img         { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;  z-index:3; position:relative;}
.size-full             { margin: 0; padding: 0; width:100%; height:auto; }
.aligncenter           { float: none; text-align: center; margin: 5px auto; }
.alignleft             { float: left!important; margin: 8px 10px 5px 0; }
.alignright            { float: right!important; margin: 8px 0 5px 15px; display:block; }
.record-wp img.alignleft,
.record-wp img.alignright { width:40%; height:auto;} 
@media screen and (max-width: 767.98px) {
.record-wp img.alignleft,
.record-wp img.alignright { margin: 0; width: 100%; clear:all;  float:none; }
}
.none                  { padding: 1px;}            
/* END images */

/* comments */
/* -- Comment List -- */
#respond {background:#85b1dd; padding: 20px; margin-bottom:30px; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px;}
#respond h3 {  margin:0 0 .1em; padding:0 0 .1em; }
h4#comments {color: #9ac2ea; margin: 1.5rem 0; padding:0;  }
#respond p { font-size:11px; margin:0 0 1em; }
ol.commentlist { margin:0; padding:0; text-indent:0; }
@media (max-width: 767.98px) 
{
ol.commentlist { list-style:none; }
}
ol.commentlist li { border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; margin:0 0 1.5rem; padding:5px 7px 5px 10px; position:relative; border:1px solid #ededed; 
-moz-box-shadow:    2px 2px 4px rgba(140,160,190,0.7); 
-webkit-box-shadow: 2px 2px 4px rgba(140,160,190,0.7); 
box-shadow:         2px 2px 4px rgba(140,160,190,0.7); }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { }
/*ol.commentlist li div.comment-author { padding:0 170px 0 0; }*/
ol.commentlist li div.vcard { font-size:0.95rem;  }
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url { color:#c00; text-decoration:underline; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ol.commentlist li .avatar { left:7px; position:absolute; top:7px; }
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata { font:bold 1.1em/1.4 helvetica,arial,sans-serif;text-align:right;  
position:absolute; right:5px;top:5px; }
ol.commentlist li div.commentmetadata a { color:#333; text-decoration:none; }
ol.commentlist li div.commentmetadata a:hover { color:#000; }
ol.commentlist li p { font-size: .9rem; margin:0 0 1em 0; }
ol.commentlist li ul { font:normal 12px/1.4 helvetica,arial,sans-serif; list-style:square; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li div.reply { width:120px; background:#999; /*border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;*/ color:#fff; font-size:11px; text-shadow:1px 1px 0 #545454; padding:3px 5px;  text-align:center; margin-bottom:7px }
ol.commentlist li div.reply:hover { background:#83DB7E; border:1px solid #009230; }
ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase;display:block; padding:1px 3px;  }
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li { }
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-5 {}
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { background:#fff; }
ol.commentlist li.odd { background:#f6f6f6; }
ol.commentlist li.parent { }
ol.commentlist li.pingback { }
ol.commentlist li.pingback.parent { }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

ol.commentlist li .commentnumber {
  float: left;
  color: #666;
  font-size: 1.3em;
  margin: 0 0 0 -2.4em;
  padding: 0.3em;
  text-align:center;
  clear: right;
  width:3rem;
  background-color:#fff;  
   -moz-border-radius:    3px; /* Firefox */
   -webkit-border-radius: 3px; /* Safari and Chrome */
   border-radius:         3px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */              
    -moz-box-shadow:    2px 2px 4px rgba(203,214,204,0.7); /* Firefox */
    -webkit-box-shadow: 2px 2px 4px rgba(203,214,204,0.7); /* Safari and Chrome */
    box-shadow:         2px 2px 4px rgba(203,214,204,0.7); /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */ 
}
@media (max-width: 575.98px) {
ol.commentlist li .avatar { position:relative; top:0; left:-7px; }
ol.commentlist li .commentnumber { margin: 0;}
}

.waitmoderation {color:Red; font-style:italic; font-size:0.8em}
#commentform {font-size:100%; text-align:left;}
#commentform .logged-in {margin:0 0 1em; }

#cancel-comment-reply 
{ 
font-size: 1em; font-weight: 600;
padding: .3rem .6rem;
margin-bottom:0.5rem;
 }
#cancel-comment-reply a
{ 
color:#274685; text-decoration:underline;
 } 
#cancel-comment-reply a:hover
{ 
color:#000;
 }  
 

#commentform textarea,
#commentform input[type="text"]
{
    color: #000;
font-size: 1.2em;
padding: .3rem .6rem;
margin-bottom:0.5rem;
vertical-align: top;
border: 1px solid transparent;

  -webkit-border-radius: 0.4rem;
    -moz-border-radius: 0.4rem;
     border-radius: 0.4rem;
}


#commentform textarea
 { 
 width:97%;
 }
 

#commentform textarea:hover,
#commentform input[type="text"]:hover
 {
    border:1px solid #004acc;
    background-color:#fff;
    font-weight:bold;
}

#commentform textarea:focus,
#commentform input[type="text"]:focus
 {
    border:1px solid #004acc;
    background-color:#fff;
    font-weight:bold;
    outline: none;
  box-shadow: 0 0 0 2px lightskyblue;
}
 
#commentform input[type="text"] 
{width:200px;  	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

#commentform input[type="submit"] {
  min-width:200px!important; font-size:1.8rem!important;
  
  -webkit-border-radius: 0.3rem;
    -moz-border-radius: 0.3rem;
     border-radius: 0.3rem;
  
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
  
    padding: 0.5rem 1rem;
  line-height: 1.1;
}

#commentform input[type="submit"]:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
}

#commentform input[type="submit"]:focus {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}


#commentform .required { color:Red;font-size:1.4em; line-height:1.4em }
#commentform .commenterfield { text-align:left!important;}
#commentform p { margin:0 0 .2em 0; }
#commentform label {text-align:left!important; }
#commentform .caption {line-height:1.4;margin:0 0 1em;}
#commentform .comment-timeout { margin:2em 0 0; }
#commentform .subscribe-to-comments {margin:1em 0 .25em 0;padding:5px 10px;
border:1px solid #ccc; width:530px}
#contact {font-size:120%;margin:0 0 1em;}
#contact .fn {}

/* END comments */

/* hack bootstrap 5 */
@media (min-width: 1400px) {
.container { max-width: 1140px!important;} 
}
/* END hack bootstrap 5 */