/* --------------------------------------
@Author: ThemeMascot
@URL: http://themeforest.net/user/ThemeMascot

Default COLOR :  Color Set 1
COLOR CODE1: #121F27 
COLOR CODE2: #01A3DE 
----------------------------------------- */
/*Theme Colored Red Text-color*/
.text-theme-color-2,
.work-gallery .gallery-bottom-part .title {
  color: #01A3DE;
}
/*Theme Colored Red Bg-color*/
.bg-theme-color-2 {
  background: #01A3DE !important;
}
.team-block .team-thumb .styled-icons a:hover,
.work-gallery .gallery-thumb .styled-icons a:hover,
.work-gallery:hover .gallery-bottom-part,
.line-bottom-theme-colored-2:after,
.panel-group .panel-title a.active::after {
  background: #01A3DE;
}
.panel-group .panel-title a.active::after {
  background-color: #01A3DE !important;
}
.btn-theme-color-2 {
  background-color: #01A3DE;
}
/*Theme Colored Red Bg-transparent-color*/
/*Theme Colored Red Border-top-color*/
.border-theme-color-2-1px {
  border: 1px solid #01A3DE !important;
}
.border-top-theme-color-2-1px {
  border-top: 1px solid #01A3DE !important;
}
.border-top-theme-color-2-2px {
  border-top: 2px solid #01A3DE !important;
}
.border-top-theme-color-2-3px {
  border-top: 3px solid #01A3DE !important;
}
.border-top-theme-color-2-4px {
  border-top: 4px solid #01A3DE !important;
}
.border-top-theme-color-2-5px {
  border-top: 5px solid #01A3DE !important;
}
.border-top-theme-color-2-6px {
  border-top: 6px solid #01A3DE !important;
}
.border-top-theme-color-2-7px {
  border-top: 7px solid #01A3DE !important;
}
.border-top-theme-color-2-8px {
  border-top: 8px solid #01A3DE !important;
}
.border-top-theme-color-2-9px {
  border-top: 9px solid #01A3DE !important;
}
.border-top-theme-color-2-10px {
  border-top: 10px solid #01A3DE !important;
}
/*Theme Colored Red Border-bottom-color*/
.border-bottom-theme-color-2-1px {
  border-bottom: 1px solid #01A3DE !important;
}
.border-bottom-theme-color-2-2px {
  border-bottom: 2px solid #01A3DE !important;
}
.border-bottom-theme-color-2-3px {
  border-bottom: 3px solid #01A3DE !important;
}
.border-bottom-theme-color-2-4px {
  border-bottom: 4px solid #01A3DE !important;
}
.border-bottom-theme-color-2-5px {
  border-bottom: 5px solid #01A3DE !important;
}
.border-bottom-theme-color-2-6px {
  border-bottom: 6px solid #01A3DE !important;
}
.border-bottom-theme-color-2-7px {
  border-bottom: 7px solid #01A3DE !important;
}
.border-bottom-theme-color-2-8px {
  border-bottom: 8px solid #01A3DE !important;
}
.border-bottom-theme-color-2-9px {
  border-bottom: 9px solid #01A3DE !important;
}
.border-bottom-theme-color-2-10px {
  border-bottom: 10px solid #01A3DE !important;
}
/*Theme Colored Red Border-left-color*/
.border-left-theme-color-2-1px {
  border-left: 1px solid #01A3DE !important;
}
.border-left-theme-color-2-2px {
  border-left: 2px solid #01A3DE !important;
}
.border-left-theme-color-2-3px {
  /*border-left: 3px solid #01A3DE !important;*/
}
.border-left-theme-color-2-4px {
  border-left: 4px solid #01A3DE !important;
}
.border-left-theme-color-2-5px {
  border-left: 5px solid #01A3DE !important;
}
.border-left-theme-color-2-6px {
  border-left: 6px solid #01A3DE !important;
}
.border-left-theme-color-2-7px {
  border-left: 7px solid #01A3DE !important;
}
.border-left-theme-color-2-8px {
  border-left: 8px solid #01A3DE !important;
}
.border-left-theme-color-2-9px {
  border-left: 9px solid #01A3DE !important;
}
.border-left-theme-color-2-10px {
  border-left: 10px solid #01A3DE !important;
}
/*Theme Colored Red Border-right-color*/
.border-right-theme-color-2-1px {
  border-right: 1px solid #01A3DE !important;
}
.border-right-theme-color-2-2px {
  border-right: 2px solid #01A3DE !important;
}
.border-right-theme-color-2-3px {
  border-right: 3px solid #01A3DE !important;
}
.border-right-theme-color-2-4px {
  border-right: 4px solid #01A3DE !important;
}
.border-right-theme-color-2-5px {
  border-right: 5px solid #01A3DE !important;
}
.border-right-theme-color-2-6px {
  border-right: 6px solid #01A3DE !important;
}
.border-right-theme-color-2-7px {
  border-right: 7px solid #01A3DE !important;
}
.border-right-theme-color-2-8px {
  border-right: 8px solid #01A3DE !important;
}
.border-right-theme-color-2-9px {
  border-right: 9px solid #01A3DE !important;
}
.border-right-theme-color-2-10px {
  border-right: 10px solid #01A3DE !important;
}
.service-block .thumb .desc {
  border-top: 4px solid #01A3DE;
}
/*Theme Colored Red Border-right-color*/
.service-block .thumb .price {
  border-right: 3px solid #01A3DE;
}
/*Theme Colored Red Border-left-color*/
.portfolio-filter a.active,
.portfolio-filter a:hover {
  border-left: 3px solid #01A3DE;
}
.widget.dark .tags a:hover,
.title-dots span {
  background-color: #01A3DE;
}
.horizontal-contact-widget .widget::before,
.horizontal-contact-widget .each-widget::before {
  color: #01A3DE;
}
/*
 * background: theme-color
 * -----------------------------------------------
*/
.tab-slider .nav.nav-pills a:hover,
.tab-slider .nav.nav-pills a.active,
.custom-nav-tabs > li > a:hover,
.widget .tags a:hover,
.progress-item .progress-bar,
.small-title .title::after,
.testimonial .item::after,
.drop-caps.colored-square p:first-child:first-letter,
.drop-caps.colored-rounded p:first-child:first-letter,
.list-icon.theme-colored.square li i,
.list-icon.theme-colored.rounded li i,
.working-process.theme-colored a,
.blog-posts .post .entry-content .post-date.right,
.horizontal-tab-centered .nav-pills > li > a:hover,
.horizontal-tab-centered .nav-pills > li.active > a,
.horizontal-tab-centered .nav-pills > li.active > a:hover,
.horizontal-tab-centered .nav-pills > li.active > a:focus,
.owl-theme.dot-theme-colored .owl-controls .owl-dot span,
.pagination.theme-colored li.active a,
.section-title .both-side-line::after,
.section-title .both-side-line::before,
.section-title .top-side-line::after,
.section-title .left-side-line::before,
.section-title .right-side-line::before,
.product .tag-sale,
.owl-theme .owl-dots .owl-dot.active span,
.line-bottom:after,
.line-bottom-center:after,
.portfolio-filter a.active,
.portfolio-filter a:hover {
  background: #121F27;
}
.panel-group .panel-title a.active {
  background-color: #121F27 !important;
}
.ui-state-highlight {
  background: #121F27 !important;
  color: #fff !important;
}
/*
 * text: theme-color
 * -----------------------------------------------
*/
ul.list.theme-colored li:before,
ul.list.theme-colored.angle-double-right li:before,
ul.list.theme-colored.angle-right li:before,
ul.list.theme-colored.check-circle li:before,
ul.list.theme-colored.check li:before,
.list-icon.theme-colored li i,
.menuzord-menu > li > .megamenu .megamenu-row li:hover > a,
.menuzord-menu > li > .megamenu .megamenu-row .post a:hover,
.menuzord-menu > li > .megamenu .megamenu-row li:hover > a i,
.menuzord-menu > li > .megamenu .megamenu-row .post a:hover i,
.pricing-table .table-list li i,
.testimonial-carousel.boxed .content::after,
.blog-posts .post .entry-meta li i,
.widget .address li i,
.icon-box.box-style1.practice-style3 i,
.attorney-carousel .content .contact-area i,
.attorney-address li i,
.icon-box.services-style1:hover .heading,
.small-title i,
.drop-caps.text-colored p:first-child:first-letter,
.schedule-box:hover .schedule-details .title a,
.widget.dark .nav-tabs li.active a,
.pagination.theme-colored li a,
.pager.theme-colored a,
.widget .post-title a:hover,
.volunteer .info .name a,
.donation-form .form-group label,
.team-block .team-thumb .team-overlay .styled-icons a:hover i,
.section-title .title-icon i,
.portfolio-filter a,
.panel-group .panel-title a,
.testimonials-details::after {
  color: #121F27;
}
.menuzord .menuzord-menu > li.active > a,
.menuzord .menuzord-menu > li:hover > a,
.menuzord .menuzord-menu ul.dropdown li:hover > a {
  background: #fff none repeat scroll 0 0;
  color: #121F27;
}
.menuzord .menuzord-menu > li.active > a i,
.menuzord .menuzord-menu > li:hover > a i,
.menuzord .menuzord-menu ul.dropdown li:hover > a i {
  color: #121F27;
}
/* text-theme-color */
.text-theme-colored {
  color: #121F27 !important;
}
/* text-hover-theme-color */
.text-hover-theme-colored:hover {
  color: #121F27 !important;
}
/* background-theme-color */
.bg-theme-colored {
  background-color: #121F27 !important;
}
/* bg-hover-theme-color */
.bg-hover-theme-colored:hover {
  background: #121F27 !important;
  border-color: #121F27 !important;
  color: #fff !important;
}
.bg-hover-theme-colored:hover h1,
.bg-hover-theme-colored:hover h2,
.bg-hover-theme-colored:hover h3,
.bg-hover-theme-colored:hover h4,
.bg-hover-theme-colored:hover h5,
.bg-hover-theme-colored:hover h6,
.bg-hover-theme-colored:hover p,
.bg-hover-theme-colored:hover a,
.bg-hover-theme-colored:hover i {
  color: #fff !important;
}
.hover-text-theme-color-2:hover {
  color: #01A3DE;
}
/* border-theme-color */
.border-theme-colored {
  border-color: #121F27 !important;
}
.widget .services-list li.active::after {
  border-color: transparent #121F27 transparent transparent;
}
.widget .services-list li.active {
  background-color: #121F27 !important;
  border-right: 6px solid #01A3DE !important;
}
/* background-color-transparent */
.bg-theme-colored-transparent,
.piechart-block {
  background-color: rgba(18, 31, 39, 0.75) !important;
}
.service-block .thumb .price,
.service-block .thumb .desc,
.team-block .team-thumb .team-overlay,
.team-block .team-thumb .styled-icons,
.work-gallery .gallery-thumb .gallery-overlay {
  background: rgba(18, 31, 39, 0.7);
}
.team-block .team-thumb .team-overlay::after {
  border-color: rgba(18, 31, 39, 0.75) transparent transparent rgba(18, 31, 39, 0.75);
}
.team-block .team-thumb .styled-icons::after {
  border-color: transparent rgba(18, 31, 39, 0.75) rgba(18, 31, 39, 0.75) transparent;
}
/* Layer-overlay */
.overlay-theme-colored-1:before {
  background-color: rgba(18, 31, 39, 0.1) !important;
}
.overlay-theme-colored-2:before {
  background-color: rgba(18, 31, 39, 0.2) !important;
}
.overlay-theme-colored-3:before {
  background-color: rgba(18, 31, 39, 0.3) !important;
}
.overlay-theme-colored-4:before {
  background-color: rgba(18, 31, 39, 0.4) !important;
}
.overlay-theme-colored-5:before {
  background-color: rgba(18, 31, 39, 0.5) !important;
}
.overlay-theme-colored-6:before {
  background-color: rgba(18, 31, 39, 0.6) !important;
}
.overlay-theme-colored-7:before {
  background-color: rgba(18, 31, 39, 0.7) !important;
}
.overlay-theme-colored-8:before {
  background-color: rgba(18, 31, 39, 0.8) !important;
}
.overlay-theme-colored-9:before {
  background-color: rgba(18, 31, 39, 0.9) !important;
}
/* Layeroverlay */
.post .entry-meta.meta-absolute,
.volunteer .overlay,
.bg-theme-colored-transparent-deep {
  background-color: rgba(18, 31, 39, 0.9) !important;
}
.icon-box.box-style1.practice-style3:hover .icon-wrapper,
.zeus .tp-bullet::after {
  background-color: #121F27;
}
.preloader-dot-loading .cssload-loading i {
  background: #121F27 !important;
}
/*
 * border: theme-color
 * -----------------------------------------------
*/
.icon-box.icon-rounded-bordered i,
.widget .line-bottom:after,
.widget .line-bottom:after,
.pager.theme-colored a {
  border: 1px solid #121F27;
}
.border-theme-colored,
.owl-theme .owl-dots .owl-dot span {
  border-color: #121F27;
}
.icon-box.box-style1.practice-style3:hover .icon-wrapper::after {
  border-color: #121F27 transparent transparent;
}
.opening-hourse ul li {
  border-bottom: 1px dashed #121F27;
}
/* border-left-color */
blockquote.theme-colored {
  border-left: 3px solid #121F27;
}
blockquote.bg-theme-colored {
  border-left: 3px solid #020304;
  color: #fff;
}
blockquote.bg-theme-colored footer {
  color: #eeeeee;
}
blockquote.gray.bg-theme-colored {
  background-color: #eeeeee !important;
  border-left: 3px solid #121F27;
  color: #121F27;
}
blockquote.gray.bg-theme-colored footer {
  color: #777777;
}
.attorney-address li {
  border-left: 1px solid #121F27;
}
.section-title.title-border {
  border-left: 4px solid #121F27;
}
/* border-top-color */
.member-info {
  border-top: 3px outset #121F27;
}
.cssload-tri {
  border-top: 27px solid #121F27;
}
/* border-right-color */
.border-right-theme-color-2 {
  border-right: 1px solid #121F27;
}
.section-title.title-border.title-right {
  border-right: 4px solid #121F27;
}
/* border-bottom-color */
.event {
  border-bottom-color: #121F27;
}
.cssload-tri.cssload-invert {
  border-bottom: 27px solid #121F27;
}
/* box-shadow */
/*
 * btn-default: theme-color
 * -----------------------------------------------
*/
.btn-default.btn-theme-colored {
  color: #121F27;
  background-color: #fff;
  border-color: #121F27;
}
.btn-default.btn-theme-colored:focus,
.btn-default.btn-theme-colored.focus {
  color: #121F27;
  background-color: #e6e6e6;
  border-color: #000000;
}
.btn-default.btn-theme-colored:hover {
  color: #121F27;
  background-color: #e6e6e6;
  border-color: #000000;
}
.btn-default.btn-theme-colored:active,
.btn-default.btn-theme-colored.active,
.open > .dropdown-toggle.btn-default.btn-theme-colored {
  color: #121F27;
  background-color: #e6e6e6;
  border-color: #000000;
}
.btn-default.btn-theme-colored:active:hover,
.btn-default.btn-theme-colored.active:hover,
.open > .dropdown-toggle.btn-default.btn-theme-colored:hover,
.btn-default.btn-theme-colored:active:focus,
.btn-default.btn-theme-colored.active:focus,
.open > .dropdown-toggle.btn-default.btn-theme-colored:focus,
.btn-default.btn-theme-colored:active.focus,
.btn-default.btn-theme-colored.active.focus,
.open > .dropdown-toggle.btn-default.btn-theme-colored.focus {
  color: #121F27;
  background-color: #d4d4d4;
  border-color: #000000;
}
.btn-default.btn-theme-colored:active,
.btn-default.btn-theme-colored.active,
.open > .dropdown-toggle.btn-default.btn-theme-colored {
  background-image: none;
}
.btn-default.btn-theme-colored.disabled:hover,
.btn-default.btn-theme-colored[disabled]:hover,
fieldset[disabled] .btn-default.btn-theme-colored:hover,
.btn-default.btn-theme-colored.disabled:focus,
.btn-default.btn-theme-colored[disabled]:focus,
fieldset[disabled] .btn-default.btn-theme-colored:focus,
.btn-default.btn-theme-colored.disabled.focus,
.btn-default.btn-theme-colored[disabled].focus,
fieldset[disabled] .btn-default.btn-theme-colored.focus {
  background-color: #fff;
  border-color: #121F27;
}
.btn-default.btn-theme-colored .badge {
  color: #fff;
  background-color: #121F27;
}
.btn-default.btn-theme-colored:hover,
.btn-default.btn-theme-colored:active,
.btn-default.btn-theme-colored:focus {
  background-color: #121F27;
  border-color: #121F27;
  color: #fff;
}
/*
 * btn-border
 * -----------------------------------------------
*/
.btn-border.btn-theme-colored {
  color: #121F27;
  background-color: #fff;
  border-color: #121F27;
}
.btn-border.btn-theme-colored:focus,
.btn-border.btn-theme-colored.focus {
  color: #121F27;
  background-color: #e6e6e6;
  border-color: #000000;
}
.btn-border.btn-theme-colored:hover {
  color: #121F27;
  background-color: #e6e6e6;
  border-color: #000000;
}
.btn-border.btn-theme-colored:active,
.btn-border.btn-theme-colored.active,
.open > .dropdown-toggle.btn-border.btn-theme-colored {
  color: #121F27;
  background-color: #e6e6e6;
  border-color: #000000;
}
.btn-border.btn-theme-colored:active:hover,
.btn-border.btn-theme-colored.active:hover,
.open > .dropdown-toggle.btn-border.btn-theme-colored:hover,
.btn-border.btn-theme-colored:active:focus,
.btn-border.btn-theme-colored.active:focus,
.open > .dropdown-toggle.btn-border.btn-theme-colored:focus,
.btn-border.btn-theme-colored:active.focus,
.btn-border.btn-theme-colored.active.focus,
.open > .dropdown-toggle.btn-border.btn-theme-colored.focus {
  color: #121F27;
  background-color: #d4d4d4;
  border-color: #000000;
}
.btn-border.btn-theme-colored:active,
.btn-border.btn-theme-colored.active,
.open > .dropdown-toggle.btn-border.btn-theme-colored {
  background-image: none;
}
.btn-border.btn-theme-colored.disabled:hover,
.btn-border.btn-theme-colored[disabled]:hover,
fieldset[disabled] .btn-border.btn-theme-colored:hover,
.btn-border.btn-theme-colored.disabled:focus,
.btn-border.btn-theme-colored[disabled]:focus,
fieldset[disabled] .btn-border.btn-theme-colored:focus,
.btn-border.btn-theme-colored.disabled.focus,
.btn-border.btn-theme-colored[disabled].focus,
fieldset[disabled] .btn-border.btn-theme-colored.focus {
  background-color: #fff;
  border-color: #121F27;
}
.btn-border.btn-theme-colored .badge {
  color: #fff;
  background-color: #121F27;
}
.btn-border.btn-theme-colored:hover,
.btn-border.btn-theme-colored:active,
.btn-border.btn-theme-colored:focus {
  background-color: #020304;
  border-color: #020304;
  color: #fff;
}
/*
 * btn-dark
 * -----------------------------------------------
*/
.btn-dark.btn-theme-colored {
  color: #fff;
  background-color: #121F27;
  border-color: #121F27;
}
.btn-dark.btn-theme-colored:focus,
.btn-dark.btn-theme-colored.focus {
  color: #fff;
  background-color: #020304;
  border-color: #000000;
}
.btn-dark.btn-theme-colored:hover {
  color: #fff;
  background-color: #020304;
  border-color: #000000;
}
.btn-dark.btn-theme-colored:active,
.btn-dark.btn-theme-colored.active,
.open > .dropdown-toggle.btn-dark.btn-theme-colored {
  color: #fff;
  background-color: #020304;
  border-color: #000000;
}
.btn-dark.btn-theme-colored:active:hover,
.btn-dark.btn-theme-colored.active:hover,
.open > .dropdown-toggle.btn-dark.btn-theme-colored:hover,
.btn-dark.btn-theme-colored:active:focus,
.btn-dark.btn-theme-colored.active:focus,
.open > .dropdown-toggle.btn-dark.btn-theme-colored:focus,
.btn-dark.btn-theme-colored:active.focus,
.btn-dark.btn-theme-colored.active.focus,
.open > .dropdown-toggle.btn-dark.btn-theme-colored.focus {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
}
.btn-dark.btn-theme-colored:active,
.btn-dark.btn-theme-colored.active,
.open > .dropdown-toggle.btn-dark.btn-theme-colored {
  background-image: none;
}
.btn-dark.btn-theme-colored.disabled:hover,
.btn-dark.btn-theme-colored[disabled]:hover,
fieldset[disabled] .btn-dark.btn-theme-colored:hover,
.btn-dark.btn-theme-colored.disabled:focus,
.btn-dark.btn-theme-colored[disabled]:focus,
fieldset[disabled] .btn-dark.btn-theme-colored:focus,
.btn-dark.btn-theme-colored.disabled.focus,
.btn-dark.btn-theme-colored[disabled].focus,
fieldset[disabled] .btn-dark.btn-theme-colored.focus {
  background-color: #121F27;
  border-color: #121F27;
}
.btn-dark.btn-theme-colored .badge {
  color: #121F27;
  background-color: #fff;
}
/*
 * btn-gray
 * -----------------------------------------------
*/
.btn-gray.btn-theme-colored {
  color: #fff;
  background-color: #223b4a;
  border-color: #223b4a;
}
.btn-gray.btn-theme-colored:focus,
.btn-gray.btn-theme-colored.focus {
  color: #fff;
  background-color: #121f27;
  border-color: #000000;
}
.btn-gray.btn-theme-colored:hover {
  color: #fff;
  background-color: #121f27;
  border-color: #0f1920;
}
.btn-gray.btn-theme-colored:active,
.btn-gray.btn-theme-colored.active,
.open > .dropdown-toggle.btn-gray.btn-theme-colored {
  color: #fff;
  background-color: #121f27;
  border-color: #0f1920;
}
.btn-gray.btn-theme-colored:active:hover,
.btn-gray.btn-theme-colored.active:hover,
.open > .dropdown-toggle.btn-gray.btn-theme-colored:hover,
.btn-gray.btn-theme-colored:active:focus,
.btn-gray.btn-theme-colored.active:focus,
.open > .dropdown-toggle.btn-gray.btn-theme-colored:focus,
.btn-gray.btn-theme-colored:active.focus,
.btn-gray.btn-theme-colored.active.focus,
.open > .dropdown-toggle.btn-gray.btn-theme-colored.focus {
  color: #fff;
  background-color: #070c0f;
  border-color: #000000;
}
.btn-gray.btn-theme-colored:active,
.btn-gray.btn-theme-colored.active,
.open > .dropdown-toggle.btn-gray.btn-theme-colored {
  background-image: none;
}
.btn-gray.btn-theme-colored.disabled:hover,
.btn-gray.btn-theme-colored[disabled]:hover,
fieldset[disabled] .btn-gray.btn-theme-colored:hover,
.btn-gray.btn-theme-colored.disabled:focus,
.btn-gray.btn-theme-colored[disabled]:focus,
fieldset[disabled] .btn-gray.btn-theme-colored:focus,
.btn-gray.btn-theme-colored.disabled.focus,
.btn-gray.btn-theme-colored[disabled].focus,
fieldset[disabled] .btn-gray.btn-theme-colored.focus {
  background-color: #223b4a;
  border-color: #223b4a;
}
.btn-gray.btn-theme-colored .badge {
  color: #223b4a;
  background-color: #fff;
}
/*
 * btn-primary: theme-color
 * -----------------------------------------------
*/
.btn-theme-colored {
  color: #fff;
  background-color: #121F27;
  border-color: #121F27;
}
.btn-theme-colored:focus,
.btn-theme-colored.focus {
  color: #fff;
  background-color: #020304;
  border-color: #000000;
}
.btn-theme-colored:hover {
  color: #fff;
  background-color: #020304;
  border-color: #000000;
}
.btn-theme-colored:active,
.btn-theme-colored.active,
.open > .dropdown-toggle.btn-theme-colored {
  color: #fff;
  background-color: #020304;
  border-color: #000000;
}
.btn-theme-colored:active:hover,
.btn-theme-colored.active:hover,
.open > .dropdown-toggle.btn-theme-colored:hover,
.btn-theme-colored:active:focus,
.btn-theme-colored.active:focus,
.open > .dropdown-toggle.btn-theme-colored:focus,
.btn-theme-colored:active.focus,
.btn-theme-colored.active.focus,
.open > .dropdown-toggle.btn-theme-colored.focus {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
}
.btn-theme-colored:active,
.btn-theme-colored.active,
.open > .dropdown-toggle.btn-theme-colored {
  background-image: none;
}
.btn-theme-colored.disabled:hover,
.btn-theme-colored[disabled]:hover,
fieldset[disabled] .btn-theme-colored:hover,
.btn-theme-colored.disabled:focus,
.btn-theme-colored[disabled]:focus,
fieldset[disabled] .btn-theme-colored:focus,
.btn-theme-colored.disabled.focus,
.btn-theme-colored[disabled].focus,
fieldset[disabled] .btn-theme-colored.focus {
  background-color: #121F27;
  border-color: #121F27;
}
.btn-theme-colored .badge {
  color: #121F27;
  background-color: #fff;
}
/*
 * btn-transparent
 * -----------------------------------------------
*/
.btn-transparent {
  background-color: transparent;
  color: #fff;
}
.btn-transparent.btn-theme-colored {
  background-color: transparent;
}
.btn-transparent.btn-dark {
  background-color: #111111;
  border-color: #111111;
}
.btn-transparent.btn-dark:hover {
  background-color: #000000;
  border-color: #000000;
}
.btn-transparent.btn-dark.btn-theme-colored {
  background-color: #121F27;
  border-color: #121F27;
}
.btn-transparent.btn-dark.btn-theme-colored:hover {
  background-color: #020304;
  border-color: #020304;
}
.btn-transparent.btn-border {
  background-color: transparent;
  border-color: #eeeeee;
}
.btn-transparent.btn-border:hover {
  background-color: #eeeeee;
  color: #000;
}
.btn-transparent.btn-border.btn-theme-colored {
  background-color: transparent;
  border-color: #121F27;
}
.btn-transparent.btn-border.btn-theme-colored:hover {
  background-color: #121F27;
  color: #fff;
}
.btn-gray.btn-transparent {
  background-color: #d3d3d3;
  color: #333333;
}
.btn-gray.btn-transparent:hover {
  background-color: #ececec;
  color: #1a1a1a;
}
.btn-gray.btn-transparent.btn-theme-colored {
  background-color: #223b4a;
  color: #fff;
}
.btn-gray.btn-transparent.btn-theme-colored:hover {
  background-color: #020304;
  color: #e6e6e6;
}
.btn-hover-theme-colored:hover {
  background-color: #121F27;
  border-color: #121F27;
  color: #fff;
}
/*
 * Shortcode: styled-icons Theme Colored
 * -----------------------------------------------
*/
.icon-theme-colored a {
  color: #121F27;
}
.icon-theme-colored.icon-bordered a {
  border-color: #121F27;
}
.icon-theme-colored.icon-bordered a:hover {
  background-color: #121F27;
  color: #fff;
}
.icon-theme-colored.icon-dark a {
  background-color: #121F27;
  color: #fff;
}
.icon-theme-colored.icon-dark a:hover {
  background-color: #020304;
  color: #e6e6e6;
}
.icon-theme-colored.icon-dark.icon-bordered a {
  border-color: #121F27;
  color: #121F27;
}
.icon-theme-colored.icon-dark.icon-bordered a:hover {
  background-color: #121F27;
  border-color: #121F27;
  color: #fff;
}
.icon-theme-colored.icon-gray a {
  color: #121F27;
}
.icon-theme-colored.icon-gray a:hover {
  color: #020304;
}
.icon-theme-colored.icon-gray.icon-bordered a {
  color: #121F27;
}
.icon-theme-colored.icon-gray.icon-bordered a:hover {
  background-color: #eeeeee;
  border-color: #eeeeee;
  color: #121F27;
}
.icon-theme-colored a:hover {
  color: #020304;
}
.icon-hover-theme-colored a:hover {
  background-color: #121F27;
  border-color: #121F27;
  color: #fff;
}
.styled-icons.icon-hover-theme-colored a:hover {
  background-color: #121F27;
  border-color: #121F27;
  color: #fff;
}
/*
 * Shortcode: Icon Boxes Theme Colored
 * -----------------------------------------------
*/
.icon-box.iconbox-theme-colored .icon {
  color: #121F27;
}
.icon-box.iconbox-theme-colored .icon.icon-border-effect::after {
  box-shadow: 0 0 0 3px #121F27;
}
.icon-box.iconbox-theme-colored .icon.icon-bordered {
  border-color: #121F27;
}
.icon-box.iconbox-theme-colored .icon.icon-bordered:hover {
  background-color: #121F27;
  color: #fff;
}
.icon-box.iconbox-theme-colored .icon.icon-gray:hover {
  background-color: #121F27;
  color: #fff;
}
.icon-box.iconbox-theme-colored .icon.icon-gray.icon-bordered {
  border-color: #eeeeee;
}
.icon-box.iconbox-theme-colored .icon.icon-gray.icon-bordered:hover {
  background-color: #121F27;
  border-color: #121F27;
  color: #fff;
}
.icon-box.iconbox-theme-colored .icon.icon-dark {
  background-color: darkorange; /*#121F27;*/
  color: #fff;
}

