/* Start:/local/components/bitrix/news.list/templates/faq2021/style.css?177090565921726*/

/*--START---SITE SETTINGS---*/

/*Variables*/
:root {
	--custom-d-grid: 1680px;
	--custop-d-padding: 1.250rem;
	--primary-d_color: #FBBA00;
	--secondary-d_color: #F9F9F9;
	--accent-d_color: #E84E0F;
	--h1-d_size: 60px;
	--h1-d_size-lg-mobile: 40px;
	--h1-d_size-xs-mobile: 35px;
	--h2-d_size: 48px;
	--text-d_color: #222222;
	--regular-d_size: 18px;
	--small-size: 16px;
	--lineheight: 1.3;
	--userfont: ekibastuz-d, sans-serif;
	--systemfont: -apple-system, Arial, Verdana, sans-serif;
	--scroll-behavior: smooth;
	--section-offset: 0;
}

/*Bootstrap*/
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { --bs-gutter-x: .625rem; }
.row, .row > * { --bs-gutter-x: 20px; }

/*Fonts*/
@font-face { src: url("/local/components/bitrix/news.list/templates/faq2021/../fonts/Ekibastuz-woff/Ekibastuz-Light.woff") format("woff"); font-family: "ekibastuz-d"; font-weight: 300; font-style: normal; }
@font-face { src: url("/local/components/bitrix/news.list/templates/faq2021/../fonts/Ekibastuz-woff/Ekibastuz-Regular.woff") format("woff"); font-family: "ekibastuz-d"; font-weight: 400; font-style: normal; }
@font-face { src: url("/local/components/bitrix/news.list/templates/faq2021/../fonts/Ekibastuz-woff/Ekibastuz-Bold.woff") format("woff"); font-family: "ekibastuz-d"; font-weight: 700; font-style: normal; }
@font-face { src: url("/local/components/bitrix/news.list/templates/faq2021/../fonts/Ekibastuz-woff/Ekibastuz-Black.woff") format("woff"); font-family: "ekibastuz-d"; font-weight: 900; font-style: normal; }

