html,body {
	height:100%;
    background-size: cover;
    background-color: #e7e7e7;
    color:#000;
    font-family: serif;
    font-size: 16px;
    width:100%;
    text-align: center;
}
.shrink {
  padding-top: 5px;
  padding-bottom: 5px ;
  font-size: 14px;
  min-height: 10px;
}
.normal {
  padding-top: 20px ;
  padding-bottom: 20px ;
  font-size: 18px;
  min-height: 20px;
}

.navbar,
    .navbar.navbar-trans,
    .navbar-brand.fixed-theme,
    .navbar-container.fixed-theme,
    .navbar.navbar-fixed-top.fixed-theme,
    .navbar-brand,
    nav a {
  opacity: 0.9;
  background-color: #6D6A69;
  color: #9c1406;
}
.navbar-brand { 
    font-size: 30px; 
    color: #9c1406;
    height: 20px;
}
.navbar-nav>li>a {
}
nav.shrink a { min-height: 10px; }
nav.shrink .navbar-brand, nav.shrink a {
  font-size: 16px;
  padding-top: 5px;

}
nav.shrink .navbar-toggle {
  padding-top: 5px;
  padding-bottom: 5px;
}
@media (min-width:768px) {
    h1 {
        font-size:68px;
    }
}
a {
    color:#777;
}
a:hover {
    color: #555;
}
.btn,.well,.panel {
    border-radius:5px;
}

.btn-danger {
    background-color:#f44d3c;
}

.text-danger, a.text-danger {
    color:#f44d3c;
}

.btn-huge {
    padding:17px 22px;
    font-size:22px;
}
.icon-bar {
	background-color:#fff;
}
/********************/
.navbar-trans {
	background-color:#2b2b2b;
    color:#cdcdcd;
    border-width:0;
}
.navbar-trans .navbar-brand,  .navbar-brand {
    padding: 14px;
    color:#9c1406;
}
.navbar-trans li>a:focus,.navbar-trans li.active {
	background-color:#711304;
	color:#333;
    font-weight:bold
}
.navbar-trans li>a:hover {
	background-color:#f44d3c;
	color:#fff;
	opacity:1;
}
.navbar-trans a{
    color:#cdcdcd;
    letter-spacing:1px;
}
.navbar-trans .form-control:focus {
	border-color: #eee;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(100,100,100,0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(100,100,100,0.6);
}

.scroll-down {
  position: absolute;
  left: 50%;
  bottom: 40px;
  border: 2px solid #fff;
  border-radius: 50%;
  height: 50px;
  width: 50px;
  margin-left: -15px;
  display: block;
  padding: 7px;
  text-align: center;
  z-index:-1
}
.scroll-up {
  position: fixed;
  display: none;
  z-index: 999;
  bottom: 2em;
  right: 2em;
}

.scroll-up a {
  background-color: rgba(135, 135, 135, 0.5);
  display: block;
  width: 35px;
  height: 35px;
  text-align: center;
  color: #fff;
  font-size: 15px;
  line-height: 30px;
}
section {
	padding-top:30px;  
    padding-bottom:0px;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
#fill {
	color: red;
	font-family: 'Roboto' bold, serif bold;
    background: center no-repeat fixed url('../images/u2.webp') lightgrey;
    vertical-align: middle; 
    background-size: cover;
    height: 440px; 
    line-height: 400px;
}
#fill a:hover, #main a{
    color: red;
    font-weight: bold;
}
.grey{ color: #625959; }
.white{ color: white; }

.m1{
    padding: 15px;  
    border-radius: 5px;
    font-family: 'Bitter', sherig;
    font-size: 24px;
}


/* CUSTOMIZE THE CAROUSEL-------------------------------------------------- */
.carousel {
  height: 500px;
  transition: 2s ease-in-out left;
}
.carousel-caption {
  z-index: 10;
}

.carousel .item {
  height: 500px;
  background-color: #777;
}

.carousel-caption > p{
    font-size: 22px;
}


.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px;
}

.orange { color: orange;}
.orange p{ color: black;}
.black { color: darkgrey;}
.black p{ color: black;}
.carousel-control {
    color: red;
    opacity: 0.75;
}
.vertical-center-row {
    display: table-cell;
    vertical-align: middle;
}
.container {
    display: table;
    vertical-align: middle;
}
.displaynone { display:none; }

/*-----------------------------*/
#philosophy {
	background-color: #fff;
    background-size: cover;
    text-align: justify;
     
}
#services {
   background-color: #f6f6f6;
   background-size: cover;
}
#history {
	background-color: white;
	color:#444;
    font-family: 'Palatino Linotype','Book Antiqua',Palatino, serif;
    font-size: 18px;
    line-height: 1.6;
    height: 300px;
    display: table-cell;
}
#contact {
    background-color: #eee;
    background: center no-repeat fixed url('../images/u3.webp');
    background-size: cover;
    height: 460px; 
    line-height: 420px;
    padding-bottom: 30px;

}
.con {
    padding-top: 0px;
}
footer {
	background-color:#2b2b2b;
    color:#ddd;
    min-height:100px;
    padding-top:20px;
    padding-bottom:40px;
}
footer .nav>li>a {
    padding: 3px;
    color: #f44d3c;
}

footer .nav>li>a:hover {
    background-color:transparent;
	color:#fff;
}
.service hoover {
    transition: all 0.3s ease 0s;
    opacity: 0.75;
}

.panel-body, body{
    text-align: justify;
}
address {
    font-size: 16px;
    color: #333;
    margin: 5px 0;
    line-height: 35px;
}
/* */
.flag{
    background-repeat: no-repeat;
    background-size: 16px 16px;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('../images/16.webp');
    padding-right: 5px;
    padding-top: 5px;
    background-position: left center;
    cursor: pointer;
    float: left;
    margin-top: -1px;
}
.card-block{
    padding: 20px;
}