/*
 *
 * Основные стили Шаблона. 
 * Стили скелета сайта, и основных блоков шаблона
 */
 
 
/* Общие или дополнительные стили */

html, body {
	overflow-x: hidden !important;
}

body {
	/* background-color: rgb(206, 206, 206); */
	background-color: rgb(255, 255, 255);
	padding-top: 41px;
}

body.lock {
	position: relative;
	overflow: hidden;
}
 
.container {
	max-width: 1600px;
}
 

/* Шапка сайта  */
 
body > header {
	background-color: rgb(26, 123, 42);
	color: rgb(255, 255, 255);
	position: relative;
}


/* Поизиция Меню  */
 
body > nav {
	background-color: rgb(255, 255, 255);
	color: inherit;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 99981;
	/*border-bottom: 3px solid rgb(206, 206, 206);*/
}

body > nav > .container > div {
	width: 100%;
}

/* Колонка контента  */
 
body > .container > .row > main {
	position: static;
	padding: 2.571rem;
	background-color: rgb(255, 255, 255);
	font-size: 1.286rem;
}

body > .container > .row > main img {
	max-width: 100%;
}


/* Боковая колонка  */
 
body > .container > .row > aside {
	padding: 0;
	background-color: #B4CF12;
	position: relative;
	z-index: 99980;
}

body > .container > .row > aside .wrapper {
	padding: 40px 1.714rem;
	position: -webkit-sticky;
	position: sticky;
	top: 2.714rem;
	bottom: 0;
}


/* Подвал сайта  */
 
body > footer {
	background-color: rgb(58, 162, 73);
	color: rgb(255, 255, 255);
	padding: 2.857rem 0; 
}


/* Стили блоков  */

body > .container > .row > main > section {
	position: relative;
}

body > .container > .row > main > section > * {
	position: relative;
	z-index: 1;
}

body > .container > .row > main > section.yellow {
	color: rgb(26, 122, 43);
}

body > .container > .row > main > section.yellow:before {
	content: '';
	position: absolute;
	left: -2000%;
	right: -2000%;
	height: 100%;
	
	background-color: rgb(250, 207, 51);
	z-index: 0;
}

body > .container > .row > main > section.yellow h2 {
	margin: 0 0 1rem 0;
	text-align: left;
	font-size: 2.5rem;
	line-height: 2.571rem;
	font-weight: bold;
	text-transform: none;
}

body > .container > .row > main > section.yellow h2 a {
	color: rgb(26, 122, 43);
}

body > .container > .row > main > section.yellow h2 a:hover {
	text-decoration: none;
}


/* Стили всплывающего текста */

body > .messagePopup {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999999;
	background-color: rgba(0, 0, 0, .75);
	
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	
	cursor: pointer;
	
	font-size: 1.3rem;
	line-height: 1.5rem;
}

body > .messagePopup > div {
	max-width: 28.5714rem;
	width: 90%;
	padding: 30px;
	background-color: rgba(255, 255, 255, .95);
}

h3 {
	color: #b24281;
	text-transform: uppercase;
}

b, strong {
	font-weight: bold !important;
}

label {
	cursor: pointer;
}

.red{
	color: red;
}
.pink{
	color: #b54284;
}

.col-form-label  {
	padding: 0 !important;
	display: flex;
	justify-content: flex-end;
    align-items: center;
}

@media (max-width: 575.98px) {
    .col-form-label {
        justify-content: start;
		padding-bottom: calc(.5rem + 1px) !important;
    }
}