/*
	Theme Name: YOOtheme TagMash
	Template: yootheme
	Author: WebWeb | Mikhail Shevtsov
	Description: YOOtheme Child Theme
	Version: 1.0.0
	Text Domain: yootheme-tagmash
*/

/*
	Using Colors
	Main: 
	Hover & Active: 
	Prefix: ww-
*/

/**** Main. Start ****/
/*** Header. Start ***/
/** Navbar. Start **/
/* Main styles. Start */

/* Main styles. End */

/* Header. Start */
.tm-headerbar-default {
	background: #000 url(/wp-content/uploads/2026/07/bg-header.webp) no-repeat center center !important;
	background-size: cover !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}
.uk-sticky .uk-navbar-nav > li > a {
	color: rgba(255,255,255,.75);
}
.uk-sticky .uk-navbar-nav > li:hover > a {
	color: rgba(255,255,255,1);
}
.ww-button-top a {
	background: none !important;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	transition: all 0.3s ease-in-out 0s;
	border: 1px solid #fff;
	border-radius: 50px;
}
.ww-button-top a:hover {
	background: #fff !important;
	color: #000;
}
#nav_menu-2,
#nav_menu-1 {
	background: rgba(25, 80, 180, 1);
	border-radius: 8px;
	padding: 5px 10px;
	width: fit-content;
}
#nav_menu-2 li a,
#nav_menu-1 li a {
	color: #fff;
	font-weight: 700;
}
.ww-phone-top a {
	color: #fff !important;
	font-size: 22px;
	text-align: center;
	font-weight: 700;
}
header .uk-navbar-nav > li.uk-active > a {
	color: #fff;
}
.geo-popup-trigger-btn {
	font-size: 13px;
	font-weight: 700;
	color: #fff !important;
	text-decoration: none !important;
	display: inline-flex;
	align-items: center;
	cursor: pointer;
	background: rgba(25, 80, 180, 0.9);
	padding: 7px 10px;
	border-radius: 50px;
}
.geo-city-underline {
	border-bottom: 1px dashed #fff;
	transition: all 0.2s ease;
	line-height: 1.2;
}
.geo-popup-cities-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 15px;
	margin: 0;
	margin-bottom: 0px;
	padding: 0;
	list-style: none;
}
.geo-popup-cities-grid a {
	white-space: nowrap;
}
/* Header. End */

/* Logo. Start */

/* Logo. End */

/* Menu. Start */

/* Menu. End */

/* Blocks. Start */

/* Blocks. End */

/* Search. Start */
.widget_search button {
	height: 45px;
	border: none;
	background: #1651b9;
	padding: 0 30px;
	color: #fff;
	box-shadow: none;
	border-radius: 0 30px 30px 0;
	color: #fff !important;
}
.uk-search-navbar {
	width: auto !important;
}
.widget_search input {
	height: 45px !important;
	border-radius: 30px !important;
	width: 250px;
	padding-left: 15px !important;
}
/* Search. End */

/* Breadcrumbs. Start */

/* Breadcrumbs. End */
/** Navbar. End **/
/*** Header. End ***/

/*** Footer. Start ***/

/*** Footer. End ***/
/**** Main. End ****/

/**** Pages. Start ****/
/*** Main page. Start ***/
/** Sections. Start **/
/* Section 1. Start */

/* Section 1. End */
/** Sections. End **/
/*** Main page. End ***/

/*** Other pages. Start ***/
/** Service. Start **/
/* Top. Start */
.ww-section-top .uk-panel.uk-tile-muted {
	border-left: 5px solid #d32f2f;
}
.ww-section-top .uk-grid .el-title {
	font-weight: 700;
}
.ww-section-quality .uk-width-1-1 {
	justify-content: center;
	display: flex;
	flex-wrap: wrap;
}
.ww-section-quality h2 {
	flex-basis: 100%;
}
.ww-section-warranty .el-title {
	color: #0e51a7 !important;
}
.ww-section-tagmash-numbers .el-title {
	color: #d32f2f !important;
}
.ww-section-sertificates .el-content {
	background: #e7e8eb;
}
.ww-section-sertificates .uk-icon {
	color: #d32f2f !important;
}
.ww-steps-grid {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 40px;
	padding: 30px 0;
	margin: 0 auto;
	max-width: 800px;
	box-sizing: border-box;
}
.ww-steps-grid::before {
	content: "";
	position: absolute;
	top: 30px;
	bottom: 30px;
	left: 20px;
	width: 2px;
	background-color: #e1e4e8;
	z-index: 1;
}
.ww-step {
	position: relative;
	display: flex;
	align-items: center;
	z-index: 2;
	width: 100%;
}
.ww-step > span:first-child {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	min-width: 40px;
	border-radius: 50%;
	background-color: #d32f2f;
	color: #ffffff;
	font-weight: bold;
	font-size: 16px;
	box-shadow: 0 0 0 6px #ffffff;
	transition: all 0.2s ease;
}
.ww-step > span:last-child {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
}
.ww-step:hover > span:first-child {
	transform: scale(1.05);
	background-color: #0e51a7;
}
.ww-step:hover > span:last-child {
	color: #d32f2f;
}
/* Top. End */

