@font-face {
	font-display: swap;
	font-family 		:font;
	src					:url("/tmp/fonts/font.ttf");
}

html, body {
	height				:100%;
}

body {
	font-family			:font;
	font-size			:14px;
	margin				:0;
	padding				:0;
	color				:#4E4E4E;
}

h1, .title {
	font-family			:font;
	font-size			:32px !important;
	font-weight			:normal !important;
	margin				:0;
}

td {
	vertical-align		:top;
	font-family			:font;
	font-size			:14px;
}

a.za5:link, a.za5:visited, a.za5:hover {
	color				:#474747;
}

a:link, a:visited {
	color				:#4E4E4E;
	text-decoration		:underline;
}

a:hover {
	text-decoration		:none;
}

img {
	border				:0;
}

p {
	padding				:0;
	margin				:0;
}

/**/

.color, .color2 {
	color				:#EEEEEE;
	background			:#460a77;
}

.color a,
.color2 a {
	text-decoration		:none;
	color				:#EEEEEE !important;
}

.color a:hover,
.color2 a:hover {
	text-decoration		:underline;
}

.color2 {
	background			:#0776ae;
}

/**/

.top, .header {
	display				:flex;
	justify-content		:space-between;
	flex-wrap			:wrap;
	align-items			:center;
	width				:100%;
	max-width			:1400px;
	margin				:0 auto;
}

/**/

.btopmenu {
	border-bottom		:1px solid #E8E8E8;
	background			:#F0F0F0;
}

.btopmenu > div {
	max-width			:1400px;
	margin				:0 auto;
}

/**/

.content {
	display				:flex;
	flex-wrap			:wrap;
	width				:100%;
	max-width			:1400px;
	margin				:40px auto;
}

.content > div {
	vertical-align		:top;
	box-sizing			:border-box;
}

.content > div:first-child {
	width				:300px;
	padding-left		:40px;
}

.content > div:last-child {
	width				:calc(100% - 300px);
	padding-left		:40px;
	padding-right		:40px;
}

.content > div:first-child .mod-main {
	padding				:20px;
	margin				:0 0 40px 0;
	background			:#F0F0F0;
	border-radius		:10px;
	box-sizing			:border-box;
}

.content > div:first-child .mod-main .mod-title {
	padding				:10px 20px;
	margin-bottom		:10px;
	font-size			:18px;
	font-weight			:bold;
	text-transform		:uppercase;
	text-align			:center;
	border-radius		:20px;
	background			:#460a77;
	color				:#EEEEEE;
}


/* ======= МЕНЮ ВЕРХНЕЕ ===================================================================== */

.tab {
	border-collapse		:collapse;
	border-spacing		:0px;
	margin				:0 auto;
}

.tab td {
	padding				:0px;
	vertical-align		:top;
	white-space			:nowrap;
}

.topmenu-0, .topmenu-1, .topmenu-3, .activetopmenu-1, .activetopmenu-3, .topmenu-4 {
	display				:none;
}

.topmenu-2, .activetopmenu-2 {
	display				:inline-block;
}

a.topmenu, a.activetopmenu {
	display				:block;
	font-size			:14px;
	font-weight			:bold;
	text-transform		:uppercase;
	text-decoration		:none !important;
	color				:#7E7E7E;
	margin				:15px;
	transition			:all 0.4s;
}

.activetopmenu, .topmenu:hover {
	color				:#460a77 !important;
}

/**/

@media screen and (min-width: 768px) {

	.topmenu-2[onmouseover] a.topmenu,
	.activetopmenu-2[onmouseover] a.activetopmenu {
		padding-left		:30px;
	}

	.topmenu-2[onmouseover] > div a,
	.activetopmenu-2[onmouseover] > div a {
		position			:relative;
	}

	.topmenu-2[onmouseover] > div > a::before,
	.activetopmenu-2[onmouseover] > div > a::before {
		content				:'';
		display				:block;
		height				:20px;
		width				:20px;
		position			:absolute;
		left				:0;
		background-image	:url('/tmp/images/plus.png');
		background-repeat	:no-repeat;
		background-position	:left center;
		transition			:0.5s;
	}

	.topmenu-2[onmouseover]:hover > div > a::before,
	.activetopmenu-2[onmouseover]:hover > div > a::before {
		transform			:rotate(135deg)
	}

}