.icon-box .mt-5 {
	margin-top: 0 !important;
}

.icon-box.iconbox-theme-colored .icon.icon-dark h2 {
	line-height: 1.5;
}

.icon-box.iconbox-theme-colored .icon.icon-dark:hover {
  color: #fff;
}
.icon-box.iconbox-theme-colored .icon.icon-dark.icon-bordered {
  background-color: transparent;
  border-color: #121F27;
  color: #121F27;
}
.icon-box.iconbox-theme-colored .icon.icon-dark.icon-bordered:hover {
  background-color: #121F27;
  border-color: #121F27;
  color: #fff;
}
.icon-box.iconbox-theme-colored .icon.icon-white {
  background-color: #fff;
  color: #121F27;
}
.icon-box.iconbox-theme-colored .icon.icon-white:hover {
  background-color: #121F27;
  color: #fff;
}
.icon-box.iconbox-theme-colored .icon.icon-white.icon-bordered {
  background-color: transparent;
  border-color: #121F27;
  color: #fff;
}
.icon-box.iconbox-theme-colored .icon.icon-white.icon-bordered:hover {
  background-color: #121F27;
  border-color: #121F27;
  color: #fff;
}
.icon-box.iconbox-theme-colored.iconbox-border {
  border-color: #121F27;
}

