* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: 'Inter', sans-serif;
}

:root {
	--happy-color: #219655;
}

/* tool tip start */
/* using */
/*
<div class="qt">
    <div class="tip">
        <div class="text">text</div>
        <div class="arrow down"></div>
        <div class="arrow up"></div>
    </div>
</div>
parent class must have position: relative;
*/

.qt {
	position: relative;
	width: 18px;
	height: 18px;
	background-image: url('/templates/images/question_0_0.svg');
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.qt .tip {
	display: none;
	position: absolute;
	bottom: 25px;
	left: 50%;
	transform: translateX(-50%);
	background: #000;
	color: #fff;
	padding: 10px;
	border-radius: 10px;
	line-height: 1.7;
	font-size: 12px;
	font-weight: 500;
	z-index: 1;
}

.qt .tip .text {

}

.qt .tip .text .b {
	font-weight: bold;
}

.qt .tip .arrow {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
}

.qt .tip .arrow.down {
	top: calc(100% - 3px);
	border-top: 8px solid #000;
}

.qt .tip .arrow.up {
	bottom: 100%;
	border-bottom: 8px solid #000;
}

.qt:hover .tip {
	display: block;
}

.qt .tip {
	width: 240px;
}

@media screen and (max-width: 1000px) {
	.qt .tip {
		left: unset;
		right: -11px;
		transform: unset;
	}
	.qt .tip .arrow {
		left: unset;
		right: 3px;
	}
}

/* tool tip start end */

/* messages start */

#msgs_row_bl {
	display: flex;
	position: fixed;
	bottom: 20px;
	justify-content: flex-end;
	width: 100% !important;
}

#msgs_row_bl .msgs_det_bl {
	height: 75px;
	display: flex;
	background: #ffffff;
	border: 1px solid #ffffff;
	padding: 20px;
	position: relative;
	border-radius: 10px;
	box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.3);
}

#msgs_row_bl .msgs_det_bl .msgs_kr_del {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	width: 13px;
	height: 13px;
	background: url('/templates/images/close_01.svg') no-repeat;
	background-size: contain;
}

#msgs_row_bl .msgs_det_bl .msgs_kr_del:hover {
	opacity: 0.5;
}


#msgs_row_bl .msgs_det_bl .msgs_text_bl {
	display: flex;
	align-items: center;
}

#msgs_row_bl .msgs_det_bl .msgs_text_bl a {
	display: flex;
	align-items: center;
	color: #262a32;
	text-decoration: none;
}

#msgs_row_bl .msgs_det_bl .msgs_text_bl a:hover {
	text-decoration: underline;
}

#msgs_row_bl .msgs_det_bl .msgs_text_bl a:before {
	content: '';
	width: 27px;
	height: 27px;
	background-image: url('/templates/images/message_01.svg');
	display: flex;
	margin-right: 10px;
}

@media screen and (max-width: 800px) {
	#msgs_row_bl {
		flex-direction: column;
		gap: 20px;
	}
	#msgs_row_bl .msgs_det_bl {
		margin: 0 20px !important;
	}
}

/* messages end */

/* Alert Popup start */
.jqconfirmblock_wrapper {
	background: #00000091;
	position: fixed;
	top: 0;
	z-index: 3;
	height: 110vh;
	width: 100%;
	display: flex;
	justify-content: center;
	z-index: 10000;
}

.jqconfirmblock {
	position: fixed;
	background: #fff;
	top: 30%;
	margin-left: var(--menu-width);
	padding: 30px;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	z-index: 10001;
}

.jqconfirmblockclose {
	width: 17px;
	height: 17px;
	background-image: url('/templates/img/login_reg_icons.svg');
	background-position: -106px -11px;
	position: absolute;
	top: 8px;
	right: 7px;
	cursor: pointer;
}

.jqconfirmblockclose:hover {
	opacity: 0.7;
}

.jqconfirmblockmsg {

}

