@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=DM+Serif+Text|Lato&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500&display=swap');
/* GOOGLE FONTS
   ========================================================================== 
Headings: DM Serif Text
Sub-Headings: Lato
Body Copy: Lato
*/
/* COLORS
   ========================================================================== 
Orange: #ba772d
Dark Green: #2b4036
Light Green: #606f68
Brown: #987950
Black: #2b2826
Gold: #c4ae59
*/
/* GENERAL STYLES
   ========================================================================== */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	font-size: 18px;
	line-height: 24px;
}
html, body {
	width: 100%;
	height: 100%;
	margin: 0;
}
body {
	font-family: "Lato","Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	margin: 0 auto;
}
.section {
	width: 100%;
}
.wrapper {
    width: 90%;
    margin: 0 auto;
	max-width: 1200px;
}
ul,ol {
	list-style: none;
	padding: 0;
	margin: 0;
}
a {
	text-decoration: none;
	cursor: pointer;
}
a[href="#"] {
	cursor: pointer;
}
.clearfix:after {
	content: "";
	clear: both;
	display: table;
}
.btn {
    text-transform: uppercase;
	text-align: center;
	padding: 14px 20px;
    color: #1d2d49;
	background-color: none;
    font: 1.1rem/1.1rem 'Oswald', "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	margin: 2.8rem auto 2rem;
	width: 180px;
	transition: .25s all ease;
	border: 1px solid #c4ae59;
}
.btn a {
	color: #c4ae59;
}
.btn:hover {
	background-color:#1d2d49;
	-webkit-transition: .25s ease-out;
  	-moz-transition: .25s ease-out;
  	-o-transition: .25s ease-out;
  	transition: .25s ease-out;
} 
/* TYPOGRAPHY
   ========================================================================== */
h1, h2, h3, h4, h5, h6, p {
	margin: 0; 
}
h2 { 
 	font: 2.4rem/2.6rem 'Oswald', "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	text-align: center;
	text-transform: capitalize;
	color: #1d2d49;
}
p {
	color: #252525;
	font: 1rem/1.4rem 'Lato', "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	padding-left: 10px;
	width: 100%;
}
h4 {
	text-transform: capitalize;
	text-align: center;
	color: #fff;
	padding: 35px;
	margin: 0;
}
h6 {
	text-align: center;
}
/*FRAMEWORK
   ========================================================================== */
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

[class*="col-"] {
  float: left;
  padding: 15px;
}
.col-6  {
	position: relative;
	z-index: 0;
}
/* HEADER/NAVIGATION
========================================================================== */
.container {
	width: 100%;
	
}
.logo {
	max-width: 180px;
	width: 80%;
	display: inline-block;
}
.st0{
	fill:#2C3F36;
}
.st1{
	fill:#97A589;
}
.st2{
	fill:#B9762C;
}
.navbar {
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	position: relative;
	z-index: 6;
}
.main-nav {
    list-style-type: none;
    display: none;
	background-color: #1d2d49;
}
.main-nav li:hover {
	background-color: #c4ae59;
	color: #fff;
}
.main-nav a{
	color: #fff;
}
.main-nav:hover{
	color: #fff;
}
.main-nav li {
    text-align: center;
	padding: .6rem .8rem;
}
.navbar-toggle {
    position: absolute;
    top: 15px;
    right: 20px;
    cursor: pointer;
    color: #1d2d49 ;
    font-size: 25px;
}
.active {
    display: block;
	color: white;
}





/* The dropdown container */
.dropdown {
  float: left;
  overflow: hidden;
}

/* Dropdown button */
.dropdown .dropbtn {
  font-size: 16px;
  border: none;
  outline: none;
  color:#1d2d49;
  padding: 36px 5px;
  background-color: inherit;
  font-family: 'Oswald', sans-serif, inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
	margin-bottom: -20;
}

/* Add a red background color to navbar links on hover */
.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: none;
  color: #c4ae59;
}
.dropbtn {
  
}

/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1000;
}