ul .bg-transparent-1 {
	background-color: #121F2700 !important;
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff
}

.navbar-inverse {
    background-color: #121F2780 !important;
}

.navbar-inverse .navbar-nav > li > a:hover {
  background-color: #121F27;
  border-color: #121F27;
  color: #fff;
}

.navbar-brand {

    background: none; 
	
}

/* =============================================
   СОВРЕМЕННЫЕ СТИЛИ ДЛЯ САЙТА ТЕХОСМОТРА
   Добавлено для обновления дизайна 2026
   ============================================= */

/* 1. ГЛОБАЛЬНЫЕ УЛУЧШЕНИЯ */
body {
    color: #2c3e4e;
    font-size: 17px;
    line-height: 1.6;
    background-color: #fafcfd;
	/*padding-top: 20px;*/
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #1a2a36;
    font-weight: 700;
    letter-spacing: -0.01em;
}

/* 2. НАВИГАЦИЯ (прилипающая, белая с тенью) */
.navbar-inverse {
    background-color: white !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

.navbar-inverse .navbar-nav > li > a {
    color: #1a2a36 !important;
    font-weight: 500;
    font-size: 15px;
    transition: color 0.2s;
}

.navbar-inverse .navbar-nav > li > a:hover {
    color: #01A3DE !important;
    background: transparent !important;
}

.navbar-inverse .navbar-brand {
    color: #01A3DE !important;
    background: transparent !important;
    font-weight: 700;
    font-size: 20px;
}

.navbar-right li:last-child a {
    background-color: #01A3DE !important;
    color: white !important;
    border-radius: 30px;
    padding: 8px 20px;
    margin-top: 5px;
    transition: all 0.2s;
}

.navbar-right li:last-child a:hover {
    background-color: #0a7ab0 !important;
    transform: translateY(-2px);
}

/* 3. БАННЕР (стекломорфизм) */
.main-text-banner {
    background: rgba(255,255,255,0.85);
    backdrop-filter: blur(12px);
    border-radius: 28px;
    padding: 40px 35px;
    margin-top: 30px;
    box-shadow: 0 20px 35px -15px rgba(0,0,0,0.2);
    border: 1px solid rgba(255,255,255,0.6);
}

.main-text-banner h3 {
    font-size: 1.8rem;
    letter-spacing: 1px;
}

.main-text-banner h2 {
    font-size: 3rem;
    margin-bottom: 15px;
}

/* 4. КАРТОЧКИ УСЛУГ / КАТЕГОРИЙ ТС (icon-box) */
.icon-box {
    background: white;
    border-radius: 20px !important;
    border: none !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.03), 0 1px 2px rgba(0,0,0,0.05);
    transition: all 0.25s ease;
    padding: 25px 20px !important;
    min-height: auto;
}

