/* ------------------------------- *\
		   BODY SETTINGS
\* ------------------------------- */
body {
  background-attachment: fixed;
  background-image: url("/site/Trees-sky.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 20px;
}
footer {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  color: white;
}
footer a {
  color: white;
}

/* --------------------------------------- *\
			  PAGE CONTENT
\* --------------------------------------- */

#main{
background:#e1e1e1;
}

hr{
	border: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
.pics.col-sm-2{
padding:0;
}

#logo img{
max-width:300px;
padding:15px 15px 0 15px;
}
#phone h1{
margin-bottom:0;
}

/* ------------------------------- *\
		 HELPER CLASSES
\* ------------------------------- */
.top{
margin-top:25px;
}
.top-big{
margin-top:50px;
}
.bottom{
margin-bottom:25px;
}

/* ------------------------------- *\
		  CAROUSEL
\* ------------------------------- */
.carousel-bg .row{
margin:0;
}
.carousel-bg .container.container-fluid{
padding:0;
}
.swiper-img img {
  max-width:100%;
}
.swiper-pagination-bullet-active {
  background: #fff!important;
}
.swiper-pagination-bullet {
  background: #fff!important;
}




/* ------------------------------- *\
		  PAGE
\* ------------------------------- */

/* ------------------------------- *\
			  HEADER
\* ------------------------------- */





/* ------------------------------- *\
			  NAVIGATION
\* ------------------------------- */
#nav.container{
padding:0;
}
.navbar {
	border-radius: 0;
	background: aliceblue;
}

.navbar-nav {
width: 100%;
text-align: center;
}
.navbar-nav > li {
float: none;
display: inline-block;
	}

/* ------------------------------- *\
			SUB NAVIGATION
\* ------------------------------- */

/* ------------------------------- *\
			   NEWS
\* ------------------------------- */

/* ------------------------------- *\
			  FORMS
\* ------------------------------- */

/* ------------------------------- *\
			  GALLERY
\* ------------------------------- */

.thumb {
	margin-bottom: 30px;
}

.thumb .center-block{
text-align:center;
}
.thumbs img{
	max-width:98%;
	padding:2%; /* A percentage that, when doubled and added to the above, makes 100%. */
	background:transparent;
	border:1px solid #CCCCCC;
	  opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;/* Color of the faux border. */
}


   .thumbs img:hover {
	  opacity: 0.5;
	  }

.prevNext{
padding:30px;
}
/* ------------------------------- *\
			   SEARCH
\* ------------------------------- */
.search {
	position: absolute;
	top: 5.5em;
	right: 2.0em;
	padding-right: 0.0em;
}
.search input.text {
	margin-right: 0.5em;
	vertical-align: middle;
	border-top: solid 1px #000000;
	border-right: 0px;
	border-bottom: solid 1px #777777;
	border-left: 0px;
	padding: 0.15em;
	width: 10.0em;
}
.search input.submit {
	background: #939B00 url('images_Zenlike/buttonbg.gif') repeat-x;
	border: solid 1px #5F6800;
	font-weight: bold;
	padding: 0.25em;
	font-size: 0.8em;
	color: #F2F3DE;
	vertical-align: middle;
}

/* ------------------------------- *\
			   FOOTER
\* ------------------------------- */


.jumbotron {
overflow:hidden;
padding:0 !important;
margin:0 !important;
height:auto;
background:url('/site/header.jpg') no-repeat;
background-size: cover;
}

.jumbotron h1 {
color:white;
text-shadow: 0 3px 5px #666;
text-align:center;
padding:50px;
}


@media (min-width:1200px) {
.jumbotron {margin-top: 50px!important;}
}
@media (min-width:992px) {
.jumbotron > img { width:100%!important; }
}
@media (min-width:768px) {
.navbar-brand{ display:none; }
}
@media all and (max-width:768px){
body { margin:0px; padding:0px; background:none; }
.navbar-brand{ display:block; }
}
.carousel-inner img {
	width: 100%;
}
.navbar-expand-md .navbar-nav {
	justify-content: center;
}
@media only screen and (min-width: 769px){
	.hide-lg {
		display: none;
	}
}
@media only screen and (max-width: 768px) {
	.hide-md {
		display: none;
	}
	.show-md {
		display: initial;
	}

}