/*====================================
	TEMPLATES_STYLES
=====================================*/

	* {
		margin: 0;
		padding: 0;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		-webkit-font-smoothing: antialiased;
	}

	html,
	body {
		width: 100%;
		height: 100%;
		min-width: 320px;
		margin: 0 auto;
	}
	body {
		font-size: 14px;
		font-family: 'ChevinMedium', sans-serif;

		background-color: #fff;
		color: #3c342a;
	}
	body.hidden {
		overflow-x: hidden;
	}
	body.noscroll {
		overflow: hidden;
	}

	form { display: inline; }

	.fix::before,
	.fix::after {
		content: '';
		display: block;
		height: 0;
		visibility: hidden;
		clear: both;
	}

/*	common styles
----------------------------------------------*/

	.none,
	.hide {
		display: none;
		margin: 0;
		height: 0;
	}

	.noselect {
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	.nomargin {
		margin: 0!important;
	}
	.nopadding {
		margin: 0!important;
	}
	.right {
		float: right;
	}
	.left {
		float: left;
	}
	.rel {
		position: relative;
	}

	img {
		display: inline-block;
		border: 0;
		height: auto;
	}

	a {
		color: #2d435e;
	}
	a:active, a:hover {
		text-decoration: underline;
		color: #ed1c24;
	}


/*	site layout
----------------------------------------------*/

	header#top {
		position: fixed;
		top: 0;
		width: 100%;
		height: auto;
		z-index: 4;
                min-width: 320px;
	}
		.auth.auth_admin header#top {
			top: 40px;
		}

	footer.bottom {
		position: relative;
		width: 100%;
    	min-width: 320px;
		height: 1px;
		margin-top: -1px;
	}
		.page_main footer.bottom {
			height: 30px;
			margin-top: -31px;
		}


		footer.bottom  .hr ,
		footer.bottom .cube_lt:before,
		footer.bottom .cube_lt:after {
			display: none;
		}
		.page_main footer.bottom  .hr {
			display: block;
		}
		.page_main footer.bottom  .wraper_inner > .rel {
		    background-color: #fff;
		    height: 30px;
		    margin: 0 1px;
		}
		.page_main footer.bottom .cube_lt:before,
		.page_main footer.bottom .cube_lt:after {
			display: block;
		}


	#website_wrp {
		position: relative;
		width: 100%;
		max-width: 1244px;
		min-height: 100%;
		margin: 0 auto;
		border-right: 1px solid #ccc;
	}


	nav.navigation {
		position: fixed;
		top: 0;
		min-height: 100%;
		z-index: 2;
		background-color: #fff;
	    border-left: 1px solid #ccc;
	    border-right: 1px solid #ccc;
	}
		#website_wrp nav.navigation {
			width: 196px;
			-webkit-transform: translateX(0);
			    -ms-transform: translateX(0);
			     -o-transform: translateX(0);
			        transform: translateX(0);
		}
		nav.navigation .nav_inner_wrp {
			width:100%;
			margin-top: 364px;
			margin-bottom: 160px;
		}


	#workArea {
		position: relative;
		width: 100%;
		min-height: 100%;
		margin: 0 auto;
		z-index: 1;
	}
		#website_wrp #workArea {
			padding: 89px 0 0 196px;
		}
		.page_main #website_wrp #workArea {
			padding: 60px 0 40px 196px;
		}


	.wraper {
		position: relative;
		width: 100%;
		max-width: 1244px;
		margin: 0 auto;
	}
		.wraper_inner {
			position: relative;
			padding-left: 196px;
			width: 100%;
		}

	#contentArea {
		padding: 30px;
	}
		.content-anotation#contentArea ,
		.page_content_anotation #contentArea ,
		.page_main #contentArea {
			padding: 0px;
		}

	#mobilemain { display: none; }

/*	template elements
----------------------------------------------*/

	/* horizontal line */
	.hr {
		position: relative;
		width: 100%;
		border-top: 1px solid #ccc;
		height: 0;
		clear: both;
	}
	/* red cubes */
	.cube_lt:before {
		content: "";
		position: absolute;
		z-index: 10;
		left: -3px;
		top: -3px;
		visibility: visible;
		width: 3px;
		height: 3px;
		border: 1px solid #ed1c24;
	}
	.cube_rt:after {
		content: "";
		position: absolute;
		z-index: 10;
		right: -2px;
		top: -3px;
		visibility: visible;
		width: 3px;
		height: 3px;
		border: 1px solid #ed1c24;
	}
	.cube_lb:before {
		content: "";
		position: absolute;
		z-index: 10;
		left: -2px;
		bottom: -2px;
		visibility: visible;
		width: 3px;
		height: 3px;
		border: 1px solid #ed1c24;
	}
	.cube_rb:after {
		content: "";
		position: absolute;
		z-index: 10;
		right: -2px;
		bottom: -2px;
		visibility: visible;
		width: 3px;
		height: 3px;
		border: 1px solid #ed1c24;
	}

		/* fix */
		.navigation .hr.cube_rt:after {
			right: -3px;
		}


	.ramka {
		border: 1px solid #ccc;
		padding: 6px;
		position: relative;
	}

/*	Logo
----------------------------------------------*/

	.logo {
		width: 178px;
		height: 335px;
		position: absolute;
		top: 31px;
		left: 0px;
		border: none;
	}
		.logo .logoimg {
			display: block;
			position: absolute;
			//background: url(../images/ntiLogo.svg#logo-view) 0px 0px no-repeat;
			-webkit-background-size: contain;
			        background-size: contain;
			width: 162px;
			height: 162px;
			top: 16px;
			left: 15px;
		}
		.logo .logotext {
			display: block;
			background: url(../images/logo_text.png) 20px 0 no-repeat;
			-webkit-background-size: contain;
			        background-size: contain;
			opacity: 0.9;
			width: 170px;
			height: 108px;
			position: absolute;
			top: 200px;
			left: 0px;
			border: none;
		}
			.projects-site .logo  .logotext {
				background: url(../images/logo_projects.svg) 20px 0 no-repeat;
			}

/*	top navigation menu
----------------------------------------------*/

	.menu {
		min-width: 320px;
		width: 100%;
	}
            .menu .item {
                    position: relative;
                    display: inline-block;
                    margin-right: 10px;
                    vertical-align: middle;
            }


	.top_navigation {
		padding-right: 1px;
	}
	.top_navigation::before {
		content:"";
		position:absolute;
		top:0;
		left:4px;
		width: 191px;
		height: 30px;
		background-color: white;
		z-index: 9;
		visibility: visible;
		
	}
	.top_navigation .menu {
		background-color: #fff;
        text-align: right;
        padding-top: 4px;
        padding-bottom: 6px;
        min-height: 30px;
	}
		.top_navigation .menu .item {
			margin-right: 3%;
			margin-left: 1%;
			display: inline;
			padding-left: 14px;
		}
			.top_navigation .show-mobile .menu .item .before {
				content: "\003e";
				color:#575756;
				position: absolute;
    			left: 0;
				top: 0px;
			}
			.top_navigation #toptop_menu.menu .item:before {
				content: "\003e";
				color:#575756;
				position: absolute;
    			left: 0;
				top: 0px;
			}
			.top_navigation .menu .item a {
				color:#575756;
				text-decoration: none;
				white-space: nowrap;
			}
			.top_navigation .menu .item.current span a ,
			.top_navigation .menu .item:hover a ,
			.top_navigation .menu .item.current:before ,
			.top_navigation .menu .item:hover:before {
				color:#ed1c24;
			}

		.top_navigation a[rel=home] {
			display: block;
			position: absolute;
			left: 2px;
			top: 32px;
			width: 190px;
			height: 190px;
			z-index: 100;
		}

