<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url(https://fonts.googleapis.com/css?family=Days+One);
@import url(https://fonts.googleapis.com/css?family=Roboto:300&amp;subset=latin,cyrillic);

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

html,
body {
	position: relative;
	min-height: 100%;
	font-family: Verdana, "Geneva CY", "DejaVu Sans", sans-serif;
}

h1 {
	color: #000;
	font-size:30px;
	font-family: 'Roboto', sans-serif;
}

h2 {
	padding: 0 15px;
	color: #aaa;
	font-size:35px;
	font-family: 'Roboto', sans-serif;
}

h4 {
	color: #363437;
	font-size: 15px;
	font-weight: 700;
}

hr {
	border: 0 none;
	display: block;
	height: 1px;
	background-color: #eeeeef;
}

a {
	color: #00aeef;
}

a,
svg,
img,
svg path,
svg polygon,
:before,
:after,
.square figcaption,
.square a:before,
.navbar-inverse .navbar-nav &gt; li a span,
.navbar-inverse .navbar-nav &gt; li a,
.square .btn{
	-o-transition: all  0.2s ease-in;
	-ms-transition: all  0.2s ease-in;
	-moz-transition: all  0.2s ease-in;
	-webkit-transition: all  0.2s ease-in;
	transition: all  0.2s ease-in;
}

img {
	max-width: 100%;
	border: 0 none;
}

address {
		margin-bottom: 0;
}
	
	address a.tel{
		color: #000 !important;
		font-size: 20px !important;
		font-weight: 400;
		font-family: 'Days One', sans-serif;
	}
	address a.email {
		color: #00aeef !important;
	}

.socIcons {
	text-align: right;
	padding-right: 0;
}
	.socIcons a {
		display: inline-block !important;
	}
	.socIcons a img,
	.socIcons a svg path{
		color: #e6e6e6;
		fill: #e6e6e6;
		width: 30px;
		height: 30px;
	}
		.socIcons a:hover svg.fb path{
			fill: #4065b4;
			color: #4065b4;
		}
		.socIcons a:hover svg.in path{
			fill: #157fb9;
			color: #157fb9;
		}
		.socIcons a:hover svg.yt path{
			fill: #c13a35;
			color: #c13a35;
		}

.breadcrumb {
	background-color: transparent;
	padding: 0;
	text-align: center;
}
	.breadcrumb li {
		padding: 0;
		padding-left: 15px;
	}
		.breadcrumb li a{
			background-color: #e6e6e6;
			display: inline-block;
			color: #aaa;
			min-width: 225px;
			padding: 5px;
			position: relative;
			text-align: center;
		}
			.breadcrumb li a:before {
				border: 15px solid #e6e6e6;
				border-left: 0 none;
				border-top-color: transparent;
				border-bottom-color: transparent;
				display: block;
				content:'';
				width: 0;
				height: 0;
				position: absolute;
				left: -15px;
				top: 0px;
			}
			
			.breadcrumb li a:hover {
				background-color: #f5f5f5;
				text-decoration: none;
			}
				.breadcrumb li a:hover:before {
					border-right-color: #f5f5f5;
				}


.btn {
	border-radius: 0;
}
.btn-lg{
	font-size: 14px;
}

.btn-yellow {
	background-color: #fff200;
	color: #000;
}

.btn-default {
	border-color: transparent !important;
	background-color: #e6e6e6;
	color: #aaa;
}

	.btn-default:hover {
		background-color: #005a9f;
		color: #fff;	
	}

.linkMore {
	background-color: #e6e6e6;
	color: #fff;
	display: block;
	font-size: 20px;
	padding: 11px 10px;
	text-align: center;
	
}
	.linkMore:hover {
		background-color: #aaa;
		text-decoration: none;
		color: #fff;
	}

.ul {
	padding-right: 10px;
	list-style-type: none;
}
	.ul li {
		position: relative;
	}
	.ul li:before {
		display: inline-block;
		content: '-';
		position: absolute;
		left: -10px;
		font-size: 12px;
	}

/* ~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v */
/* ~^v~^v~^v~^v~^v~^v HEADER ~^v~^v~^v~^v~^v~^v~^v~^v~ */
/* ~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v */

header &gt; section.container {
	padding-left: 15px;
	padding-right: 15px;
}

header .container .row {
	min-height: 100px;
}

header address {
	padding-bottom: 15px;
}

header address .nav&gt;li&gt;a {
	padding: 10px 0 0px;
}
	header address .nav &gt; li &gt; a:hover {
		background-color: transparent;
	}
	
header .socIcons {
	text-align: center;
	padding: 10px 0;	
	clear: both;
}
	header .socIcons a svg{
		margin: 0 10px;
	}

header .contacts {
	text-align: center;
}

.logo {
	display: block;
	text-align: center;
}
	.logo svg,
	.logo img {
		width: 154px;
		height: 70px;
		margin: 18px 0;
	}

.subLinks {
	padding-left: 18px;
	text-align: center;
}
.subLinks a {
	display: block;
	color: #aaaaaa !important;
	text-decoration: none !important;
	font-size: 11px;
	line-height: 20px;
	margin: 10px;
}
	.subLinks a span {
		text-decoration: underline;
	}
	.subLinks a:hover span{
		text-decoration: none;
	}
.subLinks a svg,
.subLinks a img{
	width: 18px;
	height: 18px;
	margin-right: 5px;
	vertical-align: top;
}
	.subLinks a svg path {
		color: #e6e6e6;
		fill: #e6e6e6;
	}
	.subLinks a:hover svg path{
		fill: #fff200;
		color: #fff200;
	}
/* --------------------------------------------------- */

/* ~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v */
/* ~^v~^v~^v~^v~^v~^v NAVBAR ~^v~^v~^v~^v~^v~^v~^v~^v~ */
/* ~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v */

.navbar.navbar-inverse {
	border-radius: 0;
	background-color: #363437;
}
.navbar {
	min-height: 40px;
	border: 0 none;
	margin-bottom: 10px;
}
.navbar-inverse .navbar-nav {
	float: none;
	width: 100%;
	margin: 0;
}
.navbar-nav .open .dropdown-menu .dropdown-header,
.navbar-nav .open .dropdown-menu &gt; li &gt; a {
	text-align: center;
}

.navbar-inverse .navbar-nav &gt; li &gt; a {
	border-top: 1px solid #4d4c4f;
	color: #fff;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
	.navbar-inverse .navbar-nav &gt; li:first-child &gt; a {
		border-top: 0 none;
	}

.dropdown-menu {
	right: 0;
}

.navbar-inverse .navbar-nav&gt;.open&gt;a,
	.navbar-inverse .navbar-nav &gt; .open &gt; a:active,
	.navbar-inverse .navbar-nav &gt; .open &gt; a:focus{
		background-color: transparent;
	}

.navbar-inverse .navbar-nav &gt; li a:hover,
.navbar-inverse .navbar-nav &gt; .open &gt; a:hover{
	background-color: #6d6d6d;
}

.normal_menu.active a{
	background-color: #6d6d6d !important;
}

	

	.navbar-inverse .navbar-nav &gt; .active &gt; a &gt; span,
	.navbar-inverse .navbar-nav &gt; .active &gt; a:focus &gt; span,
	.navbar-inverse .navbar-nav &gt; .active &gt; a:hover &gt; span,
	.navbar-inverse .navbar-nav&gt;.view&gt;a &gt; span,
	.navbar-inverse .navbar-nav&gt;.view&gt;a:focus &gt; span,
	.navbar-inverse .navbar-nav&gt;.viwe&gt;a:hover &gt; span,
	.navbar-inverse .navbar-nav &gt; li a:hover &gt; span{
		border-color: transparent !important;
		
	}

.navbar-inverse .navbar-nav&gt;li.view&gt;a,
.navbar-inverse .navbar-nav&gt;li.view&gt;a:focus,
.navbar-inverse .navbar-nav&gt;li.viwe&gt;a:hover,
.navbar-inverse .navbar-nav &gt; .active &gt; a,
.navbar-inverse .navbar-nav &gt; .active &gt; a:focus,
.navbar-inverse .navbar-nav &gt; .active &gt; a:hover {
	background-color: #005a9f;
	margin-left: 0;
	padding-left: 0;
}

ul.dropdown-menu {
	border: 0 none;
	border-radius: 0;
	box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.05);
	padding: 0;
}
	#mainmenu {
		background-color: #f6f6fa;
		border-radius:0;
		padding: 30px 20px;
	}

		#mainmenu .panel {
			background-color: transparent;
			box-shadow: none;
			margin-bottom: 10px;
		}

		#mainmenu .panel &gt; div &gt; a{
			background-color: transparent;
			color: #000;
			display: block;
			text-decoration: none;
			font-size: 12px;
		} 

			#mainmenu .panel ul {
				list-style-type: none;
				padding-left: 10px;
			}
				
				#mainmenu .panel ul li {
					position: relative;
					margin: 5px 0;
				}
				#mainmenu .panel ul li:before {
					display: inline-block;
					content: '-';
					position: absolute;
					left: -10px;
					font-size: 11px;
				}

			#mainmenu .panel ul li a{
				border: 0 none;
				background-color: transparent;
				display: block;
				color: #6e6e6e;
				font-size: 11px;
				padding: 0;
			}

				#mainmenu .panel ul li.active a,
				#mainmenu .panel ul li a:hover,
				#mainmenu .panel ul li a:focus,
				#mainmenu .panel ul li a:active {
					color:#005aa0;
				}