/* Выпадающее меню */

.menutop_sub {
	display				:block;
	padding				:10px 15px;
	border-top			:1px solid rgba(0, 0, 0, 0);
	border-bottom		:1px solid #E8E8E8;
	font-size			:14px;
	font-weight			:bold;
	text-decoration		:none;
	transition			:all 0.4s;
}

.menutop_lvl_2_block > .topmenu-2-parent:last-child > div > .menutop_sub, .menutop_lvl_3_block > .menutop_sub:last-child {
	border-top			:1px solid rgba(0, 0, 0, 0);
	border-bottom		:1px solid rgba(0, 0, 0, 0);
}

a.menutop_sub:link, a.menutop_sub:visited {
	color				:#7E7E7E;
	text-decoration		:none;
}

a.menutop_sub:hover {
	color				:#EEEEEE;
	background			:#0776AE;
	text-decoration		:none;
}

/* Уровень 2 */

.topmenu-2	{
	position			:relative;
}

.activetopmenu-2	{
	position			:relative;
}

.topmenu-2-parent	{
	position			:relative;
}

.menutop_lvl_2_block	{
	position			:absolute;
	text-align			:left;
	display				:none;
	background			:#F0F0F0;
	z-index				:100;
	border				:1px solid #E8E8E8;
}

/* Уровень 3 */

.menutop_lvl_3_block	{
	position			:absolute;
	top					:-1px;
	left				:100%;
	display				:none;
	background			:#FFFFFF;
	border				:1px solid #E8E8E8;
	border-left			:0px;
}

/* LEFT */

.leftmenu-1, .activeleftmenu-1 {
	display				:block;
	padding				:10px 10px 10px 10px;
	font-size			:14px;
	font-weight			:bold;
	text-transform		:uppercase;
	text-decoration		:none !important;
	border-bottom		:1px solid #DCDCDC;
	color				:#7E7E7E;
	transition			:all 0.3s;
}

.leftmenu-1:hover, .activeleftmenu-1:link, .activeleftmenu-1:visited, .activeleftmenu-1:hover {
	color				:#460a77;
}

.leftmenu-2, .activeleftmenu-2,
.leftmenu-3, .activeleftmenu-3,
.leftmenu-4, .activeleftmenu-4,
.leftmenu-5, .activeleftmenu-5 {
	display				:block;
	padding				:8px 10px 8px 30px;
	text-decoration		:none !important;
	font-size			:14px;
	font-weight			:bold;
	color				:#7E7E7E;
	background-image	:url("/tmp/images/li.png");
	background-position	:10px center;
	background-repeat	:no-repeat;
	border-bottom		:1px solid #DCDCDC;
	transition			:all 0.3s;
}

.leftmenu-2:hover, .activeleftmenu-2:link, .activeleftmenu-2:visited, .activeleftmenu-2:hover,
.leftmenu-3:hover, .activeleftmenu-3:link, .activeleftmenu-3:visited, .activeleftmenu-3:hover,
.leftmenu-4:hover, .activeleftmenu-4:link, .activeleftmenu-4:visited, .activeleftmenu-4:hover,
.leftmenu-5:hover, .activeleftmenu-5:link, .activeleftmenu-5:visited, .activeleftmenu-5:hover {
	color				:#460a77;
}

.leftmenu-3, .activeleftmenu-3 {
	padding-left		:50px;
	background-position	:30px center;
}

.leftmenu-4, .activeleftmenu-4 {
	padding-left		:70px;
	background-position	:50px center;
}

.leftmenu-5, .activeleftmenu-5 {
	padding-left		:90px;
	background-position	:70px center;
}

/* FIX */

.tel:hover {
	text-decoration		:none !important;
}

/**/

.mod_search_main {
	margin				:10px 20px !important;
}

.mod_search_input {
	height				:35px !important;
	text-indent			:15px !important;
	border				:none !important;
	border-top-left-radius:10px !important;
	border-bottom-left-radius:10px !important;
	box-shadow			:unset !important;
	color				:#EEE !important;
	background-color	:#0776AE !important;
}