/*	top navigation menu
----------------------------------------------*/

	.head_navigation .menu {
		background-color: #fff;
		border-right: 1px solid #ccc;
	}
		.head_navigation .menu:before {
			left: 193px;
		}

		.head_navigation .menu .item {
		    padding-top: 4px;
		    padding-bottom: 6px;
		    margin-right: 2%;
		    margin-left: 1%;
		}
			.head_navigation .menu .item a {
			    color:#575756;
			    text-decoration: none;
			    white-space: nowrap;
			}
			.head_navigation .menu .item.current span a ,
			.head_navigation .menu .item.current > a ,
			.head_navigation .menu .current > a ,
			.head_navigation .menu .item a:hover {
			    color:#ed1c24;
			}

/*	section navigation menu
----------------------------------------------*/

	.section_navigation {
		padding-right: 1px;
	}
	.section_navigation .menu {
		background-color: #fff;
	}
		.section_navigation .menu .item {
			padding-top: 4px;
			padding-bottom: 6px;
			margin-right: 2.5%;
			margin-left: 1%;
			padding-left: 12px;
		}
			.section_navigation .menu .item:before {
				content: "\003e";
				color:#2dbfc8;
				position: absolute;
				left: 0;
				top: 3px;
			}
			.section_navigation .menu .item a {
				color:#2dbfc8;
				text-decoration: none;
				white-space: nowrap;
			}
			.section_navigation .menu .item.current a ,
			.section_navigation .menu .item:hover a ,
			.section_navigation .menu .item.current:before ,
			.section_navigation .menu .item:hover:before {
				color:#ed1c24;
			}

/*	social icons
----------------------------------------------*/

	.navigation .social,
    .show-mobile .social {
	    width: 100%;
	    position: relative;
	    margin-top: 20px;
	    padding-left: 22px;
	}
    .show-mobile .social {
	    min-width: 320px;
	}

		.navigation .social .item,
        .show-mobile .social .item {
		    display: inline-block;
		    vertical-align: middle;
		    margin-right: 5px;
		    float:left;
		    width: 25px;
		    height: 25px;
		    background: #fff url(../images/social.png) 0 0 no-repeat;
		    border: 1px solid #797979;
		    border-radius: 12px;
		}

			.social .item.fb {
				background-position: 0 0;
			}
			.social .item.vk {
				background-position: -31px 0;
			}
			.social .item.tw {
				background-position: -63px 0;
			}
			.social .item.inst {
				background-position: -97px 0;
			}
			.social .item.yt {
				background-position: -127px 0;
			}


	.social-share {
	    width: 100%;
	    position: relative;
		padding: 45px 0 45px 33px;
	}
	.section .social-share {
		padding-left: 0;
	}
		.social-share > div {
			margin-bottom: 8px;
		}
		.social-share .item {
		    display: inline-block;
		    vertical-align: middle;
		    margin-right: 6px;
		    float:left;
		    width: 32px;
		    height: 32px;
		    background: #fff url(../images/share.png) 0 0 no-repeat;
		    border: none;
		}

			.social-share .item.fb {
				background-position: 0 0;
			}
			.social-share .item.vk {
				background-position: -38px 0;
			}
			.social-share .item.tw {
				background-position: -78px 0;
			}
			.social-share .item.gp {
				background-position: -120px 0;
			}


/*	subscription and sitesearch forms
----------------------------------------------*/

		.navigation #subscription ,
		.navigation #sitesearch,
		.burger-block .search,
		.show-mobile #subscription {
			position: relative;
			width: 150px;
			margin-top: 25px;
			padding-left: 20px;
		}
		.navigation #sitesearch,
	        .show-mobile #subscription  {
			margin-top: 30px;
		}
		.navigation #subscription input[type="submit"] ,
		.navigation #sitesearch input[type="submit"],
		.burger-block .search input[type="submit"],
		.show-mobile #subscription input[type="submit"]  {
			position: absolute;
			top: 0px;
			left: 124px;
			width: 25px;
			height: 25px;
			background: transparent url(../images/sprite.png) -2px 0 no-repeat;
			border: 0;
			z-index: 2;
			border-left: 1px solid #a1a1a1;
		}
		.navigation #sitesearch input[type="submit"],
		.burger-block .search input[type="submit"] {
			background-position: -26px 0;
		}
		.navigation #subscription input[type="text"],
		.navigation #subscription input[type="email"],
		.navigation #sitesearch input[type="text"],
		.navigation #sitesearch input[type="search"],
		.burger-block .search input[type="text"],
		.show-mobile #subscription input[type="text"],
		.show-mobile #subscription input[type="email"] {
			position: relative;
			display: inline-block;
			width: 150px;
			height: 26px;
			padding: 6px 30px 6px 8px;
			color: #585858;
			font-size: .9em;
			background: #fff;
			border: 1px solid #a1a1a1;
		}

/*	sitemap
----------------------------------------------*/

	#sitemap {
		color: #6b6b6b;
		text-align: right;
		width: 115px;
		font-size: 14px;
		margin-top: 30px;
		margin-left: 58px;
	}
		.page_main #sitemap {
			bottom: 140px;
		}
		#sitemap a {
			color: #6f6f6f;
			font-size: 14px;
			text-decoration: none;
		}

/*	copyright
----------------------------------------------*/

	#copyright {
		color: #6b6b6b;
		text-align: right;
		width: 115px;
		font-size: 12px;
		margin-top: 13px;
		margin-left: 58px;
	}
		.page_main #copyright {
			bottom: 60px;
		}

/*	headers
----------------------------------------------*/

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		display: block;
		margin: 0;
		font-weight: normal;
		color: #2dbfc8;
		font-family: 'ChevinProLight';
	}
	h1 {
		font-size: 3em;
	}
	h2 {
		font-size: 2.8em;
	}
	h3 {
		font-size: 1.8em;
	}
	h4 {
		font-size: 1.5em;
	}
	h5 {
		font-size: 1.1em;
	}
	h6 {
		font-size: 1em;
	}

		h1 > a,
		h1 > a:hover,
		h2 > a,
		h2 > a:hover,
		h3 > a,
		h3 > a:hover,
		h4 > a,
		h4 > a:hover,
		h5 > a,
		h5 > a:hover,
		h6 > a ,
		h6 > a:hover {
			color: #2dbfc8;
			text-decoration: none;
			margin: 0;
			padding: 0;
			display: inline;
		}


	#workArea h1:nth-of-type(1) ,
	#workArea h1.header,
	#workArea h1.header1 {
		font-family: "DecimaRoundA";
		color: #2d435e;
		font-size: 48px;
		line-height: 50px;
		position: relative;
		margin: 0 0 24px 0;
	}

		#workArea h1:nth-of-type(1):before ,
		#workArea h1.header:before ,
		#workArea h1.header1:before {
		    content: "";
			position: absolute;
			bottom: -8px;
			left: 3px;
			background-color: #ed1c24;
			width: 120px;
			height: 4px;
			border-radius: 2px;
			margin: 0;
		}

	#workArea h2.header2 {
		font-family: "DecimaRoundA";
		color: #2d435e;
		position: relative;
		margin: 0px 0 12px 0;
		text-transform: uppercase;
	}
		#workArea h2.header2:before {
		    content: "";
			position: absolute;
			bottom: -8px;
			left: 3px;
			background-color: #ed1c24;
			width: 87px;
			height: 2px;
			margin: 0;
		}


	#workArea h1.header1 > a,
	#workArea h1.header1 > a:hover,
	#workArea h2.header2 > a,
	#workArea h2.header2 > a:hover,
	#workArea h3.header3 > a,
	#workArea h3.header3 > a:hover,
	#workArea h4.header4 > a,
	#workArea h4.header4 > a:hover {
		color: #2d435e;
		text-decoration: none;
	}


	#workArea h3.h3 {
		font-family: "DecimaRoundA";
		color: #2d435e;
		position: relative;
		margin: 0px 0 12px 0;
	}
	#workArea h3.header3 {
		font-family: "DecimaRoundA";
		color: #2d435e;
		position: relative;
		margin: 0px 0 12px 0;
		text-transform: uppercase;
	}
		#workArea h3.header3:before {
		    content: "";
			position: absolute;
			bottom: -8px;
			left: 3px;
			background-color: #ed1c24;
			width: 87px;
			height: 2px;
			margin: 0;
		}


	#workArea h4.h4 {
		font-family: "DecimaRoundA";
		color: #2d435e;
		position: relative;
		margin: 0px 0 12px 0;
	}
	#workArea h4.header4 {
		font-family: "DecimaRoundA";
		color: #2d435e;
		position: relative;
		margin: 0px 0 12px 0;
		text-transform: uppercase;
	}
		#workArea h4.header4:before {
		    content: "";
			position: absolute;
			bottom: -8px;
			left: 3px;
			background-color: #ed1c24;
			width: 87px;
			height: 2px;
			margin: 0;
		}