.active.dropdown.open ul.dropdown-menu{
	display: block !important;
	overflow: visible !important;
	box-shadow: none !important;
}
/* --------------------------------------------------- */

/* ~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v */
/* ~^v~^v~^v~^v~^v~^ INDEX ~^v~^v~^v~^v~^v~^v~^v~^v~^v */
/* ~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v */
.hr-lg {
	border-bottom: 1px solid #eaeaea;
	padding-bottom: 50px;
	margin-bottom: 50px;
}

.square {
	width: 100%;
	position: relative;
	float: left;
	margin: 10px 0;
}
	.square img {
		width: 100%;
		max-width: 100%;
		display: block;
	}
	.square .btn,
	.square figcaption{
		display: block;
		position: absolute;
		text-align: center;
	}
		.square figcaption{
			color: #363437;
			font-size: 15px;
			top: 20px;
			left: 20px;
			right: 20px;
			font-family: "Helvetica CY", sans-serif;
		}
			.square.white figcaption {
				color: #fff;
			}
		.square .btn {
			
			opacity: 0;
			width: 240px;
			bottom: 20px;
			left: 0;
			right: 0;
			margin: 0 auto;
		}

	.square a:hover figcaption {
		color: #fff;
	}
	.square a:hover:before{
		background-color: rgba(0, 0, 0, 0.3);
		display: block;
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;	
	}
	.square a:hover .btn {
		opacity: 1;
		
	}

