@import url("common.css");


#header {
	height: 174px;
	background-color: gray;
	background-image: url(/inc/theme/default/images/bg_header.jpg);
	color: white;
	margin-bottom: 3rem
}	

#header .breadcrumb {
	justify-content: center;
}

#header a {color: white}

#header .breadcrumb-item.active {color: silver}

#header .breadcrumb-item + .breadcrumb-item::before {color: silver}

.mainpage .map_cat_wrapper {position: relative; top: -60px;}


.t-grad {position: relative}

.t-grad:after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	height: 100%;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white 100%);
	pointer-events: none;
	transition: all 0.3s ease;	
}

a:hover .t-grad:after{
	background: none;
}



.t-collapse-target {
	transition: height 0.3s ease;
	overflow: hidden;
	position: relative;
}

.collapsed .t-collapse-target:after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	height: 100%;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white 100%);
	pointer-events: none;
}

.show .t-collapse-target:after {display:none}

.t-collapse object {
	transition: transform 0.3s ease;	
}

.t-collapse.show object {
	transform: rotate(180deg);
}

.t-collapse-link {
	display: inline-block;
	margin-top: 20px;
}



.product a {
	border: 1px solid var(--bs-gray-300);
	border-radius: var(--t-border-radius);
	padding: 16px;
	height: 100%;
	text-decoration: none;
	color: var(--bs-gray-700);
	font-weight:600;
	background-color: white;
	position:relative;
	z-index:10;
}


.product a:hover {
	color: var(--t-blue2);
}
	


#top_menu {
	position: sticky;
	top:0;
	background-color: white;
	z-index:15;
	box-shadow: 0 0 3px rgba(0,0,0,0.1);
	border-bottom: 1px solid var(--bs-gray-300);
}


#top_menu .navbar .additional a {color: var(--bs-body-color)}
#top_menu .navbar .additional a:hover {color: var(--t-blue2)}

#top_menu .navbar .additional a span {color: gray}
#top_menu .navbar .additional a:hover span {color: var(--t-blue)}

#top_menu .navbar .additional svg {color: var(--t-blue)}


.adv_num {
	font-size: 2.5rem;
	font-weight: 400;
	color: var(--t-blue);
	width: 150px;
	height: 150px;
	background: linear-gradient(-45deg, #F2F2F2, #FFFFFF, #F2F2F2);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 1rem auto;
	border-radius: 150px;
	transition: all .3s ease;
}

.adv_num:hover {
	background: linear-gradient(45deg, #F2F2F2, #FFFFFF, #F2F2F2);
}


#mp_services, .bg_dark {
	background-color: black;
	color: white;
	background-image: url(/inc/theme/default/images/bg_dark.png);
}

/*
#mp_services img {
	filter: invert(1);
}
*/


.children a {
	color: var(--bs-gray-700);
	display: block;
	position:relative;
}

.children a:hover {
	color: var(--t-blue2);
}


.children a div {
	border-radius: var(--t-border-radius);
	/*background-color: black;*/
}

.children img.img-fluid {
	border-radius: 10px;
	filter: grayscale(70%) brightness(0.3);
	transition: all .2s ease;
}

.children a:hover img.img-fluid {
	filter: grayscale(0%) brightness(1);
}
	
.children img.t {
	position: absolute;
	left: calc(50% - 54px/2);
	top: calc(50% - 64px/2 - 10px);
	mix-blend-mode: screen;
}	

.children a:hover img.t {
	mix-blend-mode: screen;
}






.bottom_form_wrapper {
	background-color: silver;
	background-image: url(/inc/theme/default/images/mp_form_bg.jpg);
	
}

.bottom_form_wrapper input {border-color: var(--bs-gray-500)}
.bottom_form_wrapper textarea {border-color: var(--bs-gray-500)}



/*
h1, h2, h3 {
	position: relative;
}

h1:before, h2:before, h3:before {
	content:"";
	position: absolute;
	color: var(--bs-btn-bg);
	width: 50px;
	height: 30px;
	border-bottom-left-radius: 10px;
	border-left: 2px solid #0d6efd;
	border-bottom: 2px solid #0d6efd;
	left: -15px;
	bottom: -10px;
	
}
*/

.recaptcha-error {
	display: none;
}
.error {
  color: red !important;
}


#mp_bottom_request_msg .msg {
	background-color: white;
	border: 1px solid var(--bs-gray-500);
	border-radius: var(--t-border-radius);
}

