html {
	margin: 0;
	padding: 0;
	font-family: 'Roboto', 'PT Sans';
}

body {
	font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Roboto, sans-serif;
}

h2 {
	font-weight: 400;
	font-size: 3rem;
	line-height: 1.1;
	color: #0c54a0;
}

h3 {
	font-weight: 400;
	font-size: 1.8rem;
	line-height: 1.1;
	color: #0c54a0;
}

.tm-body {
	display: block;
	overflow-x: hidden;
}

/*//////////шапка*/
.tm-header {
	width: 100%;
	display: grid;
	grid-template-columns: 44% 57%;
}
.tm-header-item {
	font-size: 1.5rem;
}
.item-1 {
	grid-column: 1 / 2;
}
.item-2 {
	grid-column: 2 / 3;
	background-color: #fff;
	opacity: 0.8;
	height: 80px;
	margin-top: 40px;
}
.tm-header-logo {
	align-items: baseline;
	display: inline-block;
/*	margin-left: 280px;
	margin-top: 40px;*/
	overflow: hidden;
	white-space: nowrapo;
	vertical-align: baseline;
}
.tm-header-link-logo {
	flex-shrink: 0;
	transform: translateY(5px);
}
.tm-header-link-logo a {
	outline: none;
	color: #0c54a0;
	text-decoration: none;
	vertical-align: baseline;
/*	width: 300px;
	height: 62px;*/
	margin: 18px auto 0 19px;
}
.tm-header-link-img {
	display: block;
/*	width: 300px;
	height: 62px;*/
	margin: 18px auto 0 19px;
}




/*//////меню*/

.menu li{
	display: inline-block;
	list-style-type: none;
	padding-left: 20px;
}

.menu li:hover{
	border-bottom: 2px solid #111111;
	transition: ease-in-out 0.1s;
}

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

.menu a:hover {
	color: #111111;
}

.menu a:active {
	color: #fff;
}

.menu {
	z-index: 20;
}

/*//////конец шапки*/


/*главная*/
.section-nav {
	display: grid;
	position: absolute;
	grid-template-columns: 45% 55%;
    top: 0;
    bottom: 0;
    right: 0;
}
.item-3 {
	grid-column: 1 / 2;
	margin-top: 250px;
	margin-left: 299px;
	width: 65%;
}
.item-3 p {
	font-size: 1.125rem;
	line-height: 1.6;
	color: #111111;
}
.item-3 ul {
	padding-left: 0px;
}
.item-3 li {
	font-size: 1.125rem;
	line-height: 1.6;
	color: #111111;
	list-style-type: none;
}
.item-3 li::before {
	color: #0c54a0;
	content: " ○ ";
	padding-right: 2px;
}
.item-4 {
	grid-column: 2 / 3;
}
.block-content-4 img {
	object-fit: cover;
	width: auto;
	height: 100%;
} 

.block-content-4 {
	position: relative;
	overflow: hidden;
	top: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	background: no-repeat;
	z-index: -1;
}

.item-5 {

}


/*медиа*/

@media screen and (min-width: 1881px) {
.tm-header-logo {
	margin-left: 280px;
	margin-top: 40px;
}

.tm-header-link-logo a {
	width: 300px;
	height: 62px;
}
.tm-header-link-img {
	width: 300px;
	height: 62px;
}
/*.item-3 {
	grid-column: 1 / 2;
	margin-top: 300px;
	margin-left: 200px;
	width: 65%;
}*/
}

@media (min-width: 1141px) and (max-width: 1880px) {
.tm-header-logo {
	margin-left: 40px;
	margin-top: 44px;
}

.tm-header-link-logo a {
	width: 251px;
	height: 52px;
}
.tm-header-link-img {
	width: 251px;
	height: 52px;
}
.item-3 {
	width: 80%;
	margin-top: 250px;
	margin-left: 60px;
}
h2 {
	font-size: 2rem;
}
}

@media (min-width: 941px) and (max-width: 1140px) {
.tm-header-logo {
	margin-left: 40px;
	margin-top: 44px;
}

.tm-header-link-logo a {
	width: 203px;
	height: 42px;
}
.tm-header-link-img {
	width: 203px;
	height: 42px;
}
.item-3 {
	width: 80%;
	margin-top: 250px;
	margin-left: 60px;
}
h2 {
	font-size: 2rem;
}
}

@media (min-width: 721px) and (max-width: 940px) {
h2 {
	font-size: 2rem;
}
.tm-header-logo {
	margin-left: 20px;
	margin-top: 44px;
}

.tm-header-link-logo a {
	width: 203px;
	height: 42px;
}
.tm-header-link-img {
	width: 203px;
	height: 42px;
}
.section-nav, .tm-header {
	display: block;
	float: left;
	top: 200px;
	padding-top: 0px;
}
.item-3 {
	width: 80%;
	margin-top: 0px;
	margin-left: 40px;
}
.item-4 {
	margin-top: 20px;
}
.block-content-4 img {
	width: 100%;
	height: 70%;
} 

.block-content-4 {
	position: relative;
	overflow: hidden;
	right: 0;
	bottom: 0;
	height: 100%;
	background: no-repeat;
}
}

@media (min-width: 541px) and (max-width: 720px) {
h2 {
	font-size: 2rem;
}
.tm-header-logo {
	margin-left: 20px;
	margin-top: 44px;
}

.tm-header-link-logo a {
	width: 203px;
	height: 42px;
}
.tm-header-link-img {
	width: 203px;
	height: 42px;
}
.section-nav, .tm-header {
	display: block;
	float: left;
	top: 200px;
	padding-top: 0px;
}
.item-3 {
	width: 80%;
	margin-top: 0px;
	margin-left: 20px;
}
.item-4 {
	margin-top: 20px;
}
.block-content-4 img {
	width: 100%;
	height: 60%;
} 
.block-content-4 {
	position: relative;
	overflow: hidden;
	right: 0;
	bottom: 0;
	height: 100%;
	background: no-repeat;
}
.item-2 {
	height: 30px;
	margin-top: 10px;
}
.tm-header-link-logo a {
	margin: 0;
}
.tm-header-link-img {
	margin: 0;
}

.menu li{
	margin: 0;
	padding-left: 0px;
}
}

@media (min-width: 341px) and (max-width: 540px) {
h2, h3 {
	font-size: 1.5rem;
}
.item-3 p {
	font-size: 1rem;
	line-height: 1.2;
}
.item-3 li {
	font-size: 1rem;
	line-height: 1.2;
}
.tm-header-logo {
	margin-left: 20px;
	margin-top: 44px;
}

.tm-header-link-logo a {
	width: 203px;
	height: 42px;
}
.tm-header-link-img {
	width: 203px;
	height: 42px;
}
.section-nav, .tm-header {
	display: block;
	float: left;
	top: 180px;
	padding-top: 0px;
}
.item-3 {
	width: 80%;
	margin-top: 0px;
	margin-left: 20px;
}
.item-4 {
	margin-top: 20px;
}
.block-content-4 img {
	width: 100%;
	height: 60%;
} 
.block-content-4 {
	position: relative;
	overflow: hidden;
	right: 0;
	bottom: 0;
	height: 100%;
	background: no-repeat;
}
.item-2 {
	height: 30px;
	margin-top: 10px;
}
.tm-header-link-logo a {
	margin: 0;
}
.tm-header-link-img {
	margin: 0;
}

.menu li{
	margin: 0;
	padding-left: 0px;
}
}