@media screen and (max-width: 1000px) {
	.jqconfirmblock {
		margin-left: unset;
	}
}

.ok-btn {
	background: #208A58;
	color: #fff;
	display: flex;
	justify-content: center;
	padding: 12px;
	cursor: pointer;
	border-radius: 10px;
	width: 180px;
	margin-top: 20px;
}

.ok-btn:hover {
	background: #229861;
}
/* Alert Popup end */

/* Loader start */
#canvasloader_container {
	overflow:visible;
	position:fixed;
	top:50%;
	left:50%;
	z-index:100000
}
/* Loader end */

/* error on input */
input.error, textarea.error {
	border:1px solid #ff0000 !important;
}




/* menu.php */

.menu {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 30px;
	font-size: 16px;
	background-color: #262A32;
	height: 75px;
	position: sticky;
	top: 0;
	padding: 0 50px;
	z-index: 1;
}

.menu .logo,
.menuCtl .logo {
	width: 122px;
	height: 43px;
	background-image: url("/templates/images/logo_2.svg");
}

.menu .logo:hover {
	opacity: 0.8;
}

.menu a {
	text-decoration: none;
	color: #fff;
}

.menu a:hover {
	text-decoration: underline;
}

.menu .space {
	flex: 1;
}

.menu .button {
	padding: 10px;
	color: #fff;
	border-radius: 10px;
	cursor: pointer;
	border: 1px solid;
	width: 170px;
	text-align: center;
}

.menu .button:hover {
	background-color: #1e2127;
}

.menu .button.v2 {
	background: #009652;
}

.menu .button.v2:hover {
	background: #0096529c;
}

.menuCtl {
	display: none;
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
	height: 75px;
	background-color: #262A32;
	z-index: 1000;
}

.menuCtl .logo {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.menuCtl .close,
.menuCtl .open {
	width: 30px;
	height: 30px;
	background-image: url("/templates/images/menu_open_1.svg");
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}

.menuCtl .close {
	background-image: url("/templates/images/menu_close_1.svg");
	display: none;
}

.menuCtl .close:hover,
.menuCtl .open:hover {
	opacity: 0.7;
}

@media (max-width: 1100px) {
	.menu {
		gap: 20px;
		height: unset;
		position: fixed;
		top: -100%;
		padding: 0 0 20px 0;
		flex-direction: column;
		width: 100%;
		transition: 0.3s;
		font-size: 24px;
	}

	.menu .logo {
		display: none;
	}

	.menuCtl {
		display: flex;
		align-items: center;
		padding: 0 20px;
	}

	.menu .button {
		width: 130px;
	}
}

.menu {
	font-size: 17px;
}

.menu .button {
}

.menu .submenu {
	position: relative;
}

.menu .submenu .items {
	position: absolute;
	left: -20px;
	background: #262a32;
	padding: 20px;
	width: 300px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	border-radius: 10px;
}

.menu .submenu  a,
.menu .submenu .items a {
	cursor: pointer;
}

.submenu .items.hidden {
	display: none !important;
}

@media (max-width: 1100px) {
	.menu .submenu {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 20px;
		width: unset;
	}
	.menu .submenu .items {
		position: relative;
		align-items: center;
		padding: 0;
		left: unset;
	}
}

/* menu.php */



/* order-form-page.php */

.orderFormPage h1 {
	font-size: 35px;
	text-align: center;
	margin: 30px 20px;
}

.orderFormPage .content_bl {
	padding-top: 15px;
	max-width: 810px;
	margin: 0 auto;
}

.orderFormPage .content_bl #order_book_form {
	font-size: 16px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin: 30px 0px 80px 0px;
	padding: 0 20px;
}

.orderFormPage .content_bl #order_book_form div {

}

.orderFormPage .content_bl #order_book_form div .lb {
	font-weight: 600;
	color: #262A32;
	width: 160px;
	display: flex;
	justify-content: space-between;
	padding: 0;
	align-items: center;
}

