html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
  -webkit-font-smoothing: antialiased;
  font: normal 16px 'Open Sans',sans-serif;
}

.row {
  margin-left:0px;
  margin-right:0px;
}

a {
    color: #212121;
    text-decoration: none;
	 font-family: "Roboto Condensed",sans-serif;
	font-size: 18px;
	
}

.breadcrumb > li + li::before {
    padding: 0px 5px;
    color: #fff;
    content: "\f006  ";
	font-family: FontAwesome;
}

.breadcrumb > .active {
    color: #fff;
}

.breadcrumb {
    border-radius: 0px;
    background-color: #DD8F4F;
	}
.breadcrumb a {
    color: #783600;
	}

.btn-success {
    color: #FFF;
    background-color: #607D8B;
    border-color: #4CAE4C;
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by its height */
  margin: 0 auto -60px;
  /* Pad bottom by footer height */
  padding: 0 0 60px;
}

/* Set the fixed height of the footer here */
#footer {
  height: 60px;
  margin-top:0px;
  padding:20px 0 20px 20px;
  
}

.tophead small{
font-size: 18px;
}
.tophead
{
	line-height: 80%;
font-size: 32px;
font-family: "Roboto Condensed",sans-serif;
font-weight: bold;
padding: 10px 10px 10px 10px;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}


	.row-pictures .img-responsive {
  max-width: 58%
}
	
	telephon{
		font-size: 3em;
		
	}
	.red{
		color: #727272;	
		/*color: #C2185B;*/
		}
	.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: #C72828;
		color:#fff;
}
	.nav > li > a {
    		color:#fff;
		font-size: 21px;
}
	


.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    color: #FFF;
    background-color: #C72828;
}

.nav a.side{
	color: #444;
		font-size: 18px;
	  font-family: "Roboto Condensed",sans-serif;
	}

.sbnav{
-webkit-box-shadow: 1px 0px 0px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow:    1px 0px 0px 0px rgba(50, 50, 50, 0.3);
box-shadow:         1px 0px 0px 0px rgba(50, 50, 50, 0.3);
}

.mm{
	margin: 0px 0px;
	
	}
.cont {
    padding-right: 0px;
    padding-left: 0px;
    background: #FFF none repeat scroll 0% 0%;
}


.nav-pills > li > a {
    border-radius: 0px;
}

.bbb{
		background-color: #212121;
		color: #fff;
}
	
	
.bbb li > a {
		
		color: #fff;
}

/* Custom page CSS
-------------------------------------------------- */

#wrap > .container {
  padding: 60px 15px 0;
}
.container .credit {
  margin: 20px 0;
}

#footer {
  background-color:#212121;
}

#footer  {
  color:#fff;
}

.footer {
	  padding: 40px 0 0 0;
  background-color:#212121;
	background: rgb(69,72,77); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
background: radial-gradient(ellipse at center, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.footer  {
  color:#fff;
}

.footer a {
  color:#fff;
}

.text-muted {
    color: #fff;
}

h1,h2,h3,h4 {
  font-family: "Roboto Condensed",sans-serif;
  vertical-align:middle;
}

header {
  background: #f16251;
  height:550px;
  color:#000000;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    color: #fff;
    background-color: #FF9800;
}

header h1,header h2,header h3 a,header a,header a:hover {
  color:#101010;
  font-weight:800;
  text-decoration:none;
}

header h3 {
  font-family: 'Comfortaa', serif;
  background: #ffcc33;
  padding:10px;
  border-radius:3px;
  font-size:34px;
  padding:12px 10px 6px 10px;
}

header .dropdown-menu {
  top:74px;
  background: #ffcc33;
  border-width:0;
}

h1 {
  font-size:50px;
}

#nav {
  width: 100%;
  position:static;
  top:-32px;
}

#nav.affix {
   position: fixed;
   top: 0;
   z-index:10;
   -webkit-transition: all .6s ease-in-out;
}

#footer > .container {
  
}

@media (min-width: 767px) {
  
.navbar-nav.nav-justified > li{
      float:none;
  }
}

	.navbar-nav {
  margin: 1px 1px; 
}  
  
/* customize nav style */
.navbar-custom {
    background-color: #C72828;
	font-weight:700;
    text-transform:uppercase;
    border-width:0;
}
.navbar-custom  .navbar-nav>li>a {
	color: #fff;
}
.navbar-custom  .navbar-nav li>a:hover, .navbar-nav li .open, .navbar-custom .navbar-nav .active a  {
	background-color: #780000;
	color: #fff;
	
}
.navbar-custom .dropdown-menu{
	right:0;
}
.navbar-custom .navbar-nav>.dropdown>a .caret {
	border-top-color: #999;
	border-bottom-color: #999;
}

.navbar-collapse.in { /*3.0.2 bug workaround*/
    overflow-y: visible;
}

.navbar-toggle {
	outline:0;
}

