:root {
  --color-primary: #BF2A00; /* old var(--color-primary) */
	--color-secondary: #FE6902; /* old #var(--color-secondary) */
}

	body	{	font-family: "PT Sans", sans-serif;		color: black;	}

@media screen and (min-width: 1200px)
{
	.b-logo-container	{    min-height: 108px; display: flex; align-items: center;	}
	.b-logo				{	margin-left : 25px;		}
	.pagetitle			{	color : white;	padding : 40px 0; border: 0; margin: 17px 0 25px; }
	
}
@media screen and (min-width: 992px) and (max-width: 1199px)
{
	.b-logo {  margin-left: 0; align-items: center; height: 108px; }
	.pagetitle	{	color : white;	padding : 40px 0px;  border : 0; margin: 7px 0 15px; }
	.x-size-0 .navbar-nav > li > a {
	    padding-left: 23px;
	    padding-right: 23px;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px)
{
	.pagetitle			{	color : white;	padding : 30px 0px; border : 0; margin: 2px 0 10px;}
	.b-logo {  margin-left: 0; flex-wrap: wrap; justify-content: center; align-content: center; height: 160px; }
	.b-lang-toggler { top: auto; }
	.hr-menu {
		top: 15px;
	}

	.hr-menu hr {
		height: 130px;
	}
}
@media screen and (max-width: 500px) {
	.slide-container {
	    background: var(--color-secondary);
	}
}
@media screen and (max-width: 767px)
{
	.pagetitle {
		padding: 30px 0px; 
		margin: 0;
		color: white;
		border : 0;
		font-weight: bold;
	}
}
	.b-logo .logo								{	width: 74px; height: 74px; display: flex; justify-content: center; align-items: center;	}
	.b-logo .logo-title							{		}
	.x-color-mai .b-logo .logo-label			{	background-color: var(--color-primary);		}
	.x-color-mai .b-logo .logo-label:hover,
	.x-color-mai .b-logo .logo-label:focus,
	.x-color-mai .b-logo .logo-label:active		{	background-color: var(--color-secondary);		}
	.x-color-mai .b-logo .logo-title:hover,
	.x-color-mai .b-logo .logo-title:focus,
	.x-color-mai .b-logo .logo-title:active		{	background-color: var(--color-secondary);		}
	.dropdown-menu { background-color: #2B1525; }
	.navbar-default { background-color: var(--color-primary); }
	.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { color: #ffffff; background-color: var(--color-secondary); }
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover,
	.navbar-default .navbar-nav>.open>a:focus { color: #ffffff; background-color: var(--color-secondary); }
	.navbar-default .navbar-nav>li>a { color: #ffffff; }
	.x-color-mai .btn.btn-default { color: #ffffff; border: 2px solid #ffffff; }
	.x-color-mai .btn.btn-default:hover, .x-color-mai .btn.btn-default:focus,
	.x-color-mai .btn.btn-default:active, .x-color-mai .btn-group.open .btn.btn-default:hover,
	.x-color-mai .btn-group.open .btn.btn-default:focus, .x-color-mai .btn-group.open 
	.btn.btn-default:active { background: var(--color-secondary); color: #ffffff; border-color: #ffffff; }
	.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #7b6078; }
	.x-color-mai .navbar-default .navbar-toggle { border-color: #ffffff; }
	.x-color-mai .navbar-default .navbar-toggle .icon-bar { background-color: #ffffff; }
	.x-color-mai .navbar-default .navbar-toggle:hover, .x-color-mai .navbar-default .navbar-toggle:focus { background-color: var(--color-secondary); }
	a { color: #006dae; }
	a:hover, a:focus { color: #0095da; }
	.btn-primary { background-color: #0095da;}
	.btn-primary:hover { background-color: #006dae;}
	/* style tptmai.ru */

	.bg-container-title {	background: var(--color-secondary); }
	.bg-container-header {
		background: var(--color-primary);
	    border-top: #5e3a54 solid 1px;
	}

	.logo-label > img {
		width: 58px;
		height: auto;
	}

	.logo-title > img {
		width: 54px;
		height: auto;
	}

	.hr-menu {
		position: absolute;
		left: 15px;
		top: 25px;
		z-index: 2;
	}

	.hr-menu hr {
		background-color: #7b6078;
	    width: 1px;
	    border: none;
	    height: 57px;
	    margin-top: 0px;
	}

	.ptp_main-title img {
		max-width: 253px;
		height: auto;
	}

	.ptp_main-title {
		padding-top: 64px;
		padding-bottom: 64px;
	}

	

@media screen and (min-width: 768px)
{
	.b-logo										{	width: 100%; display: flex;	}	
	/*.x-color-mai .b-logo .logo-title			{	border-bottom	: 16px solid #BCE3F5;			}*/
	.b-separator								{	border-top: 8px solid; height: 16px; background: #fa8004;border: #fa8004;	}
	.navbar-nav > li > a {
	    padding-top: 44px;
	    padding-bottom: 44px;
	}
	.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #ffffff; background-color: var(--color-primary); }
	.navbar-nav { margin: 0px 0 0 20px; }
	.b-visible-xs {
		display: none;
	}
}
@media screen and (max-width: 767px)
{
	.navbar-default
	{
		background : none;
		margin-bottom : 0;
	}
	.b-nav
	{
		padding-top	: 15px;
	}
	.x-color-mai .b-nav
	{

	}
	.x-color-mai .b-logo .logo-title
	{
		border-bottom 	: 0;
		margin-left		: 10px;
		margin-right	: 10px;
	}	
	.b-separator
	{
		border-top	: 8px solid;
		height		: 8px;
    	background: #fa8004;
    	border: #fa8004;
	}
	.hr-menu {
		display: none;
	}
	.b-visible-xs {
		display: flex;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
	    color: #ffffff;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
	    color: #ffffff;
	    background-color: var(--color-secondary);
	}

}
	.b-separator-mail		
	{	
		height : 16px;
		background: #fa8004;
		width: 100%;
	}
	#slide-0-plane-xs
	{
		display : none;
	}
	.x-color-mai #title-x
	{
		position	: absolute;
		width		: 280px;
		height		: 19px;
		top			: -19px;
		right		: 15px;
		padding-left: 18px;
		background-color : white;
	}	
@media screen and (min-width: 620px) and (max-width: 767px)
{
	#slide-0-plane-xs
	{
		position	: absolute;
		display		: block;
		right		: 15px;
		width		: 300px;
		height		: 250px;
	}
}

	.x-color-mai .b-logo .logo-title:hover,
	.x-color-mai .b-logo .logo-title:focus,
	.x-color-mai .b-logo .logo-title:active
	{
		border-color : #0089C9;
	}
	.x-color-mai .navbar-brand
	{
		background-color : white;
	}
	.b-subnav {
	    position: absolute;
	    top: 0;
	    right: 10px;
	    height: 108px;
	    display: flex;
	    align-items: center;
	}

	
@media screen and (min-width: 768px) and (max-width: 991px)
{

	#subscribe
	{
		position : relative;
		top : auto;
		right : 0;
		padding-left: 30px;
	}
	.b-lang-toggler
	{
		position : relative;
		top : auto;
	}
	.b-lang-toggler .btn-flag
	{
		display : inline-block;
		opacity : 0.9;
		margin-right : 20px;
		border : none;
	}
	.b-subnav {
		position: relative;
		height: 36px;
		justify-content: flex-end;
	}
}
@media screen and (min-width: 992px)
{
	#subscribe {
	    position: relative;
	    padding-left: 30px;
	}
	.b-lang-toggler
	{
		position : relative;
	}
	.b-lang-toggler .btn-flag
	{
		display : inline-block;
		opacity : 0.9;
		margin-right : 20px;
		border : none;
	}
	#main
	{
		
		background : url('../img/bg-nav.gif') no-repeat center top;
	}
}

	.j-border			{	border : 1px solid;			}

	.text-h				{	line-height	: 160%;			}
	.text-h-lg			{	line-height	: 180%;			}
	.text-xs			{	font-size	: 85%;			}
	.text-sm			{	font-size	: 90%;			}
	.text-md			{	font-size	: 110%;			}
	.text-lg			{	font-size	: 120%;			}
	.text-monospace		{	font-family : monospace;	}
	.text-indicate		{	font-family : "Roboto"; font-size : 130%;	}
	.text-bold			{	font-weight : bold;			}
	.text-top			{	vertical-align : top;		}
	.text-middle		{	vertical-align : middle;	}
	.text-right			{	text-align : right;			}
	

	table.default td,
	table.default th	{	padding : 5px 20px 5px 0;	}
	table.text-top td,
	table.text-top th	{	vertical-align : top;		}	
	table.responsive	{	width	: 100%;		}
	
	h1:first-child:not(.pagetitle)	{	margin-top: 0; padding:0; border: 0;	}
	h2:first-child,h3:first-child	{	margin-top: 0; padding: 0; border: 0;	}
	h4:first-child,h5:first-child,h6:first-child	{	margin-top: 0; border: 0;	}
	h1												{	font-family : "PT Sans", sans-serif;	}
	h2												
	{	
		padding			: 0;
		margin			: 20px 0 20px;
		font			: bold 200%/1.3 "PT Sans", sans-serif;
		color 			: #5c5c5c;	
	}
	h3									
	{	
		font-family : "PT Sans", sans-serif;	
		color: #006dae;
		font-size: 18px;
		font-weight: bold;
	}
	h5	
	{
		text-transform : uppercase;
		font-weight : bold;
	}
	
@media screen and (max-width: 568px)
{
	h1								{	font-size: 28px; line-height : 1.3; }
	.tbl,
	.tbl .tbl-row,
	.tbl .tbl-cell					{	display	: block;		}
	.tbl .tbl-cell					{	margin-bottom : 30px;	}
	.tbl .tbl-cell:last-child		{	display	: block;	margin-bottom : 10px;	}
	.tbl.tbl-responsive				{	width	: 100%;			}
	.tbl.tbl-index .tbl-cell.x-color-border
	{
		padding-bottom		: 30px;
		border-bottom-width	: 1px;
		border-bottom-style	: solid;
	}

		
}
@media screen and (min-width: 569px)
{
	h1										{	line-height : 1.3; 		}
	h2										{	margin-top: 50px;	margin-bottom: 40px;	}
	h3										{	margin-top: 30px;	margin-bottom: 20px;	}
	
	
	.tbl									{	display : table;		}
	.tbl .tbl-row							{	display : table-row;	}
	.tbl .tbl-cell							{	display : table-cell;	}
	.tbl.text-top .tbl-cell,
	.tbl .tbl-cell.text-top					{	vertical-align : top;	}
	.tbl.tbl-responsive						{	width	: 100%;			}
	.tbl.tbl-index .tbl-cell:first-child	{	width: 38%;	}
	.tbl.tbl-index .tbl-cell.x-color-border
	{
		border-right-width	: 1px;
		border-right-style	: solid;
	}
	.tbl.tbl-index .tbl-cell.x-color-border	{	padding-right: 40px;	}
	.tbl-cell.x-color-border + .tbl-cell,
	.tbl-cell.x-color-bg + .tbl-cell		{	padding-left : 40px;	}
}

	.x-color-mai .bg-honor			{	background: url('../img/bg-honor.gif') no-repeat 200px -50px; }

	.x-color-mai .btn-image			{	border-color : #979797;		}
	.x-color-mai .btn-image:hover,
	.x-color-mai .btn-image:focus,
	.x-color-mai .btn-image:active		{	border-color : var(--color-secondary);		}
	.x-color-mai .x-color-border		{	border-color : #ffc891;		}
	.x-color-mai .x-color-bg			{	background-color : #ededed;	}
	.x-color-mai .x-color-darkblue		{	color : #001CA9;	}
	.x-color-mai .x-color-warning		{	color : #B19E00;	}
	.x-color-mai .x-color-white			{	color : white;	}
	

	.j-block			{	display : block; 		}
	.j-inlineblock		{	display : inline-block; }
	.j-hidden			{	display : none; 		}
	.j-absolute			{	position : absolute; 	}
	.j-relative			{	position : relative; 	}
	.j-inline			{	display	 : inline;		}



	.j-padd				{	padding : 60px;			}				.j-marg				{	margin : 60px;			}
	.j-padd-xs			{	padding : 5px;			}				.j-marg-xs			{	margin : 5px;			}
	.j-padd-sm			{	padding : 15px;			}				.j-marg-sm			{	margin : 15px;			}
	.j-padd-md			{	padding : 30px;			}				.j-marg-md			{	margin : 30px;			}
	.j-padd-lg			{	padding : 80px;			}				.j-marg-lg			{	margin : 80px;			}


	.j-padd2			{	padding-top : 60px; padding-bottom : 60px;	}	.j-marg2		{	margin-top : 60px; margin-bottom: 60px;		}
	.j-padd2-xs			{	padding-top : 5px;	padding-bottom : 5px;	}	.j-marg2-xs		{	margin-top : 5px; margin-bottom: 5px;		}
	.j-padd2-sm			{	padding-top : 15px; padding-bottom : 15px;	}	.j-marg2-sm		{	margin-top : 15px; margin-bottom: 15px;		}
	.j-padd2-md			{	padding-top : 30px; padding-bottom : 30px;	}	.j-marg2-md		{	margin-top : 30px; margin-bottom: 30px;		}
	.j-padd2-lg			{	padding-top : 80px; padding-bottom : 80px;	}	.j-marg2-lg		{	margin-top : 80px; margin-bottom: 80px;		}

	
@media screen and (max-width: 767px)
{
	.j-p2			{	padding-top : 60px; padding-bottom : 60px;	}	.j-m2		{	margin-top : 40px; margin-bottom: 40px;		}
	.j-p2-xs		{	padding-top : 5px;	padding-bottom : 5px;	}	.j-m2-xs	{	margin-top : 5px; margin-bottom: 5px;		}
	.j-p2-sm		{	padding-top : 15px; padding-bottom : 15px;	}	.j-m2-sm	{	margin-top : 10px; margin-bottom: 10px;		}
	.j-p2-md		{	padding-top : 30px; padding-bottom : 30px;	}	.j-m2-md	{	margin-top : 20px; margin-bottom: 20px;		}
	.j-p2-lg		{	padding-top : 80px; padding-bottom : 80px;	}	.j-m2-lg	{	margin-top : 80px; margin-bottom: 80px;		}
}
	
@media screen and (min-width: 768px)
{
	.j-p2			{	padding-top : 60px; padding-bottom : 60px;	}	.j-m2		{	margin-top : 60px; margin-bottom: 60px;		}
	.j-p2-xs		{	padding-top : 5px;	padding-bottom : 5px;	}	.j-m2-xs	{	margin-top : 5px; margin-bottom: 5px;		}
	.j-p2-sm		{	padding-top : 15px; padding-bottom : 15px;	}	.j-m2-sm	{	margin-top : 15px; margin-bottom: 15px;		}
	.j-p2-md		{	padding-top : 30px; padding-bottom : 30px;	}	.j-m2-md	{	margin-top : 30px; margin-bottom: 30px;		}
	.j-p2-lg		{	padding-top : 80px; padding-bottom : 80px;	}	.j-m2-lg	{	margin-top : 80px; margin-bottom: 80px;		}
}
	
	
	.j-padd-right		{	padding-right : 60px;	}				.j-marg-right		{	margin-right : 60px;	}
	.j-padd-right-sm	{	padding-right : 15px;	}				.j-marg-right-sm	{	margin-right : 15px;	}
	.j-padd-right-md	{	padding-right : 30px;	}				.j-marg-right-md	{	margin-right : 30px;	}
	.j-padd-right-lg	{	padding-right : 80px;	}				.j-marg-right-xxs	{	margin-right : 5px;	}
	.j-padd-right-xxs	{	padding-right : 5px;	}				.j-marg-right-lg	{	margin-right : 80px;	}
	.j-padd-right-xs	{	padding-right : 5px;	}				.j-marg-right-xs	{	margin-right : 5px;		}
	.j-padd-left		{	padding-left : 60px;	}				.j-marg-left		{	margin-left : 60px;		}
	.j-padd-left-xs		{	padding-left : 5px;		}				.j-marg-left-xs		{	margin-left : 5px;		}
	.j-padd-left-sm		{	padding-left : 15px;	}				.j-marg-left-sm		{	margin-left : 15px;		}
	.j-padd-left-md		{	padding-left : 30px;	}				.j-marg-left-md		{	margin-left : 30px;		}
	.j-padd-left-lg		{	padding-left : 80px;	}				.j-marg-left-lg		{	margin-left : 80px;		}
	.j-padd-top			{	padding-top : 60px;		}				.j-marg-top			{	margin-top : 60px;		}
	.j-padd-top-md		{	padding-top : 30px;		}				.j-marg-top-md		{	margin-top : 30px;		}
	.j-padd-top-sm		{	padding-top : 15px;		}				.j-marg-top-sm		{	margin-top : 15px;		}
	.j-padd-top-xs		{	padding-top : 5px;		}				.j-marg-top-xs		{	margin-top : 5px;		}
	.j-padd-top-lg		{	padding-top : 80px;		}				.j-marg-top-lg		{	margin-top : 80px;		}
	.j-padd-bottom-sm	{	padding-bottom : 15px;	}				.j-marg-bottom-sm	{	margin-bottom : 15px;	}
	.j-padd-bottom-xs	{	padding-bottom : 5px;	}				.j-marg-bottom-xs	{	margin-bottom : 5px;	}
	.j-padd-bottom-md	{	padding-bottom : 30px;	}				.j-marg-bottom-md	{	margin-bottom : 30px;	}
	.j-padd-bottom-lg	{	padding-bottom : 80px;	}				.j-marg-bottom-lg	{	margin-bottom : 80px;	}
	.j-padd-bottom		{	padding-bottom : 60px;	}				.j-marg-bottom		{	margin-bottom : 60px;	}
	.j-padd-0			{	padding 		: 0 !important; }		.j-marg-0			{	margin 			: 0 !important; }
	.j-padd-right-0		{	padding-right	: 0 !important;	}		.j-marg-right-0		{	margin-right	: 0 !important; }
	.j-padd-left-0		{	padding-left	: 0 !important;	}		.j-marg-left-0		{	margin-left		: 0 !important; }
	.j-padd-top-0		{	padding-top		: 0 !important;	}		.j-marg-top-0		{	margin-top		: 0 !important; }
	.j-padd-bottom-0	{	padding-bottom	: 0 !important;	}		.j-marg-bottom-0	{	margin-bottom	: 0 !important; }