/*CSS created by Ben Kung
Original design for navbar from FollowAndrew https://www.youtube.com/watch?v=7aGLkT4y4ls
*/

/*header*/
.toggle,
[id^=drop] {
  display: none;
}

nav {
  margin: 0;
  padding: 0;
  background-color: #FFF;
  box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);
  position: fixed;
  width: 100%;
  z-index: 3;
  -webkit-user-select: none; /* Safari */
  user-select: none; /* Standard syntax */
}

#logo {
  display: block;
  padding-left: 30px;
  padding-right:15px;
  float: left;
  font-size: 20px;
  line-height: 60px;
}
.header-link{
	position: fixed !important;
	top:0px !important;
	left:0px !important;
	padding: 29px 20px;
	color: #000000;
	font-size: 20px;
	line-height: 60px;
	text-decoration: none;
	height:120px;
	opacity:0;
	width:150px;
}


#main-toggle {
  cursor: pointer;
  float: right;
  padding: 28px 20px;
  position: relative;
  user-select: none;
}
.main-logo{
	height:110px;
	padding-top:7px;
	padding-left:18px;
	padding-right:10px;
}

.nav-icon {
  background: #333;
  display: block;
  height: 2px;
  position: relative;
  width: 18px;
  transition: background .2s ease-out;
}

.nav-icon:before,
.nav-icon:after {
  background: #333;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
  transition: all .2s ease-out;
}

.nav-icon:before {
  top: 5px;
}

.nav-icon:after {
  top: -5px;
}
.adaptive-navbar .drop:checked ~ .toggle .nav-icon{
  background: transparent;
}
.adaptive-navbar .drop:checked ~ .toggle .nav-icon:before{
  transform: rotate(-45deg);
  top:0;
}
.adaptive-navbar .drop:checked ~ .toggle .nav-icon:after{
  transform: rotate(45deg);
  top:0;
}

nav:after {
  content: "";
  display: table;
  clear: both;
}

nav ul {
  float: left;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}

nav ul li {
  margin: 0px;
  display: inline-block;
  float: left;
  background-color: #FFF;
  height:120px;
  border-right: 1px solid #f4f4f4;
}

nav a {
  display: block;
  padding: 29px 20px;
  color: #000000;
  font-size: 20px;
  line-height: 60px;
  text-decoration: none;
  height:120px;
}
nav li ul a{
	padding:0px 20px;
	height:50px;
	line-height:50px;
	display:none;
}

nav ul li ul li:hover {
  background: #f4f4f4;
}

nav a:hover {
  background-color: #FAFAFA;
  color:#E4B848;
}
nav ul ul {
  display: block;
  position: absolute;
  top: 120px;
  box-shadow:2px 2px 4px 0 rgba(0,0,0,0.1);
}
nav ul li:hover>ul {
  display: inherit;
}

nav ul ul li {
  width:170px;
  float: none;
  display: list-item;
  position: relative;
  height:0px;
  opacity:0;
  transition:opacity 0.3s ease-out, height 0.1s ease-out;
}
nav ul li ul:hover li{
	height:50px;
	opacity:1;
}
nav ul li ul:hover li a{
	display:block;
}
nav ul li a:hover ~ ul li{
	opacity:1;
	height:50px;
	transition:opacity 0.3s ease-out, height 0.1s ease-out;
}
nav ul li a:hover ~ ul li a{
	display:block;
}
.estate-dropdown{
	width:350px;
}
.contact-dropdown{
	width:300px;
}
.accounting-dropdown{
	width:300px;
}
.notary-dropdown{
	width:300px;
}

nav ul ul ul li {
  position: relative;
  top: -120px;
  left: 170px;
}
.home-dropdown{
	display:none;
}
.phone-button{
	width:auto;
	height:40px;
	float:right;
	padding:0;
    text-align: center;
    border-radius: 10px;
    line-height: 30px;
	font-size:16px;
	margin-top:40px;
	margin-right:40px;
	font-weight: bold;
	transition: color 0.7s, background 0.7s, box-shadow 0.7s;
	background-color: rgba(228,185,72,1);
	color:black;
}
.phone-button:hover .phone-hover{
	opacity:1;
	transition: 0.3s;
}
.phone-normal{
	position:absolute;
	width:auto;
	height:40px;
	right:40px;
}
.phone-hover{
	position:absolute;
	width:auto;
	height:40px;
	right:40px;
	opacity:0;
	z-index:4;
}


/* Media Queries
--------------------------------------------- */

@media all and (max-width:1500px), (hover:none) {
	nav a {
		padding: 29px 10px;
		font-size: 18px;
	}
}

@media all and (max-width:1300px), (hover: none) {
	/*done to remove effects from desktop version*/
	nav ul li ul:hover li{
		height:auto;
		opacity:1;
	}
	nav ul li a:hover{
		height:auto;
	}
	nav ul li a:hover ~ ul li{
		opacity:1;
		height:auto;
		transition:all 0.3s ease-out;
	}
  nav {
    margin: 0;
	height:120px;
  }
  nav a{
	  height:auto;
	  padding:0;
	  padding-left:30px;
	  display:none;
	  font-size: 20px;
  }
  nav ul{
    float:none;
  }
  nav li ul a{
	height:40px;
	line-height:40px;
	display:none;
  }
  .toggle+a,
  .menu {
    display: none;
  }
  .menu{
	display:block;
  }
  .toggle {
    display: block;
    background-color: #FFF;
    padding: 0 30px;
	margin:0;
    color: #000;
    font-size: 20px;
    line-height: 0px;
    text-decoration: none;
    border: none;
  }

  .toggle:hover {
    background-color: #fAfAfA;
	color:#E4B848;
  }

  [id^=drop]:checked~ul{
    display: block;
  }
  .adaptive-navbar .drop:checked~ul li{
    opacity:1;
	transition: opacity 0.3s ease-out;
	height:auto;
  }
  .adaptive-navbar .drop:checked~ul li a{
	  display:block;
  }
  .adaptive-navbar .drop:checked~ ul li label{
	  line-height:60px;
  }
  .no-show-mobile{
	  display:none !important;
  }
  nav ul li {
    display: block;
    width: 100%;
	height:0;
	opacity:0;
  }

  nav ul ul .toggle,
  nav ul ul a {
    padding: 0 60px;
  }

  nav ul ul ul a {
    padding: 0 80px;
  }

  nav ul ul ul a {
    background-color: #DDDDDD;
  }

  nav ul li ul li .toggle,
  nav ul ul a {
    background-color: #F0F0F0;
  }

  nav ul ul {
	display:none;
    float: none;
    position: static;
    color: #ffffff;
	box-shadow:none;
  }

  nav ul ul li:hover>ul,
  nav ul li:hover>ul {
    display: none;
  }

  nav ul ul li {
    display: block;
    width: 100% !important;
	height:auto;
	opacity:1;
  }

  nav ul ul ul li {
    position: static;
	height:auto;

  }
  .home-dropdown{
	  display:block;
  }
  .header-link{
	  display:block;
  }
  .bottom-link{
	  box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.3);
  }
  .phone-button{
	  position:absolute;
	  width:40px;
	  top:12px;
	  right:70px;
	  margin:0;
	  display:block;
  }
  .phone-normal{
	  position:absolute;
	  right:0px;
	  display:block;
  }
  .phone-hover{
	  right:0px;
	  display:block;
  }
}
/*Content*/