/* Links inside the dropdown */
.dropdown-content a {
  float: none;
  color: #1d2d49;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a grey background color to dropdown links on hover */
.dropdown-content a:hover {
  background-color: #1d2d49;
  color: #c4ae59;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}
.hidden {
  display: none;
}

/* SECTION/HERO
========================================================================== */
#hero {
	background: url("../imgs/orlando-city.jpg")no-repeat center center fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;	
	height: 620px;
	width: 100%;
	z-index: 0;
}
.overlay {
	background: rgba(29, 45, 73, 0.71);
	z-index: 2;
	width: 100%;
	height: 100%;
}
.hero-text {
	color: #fff;
	padding-top: 5.5rem;
	margin: 0 auto;
	max-width: 900px;
	width: 100%;
}
.hero-text h2 {
	color: #fff;
	padding: 1rem;
}
.hero-text h3 {
	margin: auto;
	padding: 0 9%;
	line-height: 1.7rem;
	text-align: center;
}
/* SECTION INTRO
========================================================================== */
#intro {
	padding: 60px 60px 80px 60px;
	max-width: 800px;
	margin: auto;
}
#intro h2 {
	padding: 20px 0;
}
/* SECTION SERVICES
========================================================================== */
#services {
	background: #f2f2f2;
	padding: 3.7rem 0 5rem 0;
}
#services .wrapper{
	width: 100%;
}
.bar {
	background: #c4ae59;
	width: 160px;
	height: 3px;
	margin: 2rem auto;
}
.services-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
	margin-top: 2.5rem;
}
.services-card {
	width:  319px;
	height:  320px;
	background: #fff;
	-webkit-box-shadow: 0px 6px 7px 0px rgba(50, 50, 50, 0.30);
	-moz-box-shadow:    0px 6px 7px 0px rgba(50, 50, 50, 0.30);
	box-shadow:         0px 6px 7px 0px rgba(50, 50, 50, 0.30);
	cursor: pointer;
	margin: 0 2% 5%;
}
.services-card img {
  max-width: 100%;
  padding-top: 30px;
  display: block;  
margin-left: auto;  
margin-right: auto;  
  width: 12%;
}
.icon2 img {
	width: 9%;
	padding-top: 30px;
}
.icon3 img {
	width: 15%;
}
.services-card h4 {
	font-size: 1.2rem;
	font-weight: 300;
	padding: 1rem 1.9rem 1rem;
	color: #4b4b4b;
	font-family: 'Oswald', "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
}
.services-card:hover {
	opacity: .8;
	cursor: pointer;
}
.services-card p {
	padding: .1rem 1rem 1rem;
	font-size: .8rem;
	font-weight: 300;
	color: #4b4b4b;
	text-align: center;
}
/* SECTION OWNERSHIP
========================================================================== */
#ownership {
	padding-top: 5rem;
}
#ownership h2 {
	padding-bottom: 1.2rem;
}
.thinking{
	padding: 1rem 2.8rem 0 0;
}
.owner {
	margin-top: 2rem;
}
.coffee-shop {
	float: right;
	width: 100%;
	max-width: 600px;
}
/* SECTION ACCOUNTING
========================================================================== */
#accounting {
	padding: 7rem 0;
}
#accounting h2{
	padding-bottom: 1.3rem;
}
.accounting-text {
	padding: 2rem 0 0 2.8rem;
}
.meeting {
	width: 100%;
	max-width: 600px;
}
/* SECTION TESTIMONIALS
========================================================================== */
#testimonials {
	background: rgba(152,121,80,.1);
	position: relative;
}
.profile {
	border-radius: 50%;
	display: block;
	margin: auto;
	width: 100px;
}
#testimonials h2 {
	color: #606f68;
	padding: 4rem 0 1rem;
}
blockquote p {
  quotes: "“" "”" "‘" "’";
}
blockquote p:before {
    content: open-quote;
	font-size: 3.1rem;
	color: #c4ae59;
	font-family: 'Lato', "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	margin-left: -20px;
}
blockquote p:after {
    content: close-quote;
	color: #66756e;
}
/*SLIDER*/
.slide .slick-prev:before {
	color: #333a37;
	font-size: 30px;
}
.slide .slick-next:before {
	color: #333a37;
	font-size: 30px;
}
.slide {
	margin-bottom: 4.6rem;
}
#testimonials .slide h6 {
	color: #333a37;
	font-size: 1.1rem;
	text-align: center;
	margin: 1rem auto 0;
}
#testimonials .slide p {
	color: #353535;
	padding: 1rem 25% 0;
}
#testimonials span {
	padding-left: .4rem;
	color: #c4ae59;
}
/* SECTION FOOTER
========================================================================== */
footer {
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size: cover;
	background-color: #1d2d49;
	padding: 2rem 0 3rem 0;
	font-size: .8rem;
	text-transform: uppercase;
	margin-top: 6.3rem;
}