.orderFormPage .content_bl #order_book_form div .lb label {

}

.orderFormPage .content_bl #order_book_form div .lb label .red {
	color: red;
}

.orderFormPage .content_bl #order_book_form .form_row {
	display: flex;
	gap: 20px;
}

.orderFormPage .content_bl #order_book_form div .in {
	position: relative;
	width: 100%;
}

.orderFormPage .content_bl #order_book_form div .in select,
.orderFormPage .content_bl #order_book_form div .in input {
	padding: 15px 20px;
	border-radius: 10px;
	border: 1px solid #D9D9D9;
	font-size: 16px;
	appearance: none;
	width: 100%;
	outline: none;
}

.orderFormPage .content_bl #order_book_form div .in select:hover,
.orderFormPage .content_bl #order_book_form div .in input:hover {
	border: 1px solid #85c6a8;
}

.orderFormPage .content_bl #order_book_form div .in select:focus,
.orderFormPage .content_bl #order_book_form div .in input:focus {
	border: 1px solid #208A58;
}

.orderFormPage .content_bl #order_book_form div .in .arrow {
	position: absolute;
	right: 23px;
	top: 50%;
	transform: translateY(-50%);
	width: 15px;
	height: 15px;
	background-image: url('/templates/images/down_arrow_0_0.svg');
	background-position: center;
	background-repeat: no-repeat;
}

.orderFormPage #order_book_form .btn {
	padding: 15px 20px;
	border-radius: 10px;
	border: 1px solid #D9D9D9;
	font-size: 20px;
	appearance: none;
	max-width: 350px;
	outline: none;
	background: #208A58;
	color: #fff;
	cursor: pointer;
	margin: 0 auto;
	width: 100%;
}

.orderFormPage #order_book_form .btn:hover {
	background: #229861;
}

.orderFormPage .nVas {
	display: flex;
	gap: 50px;
	align-items: center;
	justify-content: center;
	padding: 15px 10px;
	border: 1px solid #D9D9D9;
	border-radius: 10px;
}

.orderFormPage .nVas label {
	display: flex;
	align-items: center;
	gap: 10px;
	position: relative;
}

.orderFormPage .nVas label .box {
	width: 20px;
	height: 20px;
	background-image: url('/templates/images/checkbox_0_0.svg');
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.orderFormPage .nVas input:checked + label .box {
	background-image: url('/templates/images/checkbox_1_0.svg');
}

@media screen and (max-width: 1000px) {
	.orderFormPage .content_bl #order_book_form .form_row {
		flex-direction: column;
		gap: 7px;
	}
	.orderFormPage .order-page .content_bl {
		padding: 15px;
	}
	.orderFormPage .content_bl #order_book_form div .lb {
		width: 100%;
		padding-right: 21px;
	}
	.nVas {
		flex-direction: column;
		gap: 20px;
		padding: 15px 20px;
	}
	.orderFormPage .nVas .vip,
	.orderFormPage .nVas .top10 {
		width: 100%;
	}
	.orderFormPage .nVas .text {
		width: calc(100% - 60px);
	}
	.orderFormPage .nVas .item {
		width: 100%;
	}
	.orderFormPage .content_bl #order_book_form div .lb {
		font-weight: 400;
		color: #a4a4a4;
	}
	.orderFormPage .content_bl #order_book_form div .lb {
		padding: 0 20px;
	}
}

.orderFormPage .errorBorder {
	border: 1px solid red !important;
}

.orderFormPage .content_bl #order_book_form div.terms {
	text-align: center;
	color: #cecece;
}

.orderFormPage .content_bl #order_book_form div.terms a {
	font-weight: bold;
	text-decoration: none;
	color: #b5b5b5;
}

.orderFormPage .content_bl #order_book_form div.terms a:hover {
	text-decoration: underline;
}

.orderFormPage .qt:hover .tip {
	z-index: 9999;
}

/* order-form-page.php */








/* preview.php */