/*	content elements
----------------------------------------------*/

	#contentArea p
	{
		margin-bottom: 10px;
	}

	#contentArea ul ,
	#contentArea ol {
	    list-style: none;
	    padding:0;
	    margin:0;
		margin-bottom: 10px;
		counter-reset: list_style_cnt;
	}

		#contentArea ul > li ,
		#contentArea ol > li {
			margin-bottom: 8px;
			padding-left: 26px;
			position: relative;
		}
			#contentArea ul > li:before {
			    content: "\2014\00a0";
			    color: #ed1c24;
			    position: absolute;
				left: 0;
			}
			#contentArea ol > li:before {
				counter-increment: list_style_cnt;
				content: "" counter(list_style_cnt, decimal ) ".\00a0";
			    color: #ed1c24;
			    position: absolute;
				left: 0;
			}

				#contentArea ol.dash > li {
					padding-left: 36px;
				}
					#contentArea ol.dash > li:before {
						counter-increment: list_style_cnt;
						content: "" counter(list_style_cnt, decimal ) "\00a0\2014\00a0";
					    color: #ed1c24;
					    position: absolute;
						left: 0;
					}

				#contentArea ol > li > ol ,
				#contentArea ol > li > ul ,
				#contentArea ul > li > ol ,
				#contentArea ul > li > ul {
					counter-reset: list_style_cnt_sub;
				}
					#contentArea ol > li > ol > li:before ,
					#contentArea ul > li > ol > li:before {
						counter-increment: list_style_cnt_sub;
						content: "" counter(list_style_cnt_sub, lower-latin ) ".\00a0";
					    color: #ed1c24;
					    position: absolute;
						left: 0;
					}
					#contentArea ol > li > ul > li:before ,
					#contentArea ul > li > ul > li:before {
						counter-increment: list_style_cnt_sub;
						content: "\2013\00a0";
					    color: #ed1c24;
					    position: absolute;
						left: 0;
					}




	#contentArea ul > li > p ,
	#contentArea ol > li > p {
		margin: 0;
		padding: 0;
	}



	#contentArea .img {
		margin-left: -316px;
		text-align: center;
		position: relative;
		padding: 0 20px;
	}
		#contentArea .img img ,
		#contentArea .img object ,
		#contentArea .img svg {
			display: block;
			margin:0 auto;
			/*width: -webkit-calc(100% - 20px);
			width: calc(100% - 20px);*/
			width: 100%;
			height: 100%;
		}




/*	bitrix panel fix
----------------------------------------------*/

	.auth.auth_admin body {
		padding-top: 40px;
	}
	.auth.auth_admin #panel {
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 100;
		height: 40px;
	}

/*	main page
----------------------------------------------*/

	.page_main #workArea h1:nth-of-type(1) {
		position: absolute;
		left: 33px;
		top: 22px;
		z-index: 1;
		font-size: 48px;
	}


	.page_main #main_foto {
		position: relative;
	}
		.page_main #main_foto figure {
    		margin: 0;
		}
		.page_main #main_foto figure img {
    		margin: 0;
    		display: block;
    		width:100%;
			height: auto;
    		min-width:300px;
		}

		.page_main #main_foto .owl-controls {
			margin-top: -45px;
		}
		.page_main #main_foto .owl-controls .owl-page {
			position: relative;
		}
		.page_main #main_foto .owl-controls .owl-page span {
			width: 20px;
			height: 20px;
			margin: 5px 7px;
			filter: Alpha(Opacity=70);
			opacity: 0.7;
			border-radius: 20px;
			background: #fff;
			border: 1px solid #e72a35;
		}
		.page_main #main_foto .owl-theme .owl-controls .owl-buttons div{
			opacity: 1;
		}
		.page_main #main_foto .owl-controls.clickable .owl-page:hover span {
			filter: Alpha(Opacity=100);
			opacity: 1;
		}
		.page_main #main_foto .owl-controls .owl-page.active span {
			filter: Alpha(Opacity=100);
			opacity: 1;
		}
			.page_main #main_foto .owl-controls .owl-page.active:before {
			    content: "";
				border: 1px solid #e72a35;
				width: 10px;
				height: 10px;
				position: absolute;
				left: 11px;
				top: 9px;
				border-radius: 10px;
			}

		.page_main #main_foto  .owl-controls .owl-buttons
		{
			height: 1px;
		}
			.page_main #main_foto  .owl-controls .owl-buttons div {
			    position: relative;
			    border-radius: 30px;
			    background: #fff;
			    border: 1px solid #e72a35;
			    overflow: hidden;
			    height: 30px;
			    width: 30px;
			}
				.page_main #main_foto  .owl-controls .owl-buttons div.owl-prev {
					top: -38px;
				    left: -50px;
				}
				.page_main #main_foto  .owl-controls .owl-buttons div.owl-next {
					top: -38px;
				    left: 50px;
				}

				.page_main #main_foto  .owl-controls .owl-buttons div:before {
					width: 10px;
					height: 10px;
				    content: "";
					border-top: 1px solid #e72a35;
					border-left: 1px solid #e72a35;
					position: absolute;
					left: 10px;
					top: 8px;
					-webkit-transform: rotate(-45deg);
					    -ms-transform: rotate(-45deg);
					     -o-transform: rotate(-45deg);
					        transform: rotate(-45deg);
				}
				.page_main #main_foto  .owl-controls .owl-buttons div.owl-next:before {
					-webkit-transform: rotate(135deg);
					    -ms-transform: rotate(135deg);
					     -o-transform: rotate(135deg);
					        transform: rotate(135deg);
					left: 6px;
				}

/*	contacts
----------------------------------------------*/

	.page_contacts #workArea h1:nth-of-type(1) {
		margin-left: 310px;
		text-align: left;
	}

	.page_contacts #geomap {
		position: absolute;
		left: 30px;
		top: 100px;
	}

	.page_contacts  #workArea h2 {
		margin-left: 310px;
		text-align: left;
		font-size: 22px;
		color: #2d435e;
		position: relative;
		margin: 44px 0 24px 310px;
		clear: both;
	}
		.page_contacts  #workArea h2:before
		{
		    content: "";
			position: absolute;
			bottom: -10px;
			left: 0;
			background-color: #ed1c24;
			width: 88px;
			height: 1px;
			margin: 0;
		}

	.page_contacts  #workArea h3 {
		margin-left: 310px;
		text-align: left;
		font-size: 18px;
		color: #2dbfc8;
		margin: 20px 0 5px 310px;
		clear: both;
	}

	.page_contacts dl {
		margin-left: 310px;
		margin-bottom: 13px;
		display: block;
		clear: both;
	}
		.page_contacts dl > dt {
			display: inline-block;
			clear: both;
			float: left;
			color: #ed1c24;
			padding-right: 18px;
		}
		.page_contacts dl > dd {
			display: inline-block;
			float: left;
			color: #575757;
		}