.icon-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 30px -12px rgba(0,0,0,0.12);
}

.icon-box .icon {
    background: #f0f7fe !important;
    border-radius: 30px;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-box .icon h2 {
    font-size: 32px;
    margin: 0;
    color: #01A3DE;
}

.icon-box .icon-box-details p {
    font-size: 15px;
    color: #4a627a;
}

.icon-box .icon-box-details h4 {
    color: #01A3DE;
    margin-top: 5px;
}

/* 5. КНОПКИ (современные) */
.btn-flat {
    border-radius: 40px !important;
    padding: 12px 28px !important;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.5px;
    transition: all 0.2s;
}

.btn-theme-colored {
    background: #01A3DE !important;
    border: none !important;
    box-shadow: 0 4px 10px rgba(1,163,222,0.25);
}

.btn-theme-colored:hover {
    background: #0a7ab0 !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px -5px rgba(1,163,222,0.4);
}

/* 6. СЕКЦИИ И ЗАГОЛОВКИ */
.section-title {
    padding-left: 0;
    text-align: center;
    margin-bottom: 50px;
}

.section-title .title-icon {
    position: static;
    display: inline-block;
    margin-bottom: 10px;
}

.section-title .title-icon i {
    opacity: 0.8;
    color: #01A3DE;
}

.section-title h2 {
    font-size: 2.5rem;
}

.line-bottom:after {
    width: 70px;
    height: 3px;
    background: #01A3DE !important;
    left: 50%;
    transform: translateX(-50%);
    bottom: -10px;
}

/* 7. ФОНОВЫЕ СЕКЦИИ */
.bg-lighter {
    background-color: #f8fafc !important;
}

section > .container, section > .container-fluid {
    padding-top: 70px;
    padding-bottom: 70px;
}

/* 8. АДАПТИВНОСТЬ (мобильные) */
@media (max-width: 768px) {
    body {
        font-size: 16px;
    }
    
    .main-text-banner {
        padding: 20px;
        margin-top: 60px;
    }
    
    .main-text-banner h2 {
        font-size: 2rem;
    }
    
    .icon-box {
        padding: 15px !important;
    }
    
    .navbar-inverse .navbar-collapse {
        background: white;
        border-radius: 20px;
        margin-top: 10px;
        padding: 15px;
        box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    }
    
    .navbar-right li:last-child a {
        display: inline-block;
        margin: 10px 0 5px;
    }
    
    .section-title h2 {
        font-size: 1.8rem;
    }
}

/* 9. ДОПОЛНИТЕЛЬНО: АНИМАЦИЯ ПОЯВЛЕНИЯ (опционально) */
.icon-box, .btn {
    transition: all 0.25s cubic-bezier(0.2, 0.9, 0.4, 1.1);
}

/* 10. УЛУЧШЕНИЕ ФУТЕРА */
.footer .widget ul.list li a {
    color: #ccc;
    transition: color 0.2s;
}

.footer .widget ul.list li a:hover {
    color: #01A3DE;
    text-decoration: none;
}

/* 11. ФОРМЫ И ВРЕМЕННЫЕ СЛОТЫ (если есть) */
.time-slot-label {
    border-radius: 40px;
    border-color: #e2e8f0;
    background: white;
}

.time-slot-label:hover {
    border-color: #01A3DE;
    background: #f0f9ff;
    transform: translateY(-2px);
}

.time-slot-label input[type="radio"]:checked + .time-slot-value {
    background-color: #01A3DE;
}

html {
    scroll-behavior: smooth;
}

/* ========== ФИКСЫ ПОСЛЕ ОБНОВЛЕНИЯ ========== */

/* 1. Телефон в меню — убираем лишний фон и делаем кнопкой */
.navbar-right li.bg-theme-color-2 {
    background: transparent !important;
}
.navbar-right li.bg-theme-color-2 a {
    background-color: #01A3DE !important;
    border-radius: 40px !important;
    padding: 8px 22px !important;
    margin: 5px 0 !important;
    display: inline-block;
    color: white !important;
    font-weight: 600;
    transition: all 0.2s;
}
.navbar-right li.bg-theme-color-2 a:hover {
    background-color: #0a7ab0 !important;
    transform: translateY(-2px);
}

/* 2. Убираем лишние паддинги у нижней полосы баннера */
section .bg-theme-color-2 > .container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* 3. Дополнительно: если текст внутри этой полосы прижался к краям — добавим вертикальные отступы только для контента */
.bg-theme-color-2 .call-to-action {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

/* ========== ДОПОЛНИТЕЛЬНЫЕ ФИКСЫ ПОСЛЕ ОБНОВЛЕНИЯ ========== */

/* 1. Кнопка телефона — вертикальное выравнивание */
.navbar-right li.bg-theme-color-2 {
    display: flex;
    align-items: center;
}
.navbar-right li.bg-theme-color-2 a {
    padding: 10px 22px !important;
    margin: 0 !important;
    line-height: normal;
}

/* 2. Кнопка "ЗАПИСАТЬСЯ" на синем фоне — белая, контрастная */
.bg-theme-color-2 .btn-theme-colored {
    background-color: white !important;
    color: #01A3DE !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    border: none !important;
}
.bg-theme-color-2 .btn-theme-colored:hover {
    background-color: #f0f9ff !important;
    color: #0a7ab0 !important;
    transform: translateY(-2px);
}

/* 3. Отступы внутри синей секции */
.bg-theme-color-2 .call-to-action {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

/* 4. Адаптив для мобильных */
@media (max-width: 768px) {
    .bg-theme-color-2 .call-to-action {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
        text-align: center;
    }
}

/* Выравнивание кнопки "ЗАПИСАТЬСЯ" по центру относительно текста в синей секции */
.bg-theme-color-2 .row {
    display: flex;
    align-items: center; /* вертикальное выравнивание по центру */
}
.bg-theme-color-2 .call-to-action {
    padding-top: 0 !important;
    padding-bottom: 25 !important;
}
.bg-theme-color-2 .col-md-9 .call-to-action h3 {
    margin: 0; /* убираем лишние отступы у заголовка */
}
.bg-theme-color-2 .col-md-3 {
    text-align: right;
}
/* На мобильных возвращаем обычное поведение */
@media (max-width: 991px) {
    .bg-theme-color-2 .row {
        display: block;
    }
    .bg-theme-color-2 .call-to-action {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    .bg-theme-color-2 .col-md-3 {
        text-align: center;
    }
}

/* ========== ТЁМНЫЙ, НО ЧИТАЕМЫЙ ФУТЕР (КОНТРАСТНЫЙ) ========== */

/* Основной фон футера — тёмный, но не черный */
footer#footer {
    background: #121F27 !important; /* твой фирменный тёмный цвет */
    border-top: 1px solid #2a3a44;
}

/* Заголовки виджетов — белые */
footer .widget .widget-title {
    color: #ffffff !important;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
}

/* Ссылки в списках — светло-серые, контрастные */
footer .widget ul.list li a,
footer .widget .list a {
    color: #ccd6df !important;
    font-size: 14px;
    transition: all 0.2s;
}
footer .widget ul.list li a:hover {
    color: #01A3DE !important;
    padding-left: 5px;
}

/* Линия-разделитель под заголовком */
footer .line-bottom-theme-colored-2:after {
    background: #01A3DE !important;
    height: 2px;
    width: 40px;
}

/* Нижняя полоса (copyright) */
.footer-bottom {
    background: #0a141c !important;
    border-top: 1px solid #1e2f3a;
}
.footer-bottom p,
.footer-bottom .widget {
    color: #a0b0bc !important;
    font-size: 13px;
}
.footer-bottom a {
    color: #01A3DE !important;
}
.footer-bottom a:hover {
    color: #4cc9f0 !important;
    text-decoration: underline;
}

/* Блок с реквизитами (по центру) — белый текст */
footer .text-center [itemprop="name"],
footer .text-center div,
footer .text-center span {
    color: #ffffff !important;
    font-size: 14px;
    line-height: 1.6;
}
footer .text-center {
    color: #ffffff;
}

/* Ссылки нормативных актов — более светлые */
footer .list-border li {
    border-bottom: 1px dashed #2a3a44 !important;
}
footer .list-border li:last-child {
    border-bottom: none;
}

/* Адаптив для мобильных */
@media (max-width: 768px) {
    footer#footer {
        text-align: center;
    }
    footer .widget .widget-title {
        margin-top: 25px;
    }
    .footer-bottom .col-md-6 {
        text-align: center !important;
    }
}

/* Расширенный контейнер — чуть шире стандартного Bootstrap */
.container {
    max-width: 1320px; /* стандартный 1170px, теперь 1440px — "чуть шире" */
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

/* На очень больших экранах (4K) можно сделать ещё шире, но не обязательно */
@media (min-width: 1600px) {
    .container {
        max-width: 1560px;
    }
}

/* На маленьких экранах (планшетах и телефонах) сохраняем отступы */
@media (max-width: 767px) {
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* Выравнивание высоты карточек категорий */
#price .row {
    display: flex;
    flex-wrap: wrap;
}
#price .row > [class*="col-"] {
    display: flex;
    flex-direction: column;
}
.icon-box {
    flex: 1; /* Растягиваем на всю высоту колонки */
    display: flex;
    flex-direction: column;
    height: 100%;
}
.icon-box .icon-box-details {
    flex: 1; /* Занимает оставшееся пространство */
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Цена прижимается к низу */
}
.icon-box .icon-box-details p {
    margin-bottom: 1rem; /* Не даём тексту слипаться */
}
.icon-box .icon-box-details h4 {
    margin-top: auto; /* Цена остаётся внизу */
    font-weight: 700;
    color: #01A3DE;
}

/* ========== СТИЛИ ДЛЯ БЛОКА "ДОКУМЕНТЫ" ========== */

.documents-card {
    background: white;
    border-radius: 24px;
    padding: 30px;
    box-shadow: 0 10px 25px -8px rgba(0,0,0,0.05);
    height: 100%;
}

.documents-list {
    margin-top: 20px;
}
.documents-list li {
    margin-bottom: 25px;
    padding-left: 5px;
    font-size: 16px;
}
.documents-list li i {
    font-size: 22px;
    width: 30px;
    margin-right: 12px;
    vertical-align: middle;
}
.documents-list li strong {
    color: #1a2a36;
}
.documents-list .text-muted {
    font-size: 14px;
    color: #6c7a8a;
}

/* Современный alert / карточка важного */
.alert-modern {
    background: #fff9e8;
    border-left: 5px solid #f5a623;
    border-radius: 20px;
    padding: 25px 25px 25px 60px;
    position: relative;
    box-shadow: 0 5px 15px rgba(0,0,0,0.03);
    height: 100%;
}
.alert-modern .alert-icon {
    position: absolute;
    left: 20px;
    top: 25px;
    font-size: 28px;
    color: #f5a623;
}
.alert-modern .alert-title {
    margin-top: 0;
    margin-bottom: 10px;
    color: #c57c00;
    font-weight: 700;
}
.alert-modern p {
    margin-bottom: 8px;
    color: #4a3b1c;
}

/* Блок "Об организации" */
.about-company {
    background: #ffffffcc;
    backdrop-filter: blur(4px);
    border-radius: 32px;
    padding: 35px 20px;
    border: 1px solid rgba(1,163,222,0.2);
}
.about-company p {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

/* Адаптив */
@media (max-width: 768px) {
    .documents-card, .alert-modern {
        margin-bottom: 25px;
    }
    .documents-list li {
        font-size: 15px;
    }
    .alert-modern {
        padding: 20px 20px 20px 55px;
    }
}

/* ========== НАВБАР: ВЫСОТА 70px, ИДЕАЛЬНОЕ ВЫРАВНИВАНИЕ ========== */
.navbar {
    min-height: 70px;
}
.navbar-brand {
    height: 70px;
    padding: 0 15px;
    display: flex;
    align-items: center;
    font-size: 20px;
}
.navbar-brand i {
    font-size: 26px;
    margin-right: 8px;
}
.navbar-nav > li > a {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 70px; /* вертикаль по центру */
}
/* Кнопка телефона – тоже по центру */
.navbar-right li.bg-theme-color-2 {
    display: flex;
    align-items: center;
    height: 70px;
}
.navbar-right li.bg-theme-color-2 a {
    line-height: normal;
    padding: 8px 22px;
    margin: 0;
}

/* Бургер – видимый и выровненный */
.navbar-toggle {
    margin-top: 18px;    /* (70-34)/2 = 18 */
    margin-bottom: 18px;
    border: 1px solid #01A3DE;
    background: transparent;
}
.navbar-toggle .icon-bar {
    background-color: #01A3DE;
    height: 3px;
    width: 22px;
    border-radius: 2px;
}
.navbar-toggle:hover, .navbar-toggle:focus {
    background-color: rgba(1,163,222,0.1);
}

/* На мобильных устройствах – отключаем жёсткую высоту */
@media (max-width: 768px) {
    .navbar-nav > li > a {
        line-height: 1.5;
        padding: 12px 15px;
    }
    .navbar-right li.bg-theme-color-2 {
        height: auto;
        display: block;
        text-align: center;
        margin: 10px 0;
    }
    .navbar-right li.bg-theme-color-2 a {
        display: inline-block;
    }
}

/* ========== ПРИНУДИТЕЛЬНО ВИДИМЫЙ БУРГЕР ========== */
.navbar-toggle .icon-bar {
    background-color: #01A3DE !important;
    height: 3px !important;
    width: 22px !important;
    border-radius: 2px !important;
    display: block !important;
    margin: 4px 0 !important;
}
.navbar-toggle {
    border: 1px solid #01A3DE !important;
    background-color: transparent !important;
    margin-top: 18px;
    margin-bottom: 18px;
}
.navbar-toggle:hover,
.navbar-toggle:focus {
    background-color: rgba(1,163,222,0.15) !important;
}
.navbar-toggle:hover .icon-bar,
.navbar-toggle:focus .icon-bar {
    background-color: #0a7ab0 !important;
}

/* ========== HERO-БАННЕР: ПРАВИЛЬНОЕ ЗАТЕМНЕНИЕ И АНИМАЦИЯ ========== */

/* Убираем горизонтальный скролл */
body {
    overflow-x: hidden;
}

/* Затемнение на весь баннер, включая область под синей полосой */
.main-banner-top-big {
    position: relative;
}
.main-banner-top-big::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* затемнение 50% */
    z-index: 1;
    pointer-events: none;
}

/* Текстовая карточка поверх затемнения, с анимацией */
.main-text-banner {
    position: relative;
    z-index: 2;
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(4px);
    border-radius: 32px;
    animation: fadeInUp 0.8s ease-out;
}

/* Синяя полоса тоже поверх затемнения (чтобы не терять яркость) */
.bg-theme-color-2 {
    position: relative;
    z-index: 2;
}

/* Анимация появления */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ========== HERO-БАННЕР: ФОН ДВИЖЕТСЯ, КОНТЕНТ НЕТ ========== */

/* Убираем горизонтальный скролл */
body {
    overflow-x: hidden;
}

/* Делаем блок позиционированным для псевдоэлемента */
.main-banner-top-big {
    position: relative;
    overflow: hidden; /* чтобы анимированный фон не вылезал */
}

/* Фон через псевдоэлемент */
.main-banner-top-big::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--banner-bg, url('/images/bg1.jpg')) center center / cover no-repeat;
    z-index: 0;
    animation: slowZoom 20s ease-in-out infinite alternate;
    will-change: transform;
}