.previewPage h1 {
	font-size: 35px;
	text-align: center;
	margin: 30px 20px;
}

.previewPage .content_bl {
	padding: 15px;
	max-width: 840px;
	margin: 0 auto;
}

.previewPage .instLab {
	padding: 10px 20px;
	margin-top: 10px;
	font-size: 16px;
	font-weight: bold;
}

.previewPage #instructions {
	width: 100%;
	height: 170px;
	padding: 10px 20px;
	border: 1px solid #208A58;
	border-radius: 10px;
	font-size: 16px;
	appearance: none;
	outline: none;
}

.previewPage .ajax-file-upload {
	background: none;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	border: 1px solid #208A58;
	color: #208A58;
}

.previewPage .ajax-file-upload:hover {
	background: #e8ffe9 !important;
}

.previewPage .ajax-upload-dragdrop {
	/*border: 1px solid #208A58 !important;*/
	border-radius: 10px !important;
	padding: 30px 20px !important;
}

.previewPage .ajax-upload-icon-text-bl {
	font-family: unset !important;
	font-size: 16px !important;
	color: #262A32 !important;
}

.previewPage .ajax-upload-icon-text-bl:before {
	width: 53px !important;
	height: 53px !important;
	background: url('/templates/images/attach1.png') !important;
	background-size: 47px !important;
	bottom: -10px;
	background-repeat: no-repeat !important;
}

.previewPage .display-row {
	padding: 15px 0 !important;
	display: flex !important;
}

.previewPage .ajax-file-upload-filedate,
.previewPage .ajax-file-upload-statusbar {
	font-size: 16px !important;
	text-decoration: none !important;
	color: #262A32 !important;
}

.previewPage .ajax-file-upload-link, .ajax-file-upload-title > .display-row {
	color: #262A32 !important;
	text-decoration: none !important;
}

.previewPage .ajax-file-upload-statusbar {
	background-color: #F6F8F7 !important;
	border-radius: 10px !important;
}

.previewPage .ajax-file-upload-filedate,
.previewPage .ajax-file-upload-title-date {
	font-weight: 600 !important;
}

.previewPage .ajax-file-upload-title {
	background-color: unset !important;
}

.previewPage .preview_det {
	display: flex ;
	flex-direction: column;
}

.previewPage #connect_with_expert {
	padding: 15px 20px;
	border-radius: 10px;
	border: 1px solid #D9D9D9;
	font-size: 20px;
	appearance: none;
	max-width: 350px;
	outline: none;
	background: #208A58;
	color: #fff;
	cursor: pointer;
	margin: 15px auto 80px auto;
	width: 100%;
}

.previewPage #connect_with_expert:hover {
	background: #229861;
}

.previewPage .ajax-file-upload-delete-cross:before {
	content: '✕' !important;
	background-image: unset !important;
}

.previewPage .ajax-file-upload-delete-cross:hover:before {
	content: '✕' !important;
	color: red !important;
}

@media screen and (max-width: 900px) {
	.previewPage #upload_block_button .ajax-upload-dragdrop {
		border: 1px solid #208A58 !important;
		border-radius: 10px !important;
		padding: 30px 20px !important;
	}
	.previewPage .ajax-file-upload-statusbar {
		margin: 20px 0 !important;
	}
	.previewPage #upload_block_button .ajax-upload-dragdrop {
		border: none !important;
		border-radius: 10px !important;
		padding: 0 !important;
	}
	.previewPage .instLab {
		margin-top: 10px;
	}
	.previewPage #upload_block_button {
		margin-top: 20px !important;
	}
}

.previewPage .errorBorder {
	border: 1px solid red !important;
}

.previewPage .ajax-file-upload-title {
	display: none !important;
}

.previewPage .backLinks {
	padding: 0 20px;
}

.previewPage .backLinks a {
	color: #23527c;
}

