/*
Theme Name: Reboot Child
Theme URI: https://wpshop.ru/themes/reboot
Author: WPShop.biz
Author URI: http://wpshop.biz/
Template: reboot
Version: 1.0.0
*/

/* Below you can add your CSS styles */
/* Ниже Вы можете добавить свои CSS стили */

/* Global */
.page-template-template-home #page .site-content {
	max-width: 100%;
	padding: 0;
}

.page-template-template-home #page .site-content .site-content-inner {
	display: block;
}

.ngg-galleryoverview .ngg-gallery-thumbnail img {
	border-radius: 10px;
}

.reviews-video-section .reviews-video-slider video {
	border-radius: 10px;
}

.main-navigation .menu {
	justify-content: center;
}

.site-header {
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.13);
}

.site-header-fixed {
	z-index: 999;
}

/* Header Contacts */
.header__contacts {
	display: flex;
	flex-direction: column;
	line-height: 120%;
	border-radius: 8px;
	padding: 8px 15px;
	margin: auto;
	gap: 3px;
	width: max-content;
}

.header__contacts a {
	position: relative;
	text-decoration: none;
	font-weight: 600;
	transition: 0.3s;
	padding-left: 25px;
	color: #26252d;
	font-size: 14px;
}

.header__contacts a:hover {
	transform: translateX(5px);
}

.header__contacts .phone::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background: url(/wp-content/uploads/2025/02/contacts_phone.svg) no-repeat center / contain;
	width: 16px;
	height: 16px;
}

.header__contacts .email::before {
	content: '';
	position: absolute;
	top: 3px;
	left: 0;
	background: url(/wp-content/uploads/2025/02/contacts_email.svg) no-repeat center / contain;
	width: 16px;
	height: 11px;
}