/* --------------------------------------------------- */

/* ~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v */
/* ~^v~^v~^v~^v~^v~ NEWSBLOCKHOME ^v~^v~^v~^v~^v~^v~^v */
/* ~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v */
.newsBlockHome {
	margin-bottom: 30px;
}

.newsBlockHome h2{
	margin-bottom: 30px;
}

.newsBlockHome &gt; .row {
	/*margin-bottom: 40px;*/
}

.newsItem {
	margin-bottom: 40px;
}

	.newsItem figcaption {
		padding: 0 10px;
	}

.newsItem a:hover{
	text-decoration: none;
}
	.newsItem a:hover figcaption span:first-child {
		color:#aaaaaa;
	}
	.newsItem a:hover &gt; span:before {
		background-color: rgba(0, 0, 0, 0.3);
		content: '';
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;	
	}

.newsItem a span {
	display: block;
	position: relative;
	margin-bottom: 17px;
}
.newsItem span img{
	max-width: 100%;
    width: 100%;
}
.newsItem figcaption span{
	color: #363437;
	display: block;
	font-size: 18px;
	margin-bottom: 5px;
}
.newsItem figcaption span + span{
	color: #00aeef;
	font-size: 15px;
}
.newsItem figcaption span + span + span{
	color: #6e6e6e;
}
	.newsItem.oldNews a span{
		background-color: #e6e6e6;
		display: block;
		padding-top: 58px;
		width: 100%;
		height: 210px;
		color: #fff;
		font-family: 'Days One', sans-serif;
		font-weight: 700;
		font-size: 40px;
		text-align: center;
		line-height: 40px;
	}
		.newsItem.oldNews a span i {
			display: block;
			font-size: 30px;
			font-style: normal;
		}

	.newsItem.oldNews a:hover span {
		background-color: #aaa;
	}

/* --------------------------------------------------- */

/* ~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v */
/* ~^v~^v~^v~^v~^v LEFT SIDE v~^v~^v~^v~^v~^v~^v~^v~^v */
/* ~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v */
.leftSide {
	padding: 0 15px;
}
.infoBlock {
	padding-right: 50px;
}

	.infoBlock dt{
		padding-bottom: 30px;
	}
		.infoBlock dt svg,
		.infoBlock dt img {
			height: 50px;
		}
		.infoBlock dt svg path{
			fill: #e6e6e6;
			color: #e6e6e6;
		}

	.infoBlock dd a,
	.infoBlock dd span{
		text-decoration: none;
		color: #000;
		font-size: 12px;
	}
/* --------------------------------------------------- */

/* ~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v */
/* ~^v~^v~^v~^v~ highlightsSection v~^v~^v~^v~^v~^v~^v */
/* ~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v */
.highlightsSection{
	margin-bottom: 50px;
}
	.highlightsSection figure{
		margin-bottom: 0;
	}
	.highlightsSection figure + figure {
		margin-top: 40px;
	
	}
		.highlightsSection figure a{
			/*display: block;
			position: relative;*/
		}
			.highlightsSection figure a span{
				/*margin-bottom: 0;*/
			}
				.highlightsSection a:hover figcaption span:first-child{
					/*color: #fff;*/
				}
					.highlightsSection figure a &gt; span:after {
						content: '';
						display: block;
						background-image: url('/assets/templates/printex/img/youtubeicon.svg');
						background-size: 100%;
						background-repeat: no-repeat;
						width: 62.875012px;
    					height: 44.522657px;
						position: absolute;
						top: 0;
						left: 0;
						bottom: 0;
						border-radius: 8px;
						color: #000;
						text-align: center;
						right: 0;
						margin: auto;
						transform: scale(2);
					}
			.highlightsSection figure a figcaption{
				/*position: absolute;
				bottom: 5px;
				left: 5px;
				right: 5px;*/
			}
				.highlightsSection figure a figcaption span{
					/*color: #fff;
					font-size: 14px;*/
				}