/*Template settings for each main block element*/
.box{
	display:inline-block;
	position:relative;
	padding:0;
	margin-top:-4px; /*done to avoid whitespace between boxes*/
	margin-bottom:-4px; /*done to avoid whitespace between boxes*/
	width:100%;
}
.main-content{
	position:absolute;
	width:50%;
	left:25%;
}
/*template for main titles*/
.main-title{
	text-align:left;
	width:100%;
	position:relative;
	font-weight:bold;
	font-size:38px;
	line-height:1em;
	color:black;
}
/*template for main text*/
.main-text{
	text-align:left;
	width:100%;
	position:relative;
	font-size:20px;
	line-height:28px;
	color:black;
}
/*template for section title*/
.section-title{
	text-align:left;
	width:100%;
	position:relative;
	font-weight:bold;
	font-size:35px;
	line-height:1.1em;
	color:black;
}
/*template for sub title*/
.sub-title{
	text-align:left;
	width:100%;
	position:relative;
	font-weight:bold;
	font-size:28px;
	line-height:1.1em;
	color:black;
}
/*template for sub text*/
.sub-text{
	font-size:18px;
	font-weight:normal;
	position:relative;
	text-align:left;
	color:black;
	line-height:28px;
}

.content{
	padding-top:120px; /*done to avoid top fixed menu from covering content*/
	margin:0;
	padding-bottom:0px;
	display:block;
}
/*color for general links*/
.link-color{
	color:#1b8bf7
}
/*template for button links*/
.button-link{
	position: absolute;
	display:block;
    padding: 10px;
    text-align: center;
    border-radius: 10px;
    line-height: 25px;
	font-size:20px;
	margin-top:20px;
	font-weight: bold;
	transition: color 0.7s, background 0.7s;
	background-color: rgba(228,185,72,1);
	color:black;
	box-shadow:3px 3px 5px 0 rgba(0,0,0,0.2);
}
.button-link:hover{
	color:#E4B848;
	background:#000000;
}
/*templates for banner images*/
.banner{
	width:100%;
	display:block;
	position:relative;
	background-color:black;
	height:400px;
}
.main-banner{
	height:900px;
	position: absolute;
	height:900px;
	width:100%;
}
.banner-image-center{
	position:relative;
	width:100%;
	height:400px;
	object-fit:cover;
	object-position: center center;
	opacity:1;
	-webkit-user-select: none; /* Safari */
	user-select: none; /* Standard syntax */
}
/*list box properties*/
.list-box-properties{
	position:absolute;
	width:40%;
	height:27.5%;
	border-color:black;
	border-width:0px;
	border-style:solid;
	background-color:white;
	border-radius:20px;
	box-shadow: 0px 0px 8px 0 rgba(0,0,0,0.2);
	border: 5px solid rgba(228,185,74,1);
}
/*list-properties*/
.list-point{
	padding-top:15px;
	line-height:1.3em;
}
.ul-list{
	list-style-type: '';
	padding-left:0;
	margin-bottom:0;
}
/*flyout template code, all the importants are to over-ride parts of bootstrap dropdown*/
.btn-box{
	position:relative !important;
	display:block !important;
	padding-top:20px;
	padding-bottom:20px;
}
.list-item{
	font-size:1.1em !important;
	position:relative !important;
	display:block !important;
	line-height:2em !important;
	font-weight:bold;
	background-color:#F2DEAE;
	border:none !important;
	outline-style:none !important;
	text-align:left !important;
	width:100% !important;
	padding:20px !important;
	transition: 0.3s;
	box-shadow: 0px 0px 8px 0 rgba(0,0,0,0.15);
}