footer a {
	color: #fff;
}
footer a:hover {
	color:#b9762c;
}
.footer-nav1 {
	display: inline-block;
	width: 25%;
	float: left;
	padding-left: 160px;
}
.footer-nav1 li, .footer-nav2 li{
	padding: 5px 5px 5px 20px; color: #fff;
}
.footer-nav2 {
	display: inline-block;
	width: 30%;
	float: left;
}
.contact-info {
	width: 100%;
	line-height: 20px;
	text-align: center;
	color: #fff;
}
.contact-text{
	font-size: 14px;
	text-align: center;
	color: #fff;
}
.contact-text p{
	font-size: 14px;
	color: #fff;
	text-align: center;
}
.social-group {
	width: 100%;
	
}
.social-icon {
	padding: 10px;
	transition: all .25s ease-in-out
}
.social-icon:hover {
	transform: scale(1.2);
	opacity: .9;	
}
.social-icon:first-child {
	padding-left: 0;
	padding-top: -10px;
}
.social-icon .linkedin a{
	padding-top: 10px;
	
}
/* Style all font awesome icons */
.fa {
  text-align: center;
  text-decoration: none;
  margin-top: 15px;
}

/* Add a hover effect if you want */
.fa:hover {
  opacity: 0.7;
}

nav .fa {
  padding: 0px;
  margin: 0;
  font-size: 15px;
  width: 15px;
}
nav .fa-bars{
  font-size: 25px;
  padding-top: 10px;
	
}
/* Set a specific color for each brand */

/* Facebook */
.fa-facebook {
   color: white;
   font-size: 30px;
}
.fa-facebook:hover {
	color: #c4ae59;
}
/* Linkedin */
.fa-linkedin{
	color: white;
	font-size: 30px;
	margin-top: 10px;
}
.fa-linkedin:hover {
	color: #c4ae59;
}

.copyright {
	text-align: center;
	text-transform: capitalize;
	width: 100%;
	padding-top: 40px;
	color: #fff;
}
/* SERVICES PAGE
========================================================================== */
#hero-services {
	background: url("../imgs/services-hero.jpg") no-repeat center center fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size: cover;
	height: 420px;
	width: 100%;
	z-index: 0;
	margin-bottom: 2rem;
}
#hero-services h3 {
	font-size: 1rem;
	padding: 0 7rem 0 8rem;
}
#services-list h2 {
	font-size: 1.8rem;
	text-align: left;
	padding: 1rem 0 1rem 4.2rem;
	display: inline-block;
	color:#b9762c;
	line-height: 2rem;
}
#services-list p {
	padding: 0 2rem .1rem 4.2rem;
}
.service-item {
	position: relative;
	padding: 15px 15px 30px 25px;
}
.service-item:hover {
	background-color: rgba(44, 63, 54, .2);
	-webkit-box-shadow: 0px 6px 7px 0px rgba(50, 50, 50, 0.30);
	-moz-box-shadow:    0px 6px 7px 0px rgba(50, 50, 50, 0.30);
	box-shadow:         0px 6px 7px 0px rgba(50, 50, 50, 0.30);
}
.services-icon {
	position: absolute;
	top: 47px;
}
.row {
	display: inline-block;
}
#consultation {
	background: url("../imgs/3109008.jpg") no-repeat center center fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size: cover;
	width: 100%;
	z-index: 0;
	margin: 5rem auto 0;
	height: 625px;
}
.consultation-text {
	width: 70%;
	margin: auto;
}
#consultation h2 {
	color: #fff;
	padding: 8rem 0 1.5rem 0;
}
#consultation p {
	color: #fff;
}
/* SERVICES/ ACCOUNTING & BOOKING PAGE
========================================================================== */
#hero-accounting {
	background: url("../imgs/team.jpg")center center fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size: cover;
	height: 420px;
	width: 100%;
	z-index: 0;
	margin-bottom: 2rem;
	text-align: center;
}
#duties {
	background-color: #f4f1ed;
	padding: 3rem 0 7rem;
	margin-top: 6rem;
}
#hero-accounting .hero-text h2 {
	padding-bottom: .7rem;
}
#duties h2 {
	color: #2b4036;
}
#duties p {
	margin: 1.5rem auto 5rem;
	padding: 0 10%;
}
#company {
	padding-top: 2rem;
}
#company h2 {
	padding: 1rem 2rem 1.8rem;
	line-height: 3rem;
}
.accounting-group {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;	
	margin-bottom: 2rem;
}
.accounting-card {
	width:  350px;
	height:  auto;
	background: #fff;
	-webkit-box-shadow: 0px 6px 7px 0px rgba(50, 50, 50, 0.30);
	-moz-box-shadow:    0px 6px 7px 0px rgba(50, 50, 50, 0.30);
	box-shadow:         0px 6px 7px 0px rgba(50, 50, 50, 0.30);
	padding-bottom: 1rem;
	margin: .6rem .6rem 1.5rem;
}
.accounting-icon {
	margin: 2rem auto 0;
	display: block;
}
#duties h4 {
	color: #c4ae59;
	font-size: 1.2rem;
}
#duties .accounting-card p {
	margin: 0 0 1.5rem;
	padding: 0 25px;
}
/*SLIDER*/
#clients {
	background: #66756e;
	position: relative;
	padding-top: 1rem;
}
#clients h2 {
	color: #fff;
	padding: 0 0 .7rem;
}
#clients p {
	text-align: center;
	font-size: 1.2rem;
}
#clients .slide {
	margin-bottom: 4.6rem;
	padding: 3rem 0 2rem 3rem;
}
.client1 {
	margin-left: .7rem;
}
.client2 {
	margin-left: -1.2rem;
}
.client3 {
	margin-left: -2.2rem;
}
.client4 {
	margin-top: .2rem;
}
.client5 {
	margin-top: .5rem;
}
.client6 {
	margin: .2rem 0 0 .5rem;
}
.client7 {
	margin-top: -.2rem;
}
.client8 {
	margin-top: -.3rem;
}
/* PORTAL PAGE
========================================================================== */
#hero-dashboard {
	background: url("../imgs/footerBg4.jpg") no-repeat center center fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size: cover;
	height: 100px;
	width: 100%;
	text-align: center;
	z-index: 5;
	position: fixed;
	top: 0;
	left: 0;
} 
#hero-dashboard .hero-text2 h2 {
	padding: 22px 0 0 17px;
	text-align: left;
	font-size: 2rem;
}
#hero-dashboard .wrapper {
		position: relative;
	}