/* --------------------------------------------------- */

/* ~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v */
/* ~^v~^v~^v~^v~^v RIGHT SIDE v~^v~^v~^v~^v~^v~^v~^v~^v */
/* ~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v */
.rightSide {
	padding: 0 15px;
}

	.rightSide .plr30 {
		margin-bottom: 70px;
	}

h4 {
	color: #363437;
}

h3 {
	color: #d2d2d2;
	font-size: 20px;
	font-weight: 700;
}

ul li,
p,
h4 {
	
	font-size: 12px;
}

ul li,
p {
	color: #6e6e6e;
}

.rightSide ul li {
	padding: 3px 0;
}

p.hint {
	color: #363437;
	font-size: 20px;
	font-family: 'Roboto', sans-serif;
}

/* --------------------------------------------------- */

/* ~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v */
/* ~^v~^v~^v~^v~^v~^v~^ TABS v~^v~^v~^v~^v~^v~^v~^v~^v */
/* ~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v */

.tabBlock {
	margin-bottom: 70px;
}

.tabBlock ul.tabBar {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 0 30px 0 7px;
	margin-bottom: 30px;
	list-style-type: none;	
}
	.tabBlock ul.tabBar li {
		float: left;
		padding: 0;
		margin-left: 23px;
	}
	.tabBlock ul.tabBar li a {
		border-bottom: 3px solid transparent;
		color: #6e6e6e;
		display: inline-block;
		font-size: 11px;
		padding: 15px 0;
		text-decoration: none !important;
	}
		.tabBlock ul.tabBar li.active a{
			border-bottom: 3px solid #005aa0;
			color: #005aa0;
		}
			.tabBlock ul.tabBar li.active a {
				color: #005aa0;
			}

		.tabBlock .tab-content {
			padding: 0 30px;
		}

			.tabBlock .tab-content p,
			.tabBlock .tab-content span,
			.tabBlock .tab-content ul {
				color: #6e6e6e;
			}
			.tabBlock .tab-content .table p,
			.tabBlock .tab-content .table span{
				font-size: 10px; 
			}

			.tabBlock .tab-content p {
				/*padding-left: 30px;*/
				text-align: justify;
			}
				.tabBlock .tab-content p + ul {
					margin-top: -7px;
				}
			.tabBlock .tab-content .ul {
				padding-left: 30px;
				margin-bottom: 20px;
			}
			.tabBlock .tab-content .ul li:before{
				left: -30px;
			}

			.tabBlock .tab-content .table-responsive {
				margin-bottom: 40px;
			}

			.tabBlock .tab-content .table thead&gt;tr&gt;th{
				border: 0 none;
			}
			.tabBlock .tab-content .table thead&gt;tr&gt;th{
				color: #005aa0;
				font-size: 10px;
			}
			.tabBlock .tab-content .table tbody&gt;tr&gt;th{
				color: #363437;
				font-size: 10px;
			}
			.tabBlock .tab-content .table tbody&gt;tr&gt;td{
				color: #6e6e6e;
				font-size: 10px;
			}

			.tabBlock .tab-content figure {
				text-align: center;
				margin-bottom: 40px;
			}

				.tabBlock .tab-content figure img {
					display: inline-block;
					margin-bottom: 20px;
				}
			.tabBlock .tab-content figure figcaption span b{
				color: #2d2d2d;
				font-size: 13px;
			}
			.tabBlock .tab-content figure figcaption span {
				display: block;
				color: #808080;
				font-size: 11px;
				/*min-height: 100px;*/
			}

			div#usefulLinks.tab-pane[data-type="view-load"] figure{
				vertical-align: bottom;
			}
			.tabBlock .tab-content #usefulLinks figure figcaption span b{
				display: inline-block;
				min-height: 100px;
			}

#photo {
	position: relative;
}
	#photo:after,
	#photo:before {
		display: block;
		content: '\2192';
		position: absolute;
		top: 40%;
		right: -10px;
		font-weight: 700;
		font-size: 30px;
		z-index: 2;
	}
	#photo:after {
		right: auto;
		left: -10px;
		content: '\2190';
	}

	#photo #links {
		height: 250px;
		overflow-x: auto;
		white-space: nowrap;
		text-align: center;
		-webkit-overflow-scrolling: touch;
		position: relative;
	}

	#photo #links a {
		border-left: 2px solid #fff;
		border-right: 2px solid #fff;
		border-radius: 3px;
		display: inline-block;
		overflow: hidden;
		position: relative;
		width: 220px;
		height:220px;
	}

	#photo #links a img{
		max-width: none;
		max-height: 100%;
		height: 100%;
	}

#video {
	position: relative;
}
	#video:after,
	#video:before {
		display: block;
		content: '\2192';
		position: absolute;
		top: 40%;
		right: -10px;
		font-weight: 700;
		font-size: 30px;
		z-index: 2;
	}
	#video:after {
		right: auto;
		left: -10px;
		content: '\2190';
	}

	#video &gt; div{
		overflow-x: auto;
		white-space: nowrap;
		position: relative;
	}

	#video iframe{
		display: inline-block;
	}