/* Reviews. Start */
.ww-section-reviews .ww-block-reviews {
	max-width: 760px;
	height: 700px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.ww-block-reviews a {
	box-sizing: border-box;
	text-decoration: none;
	color: #b3b3b3;
	font-size: 10px;
	padding: 0 20px;
	position: absolute;
	bottom: 8px;
	width: 100%;
	text-align: center;
	left: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	max-height: 14px;
	white-space: nowrap;
	padding: 0 16px;
	box-sizing: border-box;
}
/* Reviews. End */

/* FAQ. Start */
.ww-section-faq .el-content {
	padding: 0 10px 10px 10px;
}
/* FAQ. End */
/** Service. End **/
/*** Other pages. End ***/
/**** Pages. End ****/

/**** Plugins. Start ****/
/* Contact Form 7. Start */
.ww-checkbox-block .wpcf7-list-item {
	margin-left: 0;
}
.wpcf7-textarea {
	height: 100px;
}
/* Contact Form 7. End */
/**** Plugins. Start ****/

/**** Responsive. Start ****/
/*** Main resolutions. Start ***/
@media (max-width: 991px) {
	/* Main elements. Start */
	.el-title.uk-h3 {
		font-size: 17px;
	}
	/* Main elements. End */

	/* Header. Start */
	.uk-navbar-toggle .uk-icon {
		color: #fff;
	}
	.uk-sticky > .uk-navbar-container {
		background: transparent !important;
		border-bottom: 0;
	}
	.geo-popup-trigger-btn {
		font-size: 11px;
		padding: 4px 10px;
	}
	.tm-header-mobile > div {
		background: #000 url(/wp-content/uploads/2026/07/bg-header.webp) no-repeat center center !important;
		background-size: cover !important;
		padding-top: 5px !important;
		padding-bottom: 5px !important;
	}
	.uk-logo img {
		height: 85px;
		width: auto;
	}
	.ww-phone-top a {
		font-size: 18px;
		line-height: 18px;
	}
	.ww-button-top a {
		padding: 0px 10px;
		line-height: 28px;
		width: 100%;
	}
	.geo-popup-cities-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	/* Header. End */

	/* Footer. Start */
	
	/* Footer. End */

	/* Main page. Start */
	
	/* Main page. End */

	/* Other pages. Start */
	.ww-step > span:last-child {
		margin-left: 10px;
	}
	/* Other pages. End */
}
@media (min-width: 992px) {
	.uk-sticky > .uk-navbar-container {
		background: #05326D !important;
	}
	header .uk-margin-auto-left {
		width: 87.6%;
	}
	header .uk-margin-auto-left > .uk-grid {
		display: grid;
		grid-template-columns: 75% 25%;
		grid-template-rows: repeat(3, 0fr);
		grid-column-gap: 0px;
		grid-row-gap: 0px;
	}
	header .uk-margin-auto-left > .uk-grid > div {
		margin-top: 10px !important;
	}
	header .uk-margin-auto-left .uk-grid > div:nth-child(2) {
		grid-area: 1 / 1 / 2 / 2;
		display: flex;
		justify-content: center;
	}
	header .uk-margin-auto-left .uk-grid > div:nth-child(1) {
		grid-area: 2 / 1 / 3 / 2;
		display: flex;
		justify-content: center;
	}
	header .uk-margin-auto-left .uk-grid > div:nth-child(3) {
		grid-area: 3 / 1 / 4 / 2;
		display: flex;
		justify-content: center;
	}
	header .uk-margin-auto-left .uk-grid > div:nth-child(4) {
		grid-area: 1 / 2 / 2 / 3;
		display: flex;
		justify-content: end;
	}
	header .uk-margin-auto-left .uk-grid > div:nth-child(5) {
		grid-area: 2 / 2 / 3 / 3;
		display: flex;
		justify-content: end;
	}
	.ww-steps-grid::before {
		left: 50%;
		margin-left: -1px;
	}
	.ww-step {
		width: 50%;
	}
	.ww-step:nth-child(odd) {
		align-self: flex-end;
		padding-left: 30px;
		box-sizing: border-box;
	}
	.ww-step:nth-child(odd) > span:first-child {
		position: absolute;
		left: -20px;
		margin-right: 0;
	}
	.ww-step:nth-child(odd) > span:last-child {
		padding-left: 10px;
	}
	.ww-step:nth-child(even) {
		align-self: flex-start;
		flex-direction: row-reverse;
		padding-right: 30px;
		box-sizing: border-box;
		text-align: right;
	}
	.ww-step:nth-child(even) > span:first-child {
		position: absolute;
		right: -20px;
		margin-left: 0;
	}
	.ww-step:nth-child(even) > span:last-child {
		padding-right: 10px;
	}
}
@media (max-width: 360px) {

}
@media (min-width: 361px) and (max-width: 479px) {

}
@media (min-width: 480px) and (max-width: 767px) {

}
@media (min-width: 768px) and (max-width: 959px) {

}
@media (min-width: 960px) and (max-width: 1220px) {
	
}
@media (min-width: 1221px) and (max-width: 1920px) {

}
/*** Main resolutions. End ***/

/*** Additional resolutions. Start ***/
@media (min-width: 1221px) and (max-width: 1440px) {

}
@media (min-width: 1221px) and (max-width: 1536px) {

}
@media (min-width: 1537px) and (max-width: 1920px) {

}
@media (min-width: 1921px) {

}
@media (min-width: 2300px) and (max-width: 2439px) {

}
@media (min-width: 2440px) {

}
/*** Additional resolutions. End ***/
/**** Responsive. End ****/