@charset "UTF-8";

/* Global Styles */
@font-face {
	font-family: 'Gill Sans';
	color:#000;}

html,
body {height: auto;
	width: 100%;
	background:#FFF;
	font-weight: 400;
	font-family: 'Gill Sans';
	line-height:inherit;}

p, a{background:transparent;font-weight: 400;text-decoration: none;color:#225A5E;}

p, a:hover{color:#D37D60;font-weight: 400;text-decoration: none;}

#boxWrapp{width: 100%;overflow:hidden;margin-top: 50px;margin-bottom: 75px; align-content: center}

/* =============================== header ===================================== */

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #B0C1C0;
	overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 12px 10px 12px 32px;
  text-decoration:none;
  font-size:24px;
	font-weight:400;
	letter-spacing:4px;
  color: #FFFFFF;
  display: block;
  transition: 0.3s;
	overflow: hidden;
}

.sidenav a:hover {
  color: #225A5E;
}	

.sidenav .closebtn .hamburger {top:4px;right:16px;float:right;position:absolute;}
.sidenav .closebtn .hamburger .top-bun {transform: rotate(-45deg);margin-top:20px;}
.sidenav .hamburger .bottom-bun {opacity: 0;transform: rotate(45deg);}
.sidenav .closebtn .hamburger .meat {transform: rotate(45deg);margin-top:-5px;}
.sidenav .closebtn .hamburger div {width:48px;height:6px;border-radius:3px;background-color:#D995B6;cursor: pointer;transition: all 0.3s ease-in-out;}
.sidenav .closebtn .hamburger div:hover{background-color:#D37D60;}


.topnav a.icon {float:right;display:block;line-height:40px;width:70px;right:0px;top:0px;background-color:transparent;}
.topnav .hamburger {top:2px;right:20px;float:right;position:absolute;}
.topnav .hamburger div {width:48px;height:6px;border-radius:3px;background-color:#D995B6;margin-top:8px;cursor: pointer;transition: all 0.3s ease-in-out;}
.topnav .hamburger div:hover{background-color:#D37D60;}


.topnav {height: 42px; width: 100%; top: 0; left: 0; background-color: #E5EBD4; overflow-x:hidden;padding: 14px 0px 0px 15px}
.topnav .navbar-brand {font-family:'Gill Sans';font-size:22px;line-height:24px;font-weight:400;text-align:left;text-decoration:none;letter-spacing:3px;color:#B0C1C0;background-color:transparent;}
.topnav .navbar-brand:hover{font-family:'Gill Sans';font-size:22px;font-weight:400;text-decoration:none;letter-spacing:3px;color:#D37D60;background-color: transparent;}
.topnav .icon {display:none;float:right;}
#icon {display:none;}

.main
{width: 100%;
	max-width: 100%;
	height: 100vh;
	margin-top: 0px;}

#main {
  transition: margin-left .5s;
}




#content_holder {width: 100%;
	height: 100%;
	background: #FFFFFF;
	position: relative;
	padding: 0px 0px 0px 0px;}

	
.image-stack {
	background-position-x: 30px;
	background-postion-y: 30px;
	width: 100%;
	height: 100%;
	opacity: 1;
	background: #FFFFFF;}

h3 {font-size: 30px;
	font-family: 'Gill Sans';
	font-weight: 200;
	font-style: italic;
	text-align: right;
	letter-spacing: 3px;
	color: #225A5E;
	padding-top: 30px;
	padding-right: 50px;
	position: relative;
}

address {font-family: 'Gill Sans';
    font-size: 18px;
    font-style: italic;
	text-align: left;
	letter-spacing: 2px;
	font-weight: 400;
    color: #225A5E;
    padding: 0px 0px 0px 50px;
	top: 0;
    display: inline-block;
    position: relative;
	text-align: left;}
	
address a{font-family: 'Gill Sans';
    font-size: 18px;
	letter-spacing: 1px;
	font-style:normal;
	font-weight: 200;
	text-decoration: none;
    color: #225A5E;
    padding: 0px 20px 0px 0px;
	opacity: 1;
    display: inline-block;
    position: relative;}

address a:hover{color:#D995B6;font-weight: 200;}

.row {display: flex;
    margin-left: -.83333rem;
    margin-right: -.83333rem;}
	
.image-stack__item1 {
	background: #FFFFFF;
	width: 40%;
	height: 250px;
	position: relative;
float: right;}

.image-stack__item2 {
	background: #FFFFFF;
	width: 30%;
	height: 250px;
	position: relative;}

.image-stack__item3 {width: 60%;
    height: 100%;
	bottom: 0;
    background-color: #FFFFFF;
    position: relative;
float: right;
padding-right: 50px;}

	

/* ========================================= title page ==================================== */

.title-page{color:#79ACA9;background: transparent;z-index: 99;}
.title-page h2{
	position: relative;
	margin: 0 0 0 0;
	z-index: 77;
	padding: 0px 0px 0px 0px;
	font-size:1em;
	font-weight:100;
	font-famiily:'Gill Sans';
	color:#79ACA9;
}

/* Full Page Image Header Area */

.linear{
 transition:all 200ms linear;   
 -webkit-transition:all 200ms linear;   
 -moz-transition:all 200ms linear;   
 -ms-transition:all 200ms linear;   
 -o-transition:all 200ms linear;   
}

/* Intro */

.page {font-family: 'Gill Sans';
	font-size: 14px;
	font-weight: 400;
	color: #1F5A38;
	position:relative;
	background: #FFF;
}

.page li span a{font-family: 'Gill Sans';
	font-size: 14px;
	font-weight: 400;
	color: #1F5A38;
}

.page li span a:hover{color: #D37D60;
}

.page:last-of-type{
border-bottom:none;
padding:0px;
}

.page-bgcolor{color: #FFFFFF;
}

/* ================================================= about us ================================================== */

.about-content p{
font-size:16px;
padding-bottom:20px;
margin:0;
}


.main-about img{
}

.main-about .btn-clear{
padding:0px;
}

.main-about .btn-clear:hover{
}

/* ============================================== Portfolio ================================================================= */


.pagination {width: auto;display: flex;flex-direction: row;list-style-type: none;margin-top: 60px;margin-left: 0px;padding:0px 1px 10px 0px;color: #1F5A38;background: #FFF;font-family: 'Gill Sans';font-size: 16px;font-weight: 400;}


.pagination li span a {font-family: 'Gill Sans';font-size:16px;
	font-weight: 400;
	color: #1F5A38;
	float: left;
	padding:0px 8px 10px 8px;
	text-decoration: none;
}

.pagination li span a:hover{color:#D37D60};}

.folio-content{
	height:auto;
	background:#FFFFFF;}

ul.container_folio li.box{
overflow:hidden;
height:auto;
display:block;
width: 100%;
}

.box img{
}

.portfolio-item .thumbnail{
margin:0;
position:relative;
}

.thumb-img{
position:relative;  
overflow:hidden;
background:#FFFFFF;}

.thumb-img img{
display:block;
-webkit-transform: scale(1,1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1,1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;  
}

.thumb-img:hover img, .link-attr:hover .thumb-img > img{
 -webkit-transform: scale(1.05,1.07);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1.05,1.07);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;   
}

.thumb-img:hover img{
 opacity:0.7;   
}

.folio-img{align-content: center;padding: 0px;}

.folio-caption{
	position:absolute;
	bottom:-50px;
	left:0px;
	background:#FFFFFF;
	width:100%;
	max-height:100px;
	right: 0px;
}

.folio-caption p{
	font-size: 14px;
	font-weight: 200;
	color:#000000;
	padding:7px;
	margin:0;
	text-align:center;
}

.folio-caption i{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 50%;
	font-size: 16px;
	color: #000000;
}

.portfolio-item {
	padding: 7px;
}

.main-folio{
 margin:auto;
 width:100%;
padding:0px;
position:relative;
overflow:hidden;
}

.container_folio{
	list-style:none;
	width: 100%;
	clear: both;
	position: relative;
	overflow: visible;
	background: #FFFFFF;
	float:left;
}

.container_folio a{
	list-style:none;
	width: 100%;
	clear: both;
	position: relative;
	overflow: visible;
	background: #FFFFFF;
	color: #79ACA9;
}

.container_folio a:hover{
	color: #621B27;
}

.col-md-12{
	font-family:'Gill Sans';
	background: transparent;
	float: left;
    width: 100%;
}

.img-portfolio {
  margin: 0;
}

div.link{
	display: none;
visibility:hidden;
position:absolute;
}

.thumbnail {
border-radius: 0px;
}


.link-search{
	position: absolute;
	left:0px;
	top:-50%;
	margin-left:0px;
	margin-right:0px;
}

/*=================contact====================*/

.main-contact {font-size:16px;color:#000;line-height: 18px;
}

.contact a{ 
font-size:16px;
font-weight: 200;
color:#79aca9;
}

.contact a:hover{
text-decoration:none;
	color:#621b27;
}

/* Footer */

footer {font-family:'Gill Sans';font-size:14px;color:#225A5E;font-weight:400;font-style: italic; letter-spacing: 4px;line-height:40px;width:100%;background-color:#E5EBD4;padding:2px 10px 2px 10px;text-align:center;bottom:0;position:fixed;z-index: 99;} 

.cp-right p {font-size:14px;
font-weight:200;
color: #000;
text-decoration:none;
}

.top-scroll {
  margin: 0;
  padding:0;
	background: transparent;
}

.top-scroll a {
  text-decoration: none;
  color: inherit;
  display:block;
  font-size:92px;
  line-height:48px;
}

.top-scroll a:hover{
color:#FFFFFF;
}

i.scroll {
color:#FFFFFF;
position: absolute;
top: -20px;
left:50%;
margin-left: -28px;
}

i.scroll:hover {
color:#FFFFFF;
}

/* ========================================== Footer ======================================================= */

/* ========================================== modal ======================================================= */
body.modal-open{
margin-right: 0px !important;
 overflow:scroll;
	background-color: #FFF;
}
/* ========================================== Responsive ======================================================= */

@media screen and (min-width:240px) and (max-width: 767px){

.navbar ul li{float:left;font-size:12px;color:#79ACA9;padding:0px;margin-left:10px;margin-right:10px;margin-bottom:10px;}.navbar ul li.current >a {float:left;font-size:12px;color:#621B27;padding:0px 5px;}.navbar ul li >a{float: left;font-size:12px;color:#79ACA9;padding:0px;}.navbar li a:hover{float: left;font-size:12px;color:#621B27;padding:0px;}.navbar-toggle {margin-top: 5px;margin-right:25px;position:static}
}

#imagecontainer1 {top:250px;
	left:20px;
	padding-right: 14.9999px;
padding-left: 14.9999px;
position:fixed;
	z-index: 81;}

#imagecontainer2 {
top:250px;
left:250px;
position:fixed;
	z-index: 82;
}

#imagecontainer3 {
width:100px;
height:50px;
top:50px;
left:50px;
position:fixed;
		z-index: 103;
}	

#container {width: 100%;
	height: 50%;
}

.page {margin-top: 5px;
	}

.hero {position: relative;
}

.hero-image {display: block;overflow: visible;z-index: 101;margin-left: auto;margin-right:auto;top: 0; width:100%; transform: translate(2, 0);
	
}

.cp-center {font-size: 16px;font-weight: 400;letter-spacing: 5px; color: #BD4DBB;}

.footer {font-family:'Gill Sans';font-size:14px;color:#105256;width:100%;background-color:#E5EBD4;line-height:22px;padding-left:10px;padding-right:10px;text-align:center;bottom:0;position:fixed;}


.table-nav td{padding: 0px 40px 1px 0px}