div.tab-pane[data-type="view-load"]{
	position: relative;	
}
	/*div.tab-pane[data-type="view-load"]:before,
	div.tab-pane[data-type="view-load"]:after {
		display: block;
		content: '\2192';
		position: absolute;
		top: 40%;
		right: -10px;
		font-weight: 700;
		font-size: 30px;
		z-index: 2;
	}
	div.tab-pane[data-type="view-load"]:after {
		right: auto;
		left: -10px;
		content: '\2190';
	}*/
	div.tab-pane[data-type="view-load"] &gt; div{
		overflow-x: auto;
		white-space: nowrap;
		position: relative;
	}

	div.tab-pane[data-type="view-load"] figure {
		display: inline-block;
		margin: 0 20px 20px;
		/*width: 25%;*/
		vertical-align: middle;
	}

	@media all and (min-width: 479px){
		div.tab-pane[data-type="view-load"] figure {
			width: 25%;
		}
	}

	div.tab-pane[data-type="view-load"] figure a:hover {
		text-decoration: none;
	}
		div.tab-pane[data-type="view-load"] figure a:hover span b {
			color: #aaaaaa;
		}
		div.tab-pane[data-type="view-load"] figure a span i {
			display: block;
		}
		div.tab-pane[data-type="view-load"] figure a:hover span i {
			color: #00aeef;
		}

	/*div.tab-pane[data-type="view-load"] figure img,*/
	div.tab-pane[data-type="view-load"] figure svg{
		width: 70px;
		height: 70px;
	}
	div.tab-pane[data-type="view-load"] figure a:hover svg path,
	div.tab-pane[data-type="view-load"] figure a:hover svg path + path,
	div.tab-pane[data-type="view-load"] figure a:hover svg polygon{
		color: #f00;
		fill: #f00;
	}

		div.tab-pane[data-type="view-load"] figure a:hover svg path + path + path {
			color: #000;
			fill: #000;
		}

	div.tab-pane[data-type="view-load"] figure a[href$=".pdf"] img{
		background: url('/assets/templates/printex/img/pdf.jpg') no-repeat 0 0;
		width: 56px;
		height: 67px;
		-o-transition: none;
		-ms-transition: none;
		-moz-transition: none;
		-webkit-transition: none;
		transition: none;
	}
	div.tab-pane[data-type="view-load"] figure a[href$=".pdf"]:hover img{
		background-position: 0 -67px;
	}

#whereToWatch .row .col-xs-4 a{
	color: #000;
}
	#whereToWatch .row .col-xs-4 a:hover {
		text-decoration: none;
	}

	#whereToWatch .row .col-xs-4 dl dt {
		font-size: 15px;
		font-weight: 700;
	}

	#whereToWatch .row .col-xs-4 dl dd{
		color: #6e6e6e;
		font-size: 12px;
	}

/* --------------------------------------------------- */

/* ~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v */
/* ~^v~^v~^v~^v~^v~^ CATALOG v~^v~^v~^v~^v~^v~^v~^v~^v */
/* ~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v */
.tile-w-4 figure {
	border-bottom: 1px solid #eaeaea;
	position: relative;
}
.tile-w-4 figure a {
	display: block;
	height: 280px;
	padding-top: 80px;
	text-align: center;
	padding-bottom: 3px;
	overflow: hidden;
}
	.tile-w-4 figure a figcaption {
		color: #363437;
		padding: 0 50px;
	}

	.tile-w-4 figure a:focus,
	.tile-w-4 figure a:active,
	.tile-w-4 figure a:hover {
		border-bottom: 3px solid #005a9f;
		text-decoration: none;
	}
		.tile-w-4 figure a:hover figcaption {
			color: #005aa0;
		}
	.tile-w-4 figure a img {
		max-width: 100%;
		opacity: 0.7;
		display: inline-block;
		margin: 0 auto;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: -1;
	}
	.tile-w-4 figure a:hover img {
		opacity: 1;
	}
/* --------------------------------------------------- */

/* ~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v */
/* ~^v~^v~^v~^v~^ CATALOG LIST ^v~^v~^v~^v~^v~^v~^v~^v */
/* ~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v */
.catalogList .row{
	border-bottom: 1px solid #eaeaea;
	padding-bottom: 15px;
	margin-bottom: 40px;
	margin-left: 0;
	margin-right: 0;
}

.catalogList .col-xs-6,
.catalogList .col-xs-3 {
	width: 100%;
}

.catalogList .col-xs-6,
.catalogList .col-xs-3.pull-right{
	padding-top: 40px;
}

	.catalogList .col-xs-3.pull-right {
		text-align: right;
	}

	.catalogList .col-xs-3.pull-right p {
		color: #6e6e6e;
		word-break: break-word;
		word-wrap: break-word;
	}
	.catalogList .col-xs-3.pull-right .btn.btn-default {
		min-width: 160px;
	}