/* Затемнение (поверх фона, под контентом) */
.main-banner-top-big::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
    pointer-events: none;
}

/* Контент должен быть выше псевдоэлементов */
.rev_slider_wrapper,
.bg-theme-color-2 {
    position: relative;
    z-index: 2;
}

/* Анимация масштабирования фона */
@keyframes slowZoom {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.08);
    }
}

/* Стили текстовой карточки (без изменений) */
.main-text-banner {
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(4px);
    border-radius: 32px;
    animation: fadeInUp 0.8s ease-out;
    position: relative;
    z-index: 3;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* На мобильных отключаем анимацию фона для производительности */
@media (max-width: 768px) {
    .main-banner-top-big::before {
        animation: none;
    }
}

/* Анимация при скролле (появление) */
.icon-box, .section-title, .documents-card, .alert-modern, .about-company {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.7s ease, transform 0.7s ease;
}

.icon-box.animated, 
.section-title.animated, 
.documents-card.animated, 
.alert-modern.animated, 
.about-company.animated {
    opacity: 1;
    transform: translateY(0);
}

/* Небольшая задержка для карточек (эффект волны) */
.icon-box:nth-child(1) { transition-delay: 0.05s; }
.icon-box:nth-child(2) { transition-delay: 0.1s; }
.icon-box:nth-child(3) { transition-delay: 0.15s; }
.icon-box:nth-child(4) { transition-delay: 0.2s; }
.icon-box:nth-child(5) { transition-delay: 0.25s; }
.icon-box:nth-child(6) { transition-delay: 0.3s; }

/* ========== 1. ОБЩИЙ КОНТЕЙНЕР И ЗАГОЛОВОК ========== */
.page-content .panel-body {
    background: #ffffff;
    border-radius: 28px;
    box-shadow: 0 20px 35px -12px rgba(0,0,0,0.08);
    padding: 30px;
    margin-top: 20px;
}

h3:first-of-type {
    font-size: 28px;
    font-weight: 700;
    color: #1a2a36;
    margin-bottom: 10px;
    position: relative;
    padding-left: 20px;
}
h3:first-of-type::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 5px;
    background: #01A3DE;
    border-radius: 5px;
}

