@font-face{
  font-family: tcm;
  src: url(../fonts/tcm.TTF);
}
html, body{
    font-size: 100%;
	background:	#fbfbf0;
	/*font-family: 'tcm', sans-serif;*/
font-family:'Raleway';
}

ul,li,label{
	margin:0;
	padding:0; 
	list-style:none;
}
body a:hover{
	text-decoration:none; 
}
.topbar { 
	background:#581818; 
	padding:5px 0;
 }
.topbtmbar { 
	background:#FBFBF0; 
 } 
.topbar i { 
background: #fbfbf0 none repeat scroll 0 0;
border-radius: 50%;
color: #581818;
height: 25px;
padding: 5px 0 0 7px;
width: 25px;
}
.topbar .contact { 
color:#fbfbf0; 
text-align:right;
  font-family: tcm;
}
 .logo { 
 padding:5px 0;
 }
 .logo h3 { text-align:center; 
}

.fixed {
	position: fixed; 
	top: 0; 
	height: 70px; 
	z-index: 100000; 
	width:100%;
-webkit-box-shadow: 0px 1px 5px 0px rgba(8,8,8,0.33);
	-moz-box-shadow: 0px 1px 5px 0px rgba(8,8,8,0.33);
	box-shadow: 0px 1px 5px 0px rgba(8,8,8,0.33);
	-moz-animation: dropHeader 1s ease-in 1;
	-webkit-animation: dropHeader 1s ease-in 1;
    animation: dropHeader 1s ease-in 1;
}
@-moz-keyframes dropHeader {
    0% {-moz-transform: translateY(-65px);}
    100% {-moz-transform: translateY(0);}
}
@-webkit-keyframes dropHeader {
    0% {-webkit-transform: translateY(-65px);}
    100% {-webkit-transform: translateY(0);}
}
@keyframes dropHeader {
    0% {transform: translateY(-65px);}
    100% {transform: translateY(0);}
}
.fixed .navbar-brand1 img { height:65px;}
.fixed .navbar .navbar-nav [class^="pe"] {
  font-size: 20px;
}
.fixed .navbar .navbar-nav p {
  font-family: tcm;
  font-size: 20px;
  margin: 2px 0 0;
}
.welcome, .bg-polar { 
margin:3% 0 4%;
}
.welcome h1 { 
font-family:'Raleway';
font-size:40px; 
color:#581818; 
text-transform:uppercase; 
margin-bottom:10px;
}
.welcome h1 span { 
color:#0B1B57; 
}
.welcome p { 
font-family:'Raleway'; 
line-height:28px; 
font-size:16px;
}
.divider {
  background: rgba(0, 0, 0, 0) linear-gradient(90deg, #3695eb 0%, #1cd8a1 100%) repeat scroll 0 0;
border: medium none;
height: 2px;
margin: 20px 0 22px;
padding: 0;
width: 100px;
}
.video h2,.bg-polar h2 { 
color:#581818; 
font-family:'Raleway';
}
.video h2 span, .bg-polar h2 span { 
color:#0B1B57; 
}
.bg-polar h2 { 
font-size: 36px;
text-align:center;
}
.bg-polar .divider { 
margin: 20px auto 40px;
}
.parallax-block::before {
  background: #581818 none repeat scroll 0 0;
  content: "";
  height: 100%;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 3;
}
.parallax-block::after {
  background: #ccc none repeat scroll 0 0;
  content: "";
  height: 100%;
  opacity: 0.5;
  position: absolute;
  right: 0%;
  top: 0;
  width: 100%;
  z-index: 3;
}
.parallax-block {
  float: left;
  height: 230px;
  position: relative;
}
.parallax-block-content {
font-family:'Raleway';
  padding: 5% 12%;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 5; 
  color:#581818; 
  font-weight:700;
}
.parallax-block-content h1 { font-size:48px; font-weight:700;}
.unit-left i { 
font-size:48px; color:#581818; 
transition: all 1s ease-in-out;
}
.col {
padding-bottom: 0;
padding-top: 0;
transition: all 1s ease-in-out; 
cursor:pointer;
}
.col:hover { 
border: 1px solid #a6ce39;
padding-bottom: 2%;
padding-top: 2%;
}
.col:hover .unit-left i {
  color: #a6ce39;
  font-size: 48px;
}

footer { 
background: #581818 url(../images/footer.png) no-repeat left bottom; 
padding:3% 0 0; 
color:#fff; 
font-size:14px;
}
footer h3 { color:#FBFBF0;}
footer .title-block {
  border-bottom: 1px solid #e1e1e1;
  margin: 0 0 20px;
  padding: 0 0 0px;
  position: relative;
}
.social-list i { 
background: #fbfbf0 none repeat scroll 0 0;
border-radius: 50%;
color: #581818;
height: 25px;
padding: 5px 0 0 7px;
width: 25px;
}

footer li a { color:#fbfbf0;   }
footer .foot-botom {
/*background:#CAB6AF; */
margin-top:4%; 
color:#581818;
 border-radius:10px; 
 font-size:12px; 
padding-top:3px;
padding-bottom:0px;
}
.content { 
padding: 3%; 
background:#581818; 
color:#fff; 
border-radius:10px; 
min-height:500px;
}
.subpage h1 { 
font-family:'Raleway';
color:#581818; 
}
.subpage h1 span { 
color:#0B1B57; 
}
.adres_bg { background:#FBFBF0; 
padding:2% 4%; 
border-radius:10px; 
margin-top:8%;
}
.adres_bg li { line-height:28px;}
.adres_bg i { padding-right:10px; font-size:30px; color:#A6CE39}
.image img { margin-bottom:5%; border:1px solid #fff;}
.video .embed-responsive { margin-bottom:5%; border:1px solid #fff;}
@media (max-width: 767px){
.topbar .social,.topbar .contact{ text-align:center}
.topbar i {
  padding: 5px 0 0 1px;
}
}