.catalogList .table&gt;tbody&gt;tr&gt;td,
.catalogList .table&gt;tbody&gt;tr&gt;th,
.catalogList .table&gt;tfoot&gt;tr&gt;td,
.catalogList .table&gt;tfoot&gt;tr&gt;th,
.catalogList .table&gt;thead&gt;tr&gt;td,
.catalogList .table&gt;thead&gt;tr&gt;th{
	color: #363437;
	font-size: 10px;
	border-top: 1px solid #eaeaea;
	padding: 5px;
}

	.catalogList .table tbody tr th {
		color: #6e6e6e;
	}


.catalogList figure {
	text-align: center;
}

	.catalogList figure figcaption{
		color: #363437;
		font-size: 22px;
		font-family: 'Roboto', sans-serif;
		text-align: left;
	}

.catalogItem {
	padding: 0 0 40px 30px; 
}

	.catalogItem h1 + p {
		color: #363437;
		font-family: 'Roboto', sans-serif;
		font-size: 15px;
		margin-right: 180px;
		margin-bottom: 40px;
	}
/* --------------------------------------------------- */

/* ~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v */
/* ~^v~^v~^v~^v~^v~^v~^v FOOTER v~^v~^v~^v~^v~^v~^v~^v */
/* ~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v */
footer .row {
	margin-left: 0;
	margin-right: 0;
}
footer .container {
	border-top: 1px solid #eaeaea;
}
	footer .nav {
		margin: 0;
		text-align: center;
	}
	footer .nav li a{
		color: #bebebe;
		padding: 10px 0;
	}
		footer .nav&gt;li&gt;a:focus,
		footer .nav&gt;li&gt;a:hover{
			background-color: transparent;
			color: #45c3f5;
		}
	.copyright {
		color: #aaa;
		font-size: 10px;
		padding-bottom: 10px;
	}
	footer .socIcons {
		text-align: center;
	}
		footer li.socIcons {
			margin: 0 0 10px 0;
			padding: 0;
		}

		footer .nav li.socIcons a {
			padding: 0;
		}
/* --------------------------------------------------- */

/* ~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v */
/* ~^v~^v~^v~^v~ FORM REGISTRATION v~^v~^v~^v~^v~^v~^v */
/* ~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v */

.regForm {
	background-color: #f9f9f9;
	padding: 30px;
	position: relative;
}
	.regForm .col-xs-6 {
		width: 100%;
		float: none; 
	}
	.regForm .hint {
		background-color: #00adee;
		position: absolute;
		bottom: 100%;
		left: 0;
		right: 0;
		color: #fff;
		font-size: 12px;
		padding: 2px 15px;
		text-align: center;
	}
	.regForm .title {
		color: #6e6e6e;
		margin-top: 0;
		margin-bottom: 30px;
		font-size: 30px;
		font-family: 'Roboto', sans-serif;
	}
	.regForm .form-group {
		margin-bottom: 20px;
	}
	.regForm .form-control {
		border-color: #e6e6e6;
		border-radius: 10px;
		padding: 9px 12px;
		height: 40px;
	}

/* --------------------------------------------------- */

.newsItem,
.row.sectionHome .col-sm-6{
	padding-left: 0;
	padding-right: 0;
}


/* ~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^ 241 &gt;  */
@media all and (min-width: 241px) {
	.rightSide .plr30 {
		margin-bottom: 80px;
	}
}
/* --------------------------------------------------- */

/* ~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^ 321 &gt;  */
@media all and (min-width: 321px) {
	.rightSide .plr30 {
		margin-bottom: 40px;
	}
	.square figcaption {
		font-size: 17px;
	}
	footer .nav {
		text-align: left;
		width: 49%;
		display: inline-block;
		vertical-align: top;
	}
	footer address + .nav,
	footer .nav li.copyright,
	footer address .nav {
		width: 100%;
	}
	
	.copyright,
	footer .col-sm-6 + .col-sm-6{
		border-top: 1px solid #eaeaea;
	}
	.copyright {
		padding-top: 10px;
	}

	footer .socIcons {
		text-align: left;
		padding-left: 15px;
	}

}
/* --------------------------------------------------- */

/* ~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^ 481 &gt;  */
@media all and (min-width: 481px) {
	
	.tile-w-4 figure {
		width: 50%;
		float: left;
	}

		.tile-w-4 figure a figcaption {
			color: #363437;
			padding: 0 15px;
		}

	.breadcrumb {
		text-align: left;
		margin: 0 15px;
	}

	.catalogList .col-xs-3,
	.regForm .col-xs-6 {
		width: 50%;
		float: left; 
	}
		.catalogList .col-xs-6 {
			clear: both;
		}
	.container-fluid&gt;.navbar-collapse,
	.container-fluid&gt;.navbar-header,
	.container&gt;.navbar-collapse,
	.container&gt;.navbar-header {
		padding-left: 0;
		padding-right: 0;
		margin-left: -15px;
		margin-right: -15px;
	}

	.navbar-inverse .navbar-nav&gt;.open&gt;a,
	.navbar-inverse .navbar-nav&gt;.open&gt;a:focus,
	.navbar-inverse .navbar-nav&gt;.open&gt;a:hover,
	.navbar-inverse .navbar-nav &gt; li.active a,
	.navbar-inverse .navbar-nav &gt; li.active a:hover,
	.navbar-inverse .navbar-nav &gt; li &gt; a:hover,
	.navbar-inverse .navbar-nav &gt; .open &gt; a:hover{
		margin-left: -1px;
		padding-left: 1px;
	}

	.navbar-inverse .navbar-nav &gt; li.view &gt; a:hover {
		margin-left: 0;
		padding-left: 0;
	}


	.navbar-inverse .navbar-nav .open .dropdown-menu &gt; li &gt; a:focus,
	.navbar-inverse .navbar-nav .open .dropdown-menu &gt; li &gt; a:hover {
		margin-left: 0;
		padding-left: 25px;
	}

	header .subLinks {
		border-left: 0 none;
		border-right: 1px solid #eaeaea;
		margin: 14px 0;
	}

	header .contacts {
		padding-top: 10px;
	}

	header address {
		padding-left: 15px;
		padding-bottom: 0;
	}


	header .subLinks,
	header .contacts {
		width: 50%;
		float: left;
		text-align: left;
	}
	.navbar-inverse .navbar-toggle {
		display: none;
	}
		.navbar-collapse.collapse {
			display: block;
		}
		.navbar-inverse .navbar-nav &gt; li {
			width: 25%;
			float: left;
		}
			.navbar-inverse .navbar-nav &gt; li &gt; a {
				border-top: 0 none;
				border-left: none;
				text-align: center;
				padding: 10px 0;
			}
			.navbar-inverse .navbar-nav &gt; li:first-child &gt; a &gt; span {
				border-left: 1px solid #4d4c4f;
			}
			.navbar-inverse .navbar-nav &gt; li &gt; a &gt; span {
				border-right: 1px solid #4d4c4f;
				display: block;
			}
	.square figcaption {
		font-size: 22px;
	}
	footer address .nav li {
		width: 49%;
		display: inline-block;
	}
	footer .nav li a {
		padding: 10px;
	}
	footer .socIcons {
		text-align: center;	
	}
}
/* --------------------------------------------------- */


/* ~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^ 650 &gt;  */
@media all and (min-width: 650px) {
	.container {
		width: auto;
		max-width: 960px;
	}

	.navbar-inverse .navbar-nav .open .dropdown-menu &gt; li &gt; a:focus,
	.navbar-inverse .navbar-nav .open .dropdown-menu &gt; li &gt; a:hover {
		margin-left: 0;
		padding-left: 25px;
	}
		
	.tile-w-4 figure {
		width: 25%;
		float: left;
	}

		.tile-w-4 figure a figcaption {
			color: #363437;
			padding: 0 5px;
		}

	.leftSide {
		width: 45%;
		float: left;
	}

	.rightSide {
		width: 75%;
		margin-left: 25%;
		float: left;
	}

		.leftSide + .rightSide {
			width: 55%;
			margin-left: 0;
		} 

	.regForm .hint {
		bottom: auto;
		left: 30px;
		right: 30px;
		top: 0; 
	}

	footer &gt; .container{
		padding: 15px 0 45px;
	}
	footer .col-sm-6 + .col-sm-6 {
		border-left: 1px solid #eaeaea;
		border-top: 0 none;
	}
	footer .col-sm-6 {
		width: 50%;
		float: left;
	}
	footer address .nav li {
		width: 100%;
		display: block;
	}
	footer .nav li a {
		padding: 5px 10px;
	}

	footer li.socIcons {
		text-align: left;
		padding: 0 0 0 10px;
		margin-bottom: 0;
	}
		
	
	footer .nav li.copyright {
		text-align: left;
		padding: 0 10px;
	}
	.copyright {
		border: 0 none;
	}
}
/* --------------------------------------------------- */

