@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed&subset=latin-ext');
body {
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif;
    background-color: white;
	-webkit-font-smoothing: antialiased;
}

html,
body {
    height: 100%;
}

a {
	color: #393b3d;	
	text-decoration: none;
	-webkit-transition: all .35s; 
	transition: all .35s;
}

a:hover {
	color: #202223;	
	text-decoration: none;
}

p {
	color: #5f5f5f;
	margin-bottom: 17px;
	text-align: left;
	line-height: 1.7;
}


h1, h2{
    font-size: 22px;
}

h3 {
  font-size: 20px;
	font-weight: bold;
	color: #393b3d;
	margin-top: 0;
 	letter-spacing: 0.1em;
	line-height: 1.7;
}

h4 {
  font-size: 18px;
	font-weight: 400;
	color: #393b3d;
	margin-top: 0;
	text-align: left;
 	letter-spacing: 0.1em;
	line-height: 1.7;
}

.media, .media-body {
	background-color: white;
}

.margin-top {
	margin-top: 60px;
}

.margin-bottom {
	margin-top: 60px;
}

.margin-bottom-gallery2 {
	margin-top: 60px;
}

.page-header {	
    height: 292px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-bottom: 1px solid #DDD;
}
.page-header h2{	
	font-weight: 400;
	color: #fff;
  font-size: 28px;
	margin-top: 210px;
	margin-bottom: 12px;
    text-shadow: 1px 1px 2px #393b3d;
}
.page-headerC {	
	font-weight: 400;
	color: #393b3d;
	margin-bottom: 12px;
 	letter-spacing: 0.1em;
	line-height: 1.5;
    background: #f1f1ee;
    border-bottom: 1px solid #DDD;
}

.hr {
	border-bottom: 2px solid #DDD;
	display: block;
	width: 50px;
	margin: auto;
	margin-bottom: 40px;
}

.vspace{
    margin-bottom: 50px;
}
.space-vhead {
    margin-top: 20px;
}
.vspaceB{
    height: 55vh;
}
.vtspace {
   margin-top: 30px;    
   margin-bottom: 45px; 
}
address {font-size: 14px;}