/* Header Button */
.site-header .header__modal__btn__wrapper .header__order__btn {
	background: linear-gradient(to left, #3763eb 0%, #6f58e8 50.39%, #3763eb 100%);
	background-size: 200% auto;
	border: none;
	color: #fff;
	border-radius: 5px;
	padding: 10px 20px;
	line-height: normal;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	cursor: pointer;
}

.site-header .header__modal__btn__wrapper .header__order__btn:hover {
	background-position: right center;
	-webkit-box-shadow: 0px 0px 30px rgba(46, 87, 217, 0.45);
	-moz-box-shadow: 0px 0px 30px rgba(46, 87, 217, 0.45);
	box-shadow: 0px 0px 30px rgba(46, 87, 217, 0.45);
}

.site-header .header__modal__btn__wrapper .header__order__btn:focus {
	outline: none;
}

.site-header .site-branding {
	border: 1px solid rgba(55, 99, 235, 0.15);
	padding: 5px;
	border-radius: 8px;
}

.site-header .site-branding .site-branding__body {
	max-width: min-content;
}

.site-header .site-branding .site-branding__body .site-description {
	font-weight: bold;
}

a.error__404__home__btn {
	display: flex;
	justify-content: center;
	background: #3763EB;
	color: #fff;
	border-radius: 5px;
	padding: 10px 20px;
	line-height: 120%;
	font-size: 16px;
	transition: 0.3s;
	text-transform: uppercase;
	text-decoration: none;
	width: max-content;
	margin: 20px auto 30px;
}

a.error__404__home__btn:hover {
	background: #6f58e8;
	color: #fff;
}

.error404 .error-404 {
	padding-bottom: 50px;
}

.breadcrumb {
	padding: 8px 15px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border-radius: 4px;
}

.breadcrumb .breadcrumb_last span {
	color: #888;
}

.footer__phone__block a {
	font-size: 20px;
}

.page .entry-title {
	background: linear-gradient(to left, #3763eb 0%, #6f58e8 50.39%, #3763eb 100%);
	background-size: 200% auto;
	color: #fff;
	border-radius: 5px;
	padding: 10px 15px;
}

.rating-box .rating-box__header {
	font-weight: bold;
}

.page__related__pages .related__page {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 5px;
}

.page__related__pages .related__page a {
	text-decoration: none;
	background-color: #6f58e8;
	color: #fff;
	text-align: center;
	padding: 10px 15px;
	border-radius: 8px;
	transition: 0.2s;
}

.page__related__pages {
	padding: 20px;
	background-color: #f4f7f7;
	border-radius: 10px;
	margin: 3rem 0;
}

.page__related__pages .related__page a:hover {
	box-shadow: 0 0 30px rgba(46, 87, 217, 0.45);
	transform: translateY(-3px) translateZ(0);
}

.page__btn__price__modal__wrapper {
	margin: 30px auto 10px;
	text-align: center;
}

.page__btn__price__modal__wrapper .page__btn__price__modal {
	color: #3763EB;
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	padding: 14px 40px;
	background: transparent;
	border: 1px solid #3763EB;
	display: inline-block;
	border-radius: 50px;
	transition: 0.2s;
}

.page__btn__price__modal__wrapper .page__btn__price__modal:hover {
	background: rgba(55, 99, 235, 0.1);
}

.page__btn__price__modal__wrapper .page__btn__price__modal:focus {
	outline: none;
}

.site-footer .footer-widgets .footer-widget .footer__phone__block a {
	text-decoration: none;
}

.comments-area .comment-form-url,
.acf-comment-fields {
	display: none !important;
}

.comments-area .comment-respond .comment-form-author,
.comments-area .comment-respond .comment-form-email {
	width: 49%;
}

/* Форма Bitrix */
.b24-form-sign {
	display: none !important;
}

.mainblock {
	background: #fff;
}

.mainblock.btn_new_form_mainblock {
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.13);
	border-radius: 8px;
	overflow: hidden;
	padding: 15px;
}

.mainblock .wrapper_form {
	padding: 3px 3px 15px;
}

.mainblock.btn_new_form_mainblock .b24-form-padding-side {
	padding-left: 0;
	padding-right: 0;
}

.b24-form-control {
	width: 100% !important;
}

.b24-form-control-container input {
	width: 100% !important;
}

.btn_new_form_2212_wrapper {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 15px;
	margin-top: 1rem;
}

.btn_new_form_2212_wrapper .btn_new_form_2212_item {
	position: relative;
	display: flex;
	flex-wrap: wrap;
}

.btn_new_form_2212_wrapper .btn_new_form_2212_item .btn_new_form_2212 {
	font-size: 14px;
	font-weight: 600;
	color: #5a5a5a;
	text-decoration: underline;
	padding-left: 23px;
	transition: 0.3s;
}

.btn_new_form_2212_wrapper .btn_new_form_2212_item:before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 18px;
	height: 18px;
}

.btn_new_form_2212_wrapper .btn_new_form_2212_item.item__1:before {
	background: url(/wp-content/uploads/2025/02/whatsapp_logo.svg) no-repeat center / contain;
}

.btn_new_form_2212_wrapper .btn_new_form_2212_item.item__2:before {
	background: url(/wp-content/uploads/2025/02/telegram_logo.svg) no-repeat center / contain;
}

/* КОНЕЦ: Форма Bitrix */

.widget-area .sticky-sidebar.is_stuck {
	margin-top: 80px;
}

.pum .pum-content + .pum-close,
.pum-theme-lightbox .pum-content + .pum-close {
	outline: none;
}

/* MEDIA QUERY */
@media screen and (max-width: 1199px) {
	.portfolio-section.contact-section.cta-bg {
		clip-path: unset;
	}

	.page__related__pages .related__page {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
	.site-header .site-branding {
		border: none;
		padding: inherit;
	}

	.site-header .site-branding .site-branding__body {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	.site-header .site-branding {
		width: max-content;
		margin: auto;
	}

	.site-header .header-html-1,
	.site-header .header-html-2 {
		margin-top: 0;
	}

	.site-footer .footer-widgets .footer-widget {
		text-align: center;
	}

	.comments-area .comment-respond .comment-form-author,
	.comments-area .comment-respond .comment-form-email {
		width: 100%;
	}
}

@media all and (max-width: 575px) {
	.site-header .site-header-inner .social-links {
		display: none;
	}

	.page__related__pages .related__page {
		grid-template-columns: repeat(1, 1fr);
		gap: 10px;
	}
}