.secondary-nav i {
	color: #c4ae59;
}
.secondary-nav ul li {
	display: inline-block;
	float: right;
	padding: 20px 10px 0;
	font-size: 1.2rem;
	margin-bottom: -18px;
}
.secondary-nav i:hover {
	color: #c4ae59;
}
/* SEARCH FORM */
#hero-dashboard form {
    padding: 1rem .6rem 0;
	position: absolute;
	top: 15px;
	right: 10px;
  }
#hero-dashboard main {
	margin-top: 5rem;
}
form.search-box input[type=text] {
  	padding: 8px;
  	font-size: 15px;
  	float: right;
  	width: 200px;
  	background: #fff;
	border: none; 
	border-color: transparent;
}
form.search-box button {
  	float: right;
  	width: 40px;
  	padding: 0 6px 0;
	line-height: 31px;
  	background: #3366cc;
  	color: #fff;
  	font-size: 15px;
 	cursor: pointer;
	margin: 0;
	border-color: transparent;
	margin-right: -10px;
}
form.search-box button:hover {
  	background:  #2b4036;
}
input:focus, textarea:focus {
    outline: none;
}
/* SIDE BAR */
.sidebar {
  	height: 100%;
  	width: 150px;
  	position: fixed;
  	z-index: 100;
  	top: 0;
  	left: 0;
  	background-color: #1d2d49;
  	overflow-x: hidden;
  	padding-top: 0;
	margin-top: 0rem;
	font-family: "Lato","Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
}
.sidebar a {
 	padding: .6rem .6rem .9rem;
    font-size: .9rem;
  	color: #fff;
  	display: block;
	text-align: center;
}
.sidebar a:first-child {
	text-align: center;	
}
.sidebar a:hover {
  color: #c4ae59;
}
.sidebar li {
  list-style-type: none;
	padding-bottom: .3rem;
}
.secondary-logo {
	margin: -.7rem auto;
}
.secondary-logo img {
	width: 73%;
}
.st10 {
	fill:#515254;
}
.st11 {
	fill:#2C2B7F;
}
.st12 {
	fill:none;
}
.st13 {
	font-family:'Poppins-Light';
}
.st14 {
	font-size:10px;
}				
.profile-pic {
	display: block;
	text-align: center;
	margin: 5px auto 5px;
	width: 50px;
	border-radius: 50%;
}
.sidebar i {
	display: block;
	text-align: center;
	margin: 5px auto 5px;
}
.icon-active {
	background-color: #606f68;
}
.sidebar li:last-child {
	padding-bottom: 5rem;
}
/* END OF SIDE BAR */
#portal-footer ul li {
	display: inline-block;
	float: right;
}
#portal-footer p {
	color: #6F6D6D;
	font-size: .7rem;
	margin-right: 20px;
}
.global-logo {
	width: 135px;
	display: block;
	margin-left: 12px;
}
.box {
	width: 100%;
	max-width: 1200px;
	margin: 2rem 0 0 0;
	background-color: rgba(44, 63, 54, .2);
	-webkit-box-shadow: 0px 6px 7px 0px rgba(50, 50, 50, 0.30);
	-moz-box-shadow:    0px 6px 7px 0px rgba(50, 50, 50, 0.30);
	box-shadow:         0px 6px 7px 0px rgba(50, 50, 50, 0.30);
	padding: 0.5rem;
	float: right;
}
.box:last-child {
	margin-bottom: 3rem;
}
.box h2 {
	font-size: 1.2rem;
	margin-top: 0;
}
a.icon-active:hover {
	color: #fff;
}
.main {
    padding: 0px 10px;
	margin: 5rem auto;
    max-width: 1200px;
	width: 100%;
	-ms-overflow-style: none;
}
.main::-webkit-scrollbar {
    display: none;
}
hr {
   	border-top: 1px solid #bebebe;
	border-bottom: none;
}
.name, .title, .time, .action-btn {
	display: inline-block;
	width: 33%;
}
.name {
	padding: 0 2% 0;
}
.title {
	text-align: center;
}
.time {
	text-align: right;
	padding-right: 1.5rem;
}
.email p:hover {
 	color: #606f68;
}
.action-btn {
	text-align: right;
	padding-right: 1.7rem;
	font-size: .8rem;
	color: #C4AE59;
	border: #C4AE59 1px;
}
.action-btn a {
	color: #C4AE59;
}
.action-btn a:hover {
	color: #606f68;
}
.box p {
	color: #383636;
	font-size: .8rem;
}
.hero-text2 h2 {
	color: #fff;
	padding-top: 1.3rem;
	font-size: 2.2rem;
	text-align: left;
}
/* SIGN IN PAGE
=.========================================================================= */
#hero-dashboard2 {
	background: url("../imgs/footerBg4.jpg") no-repeat center center fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size: cover;
	height: 100px;
	width: 100%;
	text-align: center;
	z-index: 5;
} 
#hero-dashboard2 .hero-text2 h2 {
	padding: 22px 0 0 0;
	text-align: center;
}
.log-form {
 	max-width: 550px;
	width: 100%;
 	background: #fff;	
    margin: 5rem auto 1.5rem;
  	background-color: rgba(44, 63, 54, .2);
	-webkit-box-shadow: 0px 6px 7px 0px rgba(50, 50, 50, 0.30);
	-moz-box-shadow:    0px 6px 7px 0px rgba(50, 50, 50, 0.30);
	box-shadow:         0px 6px 7px 0px rgba(50, 50, 50, 0.30);
}
.log-form h2 {
	font-size: 2rem;
	padding-top: 1rem
}
form {
    display: block;
    width: 100%;
    padding: 2rem .6rem 1.5rem;
  }
