html, body {height:100%;width:100%;margin:0; padding:0;}
* {
	}
a { text-decoration:none;}
body {
	font-family:"Roboto", sans-serif;}
	
.ytWrapper {
    width: 75%;
    margin: 0 auto;
    margin-bottom: 75px;
    position: relative;
    border-radius: 18px;
    overflow: hidden;
	cursor:pointer;
}
.ytWrapper:before {
    content: "";
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    overflow: hidden;
    background-image: url(https://www.brass-manifold.eu/thumbnail-mosadz-en.png);
    background-size: cover;
}
.ytWrapper:after {
content: "";
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 70px;
    height: 49px;
    position: absolute;
    overflow: hidden;
    margin: auto;
    background-image: url(https://www.brass-manifold.eu/youtube_social_icon_dark.png);
    background-size: contain;
	background-position: center center;
    background-repeat: no-repeat;
    opacity: 0.8;
}
.ytWrapper:hover:after {
    background-image: url(https://www.brass-manifold.eu/youtube_social_icon_red.png);
    opacity: 1;
}
.ytWrapper.hideYT:before, .ytWrapper.hideYT:after  {
	display:none;
}
.ytContainer{
    width: 100%;
    padding-bottom: 56.25%;
    position: relative;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.ytContainer iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
	
	
	
.container {    width: 1000px;    max-width: 100%;
    margin: 15px auto; }

.header {text-align:center;}
.navigation { background: #00a6c9;     border-radius: 30px;   padding: 4px;float: left;margin-top: -22px;box-sizing: border-box;
    width: 1000px;top: 730px;
    z-index: 3;
    position: absolute;}
.navigation.fixed {position: fixed;
    top: 160px;}
.navigation ul {padding:0; margin:0; float:left;height: 36px;}
.navigation ul li {
    display: inline-block; color:#fff; }
.navigation ul li a { text-decoration: none;
    color: #fff;
    height: 100%;
    display: block;padding: 0 16px;}
.navigation ul li:hover {
    background: #73CBE1;}
.button {height: 36px;line-height: 38px;font-size:14px; text-transform:uppercase;font-weight: 500; min-width:64px; text-align:center;}
.rounded {border-radius: 18px; overflow:hidden;}
.content { background: rgba(0,0,0,0.12);    padding-bottom: 18px;
    margin-top: 15px;
    padding-top: 22px;    position: absolute;
    width: 100%;
    top: 715px;}
ul.icon-nav {float:right;}
ul.icon-nav li { min-width: auto;}
ul.icon-nav li a { padding:0 12px;}
ul.icon-nav li i {line-height:36px;}
.content .container {background:#fff;}
.main{background-image: url(bck.png);    overflow: hidden;
    background-size: cover; background-position:center;
    margin: -15px 0; 
    padding: 15px 0;height: 700px;
    position: absolute;
    width: 100%;    z-index: 2;-webkit-transition:background 0.1s linear;
	-moz-transition:background 0.1s linear;
	-o-transition:background 0.1s linear;
	-ms-transition:background 0.1s linear;
	transition:background 0.1s linear; }
.rozd {    padding: 50px;
    box-sizing: border-box;-webkit-transition:all 0.1s linear;
	-moz-transition:all 0.1s linear;
	-o-transition:all 0.1s linear;
	-ms-transition:all 0.1s linear;
	transition:all 0.1s linear;}
.rozd img { max-width:100%;-webkit-transition:all 0.1s linear;
	-moz-transition:all 0.1s linear;
	-o-transition:all 0.1s linear;
	-ms-transition:all 0.1s linear;
	transition:all 0.1s linear; height:auto;}
.main.fixed {    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.5);background-color: #fff;
    position: fixed;
    width: 100%;height: 130px;}
.main.fixed .first img {display:none;}
.main.fixed .rozd  {display:none;}
.main .second img {height:0px;-webkit-transition:all 0.1s linear;
	-moz-transition:all 0.1s linear;
	-o-transition:all 0.1s linear;
	-ms-transition:all 0.1s linear;
	transition:all 0.1s linear;}
.main.fixed .second img {height:99px;}
.main .first img {height:99px;-webkit-transition:all 0.1s linear;
	-moz-transition:all 0.1s linear;
	-o-transition:all 0.1s linear;
	-ms-transition:all 0.1s linear;
	transition:all 0.1s linear;}
.main.fixed .first img {height:0px;}
h1 {
    text-align: center;
    font-size: 26px;
    font-weight: 300;
    letter-spacing: 1px;
}
.col-3 {    width: 33.33%;
    float: left;
    height: 100px;
    position: relative;
    }
.col-2 {    width: 50%;
    float: left;
    height: 100px;
    position: relative;
    }
.table h2 {    color: #00a6c9;
    font-size: 14px;
    font-weight: 500;}
.desc {text-align: center;     padding: 30px;
    box-sizing: border-box;}
.desc span {color: rgba(0, 0, 0, 0.54);
    font-size: 16px;}
.table span {    color: rgba(0, 0, 0, 0.54);
    font-size: 14px;}
.anchor   {  padding-top: 180px;
    margin-top: -180px;}
.clearfix::after { 
   content: " ";
   display: block; 
   height: 0; 
   clear: both; 
}
table.params {
    padding: 0 100px;
    font-size: 12px;
    width: 100%;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.54);
    background-image: url(4.jpg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
table.params th {
    width: 50%;    vertical-align: baseline;
}
.table img {
    max-width: 150px;
    max-height: 100px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.clearfix {
    margin: 36px;
}
.main .container {margin:5px auto;}
img.gall {
    height: 170px;
    margin: 15px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 18px;
}
.md-imageNav {box-sizing: border-box;}
.md-imageNav .navItem {border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 18px;    display: inline-block; margin: 0 0 16px 16px;float: left;
    overflow: hidden;
    text-align: center;}
.md-imageNav.col4 .navItem:nth-child(4n+1){ margin-left:0;}
.md-imageNav.col5 .navItem:nth-child(5n+1){ margin-left:0;}
.md-imageNav.col4 .navItem { width: calc( 25% - 14px );}
.md-imageNav.col5 .navItem { width: calc( 20% - 15px );}
.md-imageNav .navItem:hover { 
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12); border: 1px solid rgba(0, 0, 0, 0.0);}
.md-imageNav.noDesc .itemDesc {display:none;}
.md-imageNav.noIcons .itemIcon {display:none;}
.navItem .itemTop {    height: 100px;
        padding: 8px;
    margin-bottom: 8px;}
.navItem .itemBottom {   }
.navItem .itemBottom a {
    display: inline-block;
    padding: 10em;
    margin: -10em;
}
.navItem .itemImgFrame {width: 100%;    padding: 8px;
    pointer-events: none;
    box-sizing: border-box;
    height: 100%;
    border-radius: 12px;
    position: relative;
    overflow: hidden;}
/*.navItem:hover .itemImgFrame {box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12);}*/
.navItem .itemImgFrame::before {content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;    z-index: 1;
    background: rgba(0, 0, 0, 0.12);}
.navItem:hover .itemImgFrame::before {
    background: rgba(0, 0, 0, 0.0);}
.navItem .itemImgFrame img {    max-width: 100%;
    max-height: 100%;    position: relative;
    top: 50%;
    transform: translateY(-50%);}
.navItem .itemIcon {    height: 24px;}
.navItem .itemIcon i {    color: rgba(0, 0, 0, 0.38);
 color: #03a9f4}
.navItem .itemTitle {  color: rgba(0,0,0,0.87);
    font-size: 14px;
    height: 50px;
    font-weight: 500;
        margin: 8px 8px 16px;}
.navItem .itemDesc {    color: rgba(0, 0, 0, 0.54);
    font-size: 12px;
    padding: 0 8px 16px;    height: 70px;}
.navItem .itemTitle a {  color: rgba(0,0,0,0.87);}
.navItem .itemDesc a {    color: rgba(0, 0, 0, 0.54);}
.col-3.table.contact {

    height: 36px;
}
.col-3.table.contact span {
	height:100%;
    display: inline-block;
    vertical-align: 11px;
    margin-left: 16px;   line-height: 36px;
    color: #00a6c9;
    font-size: 20px;
    font-weight: 400;
}
.col-3.table.contact i {  display: inline-block;
    line-height: 36px;
    color: #00a6c9;
    font-size: 36px;}
.footer{
    background: #00a6c9;
    position: absolute;
    width: 100%;
    padding: 18px 0;
    margin-top: 18px; box-sizing:border-box;
}
.footer .container{
    background: none;
    color: #fff;
    font-size: 14px;
}
@media screen and (max-width: 1080px)
{
.main{
    height: 100vh;    position: relative;
}
.rozd {
    padding: 0;
    position: absolute;
    top: 40%;
}
.header {
    top: 20%;
    position: absolute;
    width: 100%;
    padding: 18px;    box-sizing: border-box;
}
.navigation {
    position: relative;
    margin-top: 0;
    border-radius: 0;width: 100%;float: none;
    overflow: auto;    top: auto;
}
.navigation ul {
    height: auto;    text-align: center;float: none;
}
.content {
    position: relative;
    top: auto;margin-top: 0;
    padding-top: 0;    padding: 16px;
    box-sizing: border-box;
}
.container {
    display: inline-block;    margin: 8px auto;
}
.anchor {
    padding-top: 0;
    margin-top: 0;
}
.cont-nav {margin:0;}
.desc {
    padding: 16px;}

.main.fixed {  
    position: relative;
        height: 100vh;}
.main.fixed .first img {display:block;}
.main.fixed .rozd  {display:inline-block;}
.main .second img {display:none;}
.main.fixed .second img {display:none;height:auto;}
.main .first img {height:auto;}
.main.fixed .first img {height:auto;}
.navigation.fixed {position: relative;
    top: auto;}
	
	
	
h1 {
    font-size: 20px;
}
.desc span {
    font-size: 12px;
}
.clearfix {
    margin: 16px 0;
}
.table h2 {
    font-size: 12px;
}
.table span {
    font-size: 12px;
}
table.params {
    padding: 0;
}
img[src*="banner1"] {
       margin: -16px!important;
    margin-bottom: 30px!important;
    width: 110%;
    overflow: hidden;
    max-width: fit-content;
}
img.gall {
    height: 100px;
}
.table img {
    max-width: 100px;
    max-height: 80px;}
.md-imageNav.col5 .navItem:nth-child(5n+1) {
    margin-left: auto;
}
.md-imageNav.col5 .navItem {
    width: calc( 33% - 7px );
}
.md-imageNav .navItem {
    margin: 0 0 16px 8px;
}
.md-imageNav.col5 .navItem:nth-child(3n+1) {
    margin-left: 0;
}
.navItem .itemTop {
    padding: 0;
}
.navItem .itemImgFrame {
    border-radius: 0;
}
.mapouter {
    margin: -16px !important;
    margin-top: 50px !important;
}.col-3.table.contact i {
    font-size: 26px;width: 100%;
}
.col-3.table.contact span {
    margin-left: 0;
    font-size: 12px;
    font-weight: 600;
}
.footer {
    margin-top: 8px;
    left: 0;
    padding: 16px;
}
}
img { max-width:100%;}
.desc ul {
    list-style-type: none;
    margin: 30px 0;
    padding: 0;
    line-height: 24px;
}
.desc ul li {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.87);
}
.oem {background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    padding: 54px;}