.blk {
	width: 100%;	
    padding: 0;
    margin-top: 30px;
}
.full-blk-sm {
    margin-bottom: 14px;
}
.full-blk:hover .pf {
	-webkit-box-shadow: -5px 5px 20px rgba(114, 114, 114, 0.5);
            box-shadow: -5px 5px 20px rgba(114, 114, 114, 0.5);
}
#infopage h2{ font-size: 28px}
.prop-img {
    position: relative;
    height: 230px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.prop-img img {
    max-width: 100%;
    max-height: 100%;
}
.prop-info {
    background: #f44336;
    height: 55px;
}
.prop-main-text {
	width: 100%;
    float: left;
    min-height:160px;
    max-height: 160px;
    border-bottom: 1px solid #DDD;
}

.prop-header {
    padding: 8px;
    font-weight: bold;
    color:#393b3d;
}
.prop-header a{
     color: rgba(255, 255, 255, 1);
}

.prop-text {
    font-size: 16px;
    margin-left: 10px;
    margin-right: 10px;
}
.prop-footer {
  position: relative;
	padding: 0 0 10px 10px;
	margin-left: 0;
	width: 100%;
	float: left;
}

.prop-footer div:last-child {
	padding-left: 15px;
}
.pf {
	width: 100%;
	float: left;
    background-color: #fff;
	border: 1px solid #DDD;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.content-pic {
    margin-bottom: 20px;
}
.boxed-grey {
    background: #f9f9f9;
    padding: 20px;
}
.itemspace{
     margin-top: 25px;
}
.st-border{ border-top: 1px solid #DDD;}
.caption {margin-top: 10px}
.img-fluid {margin: 0 auto;}
/* ----------------------------------------------------
	footer
------------------------------------------------------- */


#footer {
    padding-top: 14px;
    border-top: 1px solid #DDD;
    background: #f1f1ee;
    font-size: 16px;
}
.footerBottom {
	font-size: 14px;	
	font-weight: 400;   	
	color: #fff;
    text-align: center;
    background: #393b3d;
}
/* --- footer ------ */

/* --- carousel ------ */
.carousel-caption h2 {margin-top: 10px; font-size: 32px; font-weight: 900; color: #fff; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;} 
.carousel-caption p {color: #fff; text-shadow: 2px 2px 4px #393b3d;}
#slider{
    position:relative;
    background-color:#393b3d;
    border-bottom:4px solid #ffe11a;
}
.carousel-inner > .item {
  height: 80vh;
}
.carousel-inner>.item>img, .carousel-inner>.item>a>img {
  display: block;
  height: 100%;
  max-width: 100%; 
  width: 100%;    
}

/* ----------------------------------------------------
	 NAVIGATION STYLES 
------------------------------------------------------- */

.navbar-brand {
  padding: 0px; /* firefox bug fix */
}

.navbar {
    margin: 0 auto;
    border-bottom: 2px solid #DDD;
	padding: 12px;
}

.navbar-inverse {
    background-color: #FFF;
}

.navbar-inverse .navbar-nav > li > a {
   font-size: 16px;
   color: #5f5f5f;
   font-weight: 500;
   padding: 14px 10px;   
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   text-transform: uppercase;
   margin-top: 2px;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
   color: #202223;
   background-color: transparent;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
   color: #202223;
   background-color: transparent;
}

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

.navbar-toggle {
   margin: 10px auto;
   background-color: #393b3d;
}

.navbar-inverse .navbar-toggle {
   border-color: #393b3d;
   outline: none;
}

.dropdown-menu {
   background-color: #393b3d;
   border: none;
   border-radius: 0;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
}

.dropdown-menu > li > a {
   color: #fff;
}


/* ----------------------------------------------------
	 BUTTON STYLES
------------------------------------------------------- */

.btn {
	font-size: 15px;	
	font-weight: 400;
	color: white;
	margin-top: 15px;
	border: none;
	background-color: #393b3d;	
	padding: 5px 9px;
	-webkit-transition: all .35s; 
	transition: all .35s;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.btn:hover {
	background-color: #4c4f51;
	color: white;
}


a.btn-left {
  padding: 0.45em;
  display: inline-block;
  margin-top: 2em;
  width: 18%;
  color: #fff;
  text-transform: capitalize;
  font-size: 15px;
  text-decoration: none;
  border: 2px solid white;
  -webkit-transition: 0.5s all ease;
  -moz-transition: 0.5s all ease;
  -o-transition: 0.5s all ease;
  -ms-transition: 0.5s all ease;
  text-align:center;  
  margin-right: 1em;
}

a.btn-left:hover {
	border-color: #CACACA;
}

a.btn-right {
  padding: 0.6em;
  display: inline-block;
  margin-top: 2em;
  width: 18%;
  color: #fff;
  text-transform: capitalize;
  font-size: 15px;
  text-decoration: none;
  background: #ff3333;
  -webkit-transition: 0.5s all ease;
  -moz-transition: 0.5s all ease;
  -o-transition: 0.5s all ease;
  -ms-transition: 0.5s all ease;
  text-align: center;  
}

a.btn-right:hover {
	background-color: #ff4d4d;
}


.white-space {
	margin-top: 50px;
}


.img-thumbnail-photo {
	border-radius: 0;
	margin-top: 32px;
}

.img-thumbnail-photo-top{
	border-radius:0;
	margin-bottom: 0;
}

.thumbnail {
	border: 1px solid #DDD;
	border-radius: 0;
	margin-bottom: 0;
}


/* Pagination */

.pagination {	
	border-radius: 0;
	padding-top: 20px;
	margin-bottom: -5px;
}
.pagination>li:first-child>a, .pagination>li:first-child>span{	
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{
	background-color: #CCC;
	border-color: #CCC;
    color: #282828;
}
.pagination>li:last-child>a, .pagination>li:last-child>span{
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus{
	color: #282828;
}
.pagination>li>a, .pagination>li>span{
	color: #282828;
}


@media (max-width: 1200px) {
  .carousel-inner > .item {height: 70vh;}
  .carousel-caption h2 {margin-top: 20px; font-size: 22px;} 
}
@media (max-width: 1000px) {
  .carousel-inner > .item {height: 65vh;}
  .carousel-caption h2 {margin-top: 20px; font-size: 22px;} 
}
@media (max-width: 800px) {
    .carousel-inner > .item {height: 60vh;}
    .carousel-caption h2 {margin-top: 20px; font-size: 22px;} 

}
@media (max-width: 400px) {
    .carousel-inner > .item {height: 50vh;}
    .carousel-caption h2 {margin-top: 20px; font-size: 18px;} 
   body {font-size: 14px;}
    #infopage h2 {font-size: 22px;}
}