.list-item:hover{
	color:#E4B848;
	background-color:#111111;
	cursor: pointer;
}
.flyout{
	background-color:white !important;
	padding-left:20px !important;
	padding-right:20px !important;
	font-size:1em !important;
	line-height:1.3em !important;
	font-weight:normal !important;
	color:black !important;
	outline-style:none !important;
	border:none !important;
	width:100% !important;
	position:relative !important;
    top: 0px;
    left: 0px;
    will-change: transform;
	z-index:1 !important;
	transform: translate3d(0px,-2px,0px) !important;
	margin-bottom:20px !important;
	border-radius:0 !important;
}
/*landing-box-1*/
.landing-box-1{
	display:block;
	background: rgba(0,0,0,1);
	padding:0px;
}
.image-background-large{
	position:absolute;
	width:100%;
	height:900px;
	object-fit:cover;
	object-position: center center;
	opacity:0.9;
}
.image-background-small{
	display:none;
}
.main-image{
	position:absolute;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position: center center;
	z-index:0;
	top:0px;
	-webkit-user-select: none; /* Safari */
	user-select: none; /* Standard syntax */
}
.welcome-text{
	position: relative;
    z-index: 1;
    margin:auto;
    left: 0;
	right:0;
    text-align: center;
    color: #fff;
    width: auto; /* Set the width of the positioned div */
	font-size:2em;
	line-height:1.5em;
	height:100%;
	padding-bottom:165px;
}
.logo-accounting{
	height:100%;
	width:500px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	box-shadow: 0px 0px 7px 0 rgba(0,0,0,0.4);
	border: 5px solid #E4B848;
	border-radius:20px;
	animation: fadeInAnimation ease 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
.button-link-first-box{
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	left:0;
	right:0;
    width: 20%;
	min-width:170px;
	max-width:250px;
    height: auto;
	font-size:20px;
	top:30%;
	position:relative;
}
/*landing-box-2*/
#service-list{
	top:-120px;
	position:absolute;
}
#service-list2{
	top:-120px;
	position:absolute;
}
#service-list3{
	top:-120px;
	position:absolute;
}
#service-list4{
	top:-120px;
	position:absolute;
}
#service-list5{
	top:-120px;
	position:absolute;
}
.landing-box-2{
	background: rgba(56,63,74,0.1);
	height:auto;
	width:100%;
	position:relative;
	padding-bottom:165px;
	padding-top:50px;
}
.landing-box-2-title{
	text-align:center;
	position:relative;
	width:100%;
	line-height:1em;
	padding-top:50px;
	padding-bottom:50px;
	margin-bottom:0;
}
.landing-box-2-service-icon{
	display:block;
	max-height: 95px;
    max-width: 95px;
	top: 9px;
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto;
	position:relative;
}
.landing-box-2-service-title{
	position:relative;
	width:100%;
	text-align:center;
	font-weight:bold;
	padding-top:15px;
	padding-left:20px;
	padding-right:20px;
}
.landing-box-2-service-text{
	margin-left:auto;
	margin-right:auto;
	width:250px;
	position:relative;
	padding-right:10px;
	text-align:left;
	display:block;
	height:160px;
	text-align:center;
}
.landing-box-2-list{
	width:1530px;
	margin-left:auto;
	margin-right:auto;
}
.landing-row{
	display:inline-block;
}
.landing-box-2-list-box-1{
	position:relative;
	height:auto;
	display:inline-block;
	vertical-align: top;
	padding-top:20px;
	padding-bottom:20px;
	width:370px;
	margin-left:0%;
	margin-right:15px;
	animation: fadeInAnimation ease 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
.landing-box-2-list-box-2{
	position:relative;
	height:auto;
	display:inline-block;
	vertical-align: top;
	padding-top:20px;
	padding-bottom:20px;
	width:370px;
	margin-left:0%;
	margin-right:10px;
	animation: fadeInAnimation ease 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
.landing-box-2-list-box-3{
	position:relative;
	height:auto;
	display:inline-block;
	vertical-align: top;
	padding-top:20px;
	padding-bottom:20px;
	width:370px;
	margin-left:0%;
	margin-right:10px;
	animation: fadeInAnimation ease 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
.landing-box-2-list-box-4{
	position:relative;
	height:auto;
	display:inline-block;
	vertical-align: top;
	padding-top:20px;
	padding-bottom:20px;
	width:370px;
	margin-left:0%;
	margin-right:0;
	animation: fadeInAnimation ease 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
.landing-box-2-disclaimer{
	position:relative;
	height:auto;
	display:inline-block;
	vertical-align: top;
	padding-top:75px;
	font-size: 32px;
	color: white;
	width:100%;
	text-align: center;
	animation: fadeInAnimation ease 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
	z-index:2;
	line-height: 1em;
}
.button-link-second-box{
	margin-left:auto;
	margin-right:auto;
    max-width:140px;
    height: auto;
	font-size:18px;
	line-height:20px;
	position:relative;
	min-width:140px;
	margin-top:15px;
}
.landing-box-2-icon-stylebox{
	box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.2);
	border: 3px solid black; 
	background-color: rgba(118,124,135,1);
	width:120px; height: 120px; 
	margin-left:auto;
	margin-right: auto;
	border-radius:50%;
}
/*third-box landing page*/
.landing-box-3{
	background: rgba(239,212,149,1);
	height:auto;
	font-size:1.2em;
	position:relative;
	padding-top: 20px;
	padding-bottom: 20px;
}
.landing-box-3-text{
	position:relative;
	width:100%;
	text-align:center;
	margin-right:auto;
	margin-left:auto;
	font-weight:bold;
}
.notary-seal{
	height:100px;
	width:100px;
	margin-right:10px;
}
.button-link-third-box{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	min-width:170px;
    max-width:180px;
    height: auto;
	font-size:20px;
}

/*fourth-box landing page*/
.landing-box-4{
	position:relative;
	margin:0;
	padding:0;
	background: rgba(56,63,74,0.1);
	height:auto;
	width:100%;
}
.landing-box-4-content{
	position:relative;
	width:80%;
	height:100%;
	left:10%;
}
.landing-box-4-content-1{
	padding-top:150px;
	padding-bottom:150px;
}
.landing-box-4-list-box{
	height:auto;
	position:relative;
	padding:45px;
	width:45%;
}
.landing-box-4-title{
	position: relative;
	padding:25px;
	padding-bottom:0;
    z-index: 1;
    margin: 0 auto;  
    text-align: left;
    color:#000000;
    width: 100%; /* Set the width of the positioned div */
}
.landing-box-4-text{
	padding-top:40px;
	padding-left:25px;
	position: relative;
    z-index: 1;
	top:0;
	bottom:0;
    text-align: left;
    color:#000000;
    width: 80%; /* Set the width of the positioned div */
	left:0%;
}
.landing-box-4-photo{
	border-radius:20px;
	position:absolute;
	width:90%;
	top:30%;
	display:block;
	max-height: 100%;  
    max-width: 100%; 
    right: 0px;  
	top:0;
	bottom:0;
	margin-top:auto;
	margin-bottom:auto;
	max-width:870px; /*to avoid distortion on 4k monitors*/
}
.landing-box-4-photo-box{
	left:50%;
	position:absolute;
	top:0%;
	width:50%;
	height:100%;
}
.button-link-fourth-box{
	margin-right:auto;
	min-width:170px;
    max-width:190px;
    height: auto;
	font-size:20px;
	position:relative;
	margin-top:40px;
	margin-bottom:25px;
}

/*fifth box landing page*/
.landing-box-5{
	background: rgba(239,212,149,1);
	height:auto;
	font-size:1em;
	padding-top:25px;
	padding-bottom:25px;
}
.landing-box-5-content{
	position:relative;
	width:90%;
	left:5%;
	height:100%;
}
.landing-box-5-title{
	text-align:center;
	position:relative;
	width:70%;
	left:15%;
	font-weight:bold;
	font-size:2.5em;
	padding-top:50px;
	margin-bottom:0;
}

.landing-box-5-person-1{
	margin-left:10%;
	width:40%;
	position:relative;
	display:inline-block;
	vertical-align:top;
}
.landing-box-5-face{
	display:block;
	max-height: 150px;
    max-width: 150px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
	border-radius:50%;
	position:relative;
}
.landing-box-5-text{
	position:relative;
	width:70%;
	left:15%;
	font-style:italic;
	padding-top:25px;
	text-align:center;
}
.landing-box-5-person-2{
	width:40%;
	position:relative;
	display:inline-block;
	vertical-align:top;
}
.face-name{
	margin-top:15px;
	font-style:normal;
	position:relative;
}

/*taxes-box-1*/
.accounting-banner{
	object-position:center 50%;
}
.taxes-box-1{
	height:auto;
	position:relative;
	background: rgba(56,63,74,0.1);
	padding-bottom:50px;
}
.taxes-box-1-content{
	height:auto;
	position:relative;
}
.taxes-box-1-title{
	position:relative;
	text-align:center;
	padding-top:50px;
	margin-bottom:0;
}
.taxes-box-1-text{
	position:relative;
	padding-top:50px;
}
.taxes-box-1-text-2{
	position:relative;
	padding-top:50px;
	text-align:center;
}
.taxes-box-1-list{
	margin-left:auto;
	margin-right:auto;
	height:auto;
	width:380px;
	position:relative;
	padding:45px;
	margin-top:50px;
}
.taxes-box-1-list-title{
	position:relative;
	text-align: center;
}
.taxes-box-1-list-text{
	padding-top:15px;
	width:100%;
	line-height:1.1em;
	position:relative;
	text-align: center;
}
.taxes-box-1-content-2{
	height:70%;
	width:80%;
	left:10%;
	top:30%;
	position:relative
}
/*taxes-box-2*/
.taxes-box-2{
	height:auto;
	position:relative;
	background: rgba(56,63,74,0.1);
	padding-bottom:0px;
}
.taxes-box-2-content{
	position:relative;
	height:100%;
}
.taxes-box-2-title{
	position:relative;
	padding-top:50px;
	margin-bottom:0;
}
.taxes-box-2-text{
	padding-top:25px;
	position:relative;
}
.taxes-box-2-text-2{
	padding-left:40px;
}
.button-link-taxes{
	position:relative;
	margin-top:30px;
	max-width:160px;
	min-width:160px;
}
/*taxes-box-3*/
.taxes-box-3{
	height:auto;
	background: rgba(56,63,74,0.1);
	position:relative;
	padding-bottom:0px;
}
.taxes-box-3-content{
	text-align:left;
	top:0%;
	position:relative;
	height:100%;
}
.taxes-box-3-title{
	padding-top:50px;
	position:relative;
	margin-bottom:0;
}
.taxes-box-3-text{
	padding-top:25px;
	position:relative;
}
.taxes-box-3-list{
	padding-top:5px;
	color:black;
	line-height:2em;
	font-weight:bold;
	width:100%;
	display:block;
	position:relative;
}
.taxes-box-3-image{
	width:50%;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	border-radius:20px;
	border:5px solid #E4B848;
}
.button-link-taxes-2{
	position:relative;
	max-width:180px;
	min-width:160px;
	margin-top:30px;
}
/*taxes-box-4*/
.taxes-box-4{
	height:auto;
	position:relative;
	background: rgba(56,63,74,0.1);
	padding-bottom:0px;
}
.taxes-box-4-content{
	position:relative;
	height:100%;
}
.taxes-box-4-title{
	position:relative;
	padding-top:50px;
	margin-bottom:0;
}
.taxes-box-4-text{
	position:relative;
	padding-top:25px;
}
.taxes-box-4-list{
	padding:45px;
	width:430px;
	margin-top:50px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}
.taxes-box-4-list-title{
	text-align:center;
}
.taxes-box-4-list-text{
	padding-top:15px;
	text-align:center;
}
/*taxes-box-5*/
.taxes-box-5{
	height:auto;
	position:relative;
	background: rgba(56,63,74,0.1);
	padding-bottom:0px;
}
.taxes-box-5-content{
	position:relative;
	height:100%;
}
.taxes-box-5-title{
	position:relative;
	padding-top:50px;
	margin-bottom:0;
}
.taxes-box-5-text{
	position:relative;
	padding-top:25px;
}
/*taxes-box-5*/
.taxes-box-6{
	height:auto;
	position:relative;
	background: rgba(56,63,74,0.1);
	padding-bottom:50px;
}
.taxes-box-6-content{
	position:relative;
	height:100%;
}
.taxes-box-6-title{
	position:relative;
	padding-top:50px;
	margin-bottom:0;
}
.taxes-box-6-text{
	position:relative;
	padding-top:25px;
}
.taxes-box-6-text-2{
	position:relative;
	padding-top:100px;
	text-align:center;
}
.button-link-taxes-box-6{
	margin-left:auto;
	margin-right:auto;
	position:relative;
	max-width:160px;
	min-width:160px;
	margin-top:30px;
}
/*business-box-1*/
.business-banner{
	object-position:center 90%;
}
.business-box-1{
	height:auto;
	background: rgba(56,63,74,0.1);
	padding-bottom:50px;
}
.business-box-1-content{
	position:relative;
}
.business-box-1-title{
	position:relative;
	text-align:center;
	padding-top:50px;
	margin-bottom:0;
}
.business-box-1-text{
	padding-top:50px;
	position:relative;
}
.business-box-1-text-2{
	position:relative;
	padding-top:50px;
	text-align:center;
}
.business-box-1-list{
	margin-left:auto;
	margin-right:auto;
	height:auto;
	width:450px;
	position:relative;
	padding:45px;
	margin-top:50px;
}
.business-box-1-list-title{
	text-align:center;
	position:relative
}
.business-box-1-list-text{
	padding-top:15px;
	width:100%;
	line-height:1.1em;
	position:relative;
	text-align:center;
}
.business-box-1-content-2{
	height:70%;
	width:80%;
	left:10%;
	top:30%;
	position:relative
}
.button-link-business{
	position:relative;
	max-width:160px;
	min-width:160px;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
}
/*business-box-2*/
.business-box-2{
	height:auto;
	background: rgba(56,63,74,0.1);
	padding-bottom:0px;
}
.business-box-2-content{
	position:relative;
}
.business-box-2-title{
	position:relative;
	padding-top:50px;
	margin-bottom:0;
}
.business-box-2-text{
	padding-top:25px;
	position:relative;
}
.business-box-2-photo{
	width:50%;
	border-radius:20px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	border:5px solid #E4B848;
}
/*business-box-3*/
.business-box-3{
	background-color: rgba(239,212,149,1);
	padding-bottom:50px;
}
.business-box-3-text{
	width:90%;
	left:5%;
	padding-top:50px;
	text-align:center;
	position:relative;
}
/*business-box-4*/
.business-box-4{
	height:auto;
	background: rgba(56,63,74,0.1);
	padding-bottom:0px;
	display:none;
}
/*business-box-5*/
.business-box-5{
	height:auto;
	background: rgba(56,63,74,0.1);
	padding-bottom:50px;
}
/*estates-box-1*/
.estate-banner{
	object-position:center 60%;
}
.estates-box-1{
	height:auto;
	background: rgba(56,63,74,0.1);
	padding-bottom:50px;
}
.estates-box-1-content{
	height:100%;
	position:relative;
}
.estates-box-1-title{
	position:relative;
	text-align:center;
	padding-top:50px;
	margin-bottom:0;
}
.estates-box-1-text{
	position:relative;
	padding-top:50px;
}
.estates-box-1-text-2{
	text-align:center;
	position:relative;
	padding-top:50px;
}
.estates-box-1-list{
	margin-left:auto;
	margin-right:auto;
	height:auto;
	width:550px;
	position:relative;
	padding:45px;
	margin-top:50px;
}
.estates-box-1-list-title{
	position:relative;
	text-align: center;
}
.estates-box-1-list-text{
	padding-top:15px;
	width:100%;
	line-height:1.1em;
	position:relative;
	text-align:center;
}
.button-link-estates{
	position:relative;
	max-width:180px;
	min-width:160px;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
}
/*estates-box-2*/
.estates-box-2{
	height:auto;
	background: rgba(56,63,74,0.1);
	padding-bottom:0px;
}
.estates-box-2-content{
	height:100%;
	position:relative;
}
.estates-box-2-title{
	position:relative;
	padding-top:50px;
	margin-bottom:0;
}
.estates-box-2-text{
	position:relative;
	padding-top:25px;
}
/*estates-box-3*/
.estates-box-3{
	height:auto;
	background: rgba(56,63,74,0.1);
	padding-bottom:0px;
}
.estates-box-3-content{
	height:100%;
	position:relative;
}
.estates-box-3-title{
	position:relative;
	padding-top:50px;
	margin-bottom:0;
}
.estates-box-3-text{
	position:relative;
	padding-top:25px;
}
.estates-box-3-photo{
	width:50%;
	border-radius:20px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	min-width:300px;
	border:5px solid #E4B848;
}
/*estates-box-4*/
.estates-box-4{
	height:auto;
	background: rgba(56,63,74,0.1);
	padding-bottom:0px;
}
.estates-box-4-content{
	height:100%;
	position:relative;
}
.estates-box-4-title{
	position:relative;
	padding-top:50px;
	margin-bottom:0;
}
.estates-box-4-text{
	position:relative;
	padding-top:25px;
}
/*estates-box-5*/
.estates-box-5{
	height:auto;
	background: rgba(56,63,74,0.1);
	padding-bottom:0px;
}
.estates-box-5-content{
	height:100%;
	position:relative;
}
.estates-box-5-title{
	position:relative;
	padding-top:50px;
	margin-bottom:0;
}
.estates-box-5-text{
	position:relative;
	padding-top:25px;
}
.estates-box-5-photo{
	width:50%;
	border-radius:20px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	min-width:300px;
	border:5px solid #E4B848;
}
/*estates-box-6*/
.estates-box-6{
	height:auto;
	background: rgba(56,63,74,0.1);
	padding-bottom:50px;
}
.estates-box-6-content{
	height:100%;
	position:relative;
}
.estates-box-6-title{
	position:relative;
	padding-top:50px;
	margin-bottom:0;
}
.estates-box-6-text{
	position:relative;
	padding-top:25px;
}
/*estates-box-7*/
.estates-box-7{
	background-color: rgba(239,212,149,1);
	padding-bottom:50px;
}
.estates-box-7-text{
	width:90%;
	left:5%;
	padding-top:50px;
	text-align:center;
	position:relative;
}
.button-link-estates-7{
	position:relative;
	max-width:160px;
	min-width:160px;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
}
/*about-us-box-1*/
.about-us-box-1{
	height:auto;
	background: rgba(56,63,74,0.1);
	position:relative;
	width:100%;
	margin-bottom:4px;
}
.about-us-box-1-content{
	width:60%;
	left:20%;
	position:relative;
	height:100%;
}
.about-us-box-1-title{
	padding-top:50px;
	position:relative;
	text-align:center;
	margin-bottom:0;
}
.about-us-box-1-text{
	padding-top:50px;
	position:relative;
	padding-bottom:50px;
	
}
/*about-us-box-2*/
.about-us-box-2{
	position:relative;
	width:100%;
	height:auto;
	background: rgba(56,63,74,0.1);
	margin-bottom:4px;
}
.about-us-box-2-title{
	width:60%;
	left:20%;
	position:relative;
	padding-bottom:50px;
}
.about-us-box-2-photo{
	margin-bottom:20px;
	width:70%;
	border-radius:50%;
}
.list-item1{
	padding:25px !important;
	font-weight:bold !important;
	border:none !important;
	background-color:#f5f5f5 !important;
	border-color:white !important;
	outline: none !important;
	transition: 0.3s;
	box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.1);
	font-size:1.3em !important;
	width:100% !important;
}
.list-item1:hover{
	color:#E4B848;
	background-color: rgba(0,0,0,0.9) !important;
	cursor: pointer;
}
.flyout1{
	background-color:#f5f5f5 !important;
	padding-left:20px !important;
	padding-right:20px !important;
	font-size:1em !important;
	line-height:1.3em !important;
	font-weight:normal !important;
	color:black !important;
	outline-style:none !important;
	border:none !important;
	width:100% !important;
	position:relative !important;
    top: 0px;
    left: 0px;
    will-change: transform;
	z-index:1 !important;
	transform: translate3d(0px,0px,0px) !important;
	margin-bottom:20px !important;
	border-radius:0 !important;
	box-shadow: 2px 2px 4px 0 rgba(0,0,0,.1);
	margin-top:0 !important;
}
.about-us-box-2-row-1{
	width:35%;
	left:15%;
	position:relative;
	display:inline-block;
}
.about-us-box-2-row-2{
	width:35%;
	float:right;
	right:15%;
	position:relative;
	display:inline-block;
}
.btn-box1{
	position:relative !important;
	display:block !important;
	padding:20px;
}
/*about-us-box-3*/
.about-us-box-3{
	height:auto;
	background: rgba(56,63,74,0.1);
	width:100%;
}
.about-us-box-3-content{
	width:60%;
	left:20%;
	position:relative;
	height:auto;
}
.about-us-box-3-title{
	position:relative;
	padding-top:50px;
}
.about-us-box-3-sub-title{
	position:relative;
	padding-top:50px;
}
.about-us-box-3-text{
	position:relative;
	padding-top:25px;
	padding-bottom:25px;
}
.about-us-box-3-person-1{
	text-align:left;
	width:100%;
	position:relative;
}
.about-us-box-3-person-2{
	text-align:left;
	width:100%;
	position:relative;
}
.about-us-box-3-photo{
	max-height:200px;
	border-radius:10%;
	margin-top:25px;
}
.about-us-box-3-photo-box{
	position:relative;
	width:100%;
	text-align:center;
}
.about-us-box-3-photo-box-1{
	position:relative;
	width:110%;
	height:auto;
	left:-5%;
	text-align:center;
	display:inline-block;
}
.gallery-photo{
	margin:20px;
	border-radius:10%;
}
/*Contact Us Box 1*/
.contact-us-box-1{
	height:auto;
	background:rgba(56,63,74,0.1);
	width:100%;
	position:relative;
	padding-bottom:50px;
}
.contact-banner{
	object-position: center 70%;
	opacity:0.9;
}
.contact-us-box-1-content{
	position:relative;
}
.contact-us-box-1-content-1{
	display:inline-block;
	width:100%;
	position:relative;
	vertical-align:top;
	margin-right:10%;
}
.contact-us-box-1-content-2{
	display:inline-block;
	width:47.5%;
	position:relative;
	vertical-align:top;
	margin-right:4%;
}
.contact-us-box-1-content-3{
	display:inline-block;
	width:47.5%;
	position:relative;
	vertical-align:top;
}
.contact-us-box-1-title{
	position:relative;
	padding-top:50px;
	text-align: center;
	margin-bottom:0;
}
.contact-us-box-1-text{
	position:relative;
	padding-top:25px;
}
.contact-us-box-1-title-2{
	position:relative;
	padding-top:50px;
}
.contact-us-box-1-text-2{
	position:relative;
	padding-top:25px;
	line-height:1.3em;
}
.contact-us-box-1-form-box{
	padding-top:50px;
	position:relative;
	height:100%;
	width:60%;
	top:0%;
	display:block;
	vertical-align:top;
	margin-left:auto;
	margin-right:auto;
}
.contact-us-box-1-form-box-text{
	padding-bottom:25px;
}

/*code to over-ride the seanco code*/
input:focus {
outline: none ! important;
}
textarea:focus {
outline: none ! important;
}
.forms_table{
	width:100%;
}
.forms_label{
	text-align:left;
	display:block;
	font-size:1.3em;
	font-weight:bold;
	text-align:left;
	padding-top:10px;
	padding-bottom:10px;
}
.forms_fields{
	text-align:left;
	display:block;
	width:100% !important;
	font-size:1.3em;
	font-weight:normal;
	border: 0px solid black;
	outline: 0;
}
.forms_star{
	color:red;
}
/*Name field*/
#field590{
	resize:vertical;
	padding:15px;
	border:1px solid black;
	border-radius:15px;
	font-size:1em !important;
	color:black;
}
/*Email*/
#field591{
	resize:vertical;
	padding:15px;
	border:1px solid black;
	border-radius:15px;
	font-size:1em !important;
	color:black;
}
/*Phone*/
#field592{
	resize:vertical;
	padding:15px;
	border:1px solid black;
	border-radius:15px;
	font-size:1em !important;
	color:black;
}
/*Subject*/
#field593{
	resize:vertical;
	padding:15px;
	border:1px solid black;
	border-radius:15px;
	font-size:1em !important;
	color:black;
}
/*Message*/
#field594{
	resize:vertical;
	padding:15px;
	border:1px solid black;
	border-radius:15px;
	font-size:1em !important;
	color:black;
}
.cms_securimage_field{
	text-align:left;
	display:block;
	width:100% !important;
	font-size:1.3em;
	font-weight:normal;
}
/*captcha-box*/
#captchainput92{
	resize:vertical;
	padding:15px;
	border:1px solid black;
	border-radius:15px;
	font-size:1em !important;
}
.form_buttons{
	position: relative;
	display:block;
    background:#1b8bf7;
    padding: 10px;
    text-align: center;
    border-radius: 10px;
    color: white;
    line-height: 25px;
	font-size:1em;
	font-weight: bold;
	transition: color 0.7s, background 0.7s;
	border:0;
	width:150px;
	margin-right:auto;
}
.form_buttons:hover{
	color:#E4B848;
	background:#000000;
}
.forms_fields input.error, .forms_fields textarea.error, .forms_fields select.error{
	background:white;
	border: 2px solid red !important;
}
.error{
	font-size:0.8em !important;
	margin-top:0.2em;
	margin-bottom:0.2em;
}
.form_error92{
	border: 1px solid red !important;
	background:#fadcdc !important;
	font-size:1em !important;
}
form{
	display:block;
}
/*Contact Us Box 2*/
.contact-us-box-2{
	height:auto;
	background:rgba(56,63,74,0.1);
	width:100%;
	position:relative;
}
.contact-us-box-2-content{
	position:relative;
}
.contact-us-box-2-content-1{
	display:inline-block;
	vertical-align:top;
	width:35%;
	margin-right:4%;
}
.contact-us-box-2-title{
	position:relative;
}
.contact-us-box-2-text{
	position:relative;
	padding-top:25px;
	line-height:1.3em;
}
.map{
	width:60%;
	height:600px;
	top:50px;
	position:relative;
	display:inline-block;
	vertical-align:center;
}
/*booking-box-1*/
.booking-box-1{
	width:100%;
	height:auto;
	padding-bottom:50px;
}
.booking-title{
	padding-top:50px;
	padding-bottom:50px;
	text-align:center;
	line-height:1em;
	margin-bottom:0;
}
.booking-title-2{
	padding-top:0px;
	text-align:center;
}
.button-link-booking{
	position:relative;
	min-width:150px;
	width:200px;
	margin-left:auto;
	margin-right:auto;
}
/*thank-you*/
.button-link-thanks{
	position:relative;
	max-width:200px;
	min-width:160px;
	margin-bottom:20px;
}
.thank-you-image{
	margin-left:10%;
	width:80%;
	display:block;
}