.previewPage .backLinks a:hover {
	text-decoration: underline;
}
.previewPage .ajax-upload-icon-text-bl {
	width: 100%;
	max-width: 400px !important;
}
.previewPage .ajax-upload-icon-text-bl:before {
	top: -12px !important;
}

.previewPage h1 {
	font-family: 'Playfair Display', serif;
	font-weight: bold;
}

/* preview.php */





/* connect-with-expert.php */

.connectWithExpertPage h1 {
	font-family: 'Playfair Display', serif;
	font-weight: bold;
	font-size: 35px;
	text-align: center;
	margin: 30px 20px 10px;
}

.connectWithExpertPage .content_bl {
	padding: 15px;
	max-width: 840px;
	margin: 0 auto;
}

.connectWithExpertPage .ajax-file-upload-delete-cross:before {
	content: '✕' !important;
	background-image: unset !important;
}

.connectWithExpertPage .ajax-file-upload-delete-cross:hover:before {
	content: '✕' !important;
	color: red !important;
}

@media screen and (max-width: 900px) {
	.connectWithExpertPage #upload_block_button .ajax-upload-dragdrop {
		border: 1px solid #208A58 !important;
		border-radius: 10px !important;
		padding: 30px 20px !important;
	}
	.connectWithExpertPage .ajax-file-upload-statusbar {
		margin: 20px 0 !important;
	}
}

.connectWithExpertPage .ajax-file-upload-filedate,
.connectWithExpertPage .ajax-file-upload-statusbar {
	font-size: 16px !important;
	text-decoration: none !important;
	color: #262A32 !important;
}

.connectWithExpertPage .ajax-file-upload-link, .ajax-file-upload-title > .display-row {
	color: #262A32 !important;
	text-decoration: none !important;
}

.connectWithExpertPage .ajax-file-upload-filedate,
.connectWithExpertPage .ajax-file-upload-title-date {
	font-weight: 600 !important;
}

.connectWithExpertPage .ajax-file-upload-statusbar {
	border-radius: 10px !important;
}