/* ========== 2. ПОЛЯ ВВОДА (INPUT, SELECT) ========== */
.form-group {
    margin-bottom: 1.8rem;
}
.form-control {
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 12px 18px;
    height: auto;
    font-size: 15px;
    transition: all 0.2s;
    background-color: #fefefe;
}
.form-control:focus {
    border-color: #01A3DE;
    box-shadow: 0 0 0 4px rgba(1,163,222,0.15);
    outline: none;
}
label.control-label {
    font-weight: 600;
    margin-bottom: 8px;
    color: #2d3e50;
    font-size: 14px;
}
.help-block {
    font-size: 12px;
    margin-top: 5px;
}
.has-error .form-control {
    border-color: #e53e3e;
}
.has-error .help-block {
    color: #e53e3e;
}

/* ========== 3. КАРТОЧКИ ИНФОРМАЦИИ (ДАТА, ВРЕМЯ) ========== */
.date-info-card .card,
.time-selection-card .card {
    border: none;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 8px 20px rgba(0,0,0,0.05);
    margin-bottom: 25px;
}
.card-header {
    background: #f8fafc !important;
    border-bottom: 1px solid #eef2f6;
    padding: 15px 20px;
    font-weight: 600;
}
.card-header.bg-success {
    background: #01A3DE !important;
    color: white;
}
.card-body {
    padding: 20px;
}
.text-primary {
    color: #01A3DE !important;
    font-weight: 700;
}
.text-warning {
    color: #e67e22;
}