/*	documents
----------------------------------------------*/

	.page_documents #contentArea {
		padding: 0px;
	}

	.page_documents .documents {
		width: 100%;
		position: relative;
	}
		.page_documents .documents .col_doc {
			border-bottom: 1px #ccc dashed;
		}

		.page_documents .documents .doc {
			position: relative;
			display: inline-block;
			min-height: 278px;
			padding: 26px 33px;
			margin: 0;
			width: 99.99%;
		}
			.page_documents .documents .doc dt {
				display: block;
				padding: 0;
				margin: 0;
			}
				.page_documents .documents .doc dt div ,
				.page_documents .documents .doc dt a {
					display: block;
					position: relative;
					color: #2d435e;
					font-size: 18px;
					margin: 0 0 30px 0;
					text-decoration: none;
				}

				.page_documents .documents .doc dt div:before ,
				.page_documents .documents .doc dt a:before
				{
				    content: "";
					position: absolute;
					bottom: -17px;
					left: 0;
					background-color: #ed1c24;
					width: 69px;
					height: 2px;
					margin: 0;
				}

				.search .doc dt b ,
				.search .doc dd b {
					background-color: #ff0;
					padding: 1px;
					font-weight: normal;
				}

			.page_documents .documents .doc dd {
				display: block;
				padding: 0;
				margin: 0;
			}
				.page_documents .documents .doc dd .date {
					color: #ed1c24;
					margin-top: 5px;
				}
				.page_documents .documents .doc dd .section {
					color: #2d435e;
					margin-top: 10px;
				}
				.page_documents .documents .doc dd a {
					color: #2dbfc8;
				}

/*	document detail
----------------------------------------------*/

	.page_document #contentArea {
		padding: 0px;
	}
	.page_document.page_instructions #contentArea {
		/*padding: 30px;*/
	}

	.page_document .document {
		width: 100%;
		position: relative;
		min-height: 100%;
	}
		.page_document .document .index {
			float: left;
			width: 313px;
			padding: 26px 33px;
		}
		.page_document .document .preview ,
		.page_document .document .section {
			margin-left: 313px;
			padding: 26px 33px;
			min-height: 100%;
			border-left: 1px #ccc dashed;
		}
		.page_document .document .preview {
			background: url(../images/bg/bg1.png) no-repeat 76% bottom;
			padding-bottom: 350px;
		}

		.page_document .document .date {
			color: #ed1c24;
		}
		.page_document .document .index  h3.toc ,
		.page_document .document .section h1.header2 ,
		.page_document .document .section h2.header2 {
			color: #2d435e;
			font-size: 30px;
			position: relative;
			display: block;
			margin: 23px 0;
		}
		.page_document .document .index  h3.toc {
			margin-top: 0;
		}
			.page_document .document .index  h3.toc:before ,
			.page_document .document .section h1.header2:before ,
			.page_document .document .section h2.header2:before {
			    content: "";
				position: absolute;
				bottom: -10px;
				left: 0;
				background-color: #ed1c24;
				width: 69px;
				height: 2px;
				margin: 0;
			}

			.page_document #contentArea .document .index  ul  li {
				list-style: none;
				margin: 0;
				padding: 0 0 5px 15px;
			}
				.page_document #contentArea .document .index  .chp0 {
					color: #2dbfc8;
					display: block;
					font-size: 24px;
					cursor: pointer;
				}
				.page_document #contentArea .document .index  ul  li a {
					display: inline-block;
					color: #3c342a;
					text-decoration: none;
				}
					.page_document #contentArea .document .index  ul  li:before
					{
					    content: "\2013\00a0\00a0";
						color: #3c342a;
						position: absolute;
    					left: 0;
					}
					.page_document #contentArea .document .index  ul  li a:hover  {
						text-decoration: underline;
					}

/* Site map
----------------------------------------------*/

	.page_sitemap .map-columns ul {
	    padding-left: 20px;
	}

	.page_sitemap .map-columns ul li {
	    padding-bottom: 3px;
	}

		.page_sitemap .map-columns ul.map-level-0 a {
			font-weight: bold;
		}

		.page_sitemap .map-columns ul.map-level-1 a,
		.page_sitemap .map-columns ul.map-level-2 a,
		.page_sitemap .map-columns ul.map-level-3 a {
			font-weight: normal;
		}

/* Content page
----------------------------------------------*/

	.page_content .document {
		width: 100%;
		position: relative;
		min-height: 100%;
	}
		.page_content .document .index {
			width: 310px;
			padding: 0 33px;
		}
		.page_content .document .section {
			/*padding: 0;*/
			min-height: 100%;
		}
			.page_content .document.with-anotation > .section {
				margin-left: 310px;
				padding: 26px 33px;
			}

				.page_projects_main .document.with-anotation > .section {
					padding-bottom: 0;
				}

		.page_content .document .section .index {
			position: absolute;
			left: 0px;
			width: 310px;
			margin-top: 7px;
		}
			.page_content .document .section .index .anotation {
				margin-bottom: 33px;
			}
				.page_content .document .index .anotation > div {
					padding: 14px;
				}

				.page_content .document .index .anotation h1 ,
				.page_content .document .index .anotation h2 ,
				.page_content .document .index .anotation h3 ,
				.page_content .document .index .anotation h4 {
					color: #ed1c24;
					font-size: 20px;
				}

		.page_content .document .date {
			color: #ed1c24;
		}

/* Content list
----------------------------------------------*/

	.page_content_list #contentArea {
		padding: 0px;
	}

	.page_content_list .list {
		width: 100%;
		position: relative;
		min-height: 100%;
		left:-1px;
	}
		.page_content_list .list .doc {
			position: relative;
			display: inline-block;
			width: 99.99%;
			min-height: 200px;
			/*border-left: 1px #ccc dashed;*/
			border-bottom: 1px #ccc dashed;
			padding: 26px 33px;
			margin: 0;
		}
			.page_content_list .list .doc dt {
				display: block;
				padding: 0;
				margin: 0;
			}
				.page_content_list .list .doc dt b ,
				.page_content_list .list .doc dt a {
					display: block;
					position: relative;
					color: #2d435e;
					font-size: 18px;
					margin: 0 0 30px 0;
					text-decoration: none;
					min-height: 27px;
				}
				.page_content_list .list .doc dt a:hover {
				}
				.page_content_list .list .doc dt b:before ,
				.page_content_list .list .doc dt a:before {
				    content: "";
					position: absolute;
					bottom: -17px;
					left: 0;
					background-color: #ed1c24;
					width: 69px;
					height: 2px;
					margin: 0;
				}

			.page_content_list .list .doc dd {
				display: block;
				padding: 0;
				margin: 0;
			}
				.page_content_list .list .doc dd img ,
				.page_content_list .list .doc dd object ,
				.page_content_list .list .doc dd svg {
					width: 210px;
					height: 210px;
					margin: 16px 0;
				}

/* Reference
----------------------------------------------*/

	.page_reference #contentArea {
		padding: 0px;
	}

	.page_reference .list {
		width: 100%;
		position: relative;
	}
		.page_reference .list .doc {
			position: relative;
			display: inline-block;
			border-bottom: 1px #ccc dashed;
			padding: 26px 33px;
			margin: 0;
		}
			.page_reference .list .doc dt {
				display: block;
				padding: 0;
				margin: 0;
			}
				.page_reference .list .doc dt  {
					display: block;
					position: relative;
					color: #2d435e;
					font-size: 18px;
					margin: 0 0 30px 0;
					text-decoration: none;
				}
				/*.page_reference .list .doc.letter dt {
					margin-top: 90px;
				}*/
				.page_reference .list .doc dt .original {
					color: #ed1c24;
					font-size: 16px;
					margin: 10px 0 0 0;
				}
				.page_reference .list .doc .big {
					color: #ed1c24;
					font-size: 46px;
					text-align: center;
					position: absolute;
					left: -33px;
					top: -120px;
					width: -webkit-calc(100% + 66px);
					width: calc(100% + 66px);
					border-bottom: 1px #ccc dashed;
					padding: 15px;
				}
				
				.page_reference .list .doc_letter .big {
					color: #ed1c24;
					font-size: 46px;
					text-align: center;
					width: 100%;
					border-bottom: 1px #ccc dashed;
					border-top: 1px #ccc dashed;
					margin-top: -1px;
					padding: 15px;
				}

			.page_reference .list .doc dd {
				display: block;
				padding: 0;
				margin: 0;
			}
	.doc_letter {
	}

