body {
  background: #E4E4E4;
  color: #8b8e94;
  line-height: 24px;
  font-size: 15px;
font-family: 'Gruppo', cursive;
	letter-spacing: 2px;
}

.probootstrap-heading .primary-heading{
	font-family: 'Gruppo', cursive;
	}

 h1, h2, h3, h4, h5, h6{
	 	letter-spacing: 5px;
font-family: 'Gruppo', cursive !important; 
color: #FFF;
line-height: 0.8;
}

.probootstrap-heading.dark .secondary-heading
{color: #FFF;top: -20px;}

.probootstrap-heading .primary-heading, .probootstrap-navbar .navbar-nav > li.active > a:active,.probootstrap-navbar .navbar-nav > li.active > a:focus,.probootstrap-navbar .navbar-nav > li.active > a:hover,
.probootstrap-navbar.scrolled .navbar-nav > li.active > a
{ color: #be1616 !important;}

a{ color: #be1616;}
#lang{ position:fixed;  height:119px !important; right:10px !important; top:15px !important; z-index:10000 }


.img-comp-slider
{ background-color: #be1616; }

.btn.btn-primary
{background: #be1616; color: #ffffff;}



.flex-logo {z-index:9;top:200px;position: absolute;width: 80%;text-align:center}
.flex-logo img {width:80%;}
.flex-logo{left: 10%; right: 10%}

.navbar-brand > img {height:45px}

@media screen and (max-width: 768px) {
.flex-logo {top:200px;}
.flex-logo img{ width:300px;}
#lang{ right:30% !important; top:10px !important; }

}

@media screen and (max-width: 480px) {
.flex-logo {top:130px;}
.flex-logo img{ width:200px;}
#lang{ right:30% !important; top:10px !important; }
}

.popup {position:fixed;z-index:20;
 top:20%; bottom:20%; left:20%; right:20% ;
 background-color:#000;
 opacity: 0.9; -moz-opacity:0.9; -ms-filter: "alpha(opacity=90)"; filter: alpha(opaciy=90);
 border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; 
 -moz-box-shadow:4px 4px 10px #000000; -webkit-box-shadow:4px 4px 10px #000000; box-shadow:4px 4px 10px #000000;
  display:none; 
 }

 .popup-text {position:fixed;z-index:21; padding:1%;
	  top:20%; bottom:20%; left:20%; right:20% ;
	 color:#bbb; display:none; 
	 overflow:auto;
	 }
	 
.popup-text > h1,.popup-text > h2,.popup-text > h3,.popup-text > h4,.popup-text > h5  {color:#fff; }
	 
#bp_close { position:fixed;z-index:22;
top:21%; right:21% ; display:none; 

font-size:20px;
 cursor:pointer }





* {box-sizing: border-box;}
.img-comp-container { height: 200px;  position: relative;}
.img-comp-img { position: absolute;  width: auto;  height: auto;  overflow: hidden;}
.img-comp-img img {  display: block;  vertical-align: middle;}
.img-comp-slider {  width: 40px;  height: 40px;  position: absolute;  z-index: 9;  cursor: ew-resize;  opacity: 0.7;  border-radius: 50%;}