@font-face {
  font-family:                           "DINOffcPro";
  src:                                   url(/media/resources/DINOffcPro.ttf) format('truetype');
  font-weight:                           normal;
}
@font-face {
  font-family:                           "DINOffcPro";
  src:                                   url(/media/resources/DINOffcPro-Medi.ttf) format('truetype');
  font-weight:                           bold;
}
body {
	font-family:                DINOffcPro, "Times new Roman";
	font-size:                  17px;
	font-style:                 normal;
	line-height:                23px;
	color:                      #666666;
	background-color:           #f1f1f1;
	position:                   relative;
	word-break:                            keep-all;
	padding-top:                           144px;
}

a {
	text-decoration:            none;
	color:                                 #666666;
}
a:hover, a:focus {
	color:                                 black;
	text-decoration:                       none;
}
.text-bold {
	font-weight: bold;
}
.bsSizes {
	display:                               none;
	position:                              fixed;
	top:                                   0px;
	right:                                 0px;
	z-index:                               10000;
	background-color:                      rgba(200, 200, 0, 0.5);
	font-weight:                           bold;
	padding:                               5px 10px;
}
.debug .bsSizes {
	display:                               block;
}
.bsSizes .size {
	display:                               none;
}
.xs-dashes {
	display: none;
}
.container {
	position:                              relative;
	max-width:                             1006px;
	overflow:                              hidden;
}
.fco {
	width:                                 100%;
	overflow:                              hidden;
}
.fc:after {
	content:                               '.';
	display:                               block;
	height:                                0px;
	visibility:                            hidden;
	clear:                                 both;
}

/*
	Navi Styles
*/
.navbarContainer {
	width:                                 100%;
	height:                                80px;
	padding-top:                           14px;
	padding-bottom:                        14px;
	background-color:                      white;
	position:                              fixed;
	top:                                   0px;
	left:                                  0px;
	z-index:                               1030;
	font-size: 11px;
}
.navbarContainer .headerLeft, .navbarContainer .headerRight {
	position: absolute;
	top: 3px;
	font-weight: bold;
	z-index: 1;
	color: black;
}
.navbarContainer .headerLeft {
	left: 42px;
}
.navbarContainer .headerLeft .logo {
	width: 35px;
	position: relative;
	top: -3px;
	margin-right: 10px;
}
.navbarContainer .headerRight {
	right: 42px;
	padding-top: 5px;
}
.navbar-expand-sm .navbar-nav .nav-link {
	padding-right: 20px;
}
.navbar-nav {
	margin-left: auto;
}
.navbar-nav .start .nav-link {
	padding-left: 0px;
}
.navbar {
	padding-top:                           12px;
	height:                                52px;
	font-weight: bold;
}
.navbar-brand {
	color: #2d2d2d;
	font-family: 'DINOffcPro';
	font-style: normal;
}
.navbar .navbar-collapse {
	top: 10px;
	background-color:                      white;
}
.navbar-toggler {
	border: none;
	cursor: pointer;
}
.nav-link.active {
	color: black;
}
.textLink {
	color: #3a3a3a;
	border-bottom: 1px solid #c0c0c0;
	padding-bottom: 3px;
}
.textLink:hover {
	border-bottom: 1px solid black;
}
.logoLink {
	position: relative;
}
.siteName {
	font-size: 153%;
	font-family: 'DINOffcPro', "arial";
	font-weight: normal;
	position: absolute;
	width: 270px;;
	left: 43px;
	top: -6px;
	display: none;
	color: black;
}
.logo {
	position: relative;
	width: 45px;
	top: 0px;
}

.year {
	float:                      left;
	width:               45px;
	font-weight:                bold;
}
.descr {
	float:                      left;
	width: calc(100% - 45px);
}
img {
	border:                     none;
}
body a {
	color:                                 #666666;
}
.c {
	clear:                      both;
}

.border_top {
	border-top:              1px solid #dbdddd;
	padding-top:             5px;
	margin-top: 12px;
}
#content {
	margin-top:                 125px;
}
a.ext:hover {
	color:                      #ff3333;
}
#footer {
	font-size: 102%;
	margin-top: 40px;
	margin-bottom: 83px;
}
.topContainer {
	position: relative;
}
.projectIteratorLinks {
	position: absolute;
	right: 0px;
	top: 0px;
	text-align: right;
}
.link {
	margin-left: 13px;
}
.link img {
	width: 30px;
}
.prevLink img {
	transform: rotate(90deg);
}
.nextLink img {
	transform: rotate(-90deg);
}
#footer .toTop {
	display: inline-block;
	margin-bottom: 35px;
}
#footer .toTop img {
	width: 30px;
}
#footer .copyright {
	font-size:                80%;
	position: relative;
	margin-top: 10px;
}
.footerLinks a:hover {
	font-weight: bold;
}
.contactIcon {
	width: 24px;
	height: 10px;
	display: inline-block;
	margin-left: 8px;
	margin-right: -1px;
	position: relative;
}
.contactIcon img {
	width: 24px;
	position: absolute;
	bottom: -8px;
}
.contactIcon.mail img {
	width: 24px;
	height: 23px;
}
.copyright a {
	position: relative;
	z-index: 1;
}
.title {
	font-weight:                bold;
	color:                      #2e2e2e;
}
.lineBox {
	padding-bottom:             30px;
	margin-bottom:              30px;
	border-bottom:              1px solid #dbdddd;
}
.lineBox.noLine {
	border-bottom:              none;
}
.hover_enabled {
	font-weight: bold;
}
.imgContainer {
	margin-bottom: 20px;
}
.hover_enabled .imgContainer {
	display: block;
	position: relative;
}
.hover_enabled:hover .imgContainer:after {
	content:                    '';
	display:                    block;
	width:                      100%;
	position:                   absolute;
	top:                        0px;
	left:                       0px;
	bottom:                     0px;
	right:                      0px;
	background-color:           #0faabc;
	opacity:                    0.15;
	filter:                     alpha(opacity=25);
}
.hover_enabled:hover span {
	color:                      #2d2d2d;
}