/* QandA
----------------------------------------------*/

	.page_qna #contentArea {
		padding: 0px;
	}
	
	.page_qna h1.space {
		margin: 26px 33px !important;
		padding-top: 20px;
	}
	
	.page_qna ul.space {
		margin: 52px 33px 26px !important;
	}

		.page_qna .list  {
			position: relative;
		}
		.page_qna .list .doc {
			position: relative;
			display: inline-block;
			/*min-height: 278px;*/
			border-bottom: 1px #ccc dashed;
			padding: 26px 33px;
			margin: 0;
			width: 100%;
		}
		.page_qna .list.columns.bordered .doc {
			border-bottom: none;
			border-top: 1px #ccc dashed;
		}
			.page_qna .list .doc dt {
				display: block;
				padding: 0;
				margin: 0;
			}
				.page_qna .list .doc dt .question {
					display: block;
					position: relative;
					color: #2d435e;
					font-size: 17px;
					margin: 0 0 30px 0;
					text-decoration: none;
					cursor: pointer;
				}

				.page_qna .list .doc dt .question:before
				{
				    content: "";
					position: absolute;
					bottom: -17px;
					left: 0;
					background-color: #ed1c24;
					width: 69px;
					height: 2px;
					margin: 0;
				}
				.page_qna .list .doc dt .question:after,
				.page_qna .list .doc.active dt .question:after
				{
					content: "";
				    width: 22px;
				    height: 22px;
				    display: inline-block;
				    /*margin: 0 6px;*/
				    margin-right: -22px;
				    background: url(../images/icons.svg) -1px 0px no-repeat;
				    -webkit-transform: rotate(180deg);
				        -ms-transform: rotate(180deg);
				         -o-transform: rotate(180deg);
				            transform: rotate(180deg);					
				    vertical-align: bottom;
    				padding: 0;
				}
				.page_qna .list .doc.active dt .question:after
				{
				    -webkit-transform: rotate(0deg);
				        -ms-transform: rotate(0deg);
				         -o-transform: rotate(0deg);
				            transform: rotate(0deg);
				    background: url(../images/icons.svg) -1px -2px no-repeat;
				}


			.page_qna .list .doc dd {
				display: block;
				padding: 0;
				margin: 0;
			}
				.page_qna .list .doc dd .answer {
					display: none;
				}
				.page_qna .list .doc.active dd .answer {
					display: block;
				}

/* sub section
----------------------------------------------*/
	.sub-section {
		border-left: 1px #ccc dashed;
    	border-top: 1px #ccc dashed;
		padding: 33px;
		position: relative;
		width: -webkit-calc(100% + 62px);
		width: calc(100% + 62px);
		margin-left: -33px;
    }
    	.sub-section .sub-title {
    		position: absolute;
    		left: -306px;
    		top: -1px;
    		border-top: 1px #ccc dashed;
    		width: 305px;
    		text-align: right;
    		font-size: 28px;
    		color: #363636;
    		padding-top: 33px;
    		padding-right: 33px;
    	}
	    	.sub-section .sub-title b {
	    		font-family: 'ChevinProLight';
	    		display: block;
	    		color: #ea1f19;
	    		font-size: 80px;
	    		line-height: 80px;
	    	}

	    	.page_content .document .section .sub-section h2 {
	    		padding-top: 0;
	    		margin-top: 0;
	    	}

/*	roadmap
----------------------------------------------*/

	.page_roadmap #contentArea {
		padding: 0;
	}

/*	go-project link
----------------------------------------------*/
	a#go-covid, a#go-project, a#go-forsite, a#offer-project,a.codes-docs {
		margin: 30px auto 15px;
		width: 150px;
		height: 30px;
		background-color: #2d435e;
		color: #fff;
		text-decoration: none;
		display: block;
		text-align: center;
		font-size: 15px;
    	line-height: 28px;
	}
	a#go-forsite {
		background-color: #f98c1f;
		/*margin: 15px auto;*/
	}
	a#go-project {
		margin: 15px auto;
	}
	a#go-covid {
		background-color: #ed1c24;
		color: white;
	}
	a#go-project:hover,a#go-forsite:hover {
		text-decoration: none;
	}

	.show-mobile a#go-project, .show-mobile a#go-forsite, .show-mobile a#offer-project {
		margin: 0;
		background-color: transparent;
		width: unset;
		height: unset;
		color: #6f6f6f;
		text-align: right;
		font-size: unset;
		line-height: unset;
		padding-right: 13px;
	}
	a#offer-project {
		margin: 0 auto 15px;
		/*position: relative;*/
		bottom: 17px;
	}
	
	@media screen and (max-width: 1100px) {
		a#offer-project {
			margin-top: 15px;
		}
	 }

	@media screen and (max-width: 600px) {
	  a#offer-project {
		margin-top: 15px;
	  }
	}	

/*	columns
----------------------------------------------*/

	.columns {
		/*display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;*/

		 -webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;

		-webkit-column-width: auto;
		-moz-column-width: auto;
		column-width: auto;

		-moz-column-fill: balance;
		-webkit-column-fill: balance;
		        column-fill: balance;

		-webkit-column-gap: 1px;
		-moz-column-gap: 1px;
		column-gap: 1px;

		-webkit-column-break-inside: avoid;
		page-break-inside: avoid;
		break-inside: avoid;


		-webkit-column-rule: 1px #ccc dashed;
		-moz-column-rule: 1px #ccc dashed;
		column-rule: 1px #ccc dashed;

		/*justify-content: flex-start;
		align-items: flex-start;*/
	}
	.columns.bordered {
		border-bottom: 1px #ccc dashed;
		min-height: 0;
	}
		.columns.columns2 {
			 -webkit-column-count: 2;
			-moz-column-count: 2;
			column-count: 2;
		}
		.columns.columns1 {
			 -webkit-column-count: 1;
			-moz-column-count: 1;
			column-count: 1;
		}
			.columns.columns2 .doc {
				display: block;
			}

		.page_content_list .columns.list .doc {
			/*float: unset;
			width: unset;
			border-left: unset;*/
		}
		.columns .doc {
			-webkit-column-break-inside: avoid;
			page-break-inside: avoid;
			break-inside: avoid;
		}

/*	table
----------------------------------------------*/

	#contentArea table {
		border-collapse: collapse;
		border:  1px solid #ccc;
	}
		#contentArea table th {
			border:  1px solid #ccc;
			padding: 5px;
			background-color: #eee;
		}
		#contentArea table td {
			border:  1px solid #ccc;
			padding: 10px;
		}

	#contentArea table.no-border {
		border-collapse: collapse;
		border:  none;
	}
		#contentArea table.no-border th ,
		#contentArea table.no-border td {
			border:  none;
			background-color: transparent;
			padding: 10px;
			padding-left: 0;
		}

/*	system message
----------------------------------------------*/
	.message {
		display: inline-block;
		clear: both;
		color: #fff;
		margin: 36px 0;
		padding: 5px 10px;

	}
		.message.error {
			background-color: #ff1212;
		}
		.message.note {
			background-color: #ccc;
			color: #000;
		}
		.message.success {
			background-color: #2ba336;
		}