::placeholder { color: #666; }
::selection { background-color: var(--accent-d_color); color: #fff; }
input, textarea { outline: none; }
input:focus:required:invalid, textarea:focus:required:invalid { border-color: red; }
input:required:valid, textarea:required:valid { border-color: green; }

::-webkit-scrollbar {
	width: 10px;
} 
::-webkit-scrollbar-thumb {
	border-right: solid 5px var(--accent-d_color);
	background: var(--accent-d_color);
}
::-webkit-scrollbar-track{
	border: none;
	background: #fff;
} 
::-moz-scrollbar { 
	width: 10px;
}
::-moz-scrollbar-thumb {
	border-right: solid 5px var(--accent-d_color);
	background: var(--accent-d_color);
}
::-moz-scrollbar-track {
	border: none;
	background: var(--accent-d_color);
}

html {
	scroll-behavior: var(--scroll-behavior);
}
@media (prefers-reduced-motion: reduce) {
		html {
			--scroll-behavior: auto;
		}
}

body {
	font-family: var(--userfont);
	font-size: var(--regular-d_size);
	line-height: var(--lineheight);
	color: var(--text-d_color);
	min-width: 320px;
	position: relative;
	overflow-x: hidden;
	background-color: #fff;
}
p{
	margin: 0px;
}
/*--END---SITE SETTINGS---*/


/*H1 FAQ*/
.faq-section .wrapper .h1_headline{
	max-width: 62% !important;
	font-weight: 900;
	font-size: 50px;
	font-family: var(--userfont);
	line-height: 1;
	text-align: left;
	letter-spacing: 0.025em;
	padding: 28px 0px 32px 0px !important;
	margin: 0px;
}

/*h2 Description*/
	.faq-section .wrapper .h2_description{
		max-width: 60%;
		font-family: var(--userfont);
		font-size: 24px;
		font-weight: 700;
		line-height: 30px;
		letter-spacing: 0.01em;
		text-align: left;
		color: var(--text-d_color);
		margin: 0px 0px 45px 0px;
		position: relative;
}

.dobronew .wrap .page_wrapper .main-image{
	display: none;
}

.dobronew .wrap .page_wrapper .width .top-text h1.inner-h1{
	font-size: 48px !important;
	margin-top: 33px;
}
.dobronew .wrap .page_wrapper .width .top-text h1.inner-h1{
	font-size: 48px !important;
	margin-top: 33px;
}
.faq-section {
		max-width: 100%;
		position: relative;
		padding: 5px 0px 90px 0px !important;
		background-color: #FFFFFF;
}

.faq-section .wrapper{
		max-width: var(--custom-d-grid) !important;
		min-width: 320px;
		padding: var(--custop-d-padding) !important;
		margin: 0px auto 0px auto;
}

.nfaq {
    display: flex !important;
    flex-direction: row !important;
    position: relative !important;
}
.faq-section .nfaq:before {
   content: "";
   width: 224px;
   height: 243px;
   background: url(/local/components/bitrix/news.list/templates/faq2021/img/logo_main_block.svg) center center no-repeat;
   position: absolute;
   top: -275px;
   right: 0px;
	 z-index: 3;
}
.nfaq-video {
    position: relative !important;
    top: 65px !important;
    left: 0px !important;
}
.nfaq-video::before {
    position: absolute !important;
    content: "" !important;
    width: 210px !important;
    height: 210px !important;
    background: #fbba00 !important;
    border-radius: 50% !important;
    z-index: -1 !important;
    top: -30px !important;
    left: 20px !important;
}
.nfaq-video_title {
    font-weight: 700 !important;
		font-family: var(--userfont);
    font-size: 21px !important;
    line-height: 21px !important;
    letter-spacing: 0.01em !important;
    margin-top: 16px !important;
		color: rgba(0, 0, 0, .5);
}
.nfaq-col {
    display: flex !important;
}
.nfaq-col.nfaq-col-2 {
		flex: 0 0 25% !important;
}
.nfaq-col.nfaq-col-8 {
    flex: 0 0 80% !important;
    flex-direction: column !important;
}
.nfaq-filters {
    display: flex !important;
    flex-direction: column !important;
    cursor: pointer !important;
}
.nfaq-filter {
	width: 75%;
	position: relative;
	cursor: pointer;
	padding: 10px 0;
	font-size: 21px;
	font-weight: 700;
	line-height: 1.2;
	color: rgba(0, 0, 0, .5);
	display: flex;
	flex-direction: row;
	align-items: center;
	align-content: flex-start;
	justify-content: flex-start;
	transition: all .3s ease-in-out;
}
.nfaq-filter:hover{
		color: #e84e0f;
}
.nfaq-filter::before {
		content: "" !important;
		width: 30px !important;
		height: 30px !important;
		position: relative !important;
		left: 0px !important;
		top: 0px !important;
		padding-right: 35px;
		background: #fff !important;
		border-radius: 50% !important;
		border: 0px solid #EB5A2D5E !important;
}
.nfaq-filter.active::after {
    content: "" !important;
    position: relative !important;
    width: 30px !important;
    height: 30px !important;
    top: 0px !important;
    left: 0px !important;
    margin-left: 20px;
    background-image: url(/local/templates/dobrolov_new/img/nav/p.svg) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}

.nfaq-filter.active:nth-child(1)::before {
    background-image: url(/local/templates/dobrolov_new/img/filters/mouse-new-active.svg) !important;
    background-position: center !important;
    background-size: contain !important;
    border: none !important;
    width: 30px !important;
    height: 30px !important;
    background-repeat: no-repeat !important;
}

.nfaq-filter.active:nth-child(2)::before {
    background-image: url(/local/templates/dobrolov_new/img/filters/pizza-active.svg) !important;
    background-position: center !important;
    background-size: contain !important;
    border: none !important;
    width: 30px !important;
    height: 30px !important;
    background-repeat: no-repeat !important;
}

.nfaq-filter.active:nth-child(3)::before {
    background-image: url(/local/templates/dobrolov_new/img/filters/klop-active.svg) !important;
    background-position: center !important;
    background-size: contain !important;
    border: none !important;
    width: 30px !important;
    height: 30px !important;
    background-repeat: no-repeat !important;
}

.nfaq-filter.active:nth-child(4)::before {
    background-image: url(/local/templates/dobrolov_new/img/filters/icons_pest_control_45_active.svg) !important;
    background-position: center !important;
    background-size: contain !important;
    border: none !important;
    width: 30px !important;
    height: 30px !important;
    background-repeat: no-repeat !important;
}

.nfaq-filter.active:nth-child(5)::before {
    background-image: url(/local/templates/dobrolov_new/img/filters/icons_document_45_active.svg) !important;
    background-position: center !important;
    background-size: contain !important;
    border: none !important;
    width: 30px !important;
    height: 30px !important;
    background-repeat: no-repeat !important;
}

.nfaq-filter.active:nth-child(6)::before {
    background-image: url(/local/templates/dobrolov_new/img/filters/icons_user_45_active.svg) !important;
    background-position: center !important;
    background-size: contain !important;
    border: none !important;
    width: 30px !important;
    height: 30px !important;
    background-repeat: no-repeat !important;
}

.nfaq-filter.active:nth-child(7)::before {
    background-image: url(/local/templates/dobrolov_new/img/filters/spreyer_left-active.svg) !important;
    background-position: center !important;
    background-size: contain !important;
    border: none !important;
    width: 30px !important;
    height: 30px !important;
    background-repeat: no-repeat !important;
}

.nfaq-filter:nth-child(1)::before {
    background-image: url(/local/templates/dobrolov_new/img/filters/mouse-new.svg) !important;
    background-position: center !important;
    background-size: contain !important;
    border: none !important;
    width: 30px !important;
    height: 30px !important;
    background-repeat: no-repeat !important;
}

.nfaq-filter:nth-child(2)::before {
    background-image: url(/local/templates/dobrolov_new/img/filters/pizza.svg) !important;
    background-position: center !important;
    background-size: contain !important;
    border: none !important;
    width: 30px !important;
    height: 30px !important;
    background-repeat: no-repeat !important;
}

.nfaq-filter:nth-child(3)::before {
    background-image: url(/local/templates/dobrolov_new/img/filters/klop.svg) !important;
    background-position: center !important;
    background-size: contain !important;
    border: none !important;
    width: 30px !important;
    height: 30px !important;
    background-repeat: no-repeat !important;
}

.nfaq-filter:nth-child(4)::before {
    background-image: url(/local/templates/dobrolov_new/img/filters/icons_pest_control_45.svg) !important;
    background-position: center !important;
    background-size: contain !important;
    border: none !important;
    width: 30px !important;
    height: 30px !important;
    background-repeat: no-repeat !important;
}

.nfaq-filter:nth-child(5)::before {
    background-image: url(/local/templates/dobrolov_new/img/filters/icons_document_45.svg) !important;
    background-position: center !important;
    background-size: contain !important;
    border: none !important;
    width: 30px !important;
    height: 30px !important;
    background-repeat: no-repeat !important;
}

.nfaq-filter:nth-child(6)::before {
    background-image: url(/local/templates/dobrolov_new/img/filters/icons_user_45.svg) !important;
    background-position: center !important;
    background-size: contain !important;
    border: none !important;
    width: 30px !important;
    height: 30px !important;
    background-repeat: no-repeat !important;
}
.nfaq-filter:nth-child(7)::before {
    background-image: url(/local/templates/dobrolov_new/img/filters/spreyer_left.svg) !important;
    background-position: center !important;
    background-size: contain !important;
    border: none !important;
    width: 30px !important;
    height: 30px !important;
    background-repeat: no-repeat !important;
}

.faq-item {
    height: max-content !important;
    border-bottom: none !important;
    margin-top: 32px !important;
    margin-left: 32px !important;
		background-color: #F9F9F9;
		padding: 0px 32px 32px 32px;
		border-radius: 6px;
}
.faq-item:first-child{
    margin-top: 0px !important;
}

.faq-item:nth-child(1) div.h3 {
    margin-top: 0 !important;
}
.faq-item div.h3 {
    color: #0B0B0B !important;
    font-weight: 700 !important;
    padding: 0 !important;
    margin-top: 26px !important;
    margin-bottom: 26px !important;
    display: flex !important;
    align-items: center !important;
		cursor: pointer;
}
.faq-item div.h3 h3 {
    max-width: 80%;
    font-family: var(--userfont);
    line-height: 1.2;
    color: #0B0B0B !important;
    font-size: 36px !important;
    font-weight: 700 !important;
    padding: 0 !important;
}
.faq-icon {
    padding-right: 0px !important;
    padding-top: 11px !important;
    padding-bottom: 8px !important;
    margin-right: 20px;
    max-height: 45px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
}

.faq-item .faq-answer div {
		font-size: 21px !important;
		font-weight: 700 !important;
		line-height: 1.4;
		letter-spacing: 0.02em;
		margin-top: 25px;
		color: #0B0B0B !important;
}

.faq-item.is-hidden {
	display: none !important;
}

.faq-section .wrapper .nfaq .faq-item.active span{
    font-size: 18px;
    font-weight: 400;
    color: #000;
    display: block;
    margin-left: 64px;
}

.faq-section .wrapper .nfaq .faq-item.active .text{
   background-color: #F4F5F5;
   padding: 45px 40px 45px 0px;
}

.faq-icon img {
    max-height: 45px !important;
}
.gap-shar {
    position: absolute !important;
    left: -410px !important;
    top: 100px !important;
}
.faq-item div.h3 {
    position: relative;
}
.faq-item div.h3::after {
    content: '';
    position: absolute;
    top: 61%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    right: 0;
    width: 19px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    background: url(/local/templates/dobrolov_new/img/nav/down.svg) no-repeat !important;
    background-size: contain !important;
    height: 19px !important;
}
.faq-item.active div.h3::after {
    -webkit-transform: rotate(180deg) translate(0, 88%);
    -ms-transform: rotate(180deg) translate(0, 88%);
    transform: rotate(180deg) translate(0, 88%);
}
.faq-item h3::after {
    display: none !important;
}
@media screen and (max-width: 1160px) {
    .faq-item {
        display: flex !important;
        margin-left: 0 !important;
    }

    .faq-item a {
        width: 100% !important;
    }

    .faq-icon {
        padding-right: 16px !important;
    }

    .nfaq {
        flex-direction: column !important;
    }

    .nfaq-filter {
        flex: 0 0 50% !important;
    }

    .nfaq-filters {
        width: 100% !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        margin-left: 48px !important;
        margin-bottom: 48px !important;
    }

    .gap-shar {
        display: none !important;
    }

    .nfaq-filter::before {
        left: -24px !important;
    }

    .faq-item div.h3 {
        width: 95% !important;
    }

    .faq-item div.h3::after {
        right: -16px !important;
    }
}

@media screen and (max-width: 578px) {
    .faq-item {
        display: block !important;
        margin-left: 0 !important;
    }
}
.order-call-section {
    background: #41414E !important;
    padding: 48px 0 !important;
    padding-bottom: 0 !important;
}
.order-call-section h2 {
    color: #fff !important;
    text-align: start !important;
    font-weight: 400 !important;
    font-size: 36px !important;
}
.order-call-section form {
    padding: 0 !important;
}
.order-call-section .wrapper {
    max-width: 950px !important;
}
.order-call-section input, .order-call-section textarea {
    background: #41414e !important;
    border: none !important;
    border-bottom: 1px solid #ffffff !important;
    color: #fff !important;
    outline: none !important;
    padding: 16px 0 !important;
    height: auto !important;
    color: #fff !important;
}
.order-call-section input::placeholder, .order-call-section textarea::placeholder {
    color: #fff !important;
}
.order-call-section form button {
    color: #fff !important;
    border: none !important;
    display: flex !important;
    justify-content: center !important;
    background: #eb5a2d !important;
    padding: 20px 48px !important;
    border-radius: 50px !important;
    cursor: pointer !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    flex: 0 0 38% !important;
    transition: .2s background ease-in-out !important;
}

.form-bottom_people {
    height: 500px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: 70% center !important;
}

.order-call-section form input::placeholder, .order-call-section form textarea::placeholder {
    color: #fff !important;
    opacity: 1 !important;
}

.order-call-section form input, .order-call-section form textarea {
    color: #fff !important;
}

.inner-h1::before {
    content: "" !important;
    background-image: url(/local/templates/covid/build/img/bubble-yellow.png) !important;
    position: absolute !important;
    right: 44px !important;
    height: 63px !important;
    width: 63px !important;
    background-size: contain !important;
    top: -95px !important;
		z-index: 5;
}

.order-call-section {
    background: #41414E !important;
    padding: 48px 0 !important;
    padding-bottom: 0 !important;
    position: relative !important;
}
.order-call-section h2 {
    color: #fff !important;
    text-align: start !important;
    font-weight: 400 !important;
    font-size: 36px !important;
}
.order-call-section form {
    padding: 0 !important;
}
.order-call-section .wrapper {
    max-width: 950px !important;
    position: relative !important;
}
.order-call-section input, .order-call-section textarea {
    background: #41414e !important;
    border: none !important;
    border-bottom: 1px solid #ffffff !important;
    color: #fff !important;
    outline: none !important;
    padding: 16px 0 !important;
    height: auto !important;
    color: #fff !important;
}
.order-call-section input::placeholder, .order-call-section textarea::placeholder {
    color: #fff !important;
}
.order-call-section form button {
    color: #fff !important;
    border: none !important;
    display: flex !important;
    justify-content: center !important;
    background: #eb5a2d !important;
    padding: 20px 48px !important;
    border-radius: 50px !important;
    cursor: pointer !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    flex: 0 0 38% !important;
    transition: .2s background ease-in-out !important;
}

.form-bottom_people {
    height: 500px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: 70% center !important;
}

.order-call-section form input::placeholder, .order-call-section form textarea::placeholder {
    color: #fff !important;
    opacity: 1 !important;
}

.order-call-section form input, .order-call-section form textarea {
    color: #fff !important;
}

.rnd1 {
    background: url(/local/templates/covid/build/img/bubble-white.png) no-repeat center top !important;
    background-size: auto !important;
    background-size: auto !important;
    background-size: 100% auto !important;
    top: -30px !important;
    right: 200px !important;
    width: 60px !important;
    height: 60px !important;
}
.rnd2 {
    background: url(/local/templates/covid/build/img/bubble-yellow.png) no-repeat center top !important;
    background-size: auto !important;
    background-size: auto !important;
    background-size: 100% auto !important;
}
.rnd2 {
    top: -200px !important;
    right: 225px !important;
    width: 200px !important;
    height: 200px !important;
}
.rnd {
    position: absolute !important;
}

@media screen and (max-width: 1160px) {
    .nfaq-video {
        display: none !important;
    }
}


/* === DESKTOP FIRST === */

/* xl <= Extra extra large (xxl) */
@media (max-width : 1400px) {
	/**/
}

/* lg <= Extra large (xl) */
@media (max-width : 1200px) {
	/**/
}

/* md <= Large (lg) */
@media (max-width : 992px) {
	/**/
}

/* sm <= Medium (md) */
@media (max-width : 768px) {
	/*Logo main*/
	.faq-section .nfaq:before{
		display: none;
	}
}

/* xs <= Small (sm) */
@media (max-width : 576px) {
	.faq-section .wrapper .h1_headline {
		max-width: 100% !important;
		font-weight: 700;
		font-size: 40px;
		letter-spacing: 0em;
		padding: 10px 0px 14px 0px !important;
	}
	/*h2 Description*/
	.faq-section .wrapper .h2_description {
		max-width: 93%;
		font-size: 18px;
		font-weight: 900;
		margin-left: 0px;
		margin-bottom: 45px;
		line-height: 1.2;
	}
	.faq-section .wrapper .h2_description br {
   height: 20px;
	}
	/*Filter*/
	.nfaq-filters {
		margin-left: 30px !important;
		margin-bottom: 32px !important;
	}
	.nfaq-filter {
		flex: 0 0 84% !important;
		font-size: 24px;
		margin-left: 5px;
	}
	.nfaq-filter::before {
		left: -49px !important;
		top: 4px !important;
	}
	.nfaq-filter.active::after {
		left: 25px !important;
		width: 16px !important;
		height: 16px !important;
		top: 1px !important;
	}
	.faq-item {
		padding: 0px 20px 20px 20px;
	}
	.faq-item div.h3 h3 {
		max-width: 83%;
		font-size: 23px !important;
	}
	.faq-item div.h3 {
		margin-top: 20px !important;
	}
	.faq-item:nth-child(1) div.h3 {
		margin-top: 20px !important;
	}
	.faq-icon {
		margin-right: 6px;
	}
	.faq-item .faq-answer div {
		font-weight: 400 !important;
		line-height: 1.3;
	}

}

	/* xs <= Small (sm) */
@media (max-width :414px) {
}

	/* Small (sm) IPhone 12/13 */
 @media (max-width :390px) {
	.faq-section .wrapper .h1_headline {
		font-size: 32px;
	}
}

	/* xs <= Small (sm) */
@media (max-width :375px) {
	/**/
}


/* === MOBILE FIRST === */

/* Custom (xs) */
@media (min-width : 0) {
	/**/
}

/* Small (sm) */
@media (min-width : 375px) {
	/**/
}

/* Small (sm) IPhone 12/13 */
@media (min-width : 390px) {
	/**/
}

/* Small (sm) */
@media (min-width : 414px) {
	/**/
}

/* Small (sm) */
@media (min-width : 576px) {
	/**/
}

/* Medium (md) */
@media (min-width : 768px) {
	/**/
}

/* Large (lg) */
@media (min-width : 992px) {
	/**/
}

/* Extra large (xl) */
@media (min-width : 1200px) {
	/**/
}

/* Extra extra large (xxl) */
@media (min-width : 1400px) {
	.container{max-width:1160px;}
}

/* End */
/* /local/components/bitrix/news.list/templates/faq2021/style.css?177090565921726 */