@font-face {
    font-family: 'Igra Sans';
    src: local('Igra Sans'), local('IgraSans'), url('/theme/main/fonts/igrasans/400.woff2') format('woff2'), url('/theme/main/fonts/igrasans/400.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

body, html {
	background: #ffffff url("/theme/main/images/bg_main.png"); 
	font-family: 'Igra Sans';
	padding:0px; 
	margin:0 auto; 
	font-weight: 400; 
	font-style: normal; 
	color:#1A1A1A; 
	line-height:1.2; 
	scroll-behavior: smooth;
}
body {
	padding: 2em 4em;
}

/* Базовые стили */

img {border:0px;}
a:link{
	color:#03509E;
	text-decoration:none;
	border-bottom:1px solid #03509E;
}
a:hover{
	color:#F39100;
	text-decoration:none;
	border-bottom:1px solid #F39100;
}
a:visited{
	color:#3781CF; 
	text-decoration:none;
	border-bottom:1px solid #3781CF;
}
a:visited:hover{
	color:#F39100; 
	text-decoration:none;
	border-bottom:1px solid #F39100;
}
h1 {font-size: 2em; font-weight: 700; margin: 0 0 1em 0;}
h2 {font-size: 1.6em; font-weight: 700; margin: 1em 0 1em 0;}
h3 {font-size: 1.2em; font-weight: 700; margin: 1em 0 1em 0;}
h4 {font-size: 1em; font-weight: 700; margin: 1em 0 1em 0;}
p {padding: 0.2em 0px 0.2em 0px;}
textarea {width:100%; height:90px;} 
hr {border-top:1px solid #333333; border-bottom:0px solid #cccccc; margin-bottom:24px; margin-top:24px; clear:both;}
blockquote {border-left:6px solid #333333; margin: 24px 0px; padding-left:12px; font-weight:bold;}
fieldset {margin:10px 0px 10px 0px; padding: 10px; border:1px solid #333333;}
legend {font-weight:bold;}
input {padding:0px; }

/* Шапка */

.header {
	display: grid;
    grid-template-columns: 1fr 1fr;
	gap: 2em;
	margin: 0 0 2em 0;
}

.header .logo a {
	border:0;
}

.header .contacts {
	text-align:right;
	font-size:2em;
}

.header .contacts a {
	border:0;
	color:#1A1A1A;
}

/* Навигация */

.nav {
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding: 1em 2em;
	margin: 0 0 2em 0;
}

.nav a {
	border:0;
}



.nav ul {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	gap: 2em;
}

.nav ul li {
	
} 

.nav ul li ul {
	display:none;
} 

/* Главная страница */

.mainfield {
	margin: 0 0 2em 0;
}

.mainfield .section {
	color:#ffffff;
	overflow:hidden;
	border-radius:2em;
	margin-bottom:2em;
	display: flex; 
    flex-flow: row wrap;
}

.mainfield .section .title {
	font-size: 2em;
	line-height:1em;
	margin-bottom: 1em;
}

.mainfield .section .description {
	margin-bottom: 2em;
	max-width:50vw;
}

.mainfield .section-6 {
	/* background: #03509E url("/theme/main/images/section-1.jpg") no-repeat right top; */
	background: #03509E;
}

.mainfield .section-6 .content {
	width:50%;
	order: 1;
	padding: 2em;
}

.mainfield .section-6 .pic {
	width:50%;
	order: 2;
	text-align:right;
}
.mainfield .section-6 .pic img {
	height:100%;
}



.mainfield .section-7 {
	background: #F39100;
}

.mainfield .section-7 .content {
	width:50%;
	order: 2;
	padding: 2em;
}

.mainfield .section-7 .pic {
	width:50%;
	order: 1;
	text-align:left;
}
.mainfield .section-7 .pic img {
	height:100%;
}


.mainfield .section-7 .link a {
	color: #ffffff;
	display: inline-block;
	background: #3781CF!important;
	border-radius:2em;
	padding:0.7em 2em;
}

.mainfield .section-7 .link a:hover {
	border:0!important;
	background:#6292c5!important;
}


.mainfield .section-8 {
	background: #3781CF;
}

.mainfield .section-8 .content {
	width:50%;
	order: 1;
	padding: 2em;
}

.mainfield .section-8 .pic {
	width:50%;
	order: 2;
	text-align:right;
}
.mainfield .section-8 .pic img {
	height:100%;
}

.mainfield .section .link a {
	color: #ffffff;
	display: inline-block;
	background: #F39100;
	border-radius:2em;
	padding:0.7em 2em;
}

.mainfield .section .link a:hover {
	border:0;
	background:#d37f04;
}

.mainfield .catalog {
	margin-top:4em;
	margin-bottom:2em;
}

.innerfielf .catalog {
	margin-top:2em;
	margin-bottom:2em;
}

.catalog .title {
	font-size: 2em;
	line-height:1em;
	margin-bottom: 2em;
	text-align:center;
}

.catalog .content {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	gap: 2em;
}

.catalog .content .cat-section {
	width:289px;
	background:#ffffff;
	text-align:center;
	padding: 2em;
	border-radius:2em;
}

.catalog .content .cat-section img {
	transition: 1s;
	width:200px;
	height:auto;
}
.catalog .content .cat-section img:hover {
    transform: scale(1.2); 
}
   

.catalog .content .cat-section a {
	border:0;
}

.catalog .content .cat-section .ttl {
	margin-top:1em;
	color:#000000;
}

.ask-form {
	margin-top:4em;
}

.ask-form .title {
	font-size: 2em;
	line-height:1em;
	margin-bottom: 2em;
	text-align:center;
}

.ask-form .form {
	display: grid;
	gap:2em;
	grid-template-areas: "data1 data2"  
						 "data1 data2"  
						 "submit submit";
	grid-template-columns: repeat(2, 1fr);
}

.ask-form .form .hightlight {
	background:#ffb1ae!important;
}

.ask-form .form .data1 {
	grid-area: data1;
}

.ask-form .form .data1 input {
	border:0;
	background: transparent;
	font-size:2em;
	border-bottom:1px solid #000000;
	padding:0 1em;
	display:block;
	margin-bottom:1em;
	width:100%;
}

.ask-form .form .data2 {
	grid-area: data2;
}

.ask-form .form .data2 textarea {
	border:0;
	background: transparent;
	font-size:1.5em;
	border:1px solid #000000;
	padding:1em;
	display:block;
	margin-bottom:1em;
	width:100%;
	border-radius:2em;
	height:200px;
}

.ask-form .form .submit {
	grid-area: submit;
	text-align:center;
}

.ask-form .form .submit .button {
	color: #ffffff;
	display: inline-block;
	background: #F39100;
	border-radius:2em;
	padding:0.7em 2em;
}

.ask-form .form .submit .button:hover {
	cursor:pointer;
	background:#3781CF;
}


.about {
	margin-top:4em;
}

.about .title {
	font-size: 2em;
	line-height:1em;
	margin-bottom: 2em;
	text-align:center;
}

.about .text {
	line-height:1.5;
}


.benefits {
	margin-top:4em;
}

.benefits .title {
	font-size: 2em;
	line-height:1em;
	margin-bottom: 2em;
	text-align:center;
}

.benefits .benefits-list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	gap: 2em;
}

.benefits .benefits-list .benefit {
	width:289px;
	text-align:center;
	padding-top:2em;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIYAAAABCAYAAAAbzNbxAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAGElEQVR4nGP5PJGhnoGBoYFhFIwCBGgEAEgDAwlHk7USAAAAAElFTkSuQmCC") no-repeat top center;
}



/* Внутренняя каталог */

.bredcrumbs {
	margin-bottom:2em;
	margin-left:0em;
	color:#999999;
}

.bredcrumbs a {
	color:#999999;
	border-bottom:1px solid #efefef;
}

.bredcrumbs a:hover {
	color:#F39100;
	border-bottom:1px solid #F39100;
}

.innerfield .catalog {
	margin-top:2em;
	margin-bottom:2em;
}

.innerfield .catalog .box {
	padding:2em;
	background:#ffffff;
	border-radius:2em;
}

.innerfield .catalog .title {
	margin-bottom:1em;
}

.innerfield .catalog .text {
	margin-top:4em;
	line-height:1.5em;
}

.innerfield .catalog .list-header {
	display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	gap: 2em;
	margin: 0 0 2em 0;
	background: #3781CF;
	padding:1em;
	border-radius:1em;
	color:#ffffff;
	font-size:0.8em;
}

.innerfield .catalog .item {
	display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	gap: 2em;
	padding:1em;
}

.innerfield .catalog .item {
	
}

.innerfield .catalog .description-field {
	display: grid;
    grid-template-areas: "pic descr descr" ;
	grid-template-columns: repeat(3, 1fr);
	gap: 2em;
	padding-top:2em;
	margin-top:4em;
	border-top:1px solid #cccccc;
}

.innerfield .catalog .description-field .pics {
	grid-area: pic;
}

.innerfield .catalog .description-field .pics img {
	margin:0 auto;
	display:block;
	width: 200px;
    height: auto;
}

.innerfield .catalog .description-field .description {
	grid-area: descr;
	padding-left:2em;
	border-left: 1px solid #cccccc;
	line-height:1.7em;
}

.innerfield .catalog .description-field .description img {
	display:block;
	margin: 2em auto;
	border-radius:1em;
	border:1px solid #E6E6E6;
	padding:1em;
}

.innerfield .catalog .description-field .description ul {
	margin: 0.5em 0;
}

.innerfield .catalog .description-field .description ul li {
	margin: 0px 0 0.5em 2em; 
	padding: 0 0 0 1em; 
	list-style-type:disc;
}

.innerfield .catalog .description-field .description ol li {
	margin: 0px 0 0.5em 2em; 
	padding: 0 0 0 1em; 
	list-style-type:decimal;
}

.innerfield .usluga {
	
}

.innerfield .section-title {
	
}

.innerfield .text-field {
	line-height:1.7em;
	padding:2em;
	border-radius:2em;
	background:#ffffff;
}

.innerfield .text-field img {
	display:block;
	margin: 2em auto;
	border-radius:1em;
	border:1px solid #E6E6E6;
	padding:1em;
}

.innerfield .text-field ul {
	margin: 0.5em 0;
}

.innerfield .text-field ul li {
	margin: 0px 0 0.5em 2em; 
	padding: 0 0 0 1em; 
	list-style-type:disc;
}

.innerfield .text-field ol li {
	margin: 0px 0 0.5em 2em; 
	padding: 0 0 0 1em; 
	list-style-type:decimal;
}

/* Товар */ 

.item-page .item {
	display: grid;
    grid-template-areas: "itempic itemspec itemspec" 
						"itemdescr itemdescr itemdescr";
	grid-template-columns: repeat(3, 1fr);
	gap: 2em;
	padding:2em;
	background:#ffffff;
} 

.item-page .item .pic {
	grid-area: itempic;
}

.item-page .item .pic img {
	display:block;
	margin: 0 auto;
	width: 200px;
	height:auto;
}

.item-page .item .price {
	margin-top:2em;
	padding:1em;
	border-radius:2em;
	background:#3781CF;
	color:#ffffff;
	text-align:center;
	font-size:1.5em;
}

.item-page .item .askform {
	margin-top:2em;
	text-align:center;
}
.item-page .item .askform input {
	border:0;
	background: transparent;
	font-size:1em;
	padding:0.5em;
	display:block;
	margin-bottom:1em;
	width:100%;
	border:1px solid #cccccc;
}

.item-page .item .askform .button {
	color: #ffffff;
	display: inline-block;
	background: #F39100;
	border-radius:2em;
	padding:0.7em 2em;
	cursor:pointer;
	margin-bottom:1em;
}

.item-page .item .askform .button:hover {
	background: #3781CF;
}

.item-page .item .spec {
	grid-area: itemspec;
	border-left:1px solid #cccccc;
	padding-left:2em;
}

.item-page .item .spec table {
	border:0;
	border-collapse: collapse;
}
.item-page .item .spec table td {
	border:0;
	font-size:0.9em;
	color:#666666;
	padding:0.5em 0 0 0;
 
}

.item-page .item .spec table td:first-child {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAIAAACUgoPjAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAEklEQVR4nGP59+8fAwPDuXPnABzWBWnI9DC1AAAAAElFTkSuQmCC") repeat-x center bottom;
}

.item-page .item .descr {
	grid-area: itemdescr;
	border-top:1px solid #cccccc;
	padding-top:2em;
	line-height:1.7em;
}

.item-page .item .descr table {
	border:1px solid #efefef;
	width:100%!important;
	margin: 2em 0;
}

.item-page .item .descr table td {

	padding:1em;
 
}


.item-page .item .descr iframe {
	padding:2em;
	background:#efefef;
	border-radius: 1em;
	max-width:600px;
	margin: 2em auto;
	width:100%;
	display:block;
}
 


/* Статьи */

.articls {
	
} 

.articls .nav-list {
	margin:2em 0;
}

.articls .nav-list li {
	display:inline-block;
	margin:0 2em 0 0;
}

.articls .list {
	padding:2em;
	border-radius:2em;
	background:#ffffff;
}

.articls .list .post {
	margin-bottom:4em;
}

.articls .list .post .title {
	margin-bottom:1em;
	font-size:1.2em;
}

.articls .list .post .date {
	margin-bottom:1em;
	font-size:0.8em;
	color:#999999;
}

.articls .list .post .box {
	display: grid;
    grid-template-areas: "artpic artdescr artdescr";
	grid-template-columns: repeat(3, 1fr);
	gap: 2em;
}

.articls .list .post .box .pic {
	grid-area: artpic;
}

.articls .list .post .box .pic img {
	display:block;
	margin: 0 auto;
	width: 200px;
	height:auto;
}

.articls .list .post .box .descript {
	grid-area: artdescr;
	padding:0 2em;
	border-left:1px solid #cccccc;
	line-height:1.5em;
}

	
.articl article {
	padding:2em;
	border-radius:2em;
	background:#ffffff;
	
} 

.articl article .title {
	line-height:1.5em;
	font-size:2em;
}

.articl article img {
	display:block;
	margin: 2em auto;
	border-radius:1em;
	border:1px solid #E6E6E6;
	padding:1em;
}

.articl article .content {
	line-height: 1.7em;
}

.articl article ul {
	margin: 0.5em 0;
}

.articl article ul li {
	margin: 0px 0 0.5em 2em; 
	padding: 0 0 0 1em; 
	list-style-type:disc;
}

.articl article ol li {
	margin: 0px 0 0.5em 2em; 
	padding: 0 0 0 1em; 
	list-style-type:decimal;
}

.paginator {
	margin:2em 0;
}

.paginator li {
	margin: 0 2em 0 0;
	display:inline-block;
}

.kontakty .content {
	padding:2em;
	border-radius:2em;
	background:#ffffff;
}

.kontakty .content iframe {
	padding:2em;
	margin:2em 0;
	border:1px solid #E6E6E6;
	border-radius:1em;
	width:100%;
}

/* Подвал */

.footer {
	color:#999999;
	margin-top:4em;
	padding-top:2em;
	border-top:1px solid #cccccc;
}

.footer .data {
	margin-bottom:0.5em;
}