.log-form .btn {
	margin: 1.5rem auto;
	padding: .7rem 0;
	width: 50%;
	display: block;
}
input {
    display: block;
    width: 100%;
    border: none;
	padding: .5rem;
}
.forgot {
    color: #c4ae59;
    display: block;
	font-size: .7rem; 
	width: 100%;
	text-align: right;
	padding: 1.2rem 0 0 0;
	line-height: .1rem;
}
input[type="checkbox"] {
    width: auto;
	background-color: #c4ae59;
}
input[type="submit"] {
    background-color: #1d2d49;
    border: none;
    color: #fff;
    font-size: 1rem; 
    padding: .5rem 1rem;
    cursor: pointer;
}
input[type="submit"]:hover {
	background-color: #1d2d49;	
}
label {
  	color: #666;
  	font-size: .875rem;
	display: inline;
}
.checkbox {
	float: left;
	padding: 20px 0;
}
textarea {
    width: 100%;
    border: 1px solid #fff;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 10px;
}
/* CONTACT PAGE
=.========================================================================= */
#hero-contact {
	background: url("../imgs/hero-contact2.jpg") center center fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size: cover;
	height: 360px;
	width: 100%;
	z-index: 0;
	text-align: center;
}
#request {
	margin: 4rem 0 4rem;
}
#request form {
	padding: 0;
}
#request h3 {
	padding: 1rem 1rem .8rem;
	line-height: 3rem;
	font: 1.5rem/1rem 'Lato', "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	color: #1d2d49;
	text-transform: none;
}
#request p {
	color: #353535;
	font-size: .9rem;
	padding-left: 0;
}
.request-form {
    max-width: 350px;
	width: 100%;
 	background: #fff;	
    margin: 0 auto 1.5rem;
  	background-color: rgba(44, 63, 54, .2);
	-webkit-box-shadow: 0px 6px 7px 0px rgba(50, 50, 50, 0.30);
	-moz-box-shadow:    0px 6px 7px 0px rgba(50, 50, 50, 0.30);
	box-shadow:         0px 6px 7px 0px rgba(50, 50, 50, 0.30);
}
text-area {
	color: #353535;
}
#request label {
	padding-bottom: .4rem;
	margin-top: .7rem;
	display: block;
}
#request input[type="submit"] {
    padding: 14px 32px;
    text-transform: uppercase;
	margin: 1.2rem 0 .6rem;
}
.reach-us i {
	color: #1d2d49;
	padding: 9px;
	text-align: center;
}
#map {
	background-color: #66756e;
	padding-bottom: 50px;
}
#map h2 {
	color: #fff;
	padding: 60px 0 30px;
}
#map p {
	padding-left: 0; 
}
.map-info {
	margin-top: 10px;
}
.reach-us h2 {
	padding-bottom: .5rem;
}
.reach-us p {
	margin: auto;
	width: 70%;
	padding-bottom: 30px;
}
.contact-info2 ul {
	margin-bottom: 2.5rem;
	color: #353535;
	font-size: .9rem;
}
.reach-image {
	margin: 2rem auto 3rem;
	display: block;
	width: 80%;
}
.contact-info2 {
	display: block;
	float: left;
	width: 100%;
	padding-left: 5rem;
}
li span {
	padding-left: 30px;
}
/* ABOUT PAGE
=.========================================================================= */
#hero-about {
	background: url("../imgs/orlando-fl.jpg") center center fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size: cover;
	height: 360px;
	width: 100%;
	z-index: 0;
	text-align: center;
}
#company-intro {
	margin: 3rem 0 6rem;
}
#company-intro .col-6 h3 {
	color: #fff;
	text-align: center;
}
#company-intro .col-6 p {
	margin: 2% 0 20px 20px;
	width: 100%;
	color: #353535;
	padding-right: 15px;
	padding-left: 0;
}
.company-image {
	width: 100%;
	margin-left: 30px;
	margin-top: 1rem;
}
.galley-container {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
}
.gallery-bottom {
	margin-bottom: 3rem;
}
.text_column {
	width: 90%;
	text-align: left;
	line-height: 25px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	color: #A3A3A3;
}
.profile-gallery {
	display: inline-block;
	width: 100%;
	padding-bottom: 35px;
	padding-top: 0;
	margin-bottom: 0;
}
.profile-card {
	width: 30%;
	text-align: center;
	float: left;
	margin: 20px 1.66%;
	padding-bottom: 20px;
	-webkit-box-shadow: 0px 6px 7px 0px rgba(50, 50, 50, 0.30);
	-moz-box-shadow:    0px 6px 7px 0px rgba(50, 50, 50, 0.30);
	box-shadow:         0px 6px 7px 0px rgba(50, 50, 50, 0.30);
}
.profile-gallery .profile-card h4 {
	color: #c4ae59;
	font-size: 1.2rem;
	text-transform: uppercase;
	text-align: left;
	padding: 20px 20px 0;
}
.profile-gallery .profile-card p {
	margin: 0;
	color: #787878;
	text-align: left;
	padding-left: 20px;
}
.profile-gallery .profile-card .profile-title {
	color: #2b4036;
	text-align: left;
	padding: 0 20px 10px;
}
.approach {
	width: 65%;
	text-align: center;
	margin: 12px auto 30px;
}
.card-image {
	width: 100%;
	height: 100%;
}
#consultation-about {
	background: url("../imgs/office-about.jpg")no-repeat center center fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size: cover;
	width: 100%;
	z-index: 0;
	margin: 5rem auto 0;
	height: 625px;
}
#consultation-about h2 {
	color: #fff;
	padding: 8rem 0 1.5rem 0;
}
#consultation-about p {
	color: #fff;
}
#consultation-about {
	
	margin-bottom: -120px;
}
/* MERDIA QUERRIES
=.========================================================================= */
@media screen and (min-width: 1024px) {
	.container {
		width: 85%;
		margin: 0 auto;
		max-width: 1200px;
	}
	.navbar {
		display: flex;
        justify-content: space-between;
        padding-bottom: 0;
        margin: 0;
        align-items: center;
		background-color: #fff;
	}
	.main-nav {
        display: flex;
        margin-right: 0px;
        flex-direction: row;
        justify-content: flex-end;
		margin: 0;
		background-color: #fff;
	}
    .main-nav li {
        margin: 1.5rem 0 0;
		background-color: #fff;
		text-align: center;
		padding: .5rem .8rem;
	}
	.main-nav li a:hover {
        color: #c4ae59;
	}
	.navbar-toggle {
        display: none;
	}
	.main-nav li a{
		color: #1d2d49;
	}
	.main-nav li:hover {
		background-color: #fff;
	}
	.main-nav a.active{
		color: #c4ae59;
	}
.main-nav .login a {
    text-transform: uppercase;
	text-align: center;
	padding: 11px 20px;
    color: #fff;
	background-color: #c4ae59;
	width: 180px;
	transition: .25s all ease;
}
 .main-nav .login a:hover {
	background-color:#2b4036;
	 color: #fff;
	-webkit-transition: .25s ease-out;
  	-moz-transition: .25s ease-out;
  	-o-transition: .25s ease-out;
  	transition: .25s ease-out;
	}
}
@media screen and (max-width: 1520px) {
	.main {
		margin-left: 10%;
	}
}
@media screen and (max-width: 1123px) {
	.main {
   		margin-left: 11%;
		width: 80%;
	}
	.logo{
		padding: 20px;
	}
}
@media screen and (max-width: 1027px) {
	.profile-card {
    	width: 46.6%;
	}
}
@media screen and (max-width: 1089px) {
	.services-card {
		margin: 0 .5% 7%;
	}
	.col-6{
		width: 100%;
	}
	.col-6 .company-image {
		width: 70%;
		margin: auto;
		display: block;
	}
	#accounting{
		padding-top: 1rem; 
	}
	.accounting-text{
		padding: 0;
		margin-top: 3rem;
	}
	.thinking {
   		 padding: 1rem 0 0;
	}	
	.footer-nav1 {
    	padding-left: 10%;
	}
}
@media screen and (max-width: 990px) {
	.services-card {
		margin: 0 3% 6%;
	}
	#consultation {
		height: 700px;
	}
	.consultation-text {
		width: 80%;
	}
}
@media screen and (max-width: 918px) {
	.main {
		height: 600px;
		margin-left: 15%;
		width: 76%;
	}
	.action-btn, .time {
		width: 25%;
	}
	.name {
		width: 28%;	
	}
	 .time, .action-btn {
		width: 25%;
		 padding-right: 1%;
	}
	.title {
		width: 40%;
	}
}
@media screen and (max-width: 810px) {
	.footer-nav1 {
		width: 20%;
		padding-left: 4%;
  	}
	.contact-info {
		width: 25%;	
	}
	#testimonials .slide p {
		padding: 1rem 10% 0;
	}
	#hero-services h3 {
    	padding: 0 2rem 0 2rem;
	}
	#consultation h2 {
    	padding-top: 5.5rem; 
	}
	.consultation-text {
    	width: 95%;
	}
	#services-list .wrapper{
		width: 100%;
		position: relative;
	}
	#services-list p {
    	padding-right: .5rem;
	}
	.client1 {
	 	margin-left: .5rem;
	}
	.client3 {
	 	margin-left: 0;
	}
	.sidebar {
  		width: 130px;
	}
	.main {
   		margin-left: 12%;
		width: 78%;
	}
	.title {
		width: 45%;
	}
}
@media screen and (max-width: 730px) {
	footer{
		padding-top: 2rem;
	}
	footer .logo {
		width: 100%;
		float: none;
		display: block;
		margin: 0 auto;
	}
	.footer-nav1 {
		width: 35%;
		padding-left: 10%;
	}
	.footer-nav2 {
		width: 65%;
		padding-left: 3%;
	}
	.contact-info {
		width: 100%;
		display: block;
		text-align: center;
		padding-left: 0;
		margin-right: 0;
	}
	.contact-text {
		float: none;
		text-align: center;
		padding: 2.3rem 0;
	}
	.contact-text p{
		display: inline;
	}
	.social-group{
		text-align: center;
		float: none;
		padding: 0;
	}
}
@media screen and (max-width: 660px) {
	.profile-card {
    	width: 100%;
	}
}
@media screen and (max-width: 670px) {
	.client1, .client2, .client3, .client4, .client5, .client6, .client7, .client8 {
	 	margin: auto;
		padding-right: 10px;
		width: 70%;
	}
	.main {
   		margin-left: 15%;
	}
}
@media screen and (max-width: 520px) {
	.main {
   		margin-left: 15%;
		width: 82%;
	}
}
@media screen and (max-width: 500px) {
	#testimonials .slide p {
		padding: 1rem 0 0;
	}
	.wrapper {
		width: 90%;
	}
	#intro {
    	padding: 60px 5px;
	}
	.thinking {
    	padding: 1rem 1rem 0 0;
    }
	.hero-text {
    	padding-top: 30px;
	}
	.hero-text h2 {
    	padding: 1.3rem 0;
	}
	.hero-text h3 {
    	margin: auto;
    	padding: 0 5%;
    	line-height: 1.6rem;
	}
	#intro {
    	padding: 30px 10px 60px 5px;
	}
	#ownership {
    	padding-top: 4rem;
	}
	#accounting {
    	padding: 4rem 0;
	}
	.hero-text h2 {
		font-size: 2.3rem;
		margin-left: 0;
	}
	.hero-text h3 {
		font-size: 1rem;
	}
	h2{
		font-size: 2.3rem;
	}
	#services h2 {
		padding: 0 5px;
		margin: 0 10px;
	}
	#consultation {
    	height: 860px;
	}
	.slide .slick-prev:before {
		display: none;
	}
	.slide .slick-next:before {
		display: none;
    } 
	.log-form .btn {
    	width: 100%;
	}
	form {
		padding: 2rem .5rem 1.5rem;
	}
	.log-form {
    	margin-top: 3rem;
	}
	.col-6 .company-image {
		width: 100%;
	}
}
@media screen and (max-height: 450px) {
    .sidebar {
	  padding-top: 15px;
	}
    .sidebar a {
	  font-size: 16px;
	}
}
/*MOBILE SIZES*/
@media screen and (max-width: 414px) {
	.logo { 
		width: 50%;
	}
	.main {
   		margin-left: 19%;
		width: 76%;
	}
	form.search-box input[type=text] {
    	width: 50%;
	}
	form.search-box button {
    	margin-right: .8rem;
	}
	.name {
		width: 100%;
		text-align: left;
	}
	.title {
		width: 100%;
		text-align: left;
	}
	.action-btn {
		width: 100%;
	}
	.time {
		width: 100%;
	}
	.sidebar a{
 		padding: .3rem .2rem .5rem;
		font-size: .8rem;
	}
	.sidebar {
		margin-top: 0;
		width: 100px;
	}
	#hero-dashboard {
    	height: 60px;
	}
	.box {
		margin-top: 1rem;
	}
	.hero-text2 h2{
		padding: 5px 0 0 50px;
		font-size: 1.2rem;
	}
	.secondary-logo {
		margin: 0 auto -.5rem;
	}	
	#hero-dashboard .hero-text2 h2 {
    	padding: 5px 0 0 65px;
}
	}
@media screen and (max-width: 375px) {
	.sidebar {
		margin-top: 7.4rem;
	}
	.main {
   		margin-left: 20%;
		height: 560px;
	}
}
@media screen and (max-width: 360px) {
	.sidebar {
		margin-top: 7.1rem;
	}
}
@media screen and (max-width: 320px) {
	#hero-services {
		height: 520px;
	}
	#hero-services h2{
		font-size: 1rem;
	}
	#hero-services h3 {
    	padding: 0 .5rem 0 .2rem;
	}
	.service-item {
    	padding: 15px 5px 25px;
	}
	.sidebar {
		margin-top: 6.2rem;
	}
	.profile-pic {
		width: 30px;
		margin-bottom: 0;
	}
	.main {
   		margin-left: 23%;
		height: 480px;
	}
}