/*special case for landing page*/
@media (max-width:1800px){
	.landing-box-2-list{
		width:1530px;
	}
}
/* special case for 4 icons in a row */
@media (max-width: 1545px){

	.main-content{
		width:70%;
		left:15%;
	}
	.content{
		padding-top:120px;
	}
	/*landing-page-1st box*/
	.landing-box-1{
		padding:0px;
	}
	.welcome-text{
		font-size:1.5em;
		min-width:650px;
		padding-bottom:100px;
		width:100%;
		margin-left:0;
	}
	.logo-accounting{
		width:700px;
	}
	.button-link-first-box{
		top:30%;
	}

/*landing page 2nd box*/
	.landing-box-2{
		height:auto;
		padding-bottom:100px;
	}
	.landing-box-2-title{
		padding:50px;
	}
	.landing-box-2-service-text{
		margin-left:auto;
		margin-right:auto;
	}
	.landing-row{
		width:100%;
		display:block;
	}
	.landing-box-2-list{
		margin-left:auto;
		margin-right:auto;
		width:740px;
	}
	.landing-box-2-list-box-1{
		margin-left:0%;
		margin-right:15px;
		width:350px;
	}
	.landing-box-2-list-box-2{
		margin-left:15px;
		margin-right:0;
		width:350px;
	}
	.landing-box-2-list-box-3{
		margin-top:50px;
		margin-left:0%;
		margin-right:15px;
		width:350px;
	}
	.landing-box-2-list-box-4{
		margin-top:50px;
		margin-left:15px;
		margin-right:0;
		width:350px;
	}
}
/*small monitor*/
@media (max-width: 1200px){
	
	/*landing-box-3*/
	/*landing page 4th box*/
	.landing-box-4{
		padding-bottom:50px;
	}
	.landing-box-4-list-box{
		margin:0;
		width:80%;
		left:10%;
	}
	.landing-box-4-content-1{
		padding-top:50px;
		padding-bottom:50px;
	}
	.landing-box-4-photo-box{
		left:0;
		width:100%;
		position:relative;
		height:50%;
	}
	.landing-box-4-photo{
		position:relative;
		max-width:600px;
		margin-left:auto;
		margin-right:auto;
	}
	/*landing page 5th box*/
	.landing-box-5{
		height:auto;
	}
	.landing-box-5-content{
		height:auto;
	}
	.landing-box-5-title{
		padding-top:50px;
	}
	.landing-box-5-text{
		position:relative;
		top:0;
		padding-top:20px;
	}
	.landing-box-5-person-1{
		display:block;
		height:auto;
		width:100%;
		left:0;
		top:0;
		position:relative;
		margin-left:0;
	}
	.landing-box-5-person-2{
		display:block;
		height:auto;
		width:100%;
		left:0;
		top:0;
		position:relative;
	}
	.landing-box-5-face{
		max-height:150px;
		max-width:150px;
	}
	.face-name{
		padding-bottom:20px;
	}
	/*about-us-box-2*/
	.about-us-box-2-title{
		width:80%;
		left:10%;
	}
	.about-us-box-2-photo{
		width:80%;
	}
	.about-us-box-2-row-1{
		width:45%;
		left:5%;
	}
	.about-us-box-2-row-2{
		width:45%;
		right:5%;
	}
	/*about-us-box-3*/
	.about-us-box-3-content{
		width:80%;
		left:10%;
	}
	.about-us-box-3-text{
		top:10%;
	}
	.about-us-box-3-photo-box-1{
		width:100%;
		left:0%;
	}
	/*contact-us-box-4*/
	
}
/*tablet view*/
@media (max-width: 768px){
	.list-box-properties{
		border:none;
		width:100%;
		left:0;
		border-radius:0;
		box-shadow: 0px 0px 0px 0;
	}
	.main-content{
		width:90%;
		left:5%;
	}
	/*landing page 1st box*/
	.landing-box-1{
		padding:0px;
	}
	.image-background-small{
		display:inline;
		position:absolute;
		width:100%;
		height:600px;
		object-fit:cover;
		object-position: center center;
		opacity:0.9;
	}
	.main-banner{
		height:600px;
	}
	.banner{
		height:200px;
	}
	.banner-image-center{
		height:200px;
	}
	.image-background-large{
		display:none;
	}
	.welcome-text{
		width:80%;
		min-width:0px;
		font-size:1.2em;
		padding-bottom:50px;
		margin-left:10%;
	}
	.logo-accounting{
		width:100%;
	}
	.button-link-first-box{
		top:30%;
	}
	
	/*landing page 2nd box*/
	.landing-box-2{
		padding-top:50px;
		padding-bottom:50px;
	}
	.landing-box-2-title{
		padding-left:0;
		padding-right:0;
		width:90%;
		left:5%;
	}
	.landing-box-2-service-title{
		padding-top:15px;
	}
	.landing-box-2-service-text{
		padding-top:0px;
		padding-bottom:0px;
		display:block;
		height:auto;
	}
	.landing-box-2-list{
		width:100%;
	}
	.landing-box-2-list-box-1{
		width:400px;
		min-width:0;
		margin-top:0px;
		margin-bottom:25px;
		margin-left:auto;
		margin-right:auto;
		padding-top:25px;
		padding-bottom:25px;
		border: 5px solid rgba(228,185,74,1);
		box-shadow:0px 0px 8px 0 rgba(0,0,0,0.2);
		border-radius:20px;
		display:block;
		float:none;
		min-height:0;
	}
	.landing-box-2-list-box-2{
		width:400px;
		min-width:0;
		margin-top:0px;
		margin-bottom:25px;
		margin-left:auto;
		margin-right:auto;
		padding-top:25px;
		padding-bottom:25px;
		border: 5px solid rgba(228,185,74,1);
		box-shadow:0px 0px 8px 0 rgba(0,0,0,0.2);
		border-radius:20px;
		display:block;
		float:none;
		min-height:0;
	}
	.landing-box-2-list-box-3{
		width:400px;
		min-width:0;
		margin-top:0px;
		margin-bottom:25px;
		margin-left:auto;
		margin-right:auto;
		padding-top:25px;
		padding-bottom:25px;
		border: 5px solid rgba(228,185,74,1);
		box-shadow:0px 0px 8px 0 rgba(0,0,0,0.2);
		border-radius:20px;
		display:block;
		float:none;
		min-height:0;
	}
	.landing-box-2-list-box-4{
		width:400px;
		min-width:0;
		margin-top:0px;
		margin-bottom:25px;
		margin-left:auto;
		margin-right:auto;
		padding-top:25px;
		padding-bottom:25px;
		border: 5px solid rgba(228,185,74,1);
		box-shadow:0px 0px 8px 0 rgba(0,0,0,0.2);
		border-radius:20px;
		display:block;
		float:none;
		min-height:0;
	}
	/*landing page 3rd box*/
	/*landing page 4th box*/
	.landing-box-4-content{
		top:50%;
		width:100%;
		height:50%;
		left:0%;
	}
	.landing-box-4-photo-box{
		top:0%;
		width:100%;
		height:50%;
		left:0%;
		position:relative;
	}
	.landing-box-4-photo{
		border-radius:0;
	}
	.landing-box-4-content-1{
		padding-top:0;
	}
	/*landing-box-5*/
	.landing-box-5{
		display:none;
	}
	.landing-box-5-title{
		padding-left:0;
		padding-right:0;
		width:100%;
		left:0;
	}
	/*taxes-box-1*/
	.taxes-box-1{
		padding-bottom:0;
	}
	.taxes-box-1-content{
		width:100%;
		left:0;
	}
	.taxes-box-1-title{
		width:90%;
		left:5%;
	}
	.taxes-box-1-text{
		width:90%;
		left:5%;
	}
	.taxes-box-1-list{
		padding:50px;
		padding-left:5%;
		padding-right:5%;
	}
	.taxes-box-1-list-title{
		text-align:left;
	}
	.taxes-box-1-list-text{
		text-align:left;
		padding-left:30px;
	}
	/*taxes-box-2*/
	.taxes-box-2-text-2{
		padding-left:5%;
	}
	/*taxes-box-3*/
	.taxes-box-3{
		padding-bottom:0;
	}
	.taxes-box-3-content{
		width:100%;
		left:0%;
	}
	.taxes-box-3-title{
		width:90%;
		left:5%;
	}
	.taxes-box-3-text{
		width:90%;
		left:5%;
	}
	.taxes-box-3-image{
		border-radius:0;
		width:100%;
		height:250px;
		object-fit:cover;
		object-position: center center;
		min-width:0;
		box-shadow:none;
		border:none;
	}
	/*taxes-box-4*/
	.taxes-box-4{
		padding-bottom:0;
	}
	.taxes-box-4-content{
		width:100%;
		left:0;
	}
	.taxes-box-4-title{
		width:90%;
		left:5%;
	}
	.taxes-box-4-text{
		width:90%;
		left:5%;
	}
	.taxes-box-4-list{
		padding:50px;
		padding-left:5%;
		padding-right:5%;
	}
	.taxes-box-4-list-title{
		text-align:left;
	}
	.taxes-box-4-list-text{
		text-align:left;
		padding-left:30px;
	}
	/*business-box-1*/
	.business-box-1{
		padding-bottom:0;
	}
	.business-box-1-content{
		width:100%;
		left:0;
	}
	.business-box-1-title{
		width:90%;
		left:5%;
	}
	.business-box-1-text{
		width:90%;
		left:5%;
	}
	.business-box-1-text-2{
		width:90%;
		left:5%;
	}
	.business-box-1-list{
		padding-left:5%;
		padding-right:5%;
	}
	.business-box-1-list-title{
		text-align:left;
	}
	.business-box-1-list-text{
		text-align:left;
		padding-left:30px;
	}
	/*business-box-2*/
	.business-box-2-content{
		width:100%;
		left:0;
	}
	.business-box-2-title{
		width:90%;
		left:5%;
	}
	.business-box-2-text{
		width:90%;
		left:5%;
	}
	.business-box-2-photo{
		border-radius:0;
		width:100%;
		height:250px;
		object-fit:cover;
		object-position: center 0%;
		border:none;
		min-width:0;
		box-shadow:none;
	}
	/*business-box-4*/
	.business-box-4{
		padding-bottom:0;
	}
	/*estates-box-1*/
	.estates-box-1{
		padding-bottom:0;
	}
	.estates-box-1-content{
		width:100%;
		left:0%;
	}
	.estates-box-1-title{
		width:90%;
		left:5%;
	}
	.estates-box-1-text{
		width:90%;
		left:5%;
	}
	.estates-box-1-text-2{
		width:90%;
		left:5%;
	}
	.estates-box-1-list{
		padding-left:5%;
		padding-right:5%;
	}
	.estates-box-1-list-title{
		text-align:left;
	}
	.estates-box-1-list-text{
		text-align:left;
		padding-left:30px;
	}
	/*estates-box-3*/
	.estates-box-3{
		padding-bottom:0;
	}
	.estates-box-3-content{
		width:100%;
		left:0%;
	}
	.estates-box-3-title{
		width:90%;
		left:5%;
	}
	.estates-box-3-text{
		width:90%;
		left:5%;
	}
	.estates-box-3-photo{
		border-radius:0;
		width:100%;
		height:250px;
		object-fit:cover;
		object-position: center center;
		border:none;
		box-shadow:none;
		min-width:0;
	}
	/*estates-box-5*/
	.estates-box-5{
		padding-bottom:0;
	}
	.estates-box-5-content{
		width:100%;
		left:0%;
	}
	.estates-box-5-title{
		width:90%;
		left:5%;
	}
	.estates-box-5-text{
		width:90%;
		left:5%;
	}
	.estates-box-5-photo{
		border-radius:0;
		width:100%;
		height:250px;
		object-fit:cover;
		object-position: center 80%;
		border:none;
		box-shadow:none;
		min-width:0;
	}
	/*about-us-box-2*/
	.about-us-box-2-row-1{
		display:block;
		left:15%;
		width:70%;
	}
	.about-us-box-2-row-2{
		display:block;
		left:15%;
		width:70%;
		float:left;
	}
	/*about-us-box-3*/
	.gallery-photo{
		position:relative;
		display:block;
		text-align:center;
		margin:auto;
		padding-top:20px;
		padding-bottom:20px;
		border-radius:20%;
	}
	.about-us-box-3-text{
		top:5%;
	}
	.about-us-box-3-photo-box-1{
		width:100%;
		display:block;
	}
	.gallery-photo{
	}
	/*contact-us-box-1*/
	.contact-us-box-1{
		height:auto;
	}
	.contact-us-box-1-content-1{
		width:100%;
		margin-right:0;
		margin-left:0;
	}
	.contact-us-box-1-content-2{
		width:100%;
		margin-right:0;
		display:block;
	}
	.contact-us-box-1-content-3{
		width:100%;
		margin-right:0;
		display:block;
	}
	.contact-us-box-1-title{
		width:100%;
	}
	.contact-us-box-1-text{
		width:100%;
	}
	.contact-us-box-1-title-2{
		width:100%;
	}
	.contact-us-box-1-text-2{
		width:100%;
	}
	.contact-us-box-1-form-box{
		position:relative;
		width:100%;
		left:0;
	}
	/*contact-us-box-2*/
	.contact-us-box-2-content{
		left:5%;
		width:90%;
	}
	.contact-us-box-2-content-1{
		width:100%;
	}
	.contact-us-box-2-title{
		width:100%;
	}
	.contact-us-box-2-text{
		width:100%;
		height:40%;
	}
	.map{
		padding-top:50px;
		top:40%;
		height:400px;
		left:0%;
		width:100%;
		position:relative;
	}
	
}
/*Phone Support up to 375 px width*/
@media (max-width: 500px){
	.welcome-text{
		width:90%;
		margin-left:5%;
	}
	.logo-accounting{
		border-radius:20px;
	}
	/*landing-box-2*/
	.landing-box-2-list-box-1{
		width:300px;
		padding-top:20px;
		padding-bottom:25px;
	}
	.landing-box-2-list-box-2{
		width:300px;
		padding-top:20px;
		padding-bottom:25px;
	}
	.landing-box-2-list-box-3{
		width:300px;
		padding-top:20px;
		padding-bottom:25px;
	}
	.landing-box-2-list-box-4{
		width:300px;
		padding-top:20px;
		padding-bottom:25px;
	}
	/*landing-box-3*/
	/*landing-box-4*/
	.landing-box-4{
		padding-bottom:0;
	}
	.landing-box-4-photo{
		width:100%;
		border-radius:0;
	}
	.landing-box-4-content-1{
		padding-bottom:0;
	}
	/*taxes-box-3*/
	.taxes-box-3{
		padding-bottom:0;
	}
	.taxes-box-3-content{
		width:100%;
		left:0;
	}
	.taxes-box-3-title{
		width:90%;
		left:5%;
	}
	.taxes-box-3-text{
		width:90%;
		left:5%;
	}
	.taxes-box-3-list{
		width:110%;
		left:-5%;
	}
	.taxes-box-3-image{
		height:250px;
	}
	/*taxes-box-4*/
	.taxes-box-4-content{
		width:100%;
		left:0;
	}
	.taxes-box-4-title{
		width:90%;
		left:5%;
	}
	.taxes-box-4-text{
		width:90%;
		left:5%;
	}
	/*business-box-2*/
	.business-box-2-photo{
		height:250px;
	}

	/*Estates*/
	.estates-box-content{
		width:100%;
		left:0;
	}
	.estates-box-title{
		width:90%;
		left:5%;
	}
	.estates-box-text{
		width:90%;
		left:5%;
	}
	.estates-box-list{
		width:110%;
		left:-5%;
	}
	/*estates-box-3*/
	.estates-box-3{
		padding-bottom:0;
	}
	.estates-box-3-content{
		width:100%;
		left:0;
	}
	.estates-box-3-title{
		width:90%;
		left:5%;
	}
	.estates-box-3-text{
		width:90%;
		left:5%;
	}
	.estates-box-3-photo{
		width:100%;
	}
	/*estates-box-5*/
	.estates-box-5{
		padding-bottom:0;
	}
	.estates-box-5-content{
		width:100%;
		left:0;
	}
	.estates-box-5-title{
		width:90%;
		left:5%;
	}
	.estates-box-5-text{
		width:90%;
		left:5%;
	}
	.estates-box-5-photo{
		width:100%;
	}
	/*about-us-box-2*/
	.about-us-box-2-row-1{
		display:block;
		left:10%;
		width:80%;
	}
	.about-us-box-2-row-2{
		display:block;
		left:10%;
		width:80%;
		float:left;
	}
}
/*handles small vertical screen to stop navbar cut-offs*/
@media(max-height: 600px){
	nav{
		position:absolute;
	}
	.content{
		padding-top:0;
		top:120px;
		position:relative;
		padding-bottom:120px;
	}
	
}
/*Create a fade in effect*/
@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
     }
}
/*Footer*/
.footer{
	font-family: Lato;
	color: white;
	background-color:black;
	
}
.footer-link{
	font-family: Lato;
	color: white;
	text-decoration: none;
	list-style:none;
	font-weight:normal;
}
.footer-link:hover{
	color:#E4B848;
	text-decoration:none;
}
.footer-header{
	font-weight:bold;
	font-size:1.4em;
	padding-bottom:10px;
	line-height:1.1em;
}
.fa {
  padding-left: 20px;
  padding-right: 20px;
  font-size: 20px !important;
  width: 50px;
  text-align: center;
  text-decoration: none;
  color: white;
  height:40px;
}
.fa:hover {
  color:#E4B848;
  text-decoration:none;
}
.smaller{
	height:40px;
}
.footer-logo{
	height: 150px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	display:block;
}
.footer-box{
	padding-top:20px;
	width:90%;
	left:5%;
	position:relative;
	margin-right:0 !important;
	margin-left:0 !important;
}
footer{
	padding-bottom:20px;
}
.phone{
	color:white;
	font-size:18px;
}
.phone:hover{
	color: #E4B848;
}
.email{
	color:white;
}
.email:hover{
	color: #E4B848;
}
@media (max-width:991px){
	.footer-box{
		width:100%;
		left:0%;
	}
}

/*general*/
.mobile{
	display:none;
}

.small-font{
	font-size:0.7rem;
}
.center{
	margin:auto;
	text-align:center;
}
.bold{
	font-weight:bold;
}
.align-right{
	text-align:right;
	justify-content:right;
}

p {
    display: inline-block;
	text-align: center;
}
a:hover{
	text-decoration:none !important;
}
body{
	font-family: Lato !important;
	text-decoration: none;
	color: black;
	background-color:white;
	word-wrap:break-word !important;
	line-height:1.5em !important;
}