/*	context search form
----------------------------------------------*/

	.search-form-wraper {
		background-color: #fff;
	}
	.search-form-menu {
		border-right: 1px solid #ccc;
	}

	fieldset.search-form {
		background-color: #fff;
		display: block;
		border: none;
		margin: 0;
		position: relative;
		height: 29px;
		width: 288px;
		margin: 12px 0 12px 36px;
		float: left;
		padding: 0;
	}
		fieldset.search-form input[type=search],
		fieldset.search-form input[type=text] {
			width: 288px;
			height: 28px;
			border: 1px solid #a1a1a1;
			font-size: 12px;
			color: 	#575757;
			position: absolute;
			left: 0px;
			top: 0px;
			padding: 7px 35px 7px 9px;
		}
		fieldset.search-form input[type=submit] {
			width: 24px;
			height: 25px;
			border: none;
			border-left: 1px solid #a1a1a1;
			background-color: transparent;
			background: #fff url(../images/sprite.png) -26px 1px no-repeat;
			font-size: 1px;
			text-indent: -999px;
			position: absolute;
			right: 1px;
			top: 2px;
		}
		.search-sort {
			float: left;
			margin: 16px 0 12px 36px;
			white-space: nowrap;
		}
			.search-sort a  {
				color: #2dbfc8;
				white-space: nowrap;
				display: inline-block;
				padding: 0 10px;
				text-decoration: none;
			}
			.search-sort b {
				color: #ed1c24;
				font-weight: normal;
				white-space: nowrap;
				display: inline-block;
				padding: 0 10px;
			}


/* Video
----------------------------------------------*/

	.page_video #contentArea {
		padding: 0px;
	}

		.page_video .list  {
			position: relative;
		}
		.page_video .list .col_doc {
			border-bottom: 1px #ccc dashed;
		}
		.page_video .list .doc {
			position: relative;
			display: inline-block;
			min-height: 278px;
			padding: 26px 33px;
			margin: 0;
		}
			.page_video .list .doc dt {
				display: block;
				padding: 0;
				margin: 0;
			}
				.page_video .list .doc dt .video {
					margin: 0 0 20px 0;
				}

				.page_video .list .doc dt .subject {
					display: block;
					position: relative;
					color: #2d435e;
					font-size: 18px;
					margin: 0 0 30px 0;
					text-decoration: none;
					cursor: pointer;
				}

				.page_video .list .doc dt .subject:before
				{
				    content: "";
					position: absolute;
					bottom: -17px;
					left: 0;
					background-color: #ed1c24;
					width: 69px;
					height: 2px;
					margin: 0;
				}
				.page_video .list .doc dt .subject:after,
				.page_video .list .doc.active dt .subject:after
				{
					content: "";
				    width: 22px;
				    height: 22px;
				    display: inline-block;
				    /*margin: 0 6px;*/
				    margin-right: -22px;
				    background: url(../images/icons.svg) -1px 0px no-repeat;
				    vertical-align: bottom;
    				padding: 0;
				}
				.page_video .list .doc.active dt .subject:after
				{
				    -webkit-transform: rotate(180deg);
				        -ms-transform: rotate(180deg);
				         -o-transform: rotate(180deg);
				            transform: rotate(180deg);
				    background: url(../images/icons.svg) -1px -2px no-repeat;
				}


			.page_video .list .doc dd {
				display: block;
				padding: 0;
				margin: 0;
			}
				.page_video .list .doc dd .comments {
					display: none;
				}
				.page_video .list .doc.active dd .comments {
					display: block;
				}
				.page_video .list .doc dd .date {
					color: #ed1c24;
					margin-top: 5px;
				}
				.page_video .list .doc dd .section {
					color: #2d435e;
					margin-top: 10px;
				}


/* Fotobank first foto
----------------------------------------------*/

	.page_foto .photo-top {
		margin: 0;
		padding: 0;
		position: relative;
		overflow: hidden;
		width:100%;
		border-bottom: 1px #ccc dashed;
	}
	.page_foto .photo-first {
		width:66.67%;
		position: relative;
		min-height: 278px;
		border-right: 1px #ccc dashed;
		padding: 26px 33px;
		margin: 0;
		overflow: hidden;
		float: left;
	}
	.page_foto .photo-top .photo-calendar {
		width: 290px;
		width:33%;
		position: relative;
		padding: 26px 21px 26px 33px;
		margin: 0;
		overflow: hidden;
		float: left;
	}

		.page_foto .photo-big {
			float: left;
			padding: 0 12px 12px 0 ;
			max-width: 460px;
			-webkit-box-sizing: content-box;
			   -moz-box-sizing: content-box;
			        box-sizing: content-box;
		}
			.page_foto .photo-big img {
				max-width: 460px;
				/*padding-right: 12px;*/
			}
		.page_foto .photo-first img.photo-preview
		{
			cursor: pointer;
			padding: 0 12px 12px 0;
			width: 155px;
			height: 102px;
		}
		.page_foto .photo-first .photo-title {
			display: block;
			position: relative;
			color: #2d435e;
			font-size: 18px;
			margin: 20px 0 30px 0;
			text-decoration: none;
			cursor: pointer;
		}
			.page_foto .photo-first .photo-title:before
			{
			    content: "";
				position: absolute;
				bottom: -17px;
				left: 0;
				background-color: #ed1c24;
				width: 69px;
				height: 2px;
				margin: 0;
			}


/* Fotobank calendar
----------------------------------------------*/
	.cal ,
	.cal-nav {
		width: 290px;
		border:0;
	}
		.cal a ,
		.cal span {
			display: inline-block;
			float: left;
			width: 38px;
			height: 38px;
			border: 1px solid transparent;
			border-radius: 20px;
			margin: 0 2px 2px 0;
			text-align: center;
			vertical-align: middle;
			font-size: 14px;
			text-decoration: none;
			line-height: 36px;
			color: #87837e;
		}
		.cal a {
			border-color: #ffb4b4;
		}
		.cal a.cal-current {
			border-color: #ff0606;
		}
			.cal a.NewsCalOtherMonth  ,
			.cal span.NewsCalOtherMonth  {
				opacity: 0.5;
				background-color: transparent;
			}

		.cal .cal-nav {
			clear: both;
			height: 32px;
		    padding-top: 10px;
		}
		.cal .cal-nav .cal-prev ,
		.cal .cal-nav .cal-next ,
		.cal .cal-nav .cal-prev-dis ,
		.cal .cal-nav .cal-next-dis {
			display: inline-block;
			float: left;
			margin-left: 43px;
			height: 32px;
			width: 32px;
			border:1px solid #e72a35;
			border-radius: 16px;
			overflow: hidden;
			position: relative;
		}
		.cal .cal-nav .cal-prev-dis ,
		.cal .cal-nav .cal-next-dis {
			border-color: #ccc;
		}
			.cal .cal-nav .cal-prev:before ,
			.cal .cal-nav .cal-next:before ,
			.cal .cal-nav .cal-prev-dis:before ,
			.cal .cal-nav .cal-next-dis:before {
			    content: "";
				position: absolute;
				top: 11px;
				left: 12px;
				border-top:1px solid #e72a35;
				border-left:1px solid #e72a35;
				width: 8px;
				height: 8px;
				margin: 0;
				-ms-transform: rotate(-45deg);
				-webkit-transform: rotate(-45deg);
				-o-transform: rotate(-45deg);
				transform: rotate(-45deg);
			}
			.cal .cal-nav .cal-prev-dis:before ,
			.cal .cal-nav .cal-next-dis:before {
				border-color: #ccc;
			}
		.cal .cal-nav .cal-next ,
		.cal .cal-nav .cal-next-dis {
			margin-left: 0px;
		}
			.cal .cal-nav .cal-next:before ,
			.cal .cal-nav .cal-next-dis:before {
				-ms-transform: rotate(135deg);
				-webkit-transform: rotate(135deg);
				-o-transform: rotate(135deg);
				transform: rotate(135deg);
				left: 9px;
			}

		.cal .cal-nav .cal-current-month {
			display: inline-block;
			float: left;
			width: 122px;
			height: 32px;
			color: #2d435e;
			text-align: center;
			line-height: 27px;
			font-size: 15px;
			border-color: transparent;
		}




	.NewsCalWeekend, .NewsCalToday, .NewsCalDefault, .NewsCalOtherMonth , .NewsCalHeader, .NewsCalMonthNav, .NewsCalDay, .NewsCalNews{
		/*font-size:9pt;
		color:#000000;*/
	}
	.NewsCalToday, .NewsCalDefault, .NewsCalOtherMonth, .NewsCalWeekend, .NewsCalHeader {
	}
	.NewsCalToday{
		/*background-color:#dadded;*/
	}
	.NewsCalDefault{
		/*background-color:#FFFFFF;*/
	}
	.NewsCalOtherMonth{
		/*background-color:#F8F9EF;*/
	}
	.NewsCalWeekend{
		/*background-color:#F6E5E1;*/
	}
	.NewsCalHeader{
		/*background-color:#EFF1F9;*/
	}
	.NewsCalMonthNav{
	}
	.NewsCalDay{
	}
	.NewsCalDayOther{
	}
	.NewsCalNews{
	}

