body {
  margin: 0;
  font-family: 'Open Sans', Arial, Helvetica, 'Nimbus Sans L', sans-serif
}
a, li, p, div, h1, h2, h3, h4, label, i{ font-family: 'Open Sans', Arial, Helvetica, 'Nimbus Sans L', sans-serif }
.navbar{ background-color: #401201; }
.navbar-brand{padding-left: 0; font-size: 26px; padding: 20px 10px}
.logo-sauna{color: #fff; font-weight: bold}
.logo-oradea{color: #d9bf71; font-weight: 100;}

.navbar-inverse .navbar-nav>.active>a{background-color: transparent;}
.navbar-inverse .navbar-nav>.active>a:focus, 
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.open>a, 
.navbar-inverse .navbar-nav>.open>a:focus, 
.navbar-inverse .navbar-nav>.open>a:hover{background-color: #a64f03}
.navbar-inverse .navbar-nav>li>a{color: #fff;}
.navbar-inverse .navbar-nav>li>a:hover{background-color: #a64f03}

.topnav {
  overflow: hidden;
  background-color: #333;
}

.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color: #04AA6D;
  color: white;
}
.navbar-nav>li>a{padding-top: 20px; padding-bottom: 20px }

.dropdown-menu{padding:0}
.dropdown-menu>li>a{padding: 20px 40px 20px 20px}
.dropdown-menu>li>a:hover{background: #d9bf71}

.navbar-toggle{background-color: #732c02;}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{background-color: #732c02;}

a{color: #732c02; font-weight: 300;}
a:hover{text-decoration: none; color: #bf0404}
p, li{line-height: 2;}
p{margin-bottom: 25px}

h1{
  font-size: 48px; /*
  text-decoration: underline; 
  text-decoration-color: #d9bf71; */
  line-height: 2; 
  font-weight: 300;
  margin-bottom: 40px;
}
h2{
  font-size: 40px; /*
  text-decoration: underline; 
  text-decoration-color: #d9bf71; */
  line-height: 2; 
  font-weight: 300;
  margin-bottom: 40px;
}
h1 span, 
h2 span{
  border-bottom: 2px solid #d9bf71; 
  padding-bottom: 5px;
}

h3{
  font-weight: 300;
  padding-bottom: 25px;
}

h3 span{
  border-bottom: 1px solid #d9bf71; 
  padding-bottom: 5px;
}

p{font-size: 20px; font-weight: 300}

.sticky{  position: fixed;   top: 85%;}
.sticky .glyphicon-chevron-up{color: #bf0404; background:#d9bf71; padding: 15px; border-radius: 5px; }

.piros{color: #bf0404}
.krem{color: #d9bf71}

.hatterkrem{ background-image: linear-gradient( #732c02, #a64f03); padding: 20px 0}
.hatterkrem p{color: #fff}
.bevezeto{padding: 0 0 60px 0}
.diploma{padding: 20px 205px}
.servicii{padding: 40px 0 40px 0;}
.aloldal{margin-top: 40px; margin-bottom: 40px}
.aloldal h1{line-height: 1; margin-bottom: 60px; font-size: 40px}
.aloldal h2{margin-top: 60px; margin-bottom: 10px; font-size: 36px}
.aloldal p, ul{margin-bottom: 25px}
.aloldal li{font-size: 20px; font-weight: 300}
.valaszok{font-size: 24px;}
.valaszok b{font-weight: 700}
b{font-weight: 500}

.intrebarifrecvente a{color: #bf0404; }
#if1,
#if2,
#if3,
#if4,
#if5,
#if6,
#if7{margin-bottom: 10px}

.subfield{
  margin-left: 20px; 
  font-size: 20px;
  margin-bottom: 20px !important;
  font-weight: 100 !important;
}
input[type=checkbox], input[type=radio] {
  margin: 7px 0 0;
}

.clearfix{clear: both}

footer{padding: 10px 0 30px 0; margin-top: 80px;}
footer.navbar{margin-bottom:0}
footer a{color: #fff}
.tel:hover{color: #bf0404; text-decoration: none;}

footer h3,
footer p,
footer li{color: #fff}

footer h3{font-size: 20px}
footer p,
footer li{font-size: 16px}




@media (max-width: 767px){
  .container{padding: 0 20px}
  .text-center{text-align: left;}
  .navbar-brand{padding-top: 15px}
  h1{font-size: 28px; margin-top:0; margin-bottom: 20px}
  h2{font-size: 24px}
  p{font-size: 16px; margin-bottom: 15px}
  .aloldal h1{font-size: 26px; margin-bottom: 35px; line-height: 2;}
  .aloldal h2{font-size: 22px; font-weight: 400; line-height: 1.5; margin-top: 40px}
  .aloldal li {font-size: 18px}
  .valaszok{margin-bottom: 20px !important; line-height: 1.5;}
  .valaszok span{font-size: 18px}
  img{margin-bottom: 20px}
  .servicii img{margin-bottom: 0px}
  
  .bevezeto{padding-bottom: 40px}
  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {color: #fff; padding: 15px}
  .navbar-inverse .navbar-nav .open .dropdown-menu{background-color: #a64f03;}
  .navbar-inverse .navbar-nav .open .dropdown-menu>li{background-color: #d9bf71;}

  .subfield{
    font-size: 16px;
  }

  .top-up{padding-right: 30px}

  footer .col-sm-4 {margin-bottom: 60px}
}