.mod_search_submit {
	height				:37px !important;
	line-height			:37px !important;
	width				:65px !important;
	text-align			:center !important;
	border				:none !important;
	border-top-right-radius:10px !important;
	border-bottom-right-radius:10px !important;
	background-image	:url('/tmp/images/search.png') !important;
	background-size		:20px auto !important;
	background-color	:#0776AE !important;
	transition			:all 0.4s !important;
}

.mod_search_submit:hover {
	background-color	:#F0F0F0 !important;
}

.mod_form_content {
    margin: 25px !important;
}

hr {
    border: 0;
    height: 1px;
    background: #e4e4e4;
}

.show, .show:hover {
	box-shadow			:0px 0px 0px !important;
	border-radius		:3px !important;
	background-color    :#ffffff !important;
}

a.show img {
	border-radius		:0px !important;
	display			    :block;
}

#mod_cart_main {
    color                   :#4E4E4E;
    margin                  :5px 20px !important;
}  

#mod_cart_table td {
   	font-size				:12px !important;
   	line-height				:15px !important;
}

#footer {
        height: 130px;
    line-height: 30px;
    text-align: center;
    padding-top: 30px;
    width: 100%;
    background: #460a77;
}    

.label_skitter {
    padding                 :15px !important;
    font-size               :26px;
    text-align              :center;
}

.mod-content .mod-title {
	padding				:10px 20px;
	margin-bottom		:10px;
	font-size			:18px;
	font-weight			:bold;
	text-transform		:uppercase;
	text-align			:center;
	border-radius		:20px;
	background			:#460a77;
	color				:#EEEEEE;
}

.button_blue {
    border				:1px solid #460a77 !important;
    background			:#460a77 !important;
}

.button_blue:hover {
    border				:1px solid #550c90 !important;
    background			:#550c90 !important;
}

.head-contact .mod-content {
	display: flex;
}

.head-contact .table_0.table_tol {
	margin-right: 20px;
	min-width: 260px;
}

.form_custom.form_usluga {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	max-width: none;
	width: 100%;
	box-sizing: border-box;
}

.form_custom.form_usluga  input{
	width: 48% !important;
}

.form_custom.form_usluga  input.button_blue {
	margin: 5px 0px 5px;
	height: 35px;
	padding: 6px 25px;
}

.form_custom.form_usluga .input_1.input_hide {
	display: none;
}

.jakorja {
    margin: 15px 0px;
	margin-bottom: 30px;
}

.jakorja a {
    color: #460a77;
    font-weight: 500;
    margin-right: 10px;
    border-bottom: 1px dashed #460a77;
    text-decoration: none;
}

.contact-text {
	display: flex;
	flex-wrap: wrap;
}

.contact-text .table_0 {
	width: 30%;
}

@media screen and (max-width: 700px) {
	.contact-text .table_0 {
		width: 100%;
	}
}

.price-table {
	border: none;
	margin-top: 15px;
	margin-bottom: 30px;
	width: 100%;
}

.price-table td {
	padding: 10px;
	border-bottom: 1px solid #460a77
}

.price-table b {
	font-weight: 700;
}

.price-table tr:nth-child(2n+1) td {
    background: #f0f0f0;
}

.price-table thead tr td {
	background: #460a77 !important;
	color: #fff;
	font-weight: 700;
	text-align: center;
	vertical-align: middle;
}

.price-table tr td:nth-child(2), .price-table tr td:nth-child(3) {
    text-align: center;
	vertical-align: middle;
}

.price-table.theadBorder thead tr td {
	border: 1px solid #94b2c9;
}

.price-div {
    width: 100%;
    overflow: auto;
}

.content .rightContent ol {
counter-reset:li;
}
.content .rightContent ol li {
list-style-type:none;
margin-bottom:5px;
}

.content .rightContent ol li:before {
content:counter(li) ". " !important;
counter-increment:li;
padding-right:0 !important;
color:#460a77;
font-weight:700;
}

.content .rightContent ul {
}

.content .rightContent ul li {
    list-style-type: none;
    margin-bottom: 5px;
}

.content .rightContent ul li:before {
    color: #460a77;
    content: '\25CF' !important;
    padding-right: 10px;
    counter-increment: auto;
}

.how-work {
	text-align: center;
}

.index-flex p, .index-flex ol, .index-flex ul {
	width: 100%;
}