/* Fotobank list
----------------------------------------------*/

	.page_foto #contentArea {
		padding: 0px;
	}
		.page_foto .list .col_doc {
			border-bottom: 1px #ccc dashed;
		}

		.page_foto .list .doc {
			position: relative;
			display: inline-block;
			min-height: 228px;
			padding: 26px 33px;
			margin: 0;
		}
			.page_foto .list .doc dt {
				display: block;
				padding: 0;
				margin: 0;
			}
				.page_foto .list .doc dt .photo {
					margin: 0 0 20px 0;
				}
					.page_foto .list .doc dt .photo img {
						/*width: 276px;
						height:185px;*/
						width: 100%;
						height: auto;
						min-width: 250px;
						min-height:185px;
					}

				.page_foto .list .doc dt .subject ,
				.page_foto .list .doc dt .title {
					display: block;
					position: relative;
					color: #2d435e;
					font-size: 18px;
					margin: 0 0 30px 0;
					text-decoration: none;
				}
				.page_foto .list .doc dt .subject  {
					cursor: pointer;
				}

				.page_foto .list .doc dt .subject:before ,
				.page_foto .list .doc dt .title:before {
				    content: "";
					position: absolute;
					bottom: -17px;
					left: 0;
					background-color: #ed1c24;
					width: 69px;
					height: 2px;
					margin: 0;
				}
				.page_foto .list .doc dt .subject:after,
				.page_foto .list .doc.active dt .subject:after
				{
					content: "";
				    width: 22px;
				    height: 22px;
				    display: inline-block;
				    /*margin: 0 6px;*/
				    margin-right: -22px;
				    background: url(../images/icons.svg) -1px 0px no-repeat;
				    vertical-align: bottom;
    				padding: 0;
				}
				.page_foto .list .doc.active dt .subject:after
				{
				    -webkit-transform: rotate(180deg);
				        -ms-transform: rotate(180deg);
				         -o-transform: rotate(180deg);
				            transform: rotate(180deg);
				    background: url(../images/icons.svg) -1px -2px no-repeat;
				}


			.page_foto .list .doc dd {
				display: block;
				padding: 0;
				margin: 0;
			}
				.page_foto .list .doc dd .comments {
					display: none;
				}
				.page_foto .list .doc.active dd .comments {
					display: block;
				}
				.page_foto .list .doc dd .date {
					color: unset;
					margin-top: 5px;
				}
				.page_foto .list .doc dd .section {
					color: #2d435e;
					margin-top: 10px;
				}

/*	filter content
----------------------------------------------*/

	.filter-content {
		padding-right: 1px;
	}
		.filter-content-reset {
			position: absolute;
			top:1px;
			right: 6px;
			cursor: pointer;
			color:#2dbfc8;
			z-index: 10;
		}
		.filter-content .menu {
			background-color: #fff;
			height:36px;
		}
			.filter-content .menu .item {
				padding-top: 9px;
				padding-bottom: 9px;
				padding-left: 20px;
				padding-right: 13px;
				position: relative;
			}
			.filter-content .menu .item:hover {
				height: 18px;
			}
				.filter-content .menu .item > a,
				.filter-content .menu .item .item-dropdwon > span {
					color:#2dbfc8;
					text-decoration: none;
					white-space: nowrap;
					padding-left: 4px;
					cursor: pointer;
					position: relative;
				}
					.filter-content .menu .item > a:before ,
					.filter-content .menu .item .item-dropdwon > span:before {
						content: "\003e";
						color:#2dbfc8;
						position: absolute;
						left: -10px;
		    			top: 0px;
		    			z-index: 1;
					}
				.filter-content .menu .item:hover .item-dropdwon
				{
					border-right: 1px solid #ccc;
					border-bottom: 1px solid #ccc;
					border-left: 1px solid #ccc;
					background-color: #fff;
					position: absolute;
					z-index: 10;
					top: -2px;
					left: -1px;
					padding: 9px 10px 4px 20px;
				}
					.filter-content .menu .item:hover .item-dropdwon > span {
						/*margin-left: -2px;*/
					}
					.filter-content .menu .item > a:hover,
					.filter-content .menu .item > a:hover:before ,
					.filter-content .menu .item.current .item-dropdwon > span ,
					.filter-content .menu .item  .item-dropdwon > span:hover ,
					.filter-content .menu .item.current .item-dropdwon > span:before ,
					.filter-content .menu .item:hover .item-dropdwon > span:before {
						color:#ed1c24;
					}
				.filter-content .menu .item .item-dropdwon > div {
					display: none;
					white-space: nowrap;
				}
					.filter-content .menu .item:hover .item-dropdwon > div {
						display: block;
					}


		.filter-content fieldset.search-form {
			width: 150px;
			margin: 0px 6px;
		}
			.filter-content fieldset.search-form input[type=search],
			.filter-content fieldset.search-form input[type=text] {
				width: 153px;
			}

			.filter-content .menu .item.item-search-name {
				float: right;
				padding-top: 4px;
				padding-bottom: 4px;
				padding-left: 40px;
				padding-right: 0;
			}

		.filter-content #daterange .day.available
		{
			background-color: #ed1c24;
			color: #fff;
		}


/*	filter content
----------------------------------------------*/


	.checkbox, .radio {
	    opacity: 0;
	    position: absolute;
	}

		.checkbox, .checkbox-label, .radio, .radio-label {
		    display: inline-block;
		    vertical-align: middle;
		    margin: 5px;
		    cursor: pointer;
		    padding-left: 0px;
		    position: relative;
		}

		.checkbox-label, .radio-label {
		    position: relative;
		}
		.checkbox-label:hover, .radio-label:hover {
		    color: #ed1c24;
		}

		.checkbox + .checkbox-label:before ,
		.radio + .radio-label:before {
		    content: '';
		    background: #fff;
		    border: 1px solid #ccc;
		    display: block;
		    width: 10px;
		    height: 10px;
		    padding: 2px;
		    position: absolute;
		    left: -23px;
    		top: 2px;
    	}
		.checkbox + .checkbox-label:after ,
		.radio + .radio-label:after {
		    content: '✔';
		    width: 10px;
		    height: 10px;
		    padding: 2px;
		    position: absolute;
		    left: -23px;
    		top: -10px;
    		font-size: 22px;
    		font-weight: bold;
    		display: none;
    		color: #3c342a;
		}

		.checkbox:checked + .checkbox-label:before {
		    /*background: rebeccapurple;*/
		}
		.checkbox:checked + .checkbox-label:after ,
		.radio:checked + .radio-label:after {
			display: block;
		}

		.radio + .radio-label:before {
		    border-radius: 50%;
		}

		.radio:checked + .radio-label:before {
		    /*background: #ccc;*/
		}


		/* focus style */
		.checkbox:focus + .checkbox-label,
		.radio:focus + .radio-label {
		  	/*outline: 1px solid #ddd; */
		}