.connectWithExpertPage .expertCall {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.expertCall .checkMark {
	width: 50px;
	height: 50px;
	background-image: url('/templates/images/checkmark_0_0.svg');
	margin: 10px 0 30px 0;
}

.expertCall .text {
	width: 100%;
	display: flex;
	border: 1px solid #228a58;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	flex-direction: column;
	padding: 10px;
	font-size: 25px;
	line-height: 1.5;
	background-color: #EDFFF4;
}

.expertCall .text p {

}

.connectWithExpertPage .green {
	color: #208A58;
}

.connectWithExpertPage .guaranties {
	display: flex;
	align-items: center;
	justify-content: space-around;
	gap: 20px;
	margin: 20px;
	font-size: 16px;
}

.connectWithExpertPage .projectInfo {
	background: #FFF9ED;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	font-size: 16px;
	padding: 20px 25px;
	gap: 20px;
	margin-bottom: 20px;
}

.connectWithExpertPage .projectInfo .title {
	font-size: 25px;
	font-weight: 600;
	line-height: 1.5;
}

.connectWithExpertPage .projectInfo .items {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.connectWithExpertPage .projectInfo .item {
	display: flex;
	flex-direction: row;
}

.connectWithExpertPage .projectInfo .item .key {
	font-weight: 600;
	width: 175px;
}

.connectWithExpertPage .projectInfo .item .value {
	max-width: calc(100% - 175px);
}

.connectWithExpertPage .depositButtonBlock {
	display: flex;
	margin: 20px 0 10px 0;
}

.connectWithExpertPage .btn {
	padding: 15px 40px;
	border-radius: 10px;
	border: 1px solid #D9D9D9;
	font-size: 20px;
	appearance: none;
	max-width: 420px;
	outline: none;
	background: #208A58;
	color: #fff;
	cursor: pointer;
	margin: 0 auto;
	width: 100%;
}

.connectWithExpertPage .btn:hover {
	background: #229861;
}

@media screen and (max-width: 900px) {
	.connectWithExpertPage .guaranties {
		display: none;
	}
	.connectWithExpertPage .projectInfo {
		margin-top: 20px;
	}
	.connectWithExpertPage .projectInfo .title {
		text-align: center;
	}
	.connectWithExpertPage .projectInfo .item {
		flex-direction: column;
		align-items: center;
		gap: 10px;
	}
	.connectWithExpertPage .projectInfo .item .key {
		width: unset;
	}
	.connectWithExpertPage .expertCall .text p {
		text-align: center;
	}
	.connectWithExpertPage .projectInfo .item .value {
		max-width: unset;
		text-align: center;
		line-height: 1.5;
	}
}

.connectWithExpertPage .backLinks {
	padding: 0 20px;
	display: flex;
	justify-content: space-between;
}

.connectWithExpertPage .backLinks a {
	color: #23527c;
}

.connectWithExpertPage .backLinks a:hover {
	text-decoration: underline;
}


/* connect-with-expert.php */










/* footer.php */

.footer {
	background-color: #262A32;
	color: #fff;
	padding: 50px;
	font-size: 16px;
	font-weight: 300;
}

.footer a {
	color: #fff;
	text-decoration: none;
}

.footer a:hover {
	text-decoration: underline;
}

.footer .links {
	display: flex;
	justify-content: space-around;
}

.footer h3 {
	font-size: 23px;
}

.footer .links .about,
.footer .links .contact,
.footer .links .company,
.footer .links .services {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.footer .links .company .social {
	display: flex;
	gap: 10px;
}

.footer .links .company .social .google,
.footer .links .company .social .instagram,
.footer .links .company .social .facebook,
.footer .links .company .social .twitter,
.footer .links .company .social .linkedIn {
	width: 30px;
	height: 30px;
	background-position: center;
	background-repeat: no-repeat;
}

.footer .links .company .social a:hover {
	opacity: 0.7;
}

.footer .links .company .social .instagram {
	background-image: url('/templates/images/instagram_1.svg');
}

.footer .links .company .social .facebook {
	background-image: url('/templates/images/facebook_1.svg');
}

.footer .links .company .social .twitter {
	background-image: url('/templates/images/twitter_1.svg');
}

.footer .links .company .social .linkedIn {
	background-image: url('/templates/images/linked_in_1.svg');
}

.footer .links .company .social .google {
	background-image: url('/templates/images/google_soc_1.svg');
}

.footer .logoGuaranties {
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	margin-top: 50px;
}

.footer .logoGuaranties .logo {
	width: 120px;
	height: 60px;
	background-image: url('/templates/images/logo_1.svg');
	background-size: contain;
	background-repeat: no-repeat;
}

.footer .logoGuaranties .guaranties {
	width: 261px;
	height: 76px;
	background-image: url('/templates/images/guaranties_2.png');
}

.footer .links .about {
	max-width: 400px;
	width: 100%;
}

.footer .links .about span {
	line-height: 2.5;
}


.protections {
	display: flex;
	justify-content: center;
	gap: 20px;
	margin-top: 50px;
	align-items: center;
}

.footer .links .contact .address p {
	margin-bottom: 16px;
}

.grecaptcha-badge {
	display: none;
}

.gr-terms {
	margin-top: 50px;
	font-size: 12px;
	color: #666;
	text-align: center;
}

@media screen and (max-width: 1100px) {
	.footer {
		padding: 20px;
	}

	.footer .links {
		flex-direction: column;
		gap: 20px;
	}

	.footer .links .about,
	.footer .links .contact,
	.footer .links .company,
	.footer .links .services {
		gap: 10px;
	}

	.footer .logoGuaranties {
		flex-direction: column;
		gap: 20px;
	}

	.footer .links .about,
	.footer .links .contact,
	.footer .links .company,
	.footer .links .services {
		align-items: center;
	}

	.footer .links span {
		text-align: center;
	}

	.footer .links .about {
		margin: 0 auto;
	}

	.protections {
		flex-direction: column;
		gap: 10px;
	}

	.footer .links .contact .address p {
		text-align: center;
	}
}

/* footer.php */




/* order-steps.php */

.orderSteps {
	display: flex;
	color: #CECECE;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	line-height: 1.5;
	gap: 10px;
}

.orderSteps .item {
	width: 250px;
	border: 1px solid #CECECE;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 13px 10px;
	/*font-weight: bold;*/
	border-radius: 10px;
	gap: 10px;
}

.orderSteps .item.active {
	border: 1px solid #208A58;
	color: #208A58;
}

.orderSteps .item .icon {
	width: 20px;
	height: 20px;
	background-position: center;
	background-repeat: no-repeat;
}

.orderSteps .item.i1 .icon {
	background-image: url('/templates/images/pencil20.svg');
}

.orderSteps .item.i2 .icon {
	background-image: url('/templates/images/attach20.svg');
}

.orderSteps .item.i3 .icon {
	background-image: url('/templates/images/supp20.svg');
}

.orderSteps .item.i1.active .icon {
	background-image: url('/templates/images/pencil21.svg');
}

.orderSteps .item.i2.active .icon {
	background-image: url('/templates/images/attach21.svg');
}

.orderSteps .item.i3.active .icon {
	background-image: url('/templates/images/supp21.svg');
}

.orderSteps .sep {
	width: 15px;
	height: 15px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('/templates/images/check_0_0.svg');
}

.orderSteps .sep.active {
	background-image: url('/templates/images/check_1_0.svg');
}

@media (max-width: 1000px) {
	.orderSteps {
		padding: 0 20px;
	}
	.orderSteps .item .text {
		/*display: none;*/
	}
	.orderSteps .item {
		/*width: 70px;*/
	}
	.orderSteps .mh {
		display: none;
	}
	.sep {
		display: none;
	}
}

.orderSteps .item:hover {
	background-color: #f6fffb;
	cursor: pointer;
}

/* order-steps.php */







/* worldwide-recognition.php */

.worldwideRecognition {
	display: flex;
	align-items: center;
	padding: 25px 0;
	background-color: #208A58;
	justify-content: center;
	gap: 25px;
}

.worldwideRecognition .text {
	font-size: 30px;
	color: #fff;
	line-height: 150%;
	text-align: center;
	width: 100%;
	max-width: 330px;
}

.worldwideRecognition .awards {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	align-items: center;
	gap: 8px;
}

.worldwideRecognition .awards .item {
	width: 85px;
	height: 85px;
}

.worldwideRecognition .awards .item:hover {
	cursor: pointer;
	filter: brightness(120%);
}

.worldwideRecognition .awards .item.i1 {
	background-image: url('/templates/images/award_1_1.png');
}

.worldwideRecognition .awards .item.i2 {
	background-image: url('/templates/images/award_2_1.png');
}

.worldwideRecognition .awards .item.i3 {
	background-image: url('/templates/images/award_3_1.png');
}

.worldwideRecognition .awards .item.i4 {
	background-image: url('/templates/images/award_4_1.png');
}

.worldwideRecognition .awards .item.i5 {
	background-image: url('/templates/images/award_5_1.png');
}

.worldwideRecognition .awards .item.i6 {
	background-image: url('/templates/images/award_6_1.png');
}

.worldwideRecognition .awards .item.i7 {
	background-image: url('/templates/images/award_7_1.png');
}

.worldwideRecognition .awards .item.i8 {
	background-image: url('/templates/images/award_8_1.png');
}

.worldwideRecognition .awards .item.i9 {
	background-image: url('/templates/images/award_9_1.png');
}

.worldwideRecognition .awards .item.i10 {
	background-image: url('/templates/images/award_10_1.png');
}

@media (max-width: 1100px) {
	.worldwideRecognition {
		flex-direction: column;
		padding: 25px;
	}
}

/* worldwide-recognition.php */