@import url('font-awesome.min.css');
@import url('font-awesome.css');


html,
body {
  height: 100%;
  margin:0; 
  padding:0; 
  background: url(../img/background.jpg) no-repeat top center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

a img  {border: none;  
} 
a:visited {border: none;  
} 



iframe {
  width:100% !important;
  min-height:300px;
  height:auto !important;
  position:static; 
  border:none;
}


iframe:focus { 
    outline: none;
}

iframe[seamless] { 
    display: block;
}

#pattern {position:fixed; top:0; left:0; width:100%; height:100%; 
} 



#contactline {
  position: fixed;
  bottom:-5px;
  width:100%;
  font: normal 80% 'arial', color: transparent;
  z-index:999;
  text-align:center; 
  background-color:#F1F1F1; 
  padding-top:0px;
} 

#contactline-m {
  position: fixed;
  bottom:-5px;
  width:100%;
  font: normal 80% 'arial', color: transparent;
  z-index:999;
  text-align:center;
  background-color:black;
  padding-top:0px; 
} 


@media only screen and (min-device-width: 768px) {
  body[only_viewed] .screen_only {display:block !important}
}

@media only screen and (max-device-width: 767px){
  body[only_viewed] .mobile_only {display:block !important}
}
         
@media only screen and (min-width:768px){
   .pctrparameters { height:120px; margin-right:-3px; margin-bottom:1px; }
}
  
@media only screen and (max-width:767px){
   .pctrparameters { height:80px; margin-right:-3px; margin-bottom:1px; }
   
}

.menuicon { width:160px; height:auto; margin-right:-3px; margin-bottom:20px; }


.pctrparameters { width:160px; height:110px; margin-right:-3px; margin-bottom:20px; border: 1px solid #E6E6E6; }
.pctrparameters2 { max-width:100%;height:auto;position:static; }
.bosumoduls {padding:10px; }
.iconpic {height:25px; width:auto; padding-right:5px; }


/* Back to top

a.back-to-top {
  display: none;
  width: 60px;
  height: 60px;
  text-indent: -9999px;
  position: fixed;
  z-index: 999;
  right: 10px;
  bottom: 80px;
  background: #000 url("../img/up-arrow.png") no-repeat center 43%;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}		  

a:hover.back-to-top {
	background-color: #000;
}
 */



/* Full background slider */
.carousel,
.item,
.active {
    height: 100%;
}

.carousel-inner {
    height: 100%;
}

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

footer {
    margin: 50px 0;
}





.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
  position: absolute;
  overflow: hidden;
  width: 80%;
  height: 80%;
  left: 10%;
  top: 10%;
  border-bottom: 1px solid #FFF;
  border-top: 1px solid #FFF;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(0,1);
  -ms-transform: scale(0,1);
  transform: scale(0,1);
}

.hovereffect:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.hovereffect img {
  display: block;
  position: relative;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}

.hovereffect:hover img {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter');
  filter: brightness(0.3);
  -webkit-filter: brightness(0.3);
}


.hovereffect h2 {
  text-transform: uppercase;
  text-align: center;
  position: relative;
  font-size: 17px;
  background-color: transparent;
  color: #FFF;
  padding: 1em 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,-100%,0);
  transform: translate3d(0,-100%,0);
}

.hovereffect a, hovereffect p {
  color: #FFF;
  padding: 1em 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
}

.hovereffect:hover a, .hovereffect:hover p, .hovereffect:hover h2 {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.hovereffect button.info{
  text-decoration:none;
  padding:7px 14px;
  border:1px solid #fff;
  margin:50px 0 0;
  border-radius:0;
  background-color:transparent; 
}

.hovereffect button:hover {
    width:100%;
    height:100%;         
	background: rgba(0,0,0,0);
}

.nullbutton{
  border:none;
  padding:0;
  margin:0; 
  background-color:transparent;
  color:#fff;
  text-decoration:none;
}