@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=latin,cyrillic-ext);

html { font-family: 'Tahoma', sans-serif; }
html, body { width: 100%; height: 100%; }
body { padding: 0px; margin: 0px; border: 0px; background: url(../images/background.jpg) top center no-repeat; }
img, div { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
h1,h2,h3 { font-weight: bold; font-size: 76.923%; line-height: 120%; text-transform: uppercase; color: #ffffff; text-shadow: 0px 1px 2px #555; }
h4 { font-weight: bold; font-size: 14px; color: #c2c2c2; text-transform: uppercase; }
h6 { font-weight: 400; font-size: 14px; color: #000000; text-decoration: none; }
a { text-decoration: none; border: 0px; }
*:focus { outline: 0; }
.clear { clear: both; }



.main { position: relative; width: 100%; height: 100%; }
.main-subheader { position: absolute; width: 100%; height: 90px; top: 0px; left: 0px; background-color: #ffffff; opacity: 0.7; }
.main-active { position: relative; width: 1024px; height: 768px; margin: 0px auto; }
.main-header { position: relative; width: 100%; height: 112px; }
.main-header img, .main-header div { position: relative; }
.main-header-logo { margin: 20px 0px 0px 34px; float: left; cursor: pointer; } /* OLD: 28,0,0,34 */
.main-header-sublogo { position: absolute !important; background: url(../images/bio-kom-logo-behind.png) 0px 0px no-repeat; width: 505px; height: 28px; top: 90px; left: -122px; opacity: 0.7; }
.main-header-settings-close { float: right; width: 41px; height: 48px; margin: 22px 18px 0px 0px; background: url(../images/icon-controls-close.png) 0px 0px no-repeat; cursor: pointer; }
.main-header-settings-soundfx { float: right; width: 33px; height: 48px; margin-top: 22px; background: url(../images/icon-controls-soundfx.png) 0px 0px no-repeat; cursor: pointer; }
.main-header-settings-music { float: right; width: 33px; height: 48px; margin-top: 22px; background: url(../images/icon-controls-music.png) 0px 0px no-repeat; cursor: pointer; }
.main-header-settings-fullscreen { float: right; width: 40px; height: 48px; margin-top: 22px; background: url(../images/icon-controls-fullscreen.png) 0px 0px no-repeat; cursor: pointer; }
.main-header-settings-search { float: right; height: 48px;  margin: 22px 5px 0px 0px; cursor: pointer; z-index: 30; }
.main-header-search-end { float: right; width: 16px; height: 48px; background: url(../images/icon-controls-end.png) 0px 0px no-repeat; }
.main-header-search-field { float: right; width: 90px; height: 48px; background: url(../images/icon-controls-search-repeat.png) 0px 0px repeat-x; }
.main-header-search-field input { font-size: 10px; color: #aaa; margin-top: 16px; width: 100%; background-color: transparent; border: none; text-transform: uppercase; }
.main-header-search-icon { float: right; width: 50px; height: 48px; background: url(../images/icon-controls-search.png) 0px 0px repeat-x; }
.main-header-search-hints { position: absolute !important; top: 57px; right: 170px; width: 285px; padding: 5px 18px 0px 17px; 
background: url(../images/search-hints-repeater.png) 0 0 repeat-y; z-index: 20; display: none; }
.main-header-search-hints-bottom { position: absolute !important; bottom: -14px; left: 0px; background: url(../images/search-hints-bottom.png) 0 0 no-repeat; width: 320px; height: 14px; }
.main-header-search-hints a { position: relative; color: #151515; text-transform: uppercase; font-size: 13px; padding: 10px 10px; border-bottom: 1px solid #c2c2c2; display: block; }
.main-header-search-hints a:hover { background-color: #e4ff85; }
.main-header-search-hints #search-hints a:last-child { border: none !important; }
.main-header-settings-path { float: right; width: 245px; height: 33px; font-weight: bold; line-height: 15px; font-size: 14px; text-transform: uppercase; text-align: right; margin: 28px 7px 0px 0px; }
.main-header-settings-close:hover, .main-header-settings-music:hover, .main-header-settings-fullscreen:hover, .sound-on, .main-header-settings-soundfx:hover { background-position: 0px -48px; }
.main-header-settings-search:hover .main-header-search-field input, .main-header-search-field input:focus, .main-header-settings-path { color: #151515; }
.main-header-settings-disabled { background-position: 0px -96px !important; }
.soundfx-true { background-position: 0px -48px; } 
.soundfx-false { background-position: 0px 0px; }
.main-content { position: relative; opacity: 0; }

.menu { position: relative; }
.menu-item-current { cursor: pointer; font-size: 76.923%; }
.menu-navigation { width: 331px; height: 360px; font-size: 26px; margin: 30px 0px 0px 340px; }
.menu-navigation-prevpage { position: absolute; top: -41px; opacity: 0.2; cursor: pointer; }
.menu-navigation-prevpage div { position: relative; } 
.menu-navigation-prevpage-corner-left { float: left; background: url(../images/menu-navigation-button-prevpage-corners.png) 0px 0px no-repeat; width: 14px; height: 60px; }
.menu-navigation-prevpage-content { float: left; background: url(../images/menu-navigation-button-prevpage-repeater.png) 0px 0px repeat-x; height: 60px; padding: 14px 18px 0px 20px; }
.menu-navigation-prevpage-content-text { float: left; font-size: 14px; color: #fff; font-weight: bold; text-transform: uppercase; }
.menu-navigation-prevpage-content-icon { float: right; margin: 3px 0px 0px 7px; width: 14px; height: 13px; background: url(../images/menu-navigation-button-prevpage-icon.png) 0px 0px no-repeat; }
.menu-navigation-prevpage-corner-right { position: relative; float: right; background: url(../images/menu-navigation-button-prevpage-corners.png) 0px -60px no-repeat; width: 14px; height: 60px; }
.menu-navigation-prevpage-content:active .menu-navigation-prevpage-content-text  { color: #baea14; }
.menu-navigation-prevpage-content:active .menu-navigation-prevpage-content-icon  { background-position: 0px -13px; }
.menu-navigation-button-back, .menu-navigation-button-next { position: absolute; width: 200px; height: 54px; top: 164px; opacity: 0.2; cursor: pointer; }
.menu-navigation-button-back { left: -200px; background: url(../images/menu-navigation-button-back-hover.png) 0px 0px no-repeat; }
.menu-navigation-button-next { left: 347px; background: url(../images/menu-navigation-button-next-hover.png) 0px 0px no-repeat; }
.menu-navigation-button-hover { background-position: 0px -54px; }
.menu-navigation-title { position: absolute; bottom: -70px; left: 0px; text-align: center; width: 346px; height: 20px; }
.menu-history { width: 148px; height: 158px; font-size: 13px; margin: 40px 0px 0px 120px; float: left; }
.menu-history-button-back, .menu-history-button-next { position: absolute; width: 148px; height: 40px; top: 68px; opacity: 0.2; cursor: pointer; }
.menu-history-button-back { left: -103px; background: url(../images/menu-history-button-back-hover.png) 0px 0px no-repeat; }
.menu-history-button-next { left: 115px;  background: url(../images/menu-history-button-next-hover.png) 0px 0px no-repeat; }
.menu-history-button-hover { background-position: 0px -40px; }
.menu-history-title { position: absolute; bottom: -63px; left: 0px; text-align: center; width: 159px; height: 20px; }
.menu-main { width: 148px; height: 158px; font-size: 16px; margin: 40px 132px 0px 0px;  float: right; }
.menu-main-button-back, .menu-main-button-next { position: absolute; width: 148px; height: 40px; top: 68px; opacity: 0.2; cursor: pointer; }
.menu-main-button-back { left: -103px; background: url(../images/menu-history-button-back-hover.png) 0px 0px no-repeat; }
.menu-main-button-next { left: 115px;  background: url(../images/menu-history-button-next-hover.png) 0px 0px no-repeat; }
.menu-main-button-hover { background-position: 0px -40px; }
.menu-main-title { position: absolute; bottom: -63px; left: 0px; text-align: center; width: 159px; height: 20px; }
.menu-navigation:hover .menu-navigation-title, .menu-history:hover .menu-history-title, .menu-main:hover .menu-main-title { color: #000000 !important; }

.menu-item {
	position: absolute;
	width: 100%;
	height: 100%;
	line-height: 30px;
	border: #ffffff solid 8px;
	border-radius: 10%;
	-moz-border-radius: 10%;
	-webkit-border-radius: 10%;
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.17);
	-moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.17);
	-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.17);
	opacity: 0;
	display: none;
}

.menu-item-img {
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	height: 100%;
	border-radius: 8.4%;
	-moz-border-radius: 8.4%;
	-webkit-border-radius: 8.4%;
}

.menu-item-txt {
	position: absolute;
	bottom: 0.7%;
	left: 7%;
	width: 86%;
}

.menu-item-shadow {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}

.menu-small-history { width: 120px; height: 130px; margin: 25px 0px 0px 117px; font-size: 10px; }
.menu-small-main { width: 120px; height: 130px; float: left; margin: 25px 0px 0px 212px; }
.menu-small-button-back { top: 55px; left: -91px; }
.menu-small-button-next { top: 55px; left: 75px; }
.menu-small-title { width: 132px; }

.product-container { 
	position: relative; width: 100%; height: 100%; border: #ffffff solid 8px; 
	font-size: 76.923%; background-color: #fff;
	border-top-left-radius: 34.7px 37.6px;
	border-top-right-radius: 34.7px 37.6px;
	border-bottom-right-radius: 34.7px 37.6px;
	border-bottom-left-radius: 34.7px 37.6px;
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.17); 
	-moz-outline-radius-topleft: 34.7px 37.6px;
	-moz-outline-radius-topright: 34.7px 37.6px;
	-moz-outline-radius-bottomright: 34.7px 37.6px;
	-moz-outline-radius-bottomleft: 34.7px 37.6px; 
	-webkit-border-top-left-radius: 34.7px 37.6px;
	-webkit-border-top-right-radius: 34.7px 37.6px;
	-webkit-border-bottom-right-radius: 34.7px 37.6px;
	-webkit-border-bottom-left-radius: 34.7px 37.6px; 
	-moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.17); 
	-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.17);
}

.product { 
	position: relative; width: 100%; height: 100%; overflow: hidden; z-index: 10;
	border-top-left-radius: 27.8px 30.23px;
	border-top-right-radius: 27.8px 30.23px;
	border-bottom-right-radius: 27.8px 30.23px;
	border-bottom-left-radius: 27.8px 30.23px;
	-moz-outline-radius-topleft: 27.8px 30.23px;
	-moz-outline-radius-topright: 27.8px 30.23px;
	-moz-outline-radius-bottomright: 27.8px 30.23px;
	-moz-outline-radius-bottomleft: 27.8px 30.23px; 
	-webkit-border-top-left-radius: 27.8px 30.23px;
	-webkit-border-top-right-radius: 27.8px 30.23px;
	-webkit-border-bottom-right-radius: 27.8px 30.23px;
	-webkit-border-bottom-left-radius: 27.8px 30.23px;
}

.product-list-item-box {
	position: relative; 
	width: 120px; 
	height: 130px; 
	border-width: 6px;
	line-height: 30px;
	border: #ffffff solid 6px;
	background-color: #ffffff;
	border-radius: 10%;
	-moz-border-radius: 10%;
	-webkit-border-radius: 10%;
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.17);
	-moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.17);
	-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.17);
}
.product-list-item { position: relative; width: 120px; height: 130px; padding: 0px 27px 27px 0px; float: right; cursor: pointer; }
.product-info { position: relative; margin: 10px 22px 10px 30px; overflow-y: auto; height: 380px; }
.product-info h1 { color: #000000; text-shadow: none; font-size: 20px; margin: 10px 0px -8px 0px; padding: 0px 10px 10px 0px; }
.product-info h3 { color: #cccccc; text-shadow: none; font-size: 13px; font-weight: 400; padding: 0px; margin-bottom: 25px; }
.product-info-img { width: 100%; height: auto; position: relative; display: block; }
.product-info-self-table { border: 0px; padding: 0px; }
.product-info-self-table-leftcolumn { position: relative; width: 551px; }
.product-info-self-table-delimiter { position: relative; width: 20px; border-right: 1px solid #ececec; }
.product-info-self-table-rightcolumn { position: relative; padding: 0px 0px 0px 20px; }
.category-products { position: relative; }
.product-container-main { position: relative; width: 620px; height: 400px; margin: 30px 0px 12px 31px; float: left; }
.product-list-container { position: relative; width: 330px; float: right; margin: 30px 12px 0px 0px; }
.product-list-title { position: relative; margin: 15px 0px 0px 29px; text-align: center; width: 300px; height: 20px; }
.product-lists { position: relative; margin-top: 20px; width: 330px; height: 310px; overflow: hidden; }
.product-list { position: absolute; top: 0px; right: 0px; width: 330px; opacity: 0; }
.product-list-current { opacity: 1; }
.product-list-item-img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border-radius: 8.4%; -moz-border-radius: 8.4%; -webkit-border-radius: 8.4%; }
.product-list-item-txt { position: absolute; bottom: 0.7%; left: 7%; width: 86%; font-size: 13px; }
.product-list-item-shadow { position: absolute; top: 0px; left: 0px; width: 100%; }
.product-list-container:hover .product-list-title { color: #000000 !important; }
.product-list-controls { position: relative; margin: 1px 20px 0px 0px; }
.product-list-controls-back { position: absolute; top: 0px; left: 193px; width: 58px; height: 54px; cursor: pointer;
background: url(../images/producstlist-navigation-button-back-hover.png) 0px 0px no-repeat; opacity: 0.2; }
.product-list-controls-next { position: absolute; top: 0px; left: 252px; width: 58px; height: 54px; cursor: pointer; 
background: url(../images/producstlist-navigation-button-next-hover.png) 0px 0px no-repeat; opacity: 0.2; }
.product-list-controls-button-hover { background-position: 0px -54px; }
.product-list-button-catalog-container { position: absolute; top: 516px; right: 32px; height: 54px; opacity: 0.2; }
.product-list-button-catalog { position: relative; height: 57px; cursor: pointer; }
.product-list-button-catalog-corner-left { position: relative; float: left; width: 16px; height: 100%; 
background: url(../images/products-button-catalog-corner-left.png) 0px 0px no-repeat; cursor: pointer; }
.product-list-button-catalog-title { position: relative; float: left; height: 100%; background: url(../images/products-button-catalog-repeater.png) 0px 0px repeat-x; 
font-size: 14px; color: #ffffff; font-weight: bold; padding: 15px 48px 15px 12px; text-transform: uppercase; }
.product-list-button-catalog-icon { position: absolute; top: 17px; right: 15px; background: url(../images/products-button-catalog-icon.png) 0px 0px no-repeat; width: 25px; height: 17px; }
.product-list-button-catalog-corner-right { position: relative; float: right; width: 16px; height: 100%; 
background: url(../images/products-button-catalog-corner-right.png) 0px 0px no-repeat; }
.product-list-button-title { position: absolute; top: 36px; text-align: center; width: 259px; padding-right: 6px; height: 20px; color: #000000; }
.product-list-button-catalog:active .product-list-button-catalog-icon { background-position: 0px -17px; }
.product-list-button-catalog:active .product-list-button-catalog-title { color: #baea14;}

.popup-container-main { position: absolute; height: 70%; left: 51px; top: 23%; width: 906px; z-index: 100; display: none; }
.product-content { position: relative; margin: 30px; }

.main-header-settings-path, .menu-navigation-title, .menu-history-title, .menu-main-title, .menu-item-txt,
.product-list-button-title, .product-list-title { cursor: context-menu; }
.menu-item-current .menu-item-txt { cursor: pointer !important; }

.disabled .product-list-button-catalog-title, .disabled:hover .product-list-button-catalog-title, 
.disabled:active .product-list-button-catalog-title { color: #ffffff !important; }
.disabled .product-list-button-catalog-icon, .disabled:hover .product-list-button-catalog-icon,
.disabled:active .product-list-button-catalog-icon { background-position: 0px 0px !important; }

#product-gallery h1, #product-usefull h1 { position: relative; color: #c2c2c2; }
#product-usefull .product-list-button-catalog { display: inline-block; }
#product-usefull a { color: #a9da00; font-size: 14px; font-weight: bold; }
#product-usefull a:hover { text-decoration: underline; color: #000000; }
#btnFx { opacity: 0.2; }
.fancybox img { border: 1px solid #ececec; }

#link-social-facebook { position: absolute; top: 450px; left: 50px; width: 150px; height: 60px; cursor: pointer; z-index: 20; }

.career-current-positions { position: relative; margin: 0px 30px 5px 10px; padding: 20px 30px; border: 1px solid #e1e1e1; background-color: #f5f5f5; }
.career-form-apply { position: relative; margin: 30px 30px 30px 10px; padding: 20px 30px; border: 1px solid #e1e1e1; }
.career-form-input-imgupload { opacity: 0; position: absolute; top: 0px; left: 0px; }
.career-form-button-imgupload { position: relative; width: 150px; height: 180px; border: 1px solid #e1e1e1; background-color: #f1f1f1; margin-right: 20px; }
.career-form-button-input-imgupload { width: 154px; height: 32px; position: absolute; top: 178px; left: -2px; }
.career-form-rowspacing { padding: 5px 0px; }
.career-form-datablock, .career-form-datablock-multirowform { position: relative; border: 1px solid #e1e1e1; padding: 20px 23px 17px 23px; margin-bottom: 32px; }
.career-form-datablock-multirowform { padding: 20px 0px 17px 0px; }
.career-form-date span { color: #cccccc; }
.career-form-button-submit { position: absolute; bottom: -30px; right: 250px; background: url(../images/career-button-apply.png) 0 0 no-repeat;
width: 282px; height: 54px; border: none; cursor: pointer; font-size:11px; font-weight:bold; text-transform:uppercase; color:#ffffff; padding: 0px 25px 0px 0px; }
.career-form-button-submit:active { background-position: 0 -54px; color: #baea14; }
.career-form-scope { position: relative; border: 1px solid #e1e1e1; border-left: none; margin-right: 10px; margin: 5px 10px; width: 40px; }
.career-form-add { position: absolute; bottom: -1px; background-color: #e1e1e1; color: #ffffff; font-weight: bold; cursor: pointer; }
.career-form-close { position: absolute; top: -1px; background-color: #e1e1e1; color: #ffffff; font-weight: bold; cursor: pointer; }
.career-form-title { position: absolute; top: -10px; left: 8px; padding: 0px 15px; background-color: #ffffff; font-weight: bold; }
.career-form-table-personaldata-width { width: 140px; }
.career-form-table-education-width { width: 160px; }
.career-form-work-width { width: 180px; }
.career-form-course-width { width: 160px; }
.career-form-language-width { width: 129px; }
.career-form-application-width { width: 129px; }
.career-form-input-type1 { width: 425px; }
.career-form-input-type2 { width: 419px; }
.career-form-input-type3 { width: 18px; }
.career-form-input-type4 { width: 36px; }
.career-form-input-type5 { width: 164px; }
.career-form-input-type6 { width: 98px; }
.career-form-input-type7 { width: 170px; }
.career-form-input-type8 { width: 100px; }
.career-form-input-type9 { width: 320px; }
.career-form-input-type10 { width: 155px; }
.career-form-input-type11 { width: 501px; }
.career-form-input-type12 { width: 322px; margin-right: 23px; }
.career-form-input-type15 { width: 679px; }
.career-form-input-type16 { width: 90px; margin-right: 23px; }
.career-form-input-type17 { margin-right: 0px !important; }
.career-form-input-type18 { width: 548px; margin-right: 23px; }
.career-form-input-type19 { width: 247px; margin-right: 23px; }
.career-form-table-multiplerows tr > td:first-child { width: 20px; padding-left: 23px; }
.career-form-table-multiplerows tr > td:last-child { padding-right: 23px; }
.career-form-table-multiplerows tr { padding: 10px 0px; }
.career-form-table-multiplerows tr:nth-child(2n+3) { background-color: #f5f5f5; }
.career-form-table-multiplerows tr { padding: 10px 0px; }

.contactForm-submit { position: relative; width: 282px; height: 54px; margin-left: 95px; cursor: pointer; background: url(../images/contact-button-submit.png) 0 0 no-repeat; border: none; font-size:11px; font-weight:bold; text-transform:uppercase; color:#ffffff; padding: 0px 25px 0px 0px; }
.contactForm-submit:active { background-position: 0 -54px; color: #baea14; }

.menu-language { position: absolute; top: 471px; left: 423px; width: 183px; height: 61px; background: url(../images/language-delimiter.png) bottom center no-repeat; }
.menu-language-current { position: absolute; top: 15px; left: 62px; width: 58px; height: 36px; z-index: 10; }
.menu-language-position-1 { position: absolute; cursor: pointer; top: 20px; left: 12px; width: 42px; height: 26px; z-index: 9; }
.menu-language-position-2 { position: absolute; cursor: pointer; top: 20px; left: 128px; width: 42px; height: 26px; z-index: 8; }
.menu-language-position-3 { position: absolute; cursor: pointer; top: 10px; left: -16px; width: 42px; height: 26px; z-index: 7; }
.menu-language-position-4 { position: absolute; cursor: pointer; top: 10px; left: 156px; width: 42px; height: 26px; z-index: 6; }
.menu-language-hover { position: absolute; top: 18px; left: 16px; width: 11px; height: 6px; background: url(../images/language-hover.png) 0 0 no-repeat; display: none; }
.menu-language-position-1:hover .menu-language-hover, .menu-language-position-2:hover .menu-language-hover,
.menu-language-position-3:hover .menu-language-hover, .menu-language-position-4:hover .menu-language-hover { display: block; }
.menu-language-title { position: absolute; bottom: -20px; width: 100%; height: 30px; font-size: px; color: px; text-align: center; }
.menu-language:hover .menu-language-title h4 { color: #000000 !important; }

#deignedby { bottom: -40px; color: #bebebe; font-size: 11px; position: absolute; text-align: center; width: 100%; }
#deignedby a { color: #999999; text-transform: none; }
#deignedby a:hover { color: #000000; }

.news-list { margin: 10px 30px; border: 1px solid #ebebeb; height: 110px; background-color: #f8f8f8; cursor: pointer; }
.news-list:hover { background-color: #ffffff; }

.album-holder h2 {
	color: #000000;
    text-shadow: none;
    font-size: 16px;
    padding: 0px 10px 10px 0px;
    margin: 20px 0 10px;
}

.album-thumb img {
	max-width: 100%; 
}

.album-thumb {
	display: inline-block;
    width: 90%;
}

.single-album-holder {
    width: 33%;
    display: inline-block;
    float: left;
}