@charset "utf-8";
@import url("../_fonts/suisseintl/suisseintl.css");
@import url("../_fonts/harmoniasans/harmoniasans.css");

html {font-family: 'Suisse Intl', Tahoma; }
body {margin:0; padding:0; font-family: 'Suisse Intl', Tahoma; font-size: 18px; background: #F2F2F2; color: #333333;}

a {color: #008060; transition: all 0.3s; }
a:hover {text-decoration: none; color: #008060;}

p {margin-bottom: 1rem; line-height: 1.2;}

h1,h2,h3,h4 {color: #3d3d3d;}
.contacts h1 {font-size: 28px; font-weight:700; color:#008060; margin-left:120px;}
h2 {position: relative; font-weight: 700; font-size: 23px; margin-bottom: 30px;}
h3 {position: relative; font-size: 20px; line-height: 26px; font-weight: 800; font-style: normal; text-transform: uppercase; }
h4 {font-size: 14px; text-transform: uppercase; font-weight: bold; }

header {font-size: 14px; height: 605px; display: flex;}
header.short {font-size: 14px; height: auto; display: flex;}
header.short .col-top {background: none;}
header.short .logo {transition: all 0.3s; margin-left: 105px; display: block; margin-top: 25px; margin-bottom: 25px; max-width:210px;}

.col-top {background: url(../images/bg/bg_top.png) no-repeat bottom right;}
.home {margin-left: 120px; margin-top: 60px; border-radius: 8px;}
.logo {transition: all 0.3s; margin-left: 120px; display: block; margin-top: -50px; }
.h1 {display: inline-flex; font-weight: 600; position: relative; margin-bottom: 0; font-size: 36px; text-transform: uppercase; background: #008060; color: #fff; 
	padding: 25px 0 15px 120px; border-radius: 15px; width: 480px; z-index:2;
}
.h1.white {background: #fff; color: #008060;}
.h2 {display: inline-flex;  position: relative; margin-bottom: 0; font-size: 36px; background: #c2dcd5; color: #008060; 
	padding: 25px 35px 15px 50px; border-radius: 0 15px 15px 0; margin-left: -15px; font-weight: bold; z-index:1;
}
.h2 img {border: 1px solid rgba(0, 128, 96, 0.5); padding: 5px; border-radius: 8px; vertical-align: baseline; margin-right: 20px;}
.h3 { display: inline-flex; position: relative; margin-bottom: 0; font-size: 36px; background: #e6eceb; color: #008060; 
	padding: 25px 5px 15px 50px; border-radius: 0 15px 15px 0; margin-left: -15px; font-weight: bold;
}
.h3 img {border: 1px solid rgba(0, 128, 96, 0.5); padding: 5px; border-radius: 8px; vertical-align: baseline; margin-right: 20px;}

.index {position: fixed; bottom: 0; width: 100%; top:0; display: flex; align-items: center; justify-content: center;}
.uf-block, .diaco-block, .about-contacts-block {border-radius: 15px; display: inline-flex; flex-direction:column; border: 1px solid #008060; 
	justify-content:space-between; height: 280px; width: 465px; padding: 40px 50px; margin:20px 30px; font-size: 24px; }
.uf-block p, .diaco-block p, .about-contacts-block p {line-height: 28px; margin-bottom:0;}
.diaco-block {font-family: 'Harmonia Sans Pro Cyr';}
.logoinblock {font-size: 24px; font-weight: 600;}

.footer { background: rgba(0, 128, 96, 0.1); font-size: 12px; padding: 20px 15px 10px; margin-top: 80px;}
footer { color: #333; position: relative; padding-left: 105px!important; padding-right: 105px!important; }
footer a { color: #00A3FF; }

.container-fluid {max-width: 1366px;}

/* Хлебные крошки */
.h1bread {background: url(../images/bg/breadcrumbs_bg.png); box-shadow: 0 4px 3px -2px rgb(41 41 41 / 10%); height: 90px; position: relative;}
.h1bread h1 {font-weight: 700; font-size: 25px; margin: 0;}
.breadcrumbs {color: #666; font-size: 10px; font-weight: bold; text-transform: uppercase; }
.breadcrumbs a {color: #90BF44;}
.breadcrumbs span.div { display: inline-block; margin: 0 1px; }

.bigger {font-size:24px; line-height:28px;}
.smaller {font-size: 14px; line-height: 16px;}

th {color: rgba(255,255,255,.75); background: rgba(0, 128, 96, 0.75); font-size: 12px; text-transform: uppercase;}
td {color: #5e5e5e; font-size: 16px;}

.catalog_map {columns: 2;}
.catalog_submenu {padding: 15px 5px 10px; border-radius: 8px; display: inline-block; color: #5e5e5e; width: 100%;}
.catalog_submenu.det {display: inline-block; color: #5e5e5e; width: 100%;}
.catalog_submenu:after {border-bottom: 1px solid #ADADAD; width: 60%; content: ''; display: block; height: 1px; position:relative; top: 10px;}
.catalog_submenu-inner:after {display: none;}
.catalog_submenu.whole:hover {background: rgba(0, 128, 96, 0.1); color: #5e5e5e;}
.catalog_submenu.whole:hover:after {border-bottom: 1px solid transparent; }
.catalog_submenu.det p {padding: 15px 5px 10px; border-radius: 8px; margin: 0;}
.catalog_submenu.det p:hover {background: rgba(0, 128, 96, 0.1);}
.catalog_submenu.det span {padding-left: 5px; display: block;}
.catalog_submenu span {font-size: 28px; font-weight: 700; color: #008060; line-height: 32px;}
.catalog_submenu p {margin: 15px 0;}

.detail_h1 { font-size:36px; line-height: 42px; font-weight: bold; margin-bottom: 30px;}
.detail_h1 span { font-size:18px; line-height: 21px; font-weight: normal; display: block;}

.text {margin-left: 105px; margin-right: 105px; margin-top: 80px; }
table a {color: #00A3FF; text-decoration: underline;}
.table-bordered tr th {border: none;}
.table-bordered tr td {border-top: none; border-bottom: none;}
.table-striped tbody tr:nth-of-type(odd) {background: rgba(0, 128, 96, 0.1);}
.table-bordered tr th:first-child { border-radius: 6px 0 0 6px;}
.table-bordered tr th:last-child { border-radius: 0 6px 6px 0;}
.table-bordered tr td:first-child {border-left: none; border-radius: 6px 0 0 6px;}
.table-bordered tr td:last-child {border-right: none; border-radius: 0 6px 6px 0;}
.table-bordered td {border-color: #ADADAD;}

.wrapper {height: 30px;}

.copyright {padding-top: 15px;}

.contacts .h1 {padding: 0 0 0 120px; align-items:center; height:85px;}
.contacts .white img {height: 45px;}
.h1.contacts-short {color:rgba(0, 130, 101, 0.5);}
.contacts-h {color:#000; font-weight:600;margin-top: 3rem;}
.contacts-name {color:rgba(0, 0, 0, 0.75); font-weight:700; font-size: 16px;}
.contacts-descr {color:rgba(0, 0, 0, 0.5);font-size: 14px;}
.contacts-email {color:rgba(0, 128, 96, 1);font-size: 16px;}

@media (max-width: 1366px) {
	.h1 {margin-left: -15px; border-radius: 0 15px 15px 0;}
}

@media (max-width: 1140px) {
	.logo, .home, .text {margin-left: 0; margin-right: 0;}
	.contacts h1 {margin-left:0;}
	footer {padding-left: 15px!important; padding-right: 15px!important;}
}

@media (max-width: 992px) {
	.col-top {background-position: 80px 50px;}
	.logo {max-width: 210px; margin-top: -70px;}
	.index {position: inherit;}
	.uf-block, .diaco-block, .about-contacts-block {display: block; width: auto; height: auto;}
	.logoinblock {margin-bottom: 2rem;}
	.catalog_map {columns: 2;}
}

@media (max-width: 768px) {
	.h1 img {max-width: 90%;}
	.contacts .h1, .h1, .h2, .h3 {font-size: 26px; padding-left: 30px; width: 90vw;}
}

@media (max-width: 576px) {
	header {height: 525px;}
	.col-top {background-position: 80px 10px;}
	.catalog_map {columns: 1;}
	.uf-block, .diaco-block, .about-contacts-block {margin: 15px 0; padding:30px;}
	header.short .logo {margin-left: 15px;}
	.table td, .table th {padding: 0.3rem; font-size: 12px;}
	
	.detail_h1 {font-size: 28px; line-height:32px;}
}