.divider {
	height:100px;
}

.panel {
	border-width:0;
}

@media (max-width: 768px) {
	header {
		height: 95px;
	}
}

#map-canvas {
  	width: 100%; 
  	height: 300px;
	margin: 0;
	padding: 15px;
}

.scroll-top {
   position:fixed;
   bottom:0;
   right:6%;
   z-index:100;
   background: #ffcc33;
   font-size:24px;
   border-top-left-radius:3px;
   border-top-right-radius:3px;
}
.scroll-top a:link,.scroll-top a:visited {
  color:#222;
} 
 

section {
  color: #ffffff;
  min-height: 400px;
  height: auto !important;
  height: 100%;
  padding-top:100px;
}
.divider {
  height: 1px;
  width:100%;
  display:block; /* for use on default inline elements like span */
  margin: 10px 0 30px 0;
  overflow: hidden;
  background-color: #fff;
}

body {
    background: transparent url("/img/ricepaper_v3.png") repeat scroll 0% 0%;

}


.caption {
    -webkit-backface-visibility: hidden; /* prevent flash when embedding fiddle */
	display: inline-block;
	position: relative;
	margin: 0px;
	overflow: hidden;
	/*background: #000;*/
}

.caption img {
	display: block;
	
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

.caption:hover img {
	opacity: 0.5;
}

.caption::after,
.caption::before {
	position: absolute;
	width: 100%;
	height: 50%;
	color: #fff;
    z-index: 1;
    -webkit-transition: -webkit-transform 0.3s ease-in-out; 
	-moz-transition: -moz-transform 0.3s ease-in-out; 
	transition: transform 0.3s ease-in-out; 
}

.caption::after {
	content: attr(data-title);
	top: 0;
	background: #C72828;
	font-size: 24px;
	font-weight: 300;
	padding: 30px;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}

.caption::before {
	content: '' attr(data-description) '';
	top: 50%;
	background: #212121;
	font-size: 18px;
	padding: 20px;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	transform: translateY(100%);
}

.caption:hover::after,
.caption:hover::before {
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
		transform: translateY(0%);
	}



  
    #slides {
      display: none
    }

    #slides .slidesjs-navigation {
      margin-top:3px;
    }

    #slides .slidesjs-previous {
      margin-right: 5px;
      float: left;
    }

    #slides .slidesjs-next {
      margin-right: 5px;
      float: left;
    }

    .slidesjs-pagination {
      margin: 6px 0 0;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }

    .navbar {
      overflow: hidden
    }

  <!-- End SlidesJS Optional-->

  <!-- SlidesJS Required: These styles are required if you'd like a responsive slideshow -->

    #slides {
      display: none
    }

    .container {
      margin: 0 auto
    }

    /* For tablets & smart phones */
    @media (max-width: 767px) {
      body {
        padding-left: 20px;
        padding-right: 20px;
      }
      .container {
        width: auto
      }
    }

    /* For smartphones */
    @media (max-width: 480px) {
      .container {
        width: auto
      }
    }

    /* For smaller displays like laptops */
    @media (min-width: 768px) and (max-width: 979px) {
      .container {
        width: 724px
      }
    }

    /* For larger displays */
    @media (min-width: 1200px) {
      .container {
        width: 1170px
      }
    }

  <!-- SlidesJS Required: -->	
		
.bb{		
background: -moz-radial-gradient(center, ellipse cover, rgba(79,133,187,0.06) 0%, rgba(79,133,187,0.49) 99%, rgba(79,133,187,0.49) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(79,133,187,0.06)), color-stop(99%,rgba(79,133,187,0.49)), color-stop(100%,rgba(79,133,187,0.49))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, rgba(79,133,187,0.06) 0%,rgba(79,133,187,0.49) 99%,rgba(79,133,187,0.49) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, rgba(79,133,187,0.06) 0%,rgba(79,133,187,0.49) 99%,rgba(79,133,187,0.49) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, rgba(79,133,187,0.06) 0%,rgba(79,133,187,0.49) 99%,rgba(79,133,187,0.49) 100%); /* IE10+ */
background: radial-gradient(ellipse at center, rgba(79,133,187,0.06) 0%,rgba(79,133,187,0.49) 99%,rgba(79,133,187,0.49) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f4f85bb', endColorstr='#7d4f85bb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
@media (min-width:992px){
.logoImg {
	float: left;
	margin: 0px 20px 0px 0px;
	width: 226px;
	position: relative;
	z-index: 9999;
	margin-left: -10px;
	background-color:#fff;
	padding: 0px 5px;
}
#nav {
    position: relative;
    top: 0px;
    /*margin-top: -19px;*/
	width: 1170px;
}
#nav.to_top{position:fixed;top:0px;margin-top:0px;}
}
@media (max-width:1199px) and (min-width:992px) {
	.logoImg {
		width: 200px;
	}
	#nav {
		width: 970px;
	}
}
	
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */