/* background colors
   background-main:       white;
   background-secondary:  #f4f7f9
   item-main:             #F7F7F7
   
   primary: 	#007bff -> #2f80eb
   secondary:	#6c757d -> #ad1899
   secondary:hover:	#5a6268 -> #8e117d

   hx:	         		  #142d99;

	a:	rgb(255, 133, 98)
*/

.header-footer-postgrespro {


html {

}
::selection {
	background: #9df;
}

body {
	font-family: TT_Norms_Pro, Arial, sans-serif;
	font-size: 16px;
	min-height: 100vh;
}
.main { 
	margin-top:70px; /* высота меню */
}
img {
	max-width:100%;
}
img.lead {
	padding: 6px 0 20px 30px;
	float: right;
	
}
@media (max-width: 991.98px) {
	img.lead { 
		float: none; 
		max-width: 66.666667%;
		margin-left: 16.666667%;
	}
}

a,
a:hover {
	color: #142d99;
	text-decoration: none;
}
a.quit {
	color: inherit;
}

table a:hover,
p a:hover {
	text-decoration: underline;
}

.bg-secondary {
	background-color: #f4f7f9 !important;
}

/*  HEADER - FOOTER  */
header {
	position: fixed;
	top: 0;
	text-transform: uppercase;
	z-index: 100;
	width: 100%;
}

section.h1-tray {
	padding-left:4em;
	padding-right:4em;
/*	min-height:215px;
	padding-bottom: 2em !important; */
	padding-bottom: 0.5em !important;
	border-bottom: solid 1px rgba(32,33,36,0.08);
} 

.sub-menu-wrapper {
	padding-top: 1em;
	padding-bottom: 1em;
	width:100%;
	border-bottom: solid 1px rgba(32,33,36,0.08);
	text-align: center !important;
}

footer {
	padding-top: 70px;
	padding-bottom: 70px;
	background-color: #142d99;
	color: white;
	font-size: 14px;
	font-weight: 300;
	position: sticky;
	top: 100vh;
}
footer a {
	color: white;
}
footer a:hover {
	color: white;
	text-decoration: underline;
}
footer ul {
	list-style-type: none;
	padding-left: 0;
	font-weight: 300;
}
footer li {
	line-height: 2.25;
}
footer h6 {
	text-transform: uppercase;
	margin-top: 1em;
	color: white;
}
footer img.logo {
	max-width: 124px;
}
footer #bottom-bar {
	position: fixed;
	z-index: 10;
	width: 100%;
	bottom: 30px;
	pointer-events: none;
}
footer #bottom-bar * {
	pointer-events: auto;
}

footer #to-top-button {
	margin-left: 30px;
	cursor: pointer;
	display: none;
}
footer  #bell {
	top: -5px;
	right: 45px;
	border-color: #2f80eb;
	position: relative;
	background: #2f80eb;
	height: 60px;
	width: 60px;
	border-radius: 50%;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
	z-index: 9;
}
footer #bell-run {
	position: absolute;
	width: 60px;
	height: 60px;
	border-radius: 100%;
	border-color:#2f80eb;
	box-shadow: 0 0 20px 0 rgba(0,0,0,.2);
	border: 3px solid #2f80eb;
	cursor: pointer;
	z-index: 9;
} 

footer  #bell.active,
footer #bell-run.active {
	background: white;
	border: white;
	margin-right: 8px;
}
footer .icon {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	cursor: pointer;
}
footer #tip {
	top: 3px;
	fill: white;
}
footer #close {
	display: none;
}

/* NAVIGATED MENU */
.navbar {
	box-shadow: 0 1px 8px rgba(32,33,36,0.20);
}
.navbar-brand img {
	margin: 0 0 0 1em;
	max-width:150px;
}
.nav-link {
	display: inline-block;
}
.nav-link:first-child {
	padding-right:0 !important;
}
.nav-link:not(:first-child) {
	padding-left:0 !important;
}
.navbar-nav .dropdown-submenu {
  position: absolute;
  z-index: 1001;
  display: none;
  min-width: 10rem;
  padding: 1em 2em;
  margin-left: 1em;
  font-size: 1rem;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.dropdown-toggle:hover .dropdown-submenu {
	display: inline-block !important;
}
@media (max-width: 991.98px) {
	.dropdown-toggle:hover .dropdown-submenu {
		display: block !important;
	}
}


#navbarNavDropdown {
	padding-top: 10px;
	margin-left: 1.2em;
}

@media (max-width: 576px) {
	#navbarNavDropdown .navbar-nav,
	#navbarNavDropdown .nav-item {
		font-size: 14px;
	}

	#navbarNavDropdown .dropdown-menu {
		padding: 0.5em;
	}
}

.navbar-ru-en {
	padding-top: 10px;
}

.lang ul li,
.menu-container ul li {
	display: inline;
}

.breadcrumb {
	font-size: 14px;
	background: transparent;
	padding: 0;
	margin-top: -2em;	
}
.breadcrumb-item:not(:first-child)::before {
	content: '>' !important;
}