/* ~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^ 767 &gt;  */
@media all and (min-width: 767px) {

	.leftSide {
		width: 35%;
		padding: 0; 
	}

	.rightSide {
		width: 75%;
		padding: 0;
		margin-left: 25%;
	}

	.leftSide + .rightSide {
		width: 65%;
		margin-left: 0;
	} 

	.regForm .hint {
		bottom: auto;
		left: 30px;
		right: 30px;
		top: 0; 
	}

	.catalogList .col-xs-6 {
		width: 50%;
		float: left;
		clear: none;
	}

	.catalogList .col-xs-3{
		width: 25%;
		float: left;
	}
		.catalogList figure,
		.catalogList .col-xs-3.pull-right {
			text-align: left;
		}

	header &gt; section.container {
		padding-left: 0;
		padding-right: 0;
	}

	header .subLinks {
		border-left: 1px solid #eaeaea;
		width: 25%;
	}

	header .socIcons {
		text-align: right;
		margin: 0 0 17px;
		clear: none;
		padding-right: 15px;
	}
		header .socIcons a svg{
			margin: 0;
		}

	header .contacts {
		width: 33.33333333%;
	}

	.navbar-inverse .navbar-nav .open .dropdown-menu &gt; li &gt; a:focus,
	.navbar-inverse .navbar-nav .open .dropdown-menu &gt; li &gt; a:hover {
		margin-left: 0;
		padding-left: 20px;
	}

	.breadcrumb {
		margin: 0;
	}

	.row {
		margin-left: 0;
		margin-right: 0;
	}

	.row.sectionHome .col-sm-6{
		padding-left: 0;
		padding-right: 10px;
	}
		.row.sectionHome .col-sm-6 + .col-sm-6 {
			padding-right: 0;
			padding-left: 10px;
		}
	.newsItem figcaption {
		padding: 0;
	}

	.newsItem {
		padding-left: 0;
		padding-right: 30px;
	}
		.newsItem + .newsItem {
			padding-left: 10px;
			padding-right: 20px;
		}
			.newsItem + .newsItem + .newsItem {
				padding-left: 20px;
				padding-right: 10px;
			}
				.newsItem + .newsItem + .newsItem + .newsItem {
					padding-right: 0;
					padding-left: 30px;
				}
				.newsItem figcaption span{
					font-size: 14px;
				}
				.newsItem figcaption span + span{
					font-size: 11px;
				}
				.highlightsSection figure{
					margin-top: 0 !important;
				}
					.highlightsSection figure a &gt; span:after {
						transform: scale(1);
					}
	footer .col-sm-6 &gt; .nav{
		width: 32%;
	}

	footer .nav {
		padding: 10px 0;
	}
	footer .nav li a {
		padding: 3px 0;
		font-size: 11px;
	}
	footer address {
		float: left;
	}
	footer .col-sm-6 address + .nav {
		width: auto;
		float: right;
		text-align: right;
		width: 40%;
	}
	footer li.socIcons,
	footer .nav li.copyright {
		text-align: right;
		padding: 0;
	}

	footer .socIcons a svg{
		margin-right: 15px;
	}
		footer .socIcons a + a + a svg {
			margin-right: 0;
		}
}
/* --------------------------------------------------- */
/* ~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^ 1000 &gt;  */
@media all and (min-width: 1000px) {
	.row {
		margin-right: -15px;
		margin-left: -15px;
	}

	h2 {
		padding: 0;
	}

	.leftSide {
		width: 25%;
	
	}

	.rightSide {
		width: 75%;
		margin-left: 25%;
	}

	.leftSide + .rightSide {
		width: 75%;
		margin-left: 0;
	} 

	.regForm .hint {
		bottom: auto;
		left: auto;
		right: 30px;
		top: 0; 
	}

	header &gt;  section.container {
		padding-left: 15px;
		padding-right: 15px;
	}

	header .socIcons a svg,
	.socIcons a svg{
		margin-right: 15px;
	}
		header .socIcons a + a + a svg,
		.socIcons a + a + a svg {
			margin-right: 0;
		}

		.logo svg,
		.logo img {
			width: 154px;
			height: 70px;
			margin: 18px;
		}

	.newsBlockHome&gt;a,
	.newsBlockHome&gt;h2{
		margin-left: -15px;
		margin-right: -15px;
	}

	footer .col-sm-6 + .col-sm-6 {
		padding-right: 0;
		padding-left: 30px;
	}
	footer .col-sm-6 {
		padding-left: 0;
	}

}
/* --------------------------------------------------- */

/* ~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v */
/* ~^v~^v~^v~^v~^v~ SEPARATORS v~^v~^v~^v~^v~^v~^v~^v~ */
/* ~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v~^v */
.p0 {
	padding: 0;
}
.pt30 {
	padding-top: 30px;
}
.pt40 {
	padding-top: 40px;
}
.plr30 {
	padding-left: 30px;
	padding-right: 30px;
}
.mt10{
	margin-top: 10px;
}
.mt20{
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.mt40 {
	margin-top: 40px;
}
.mb10{
	margin-bottom: 10px;
}
.mb20{
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb80 {
	margin-bottom: 80px;
}
.offset25 {
	margin-left: 25%;
}
/* --------------------------------------------------- */

.errors strong {
	color:red;
}

.requiredlist span {
	color:red;
}

.errors {
	padding-bottom: 10px;
}

.faq_question_item b  {
	color: #6e6e6e;
    font-size: 12px;
    /*padding-left: 30px;*/
}

.other_langs a {
	color: #000000;
	font-size: 10px;
}

.other_langs div {
	display: inline-block;
	padding-left: 19px;
}

.other_langs img {
	height: 10px !important;
	margin-right: 3px;
	width: 17px !important;
}

.other_langs {
	padding-bottom: 12px;
}</pre></body></html>