#navbarTopMain ul li {position:relative}
#navbarTopMain ul li a {position:relative}
#navbarTopMain ul a:hover {color: var(--t-blue2)}
#navbarTopMain ul li.active a::after {
	content: "";
	position: absolute;
	left:0;
	bottom: -1px;
	width:100%;
	height: 3px;
	background-color: var(--t-blue);
	
}



/* articles */

.a_a { border-radius: var(--t-border-radius); }	
.a_date	{ color: silver; font-size: 12px; }
.a_title { color: black; }
.a_descr {color: var(--t-gray);}



/* news */

.n_a { border-radius: var(--t-border-radius); }	
.n_date	{ color: silver; font-size: 12px; }
.n_title { color: black; }
.n_descr {color: var(--t-gray);}

.news-image { position: relative;}

.news-image img.news_placeholder {
	position:absolute;
	top:0;
	left:0;
	z-index:5;
	transition: all .2s ease;
	border-top-left-radius: var(--t-border-radius);
	border-top-right-radius: var(--t-border-radius);
}

.n_a:hover .news-image img.news_placeholder { opacity: 0.2; }

.n_a:hover .n_title { color: var(--t-blue2); }




footer {
	margin-top: 3rem;
	color: silver;
	background-color: var(--bs-gray-800);
	background-image: url(/inc/theme/default/images/bg_footer.png);
}

.mainpage footer {
	margin-top: 0;
}

footer a {color: silver}
footer a:hover {color: white}


.glide__arrow {
	color: var(--t-blue);
	border-color: var(--t-blue);
	border-radius: 100px;
	width:46px;
	height:46px;
	background-color: rgba(255,255,255,0.4);
	transform: none;
}

.glide__arrow:hover {
	color: var(--t-blue2);
	border-color: var(--t-blue2);
	background-color: rgba(255,255,255,0.6);
}

.glide__arrow--left {transform: rotate(180deg)}


.page-link {color: var(--t-blue)}

.page-item .page-link {margin-left:0 !important}

.page-link:focus {box-shadow: none}

.page-item:not(.prev):not(.next) .page-link {border-color: transparent}

.page-item.active .page-link {
	background-color: transparent;
	color: black;
	font-weight: 500;
}

.page-item.prev .page-link, 
.page-item.next .page-link 
{
	border-radius: 6px;
}


#cat-list-btn {
	padding-right:0.6rem;
	padding-left: 0.5rem;
	border-top-left-radius: 0; border-bottom-left-radius: 0;
	border-left: none;
}

#cat-list-btn::after {content: "";}

#offcanvasCat .left-menu ul {padding-left: 1rem;}

#offcanvasCat a { 
	color: var(--t-black)
}

#offcanvasCat a:hover { 
	color: var(--t-blue2)
}

#offcanvasCat a span {color: gray}
#offcanvasCat a:hover span {color: var(--t-blue2)}

.footer_address {width: 180px;}

.navbar-toggler {border:none; color: var(--t-blue)}

.navbar-toggler:focus {box-shadow: none}

.navbar-toggler svg { transition: transform 0.3s ease; }


.navbar-toggler svg rect {
  transition: all 0.3s ease-in-out;
  transform-origin: center;
}


.navbar-toggler:not(.collapsed) svg {
  transform: rotate(180deg);
}

.navbar-toggler:not(.collapsed) svg .line-top {
  transform: translateY(3px) translateX(-3px) rotate(45deg);
}

.navbar-toggler:not(.collapsed) svg .line-mid {
  opacity: 0;
}

.navbar-toggler:not(.collapsed) svg .line-bot {
  transform: translateY(-5px) translateX(-3px) rotate(-45deg);
}