.monospace {
	font-family: 'TT_Norms_Pro Mono';
}

blockquote {
    border-left: 08px #0091D0 solid;
    border-right: 01px #e0e0e0 solid;
    border-top: 01px #e0e0e0 solid;
    border-bottom: 01px #e0e0e0 solid;
    padding: 12px 20px 12px 30px;
    margin: 1.5em 0 1.5em 30px; 
}
.trusted blockquote {
	border:none;
	padding-left: 0;
	padding-top: 0;
	margin-left: 48px;
}
.trusted blockquote::before {
	content: "\00ab";
	margin-left: -50px;
	font-size: 64px;
	color: lightgray;
	font-style: italic;
	text-shadow: 8px 8px 6px #EEE;
	line-height: 0;
	margin-top: 15px;
	display: block;
	float: left;
}
.animation.fade,
.animation .fade {
	opacity: 0.5;
}

.animation:hover.fade,
.animation:hover .fade {
	opacity: 1;
	transition: all 0.2s linear
}
.animation.animation-saturation {
	filter: grayscale(100%);
}
.animation.animation-saturation:hover {
	filter: none;
	transition: .2s;
}



.dropdown-menu {
	padding: 1em 2em;
}
a.dropdown-item {
	color: gray;
	/*border-bottom: 1px lightgray solid;*/
	padding: 0.33em 0 0.33em 0;
}
a.dropdown-item:hover {
	color: #2f80eb;
	background-color: white !important;
}
.dropdown-item.active,
.dropdown-item:active {
	color: #142d99;
	background-color: white;
}



/* CONTENT  */
@media (min-width: 1200px) {
	.container { max-width: 1200px; } 
}

h1, .h1 {
	font-family: TT_Norms_Pro, Arial, sans-serif;
/*	margin-top:    1.6em; */
	font-weight: 600;
	line-height: 1.23;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
	color:       #142d99;
	width: 100%;
	padding-bottom: 0.8em;
	display: block;
}

.card h1, .card .h1,
.card h2, .card .h2,
.card h3, .card .h3,
.card h4, .card .h4,
.card h5, .card .h5,
.card h6, .card .h6 {
	margin-top: 0.5em;
	padding-bottom: 0.5em;
}
 

h1, .h1, h2, .h2 {
	text-align:  center;
}
h1.animation.animation-zooming {
	padding-top: 11px;
	padding-bottom: 48px;
	opacity:   0;
	font-size: 18px;
}
h1.animation.animation-zoomed {
	opacity: 1;
	transition: .25s ease-in-out;
}

@media (max-width: 575.98px) {
	h1 {font-size: 1.6rem;}
}

h2, .h2 {
	font-size:   36px;
	line-height: 1.3;
}
h2.animation.animation-zooming {
	padding-top: 16px;
	padding-bottom: 36px;
	opacity:   0;
	font-size: 18px;
}

h2.animation.animation-zoomed {
	opacity: 1;
	transition: .25s ease-in-out;
}

h3, .h3 {
	font-size:   1.75rem;
}

h5, .h5 {
	line-height: 1.23;
}
h5, .h5,
h6, .h6 {
	margin-top: 2em;
}


.text-smaller {
	font-size: 0.9em;
}
.text-translucent {
	opacity: 0.9;
}

.main > section {
	padding-top: 45px; 
	padding-bottom: 35px;  
}
.main > section:nth-of-type(even) {
	background: #f4f7f9;
}
.main > section.section-primary {
	background: white;
}
.main > section.section-secondary {
	background: #f4f7f9;
}
/*
section.section-head {
	color: white;
	height: 35em;
}
*/

section.section-canvas {
	background-size: cover;
	background-color: #010929; /*#080832;*/
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
}

.section-canvas#blue-good-words {
	height:15em; 
}

@media (max-width: 991.98px) {
	.section-canvas#blue-good-words { height:48em; }
}


.section-canvas > .top-level {
	max-width:100%;
}

.section-canvas > div {
	width: 100%;
}

.section-canvas > .background {
	height: 100%;
}
.section-canvas > .background.black {
	background-color: #000;
	opacity: 0.4;
}
.section-canvas > .background.gray {
	background-color: rgba(89, 89, 89, 0.4);
}
.section-canvas.section-project > .background {
	background-image: linear-gradient(to bottom, rgb(6, 90, 174), rgba(0,116,184,0.8));
}

.section-canvas .top-level{
	color: white;
	margin-top: 54px;
	z-index: 2;
}

.main > section .content{
	font-size: 18px;
	/*font-weight: 300;*/
} 

.main > section .comment,
.main > section .description,
.main > section.comment,
.main > section.description {
	opacity: 0.6;
}


section p.lead {
	font-family: TT_Norms_Pro, Arial,sans-serif;
	font-size: 24px;
	line-height: 1.5;
	margin: 1em	auto 1em auto;
	font-weight: 300;
}