/* ========== 4. СЕТКА ВРЕМЕНИ (time-slots-grid) ========== */
.time-slots-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    gap: 12px;
}
.time-slot-label {
    background: #f1f5f9;
    border-radius: 40px;
    text-align: center;
    padding: 10px 5px;
    cursor: pointer;
    transition: all 0.2s;
    border: 1px solid transparent;
}
.time-slot-label:hover {
    background: #e2e8f0;
    transform: translateY(-2px);
}
.time-slot-label input[type="radio"] {
    display: none;
}
.time-slot-value {
    display: block;
    font-weight: 600;
    color: #1e293b;
}
input[type="radio"]:checked + .time-slot-value {
    background-color: #01A3DE;
    color: white;
    border-radius: 40px;
    padding: 6px 0;
}
.time-slots-info {
    background: #f9fafb;
    border-radius: 20px;
    padding: 15px;
    margin-top: 20px;
}
.alert-warning {
    background: #fff6e5;
    border-left: 4px solid #f5a623;
    border-radius: 16px;
    color: #7c5c2c;
}

/* ========== 5. КНОПКА ОТПРАВКИ ========== */
.btn-primary.btn-lg {
    background: #01A3DE;
    border: none;
    border-radius: 44px;
    padding: 14px 32px;
    font-weight: 700;
    font-size: 16px;
    transition: all 0.2s;
    box-shadow: 0 8px 18px rgba(1,163,222,0.25);
}
.btn-primary.btn-lg:hover {
    background: #0a7ab0;
    transform: translateY(-2px);
    box-shadow: 0 12px 22px rgba(1,163,222,0.35);
}
.btn-primary.btn-lg:active {
    transform: translateY(1px);
}

/* ========== 6. АДАПТИВНОСТЬ ========== */
@media (max-width: 768px) {
    .page-content .panel-body {
        padding: 20px;
    }
    .time-slots-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .btn-primary.btn-lg {
        width: 100%;
    }
    .row > div {
        margin-bottom: 20px;
    }
    .card-header h6 {
        font-size: 14px;
    }
}