/*	filter content
----------------------------------------------*/

	.pagination_wrp {
		width: 100%;
		padding: 30px 0 0 0;
		text-align: center;
		clear: both;
	}
		.pagination_wrp .pages {
			display: inline-block;
			width: auto;
			height: 35px;
		}
			.pagination_wrp .page {
				display: inline-block;
				width: auto;
				margin-right: 10px;
				/*color: #1d9fdb;			font-size: 1.3em;*/
				vertical-align: middle;
			}
				.pagination_wrp .page:last-of-type {
					margin-right: 0;
				}
				.pagination_wrp .page.ctrl a {
					border: 0;
				}
				.pagination_wrp .page a span.arr,
				.pagination_wrp .page a span.value {
					display: inline-block;
					/*color: inherit;*/
					font-size: inherit;
					vertical-align: middle;
				}
				.pagination_wrp .page a {
					display: inline-block;
					height: 35px;
					padding: 0 10px;
					/*color: inherit;*/
					font-size: inherit;
					text-decoration: none;
					text-indent: -2px;
					line-height: 33px;
					border: 1px solid transparent;
				}
				.pagination_wrp .page a.selected,
				.pagination_wrp .page a:hover {
					border-color: #ccc;
				}

/*	catalog-projects
----------------------------------------------*/

	#catalog-projects .documents .doc {
		min-height: 330px;
	}

/*	subscription
----------------------------------------------*/
	div.subscribe-edit fieldset {
		min-width: 10%;
		max-width: 40%;
		width: auto;
		padding: 15px;
	}
		div.subscribe-edit fieldset input[type=email] ,
		div.subscribe-edit fieldset input[type=password] ,
		div.subscribe-edit fieldset input[type=text] {
			width: 150px;
		    height: 26px;
		    padding: 6px 8px;
		    margin-bottom: 15px;
		}
		div.subscribe-edit fieldset input[type=email] {
		    width: 250px;

		}
		div.subscribe-edit fieldset input[type=submit] {
		    padding: 4px 8px;
		}
		div.subscribe-edit fieldset .starrequired {
		    position: relative;
		}
		div.subscribe-edit fieldset .starrequired::before {
			content: '*';
			display: block;
			height: 0;
			clear: both;
			color:red;
			position: absolute;
			top: -5px;
			right: 7px;
		}

	div.subscribe-edit .red {
		color:red;
	}
	div.subscribe-edit .green {
		color:green;
	}
	div.subscribe-edit .errorcolor {
		color:red;
	}
	div.subscribe-edit .successcolor {
		color:green;
	}


/*	LeaderID
----------------------------------------------*/

	.bx-ss-icon.leaderid {
		background: url(../images/LeaderID-ico.png)  no-repeat;
	}
	.bx-ss-button.leaderid-button {
		background: url(../images/LeaderID.png) no-repeat !important ;
		padding: 14px !important;
    	padding-left: 155px !important;
	}



/*	LeaderID
----------------------------------------------*/
 .events-picture {
 	max-height: 170px;
 	max-width: 290px;
 	margin-bottom: 20px;
 }


.logo .logoimg.background{
      background: url(../images/ntiLogo.svg#logo-view) 0px 0px no-repeat;
      -webkit-background-size: contain;
			        background-size: contain;
    }

.logo .logoimg , .market_video, .chel_video{
       filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'brightness\'><feColorMatrix type=\'matrix\' values=\'1.2 0 0 0 0 0 1.2 0 0 0 0 0 1.2 0 0 0 0 0 1.2 0\'/></filter></svg>#brightness");
       -webkit-filter:brightness(108.5%);
       background-color: transparent;
 }

.list.markets_rows {
  columns: auto;
  -moz-columns: auto;
  -o-columns: auto;
  left: 1px;
  font-size: 0;
}
.list.markets_rows .doc {
  display: inline-block;
  max-width: 33.33333333333%;
  border-right: 1px #ccc dashed;
  vertical-align: top;
  font-size: 14px;
  height: 500px !important;
}
@media screen and (max-width: 1100px) {
    .list.markets_rows .doc {
      max-width: 50%;
    }
 }

@media screen and (max-width: 600px) {
  .list.markets_rows .doc {
    max-width: 100%;
  }
}
/* Современные браузеры, кроме Chrome, Opera, Safari */
@keyframes go-left-right {   /* назовём анимацию: "go-left-right" */
	from {
		transform: translateX(50px);
		opacity: 0;
	}
	to {
		opacity: 1;
		transform: translateX(0px);
	}
}

/* Префикс для Chrome, Opera, Safari */
@-webkit-keyframes go-left-right {
	from {
		transform: translateX(50px);
	}	opacity: 0;
	to {

		opacity: 1;
		transform: translateX(0px);
	}
}
.animate_static_picture {
	transform: translateX(50px);
	opacity: 0;
}

.start_anim {
	animation: go-left-right 0.8s;
	-webkit-animation: go-left-right 0.8s;
	-webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
	animation-fill-mode: forwards;
}



#create-anchor-link {
	position: fixed;
	right: 50px;
	bottom: 50px;
	border: 1px solid #aaa;
	padding: 10px;
	background-color: #fefefe;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	cursor: pointer;
	z-index: 999999999;
}

.container_doc {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container_doc {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container_doc {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container_doc {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container_doc {
    max-width: 1140px;
  }
}

.row_doc {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.col_doc-4, .col_doc-6 {
  position: relative;
  width: 100%;
  min-height: 1px;
}

.col_doc-sm-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	border-right: none;
}

@media (min-width: 768px) {
	.col_doc-md-6 {
	  -ms-flex: 0 0 50%;
	  flex: 0 0 50%;
	  max-width: 50%;
	}

	.col_doc-md-6:nth-child(2n+1) {
	  border-right: 1px #ccc dashed;
	}
}

@media (min-width: 992px) {
	.col_doc-lg-4 {
	  -ms-flex: 0 0 33.333333%;
	  flex: 0 0 33.333333%;
	  max-width: 33.333333%;
	  border-right: 1px #ccc dashed;
	}

	.col_doc-lg-4:nth-child(3n) {
	  border-right: none;
	}

	.col_doc-lg-6 {
	  -ms-flex: 0 0 50%;
	  flex: 0 0 50%;
	  max-width: 50%;
	}

	.col_doc-lg-6:nth-child(2n+1) {
	  border-right: 1px #ccc dashed;
	}
}
.col_doc_dis_border_bot {
  border-bottom: none !important;
}

img.span, iframe.span {
	max-width: 100% !important;
	width: auto !important;
	height: auto !important;
	margin: 0 auto;
	display: block;
}

.youtube-wrap {
  position: relative;
  padding-bottom: 56.25%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom:20px;
}
.youtube-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



center.codes {
	margin-top: 80px;
}

div.table {
	display: table;
}
div.table>div {
	display: table-row;
}
div.table>div>div {
	display: table-cell;
	padding: 10px 0;
}
div.table>div>div.th { 
	width: 23%;
	font-weight: bold;
}
div.table>div>div.colspan { 
	width: 100%;
	display:block;
}
div.colspan>div {
  width: 1px;
}

div.colspan>div>div {
	position: relative;
    min-width: 320px;
    max-width: 100%;
    overflow: hidden;
}
@media (max-width: 768px) {
	div.table,
	div.table>div,
	div.table>div>div
	{
		display: block;
	}
	div.table>div>div.th {
		padding: 20px 0 0;
		width: 100%;
	}
}
.asi_logo img
{
	max-width: 100%;
	margin-bottom:  10px;
}
.asi_logo a, 
.sitemap_a 
{
	display: block;
	padding: 30px 17px 0px;
	text-align: center;
	line-height:  1.2em;
	text-decoration: none;
	color:  #a2a2a2;
}