.narrow-strip {
	padding-top: 0.5em !important;
	padding-bottom: 0.5em !important;
}
.wide-strip {
	margin-top: 4em;
	margin-bottom: 1em;
}

/* TABLES */
table.table th {
	vertical-align: middle;
}

table.table.table-lead {
	font-size: 18px;
	font-weight: 300;
}

table.table.table-bordered.table-lead {
	border: 6px solid #005ea5;
}
table.table.table-lead th {
	text-align: center; 
	color: #FFF;
	font-size: 22px;
	font-weight: 400;
	background:  #005ea5;
	border-left: 2px solid #FFF;
}

table.table.table-bordered.table-lead td {
	border-left: 3px solid #005ea5;
}

/* таблица сертифицированных продуктов (в "поддержке") */
table.certified_versions { margin: 0 auto; }
table.certified_versions td { padding: 4px 8px; }
table.certified_versions thead td { background-color: #eee; }
table.certified_versions tbody tr:nth-child(even) td { background-color: #cff; }
table.certified_versions .c { text-align:center;}
table.certified_versions { border-bottom: 2px solid  #cff; }

.table-contents {
	overflow-x: scroll;
}


/* ELEMENTS */
input {
	border-radius: 0 !important;
}
.btn {
	border-radius: .75rem;
	border-width: 2px;
	font-weight: 500;
}

.btn:focus {
	box-shadow: none;
}
.btn-primary,
.btn-primary:hover {
	background-color: #142d99;
	border-color: #142d99;
}

.text-primary {
	color: #142d99 !important;
}

/* autolink (скрепка для автоссылки) */
.autolink:before {
	content: '\e80f'; 
	font-family: "fontello";
	font-size: 2em;
	float: left;
	margin-top: -0.4em;
	margin-left: -1.5em;
	color: black;
	opacity: 0;
	transition: opacity 1s ;
}

dt:hover > .autolink:before,
div:hover > .autolink:before {
	opacity: 0.4;
	transition: opacity 0.5s ;
}

.btn.btn-lg {
	border-width: 2px;
	min-width: 200px;
	min-height: 55px;
	line-height: 37px;
	margin-top: 1em;
	margin-right: 1.5em;
	font-size: 18px;
	font-weight: 600;
	
}

.sociallinks-item{
	display: inline-block;
	margin-right: 4px;
	-webkit-transition: opacity ease-in-out 0.2s;
	-moz-transition: opacity ease-in-out 0.2s;
	-o-transition: opacity ease-in-out 0.2s;
	transition: opacity ease-in-out 0.2s;
}
.about {
	font-size: 12px;
}

/* MODAL */
.modal-dialog {
}
.modal-content {
	box-shadow: 0 0 20px 0 rgba(0,0,0,.75);
	border-radius: 5px;
	padding-top: 0.5em;
}
.modal-content > * {
	border: none;
	padding: 1em 2em;
}
form  label, 
form  span,
form  p, 
.modal-content label,
.modal-content span,
.modal-content p {
	font-weight: 300;
}
form  select, 
form  option, 
.modal-content option, 
.modal-content select {
	font-weight: 300;
}

.modal-body {
	padding-top: 0;
	padding-bottom: 0;
}
.modal-footer {
	flex-direction: column;
}	

/* form button,  */
.modal-dialog .modal-footer button {
	margin:  0.3em 0;
}
form .btn-primary, 
.modal-dialog .btn-primary {
	align-self: stretch;
}	
.modal-dialog .btn-psevdo {
	align-self: first baseline;
	font-size: 90%;
	color: #2f80eb; /* rgb(255, 133, 98); */
	text-transform: none !important;
}

form select,
form textarea,
input:not([type=checkbox]):not([type=radio]),
.modal-dialog textarea,
.modal-dialog input {
	width: 100%;
}

form select.like_input,
form textarea,
form input:not([type=submit]),
.modal-dialog textarea,
.modal-dialog input:not([type=submit]) {
	border:1px solid #d6d6d6;
	border-radius: .75rem !important;
	margin-top: 0.5em;  
	margin-bottom: 0.5em;
	padding: 0.75em !important;
	height:  auto !important;  
	background: #fff;
}
form  select,
select .form-control {
	padding: 1em 0.75em !important;
	height: calc(1.5em + 1.7rem + 2px) !important;
} 

.modal-dialog input[type=checkbox] {
	width: initial;
	margin-right: 0.5em;
	vertical-align: middle;
}

form .input-error,
.modal-dialog .input-error {
	color: red;
	font-size: 90%;
	font-weight: 300;
}
form .input-error {
	margin-top: -20px;
}

.modal-dialog .close {
	font-size: 2em;
	padding: 0.2em 0.2em 0 0.2em;
	margin: -0.5em -0.5em auto 1em;
}

#feedback .modal-dialog {
	min-width: 292px;
	max-width: 370px;
	position: absolute;
	bottom: 86px;
	right: 35px;
}

.messageBox .modal-dialog h4 {
	color: #142d99;
    font-size: 1.25rem;
    margin-left: auto;
    margin-right: auto;
}
.messageBox .modal-dialog .modal-body {
	font-weight: 300;
}
.messageBox .modal-dialog .modal-footer button {
	border: 2px #dc3545 solid !important;
	color: #dc3545 !important;
}
.messageBox .modal-dialog .modal-footer button:hover {
	background-color: #dc3545 !important;
	color: white !important;
}

.btn-ok::before {
	content: "✔";
	margin-right: 0.5em;
	color: green;
}
.btn-back::before {
	content: "←";
	margin-right: 0.5em;
}
.btn-forward::after {
	content: "→";
	margin-left: 0.5em;
}
a.forward::after {
	content: "→";
	margin-left: 0.5em;
}
a[target="_blank"].btn-out::after {
    margin-left: 8px;
    content: "\27A0";
    opacity: 0.7;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none !important;
    font-size: 1.4em;
	position: relative;
	top: 2px;
}    
a[target="_blank"].btn-out.animation::after {
    opacity: 0;
    margin-left: 0;
}
a[target="_blank"].btn-out.animation:hover::after {
    opacity: 0.7;
    margin-left: 8px;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}    
    

/* BULLETS */
	.vert-chainlet-item {
		position: relative;
	}	
	.vert-chainlet-item-left h5,
	.vert-chainlet-item-right h5 {
		text-align: inherit !important;
	}	

	.vert-chainlet-item-left,
	.vert-chainlet-item-right {
		width: 50%;
		padding: 0 2em;
	}

	.vert-chainlet-item-left {
		text-align: right !important;
		float: left !important;
	}	
	.vert-chainlet-item-right {
		text-align: left !important;
		float: right !important;
	}
	.vert-chainlet-divider {
		clear: both;
	}
	.vert-chainlet-item:first-child .vert-chainlet-line {
		top: 6px;
	}
	.vert-chainlet-item:last-child .vert-chainlet-line {
		height: 12px;
	}
	.vert-chainlet-line {
		position: absolute;
		width: 2px;
		top:   0;
		background: black;
		opacity: 0.1;
		bottom: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	.vert-chainlet-bullet {
		position: absolute;
		width: 20px;
		height: 20px;
		border-radius: 100px;
		background: #142d99;
		right: 0;
		left: 0;
		top:   4px;
		margin: 0 auto;
	}
	
@media (max-width: 575.98px) {
	.vert-chainlet-item-left,
	.vert-chainlet-item-right {
		width: 100%;
		padding: 0 1.5em;
		text-align: left !important;
		float: right !important;
	}
	.vert-chainlet-line {
		margin-left: 4px ;
	}
	.vert-chainlet-bullet {
		width:  10px;
		height: 10px;
		top:   6px;
		margin-left: 0 ;
	}
}	

/* верстка "путей сертификации" */
div.certificates.chain {
	border:1px solid lightgrey; 
	margin: 1em 0; 
	padding: 0 0 1em 1em;
}
div.certificates.chain img {
	padding: 1.5em 0 0 1.5em;
    opacity: 0.75;
}

div.certificates.chain div.step .glyphicon {top: 0; padding-left:0;margin-left: -1.5em; padding-right: 0.5em;}
div.certificates.chain div.step ul .glyphicon {padding-left: 0.6em; padding-right: 0.2em; }
div.certificates.chain div.step ul {
	display:inline-block; 
	vertical-align: top;
	padding: 1.8em 2em 0 1em;
	font-size:0.8em;
}

div.certificates.chain div {display:inline-block;padding: 0 1em;vertical-align: top;}
div.certificates.chain li  {list-style-type: none;}

div.certificates.chain .arrow {
	    position: relative;
	    margin: 10px auto;
	}
div.certificates.chain .arrow:before,
div.certificates.chain .arrow:after {
	    content: "";
	    display: block;
	    position: absolute;
	    width: 0;
	    height: 0;
	    border: 8px solid transparent;
	    border-right: 0;
	}
div.certificates.chain .arrow:nth-child(1) {
	    width: 90%;
	    height: 4px;
	    background: gray;
	}
div.certificates.chain .arrow:nth-child(1):after {
	    top: -6px;
	    right: -7px;
	    border-left-color: gray;
	}

div.certificates.chain h5 {
    display: inline-block;
    width: initial;
	font-size: 1em;
	color: gray;
	margin-top: 1.5em;
}

/* ANIMATION   */
.pulsate {
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	-webkit-animation: kf-pulsate 2s ease-out;
	-webkit-animation-iteration-count: 1;
	animation: kf-pulsate 2s ease-out;
	animation-iteration-count: 1;
}

.pulsate-circle {
	animation: kf-circle-pulsate 1s ease-out;
	animation-iteration-count: 1;
	-webkit-animation: kf-circle-pulsate 2s ease-out;
	-webkit-animation-iteration-count: 1;
	opacity: 0;
}
.animation-opacity {
	opacity: 0.4;
	transition: opacity 0.25s;
}
.animation-opacity:hover {
	opacity: 1;
	transition: all 0.25s;
}

	
@keyframes kf-pulsate {
	0%  { transform: scale(1,1); }
	25% { transform: scale(1.1,1.1); }
	50% { transform: scale(1,1); }
}
@keyframes kf-circle-pulsate {
	0%  { opacity: 0;  -webkit-transform: scale(.8,.8);	}
	25% { opacity: .4; }
	50% { opacity: 0;  -webkit-transform: scale(1.45,1.45); }
	100% {opacity: 0;  -webkit-transform: scale(.8,.8);	}
}

.animation.animation-appearing {
	opacity: 0;
}
.animation.animation-appeared { 
	opacity: 1;
	transition: .25s opacity ease-in-out;
}
.animation.animation-floating {
	margin-top: 100%;
}
.animation.animation-floated {
	margin-top: initial;
	transition: .25s margin ease-in-out;
}

/* CARDS */
.card {
	border-radius: 0;
}
@media (min-width: 991.98px) {
	.card-deck.three-cols .card {
		max-width: calc(33% - 30px);
	}
}
.card-img-top {
	width: auto;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.card-body {
	overflow: hidden;
}
.card.card-num-desc {
	text-align: center;
}
.card.card-num-desc .card-header {
	font-size: 52px;
	line-height: 1.23;
	font-weight: 600;
	color: #142d99;
}
.card.card-num-desc .card-body {
	font-size: 18px;
	line-height: 1.55;
	font-weight: 300;
}

.card-article {
	padding-top: 1em;
/*	border-color: transparent;*/
}
.card-search:hover,
.card-article:hover {
	border-color: #2f80eb;
}
.card-article .card-body {
	padding: 0.5em 0 0 0 ;
}
.card-article .card-body {
	max-height: 22em;
	overflow: hidden;
}
/* .card-article .card-body:before{
	content: '';
	width: 100%;
	height: 6em;
	position: absolute;
	left: 0;
	top: 100%;
	background: linear-gradient(transparent 0, white);
	margin-top: -6em;
} */

.card-article a {text-decoration: none !important;}

.card-article .image-canvas {position:relative;	}
.card-article .article-image {
	background-size: contain; 
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	top: 0;left: 0;right: 0;bottom: 0;	
}

.card-article .image-bottom {padding-top: 73%;	}


.card-trust {
/*	cursor: pointer; */
}
.card-trust img {
	padding-bottom: 12px;
}
.card-trust.active img {
	padding-bottom: 8px;
	border-bottom: 4px #2f80eb solid !important;
}
.card-trust img {
	transition: all 0.25s !important; 
}
.card-trust img:hover {
	transform: scale(1.5);
	transition: 0.5s; 
}


.card-deck:not(:last-child) {
	margin-bottom: 30px;
}
blockquote#note_place {
	background-color: white;
	margin-top: 0;
	border: 2px #2f80eb solid !important;
	padding: 2em;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
blockquote#note_place:hover {
	background-color: #2f80eb;
	color: white;
}



/* SLIDER   
.card-body .slider {
	transform: translateY(200%) !important;
	-webkit-transition: -webkit-transform .3s ease;
	transition: -webkit-transform .3s ease;
	-o-transition: transform .3s ease;
	transition: transform .3s ease,
	-webkit-transform .3s ease;
	}
.card-body:hover .slider {
	transform: translateY(0) !important;
	-webkit-transition: -webkit-transform .3s ease;
	transition: -webkit-transform .3s ease;
	-o-transition: transform .3s ease;
	transition: transform .3s ease,
	-webkit-transform .3s ease;
}
*/

.card-title {
	margin-top: 0;
}

.card-title h5 {
	font-size: 16px;
}

.card-blue {
	background:rgb(11, 143, 209);
	color: white;
}
.card-blue:hover {
	background:inherit;
	color: inherit;
	transition:  .3s ease;
}

.card-blue .card-title {
	color: white;
	border-bottom: 1px solid;
}
.card-blue:hover .card-title {
	color: black;
	font-weight: 300;
}

.slider {
	font-weight: 300;
	font-size: 18px;
	line-height: 1.55;
}
@media (max-width: 991.98px)  { 
	.card { margin-bottom: 15px !important; }
	.card-deck { flex-direction: column; }
}
@media (max-width: 767.98px)  {
	.slider {transform:none !important;}
}

/* STICKERS */
.stick-wrapper {
	max-width: 18em;
} 
.sticker {
	top: 8em;
	position: sticky !important;
	float: right;
	text-align: right;
}

#check input,
#order-fields textarea,
#order-fields input {height: 60px;
	margin-bottom: 30px;
	width: 100%;
	border: 0 none;
	padding: 0;
	background-color: transparent !important;
	border-bottom: 1px lightgray solid;
}
#order-fields textarea { border: 1px lightgray solid; }

.pop-up-agreement {
	position: fixed;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	z-index: 101;
	background-color: rgba(0,0,0,0.6);
	height: 100%;
}
.pop-up-close{
	font-size: 20px;
	color: white;
	margin-right: 8px;
	padding: 0 7px;
	background-color: black;
	border-radius: 24px;
	cursor: pointer;
	right: 0;
	position: absolute;
}

#popup-message {z-index: 2001;}
#popup-window  {z-index: 2002;}
#popup-flash   {z-index: 2003;}

/* FONTS */
@font-face {
  font-family: 'TT_Norms_Pro';
  font-style: normal;
  font-weight: 300;
  src: local('TT_Norms_Pro'), local('TT_Norms_Pro'),
       url('/fonts/TT_Norms_Pro/woff/TT_Norms_Pro_Normal.woff') format('woff'),
       url('/fonts/TT_Norms_Pro/woff2/TT_Norms_Pro_Normal.woff2') format('woff2');
}

@font-face {
  font-family: 'TT_Norms_Pro';
  font-style: normal;
  font-weight: 400;
  src: local('TT_Norms_Pro'), local('TT_Norms_Pro'),
       url('/fonts/TT_Norms_Pro/woff/TT_Norms_Pro_Regular.woff') format('woff'),
       url('/fonts/TT_Norms_Pro/woff2/TT_Norms_Pro_Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'TT_Norms_Pro';
  font-style: italic;
  font-weight: 400;
  src: local('TT_Norms_Pro'), local('TT_Norms_Pro'),
       url('/fonts/TT_Norms_Pro/woff/TT_Norms_Pro_Italic.woff') format('woff'),
       url('/fonts/TT_Norms_Pro/woff2/TT_Norms_Pro_Italic.woff2') format('woff2');
}

@font-face {
  font-family: 'TT_Norms_Pro';
  font-style: normal;
  font-weight: 500;
  src: local('TT_Norms_Pro'), local('TT_Norms_Pro'),
       url('/fonts/TT_Norms_Pro/woff/TT_Norms_Pro_DemiBold.woff') format('woff'),
       url('/fonts/TT_Norms_Pro/woff2/TT_Norms_Pro_DemiBold.woff2') format('woff2');
}

@font-face {
  font-family: 'TT_Norms_Pro';
  font-style: normal;
  font-weight: 700;
  src: local('TT_Norms_Pro'), local('TT_Norms_Pro'),
       url('/fonts/TT_Norms_Pro/woff/TT_Norms_Pro_Bold.woff') format('woff'),
       url('/fonts/TT_Norms_Pro/woff2/TT_Norms_Pro_Bold.woff2') format('woff2');
}


@font-face {
  font-family: 'fontello';
  src: url('/fonts/fontello.eot');
  src: url('/fonts/fontello.eot#iefix') format('embedded-opentype'),
       url('/fonts/fontello.woff') format('woff'),
       url('/fonts/fontello.ttf') format('truetype'),
       url('/fonts/fontello.svg#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
 font-family: 'FontAwesome';
/* src: url('/fonts/fontawesome-webfont.eot?v=4.3.0');
 src: url('/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
*/ 
 src: url('/fonts/fontawesome-webfont.eot');
 src: url('/fonts/fontawesome-webfont.eot') format('embedded-opentype'), 
      url('/fonts/fontawesome-webfont.woff2') format('woff2'), 
      url('/fonts/fontawesome-webfont.woff') format('woff'), 
      url('/fonts/fontawesome-webfont.ttf') format('truetype'), 
      url('/fonts/fontawesome-webfont.svg#fontawesomeregular') format('svg');
 font-weight: normal;
 font-style: normal;
}

.icon-menu:before 		{ content: '\e800'; font-family: "fontello" }
.icon-down-open:before 	{ content: '\e801'; font-family: "fontello" }
.icon-angle-down:before { content: '\e802'; font-family: "fontello" }
.icon-book:before 		{ content: '\e803'; font-family: "fontello" }
.icon-download:before 	{ content: '\e804'; font-family: "fontello" }
.icon-left-open:before 	{ content: '\e805'; font-family: "fontello" }
.icon-right-open:before { content: '\e806'; font-family: "fontello" }
.icon-left-dir:before 	{ content: '\25c2'; font-family: "fontello" }
.icon-right-dir:before  { content: '\25b8'; font-family: "fontello" }

.icon-left-big:before 	{ content: '\2190'; font-family: "fontello" }
.icon-right-big:before  { content: '\2191'; font-family: "fontello" }

.icon-search:before 	{ content: '\e807'; font-family: "fontello" }
.icon-search {cursor: pointer; }
.icon-comment:before 	{ content: '\e808'; font-family: "fontello" }
.icon-cancel:before 	{ content: '\e809'; font-family: "fontello" }
.icon-info-circled:before 	{ content: '\e80a'; font-family: "fontello" }
.icon-phone-squared:before 	{ content: '\e80b'; font-family: "fontello"}
.icon-mail:before 		{ content: '\e80c'; font-family: "fontello" }
.icon-location:before 	{ content: '\e80d'; font-family: "fontello" }
.icon-popup:before 		{ content: '\e80e'; font-family: "fontello" }
.icon-attach:before 	{ content: '\e80f'; font-family: "fontello" }

.pdf,  .file-icon.file-icon-pdf{ display: inline-block; }  
.epub { display: inline-block; }  
.html { display: inline-block; }  
.pdf::before, .file-icon.file-icon-pdf::before  { content: url("/img/file/pdf.svg"); margin-left: 8px; margin-right: 4px;} 
.epub::before { content: url("/img/file/epub.svg"); margin-left: 8px; margin-right: 4px;}  
.html::before { content: url("/img/file/html.png"); margin-left: 8px; margin-right: 4px;}  
a.pdf::before, a.file-icon.file-icon-pdf::before  { opacity: 0.6; } 
a.epub::before { opacity: 0.6; }
a.html::before { opacity: 0.6; } 
	
	
/*  mail-list  */
.mail-list ul.mail-list-calendar {
    list-style-type: none;
    padding-left: 1em;
    font-weight: 300;
}
.mail-list tbody {
	vertical-align: top;
}

/* ==================================
.mail-list xmp {
	color: #333; 
}

.mail-list sup > a {
	text-decoration: none; 
}


.mail-list .day-line {
	font-size: 100%;
}
.mail-list .day-line ul {
	margin-left: -40px;
	margin-bottom: 0px;
}
.mail-list .day-line ul > li {
	display: inline;
	text-decoration: none; 
    list-style-type: none;
    padding: 0px 8px 0px 0px;
}
.mail-list .day-line a {
	text-decoration: none; 
    list-style-type: none;
}
.mail-list .day-line a.disabled {
	pointer-events: none;
	color: black;
}

.mail-list .list-title {
    padding: 6px 0px 0px 40px;
} 
.mail-list .list-description {
    padding: 4px 0px 16px 18px;
    background-color: #E8E8E8;
    margin: 4px 0px 2px 0px;
}
.mail-list div.list-description:hover {
    background-color: #F6F6F6;
}

.mail-list .comment {
    padding: 0px 0px 4px 8px;
    margin-top: -4px;
    font-size: 90%;
}
.mail-list .comment .count {
    padding: 0px 0px 4px 0px;
}

.mail-list .filter a {
	text-decoration: none; 
}
.mail-list .filter a.disabled {
    pointer-events: none;
    cursor: default;
    color: #000;
}
.mail-list .filter a.current {
	color: #001664;
}

.mail-list .filter a:hover {
    background-color: #FFF;
}


.mail-thread  * {
	white-space: nowrap; 
}

.mail-thread div#collapseThread {
    z-index: 1;
https://upload.wikimedia.org/wikipedia/commons/thumb/0/04/Anaximander_cosmology-ru.svg/775px-Anaximander_cosmology-ru.svg.png    margin-top: -20px;
    background: #fff;
}
.mail-thread  ul {
    padding: 0px 0px 0px 18px ;
    margin-top: 0px;
    margin-bottom: 0px;
}

.mail-thread a {
	text-decoration: none; 
}
.mail-thread a.switcher {
	text-decoration: none; 
	border-bottom: 1px dashed #0091d0; 
}

.mail-list .message-body pre {
	background-color: #FFF;
	border: none;
}
============================== */

.mail-list .toggler {
	border-bottom: 1px dashed #2f80eb; /* rgb(255, 133, 98);*/
}
.mail-list .toggler:after {
    content: '';
    position: absolute;
    width: 100%;
    border-top: 1px dashed rgb(255, 133, 98, 0);
    margin-top: .7em;
    margin-left: 1em;
}
.mail-list .toggler.animation:hover {
	border-bottom: none !important;
}
.mail-list .toggler.animation:hover:after {
	border-top: 1px dashed rgb(255, 133, 98, 0.8);
	transition: all 0.4s linear
}
.mail-list .treethread {
	width: 100%;
	background: white;
	margin-top: 1em;
	padding: 1em;
	border: 1px dashed
	rgba(255, 133, 98, 0.8);
} 
	
/* TOGGLER */
.dotted, 
.toggler {
	color: #2f80eb; /* rgb(255, 133, 98) */ !important;
	border-bottom: #2f80eb; /*rgb(255, 133, 98)*/ dashed 1px;
	cursor: pointer;
	--display:table;
}
.partners .toggler {
  display: inherit;
}

.toggler:hover {
    border-bottom: 1px dashed /* rgb(255, 133, 98) */;
}

.toggler + * {display: none;}

/* SEARCHING  */
#search-window {
	display: none;
	position: fixed;
	top: 58px;
	right: 166px;
	width: 424px;
	z-index: 100;
	padding: 0.5em 1.2em;
	border-radius: 5px;
	box-shadow: 0 0 24px 0 rgba(0,0,0,.33);
	background:#f4f7f9;
}
	
	
.tt-query, /* UPDATE: newer versions use tt-input instead of tt-query */
.tt-hint {
    width: 396px;
    height: 30px;
    padding: 8px 12px;
    line-height: 30px;
    border: 2px solid #ccc;
    border-radius: 8px;
    outline: none;
}

.tt-query { /* UPDATE: newer versions use tt-input instead of tt-query */
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999;
}


.search { position: relative; margin-top:10px; }

.tt-menu { /* UPDATE: newer versions use tt-menu instead of tt-dropdown-menu */
	text-align: left;
    width: 100%;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    box-shadow: 0 2px 3px rgba(0,0,0,.2);
	cursor: pointer;
	opacity: 0.8;
	margin-top: -9px;
}
form#searchIdList .tt-menu{
    background-color: white;
    top: 67px;
    width: auto;
    right: 50px;
}


.tt-suggestion {
    padding: 3px 10px;
    line-height: 18px;
}

.tt-suggestion.tt-cursor { /* UPDATE: newer versions use .tt-suggestion.tt-cursor */
    color: #fff;
    background-color: #00A8Df;
}

.tt-suggestion p {
    margin: 0;
}
	
.pagination {
    display: block;
    list-style: none;
    border-radius: 0;
    text-align: center;
    margin: 0 auto 2em auto;
}
.design-block-set { 
	position: relative; 
}
.design-block { 
	position: relative; 
}

.messageBox.error .errorMark {
	color: red;
	margin-right: 0.5em;
}





/* Переключатели */
label.switch {
	--size: 26px;
	--size-gap: 4px;
	--size-height: 36px; /* size + 2 ) size-gap*/

	position: relative;
	display: inline-block;
	width: 100%;
	height: var(--size-height);
}
  
label.switch input {display:none;}

label.switch .slider {
	  position: absolute;
	  cursor: pointer;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
/*	  background-color: #ccc; */
	  -webkit-transition: .4s;
	  transition: .4s;
	}

label.switch .slider:before {
	  position: absolute;
	  content: "";
	  height: var(--size);
	  width: var(--size);
	  left: var(--size-gap);
	  bottom: var(--size-gap);
	  background-color: white;
	  -webkit-transition: .4s;
	  transition: .4s;
		border: 1px solid #28a745;
	}

label.switch input + .slider {
		border: 1px solid #28a745;
}

label.switch input:checked + .slider {
	  background-color: #28a745;
	}

/*label.switch input:focus + .slider {
	  box-shadow: 0 0 1px #28a745;
	}
*/

input[type="checkbox"],
input[type="radio"] {
	accent-color: #142d99;
}

label.switch input:checked + .slider:before {
	  -webkit-transform: translateX(140%);
	  -ms-transform: translateX(140%);
	  transform: translateX(140%);
	}

	/* Rounded sliders */
label.switch .slider.round {
	  border-radius: var(--size-height);
	}

label.switch .slider.round:before {
	  border-radius: 50%;
	}

	
	
	
/* VIDEO */
div.pop-up-video{
	position: fixed;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	z-index: 101;
	background-color: rgba(0,0,0,0.6);
	height: 100%;
}

div.pop-up-close{
	font-size: 20px;
	float: right;
	color: white;
	margin: 0 -24px 6px 0;
	padding: 0 7px;
	background-color: black;
	border-radius: 24px;
	cursor: pointer;
	position: relative;
}
div.pop-up-close{
	margin: -20px -30px 0 20px;
}

#popup-window .pop-up-close {
	padding-top: 1px;
	line-height: 1.4;
	margin: 0 10px 0 20px;
	position: absolute;
}

div.video-wrapper{
	width: 60%; 
	max-height: 75%;
	margin-top: 15vh;
	margin-left: auto; 
	margin-right: auto; 
	background: #FFF;
	padding: 32px 42px;
	border-radius: 0;
	font-size: larger;
	box-shadow: 0 0 48px rgba(0, 0, 0, 0.8);
	max-height: 80%;
	overflow: auto;
}

@media (max-height: 680px) {
	div.video-wrapper{
		max-height: 100%;
		margin-top: 0;
	}
}

.video-wrapper h5 {
	text-align: center;
}

.video-wrapper iframe {
	margin: auto;
	display: block;
	width: 560px !important;
}

.event-card {
	padding: 0;
	border-radius: 8px;
	min-height: 322px;
	overflow: hidden;
}
@media(max-width: 991px){
	.event-card {
		min-height: auto;
	}
}
.card-image {
    aspect-ratio: 2 / 1;
	width: 100%;
	background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    background: linear-gradient(120deg, #b3d9ff, #d1c2f0);
}
.event-date{
	color:#7A7B7C;
} 
.event-title a {
	font-size: 24px;
	font-weight: 500;
	color: #000;
}

.back-btn {
	color: #142d99;
	line-height: 2;
	font-size: 18px;
	font-weight: 600;
}

}