@charset "UTF-8";
/*=============================================================
	General Reset
=============================================================*/

*, html, div, span, body, p, h1, h2, h3, h4, h5, ol, ul, img { margin: 0; padding: 0; border: 0; list-style: none; }
b, strong, h1, h2, h3, h4, h5 { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; }
.clear:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }
.clear { display: inline-block; clear: both; }
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */

/*=============================================================
	Global settings
=============================================================*/

body { font-size:16px; line-height:24px; font-weight:400; color: #141414; background: #fff; font-family: 'Roboto', Arial, Helvetica, sans-serif; }

h1, h2, h3, h4, h5, h6 { margin-bottom:20px; color:#000; font-weight:bold;}

h1 { font-size: 33px; line-height:40px; margin-bottom:35px; text-transform:uppercase; }
h2 { font-size: 24px; line-height:32px; }
h3 { font-size: 22px; line-height:30px; }
h4 { font-size: 20px; line-height:28px; margin-bottom:10px; }
h5 { font-size: 16px; line-height:24px; }
h6 { font-size: 16px; line-height:24px; }

p {  margin-bottom: 20px;  }

a { color: #980000; text-decoration: none; outline: 0;  }
a:hover { color:#141414; text-decoration: none; }
a:focus, a:hover, a:active { outline:none; }
:focus {outline:none;}
::-moz-focus-inner {border:0;}
a[href^="tel:"] { color: #980000!important; text-decoration:none!important; cursor:default!important;}
a[href^="tel:"]:hover { color: #980000!important; text-decoration:none!important;}

table, tr,  td { vertical-align: top; border: none; }
table { margin-bottom: 25px;}

/* Extras */
.nil { padding: 0; margin: 0; border: none; }
.hidden { display: none; }
.show { display: inline-block; visibility: visible; }
.right { float:right; }
.left { float:left;}
.icon { vertical-align:middle;}
.nomargin { margin:0;}
.nopadding { padding:0;}
.imageleft { float:left; margin: 0px 25px 20px 0px;}
.imageright { float:right; margin: 0 0 20px 25px;}
.textcenter { text-align:center; }
.textright { text-align:right; }
.inline { display:inline;}

span.safemail { padding:0; margin:0;}

.marginB5 { margin-bottom:5px!important;}
.marginB10 { margin-bottom:10px!important;}
.marginB15 { margin-bottom:15px!important;}
.marginB20 { margin-bottom:20px!important;}
.marginB30 { margin-bottom:30px!important;}
.marginB40 { margin-bottom:40px!important;}


.tagline { font-size: 24px; line-height:32px; color:#980000; margin-bottom:40px;}
.page-home h1 { text-transform:none; }

/*=============================================================
	Main layout
=============================================================*/

#header-container { width:100%; position:fixed; z-index: 999;  background-color:#fff; }
#header { width:96%; padding:0 2%;  margin:0 auto 0 auto; display:block; float:left; clear:both; text-align:center; background:#000000 url(../images/header.png) repeat-y top center; height:100px; }
#logo { width:500px; float:left; margin:10px 0 10px 0; max-width:100%; height:auto;  }

#header-phone {  font-size:18px; padding-left:45px; background:url(../images/icon-phone.png) no-repeat 20px 1px; color:#980000; display:inline;  margin:12px 2% 0 0; position:relative; }
#header-phone a { color:#980000; text-decoration:none; }
#header-phone a:hover {  color:#980000; text-decoration:none;}
#header-phone a[href^="tel:"] {  color:#980000!important; }
#header-phone a[href^="tel:"]:hover { color:#980000!important; }

#header-affiliate { width: 250px;  float:right; margin:30px 0 0 0; height:auto; }
#mobile-affiliate { display:none; margin:0 auto; padding:0 0 35px 0; max-width:100%;  height:auto;  }
.page-single #mobile-affiliate { padding:30px 0 35px 0; }

.header-scroll #header { height: auto; }
.header-scroll #logo { width:430px;}
.header-scroll #header-affiliate { width: 250px;  margin: 20px 0 0 0; }
.header-scroll .nav-container { -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2); }




/*=============================================================
	Main Navigation
=============================================================*/
.nav-container {  width:100%; height:45px; text-align:center; /*position:fixed;*/ z-index:999; float:left;  clear:both;  }
.nav-bg { width:100%; height:45px; position:absolute; float:left;  clear:both; background:#ffffff; }

ul.main-nav { font-size:16px; line-height:22px; color:#000000; text-align:center;  font-weight:400; display:inline; position:relative;   }
ul.main-nav li { list-style:none; display:inline;  }
ul.main-nav a { padding:13px 1% 8px 1%;  text-decoration:none;  color:#000000; display:inline-block; }
ul.main-nav a:hover {  color: #980000;  text-decoration:none; border-bottom: 2px solid #980000; }

body.page-home .nav-home,
body.page-bas .nav-bas,
body.page-tax .nav-tax,
body.page-accounting .nav-accounting,
body.page-super .nav-super,
body.page-consult .nav-consult,
body.page-team .nav-team,
body.page-contact .nav-contact { color: #980000!important;  border-bottom: 2px solid #980000; }

/*=============================================================
	Banner + CTA
=============================================================*/
.banner-container { width:100%; height:0; padding-bottom:15.5%; margin: 145px auto  0 auto; clear:both; text-align:center; display: block;  float:left; background-size:cover!important;}
.banner-container2 { width:100%; height:0; /*padding-bottom:15.5%;*/ margin: 145px auto  0 auto; clear:both; text-align:center; display: block;  float:left; background-size:cover!important;}
.banner-container p { margin:50px 2% 0 2%;  text-align:center; color:#fff; font-size:34px; line-height:40px; font-weight:400; }
body.page-home .banner-container { padding-bottom: 20%; background:#f8f7f6 url(../images/banner-home.jpg) no-repeat top center;}
body.page-bas .banner-container { background:url(../images/banner01.jpg) no-repeat top center; }
body.page-tax .banner-container { background:url(../images/banner02.jpg) no-repeat top center; }
body.page-accounting .banner-container { background:url(../images/banner04.jpg) no-repeat top center; }
body.page-super .banner-container { background:url(../images/banner05.jpg) no-repeat top center; }
body.page-consult .banner-container { background:url(../images/banner03.jpg) no-repeat top center; }
body.page-team .banner-container2 /*{ background:url(../images/banner-team.jpg) no-repeat top center; }*/
body.page-contact .banner-container { background:url(../images/banner06.jpg) no-repeat top center; }
body.page-single .banner-container { padding-bottom:320px;  background:url(../images/banner-single.jpg) no-repeat top center; }
body.page-single .font20 { font-size:20px!important; line-height:26px!important; margin:10px 2% 0 2%!important; }



.cta { width:97%; padding:20px 1.5% 7px 1.5%;  background:#f8f7f6; float:left;  margin: 0 auto; clear:both; display: block;  text-align:center; }
.cta li { width:20%; margin:0 0 20px 0; padding:0; display:inline-block; text-align:center; float:left; }
.cta li a { width:84%; padding:8px 2%; display:inline-block; color:#fff; background:#141414; text-decoration:none; font-weight:bold; 	-webkit-border-radius: 4px; -moz-border-radius:  4px; border-radius:  4px; text-align:center; font-size:16px;}
.cta li img { margin:0 auto 5px auto; display:block; clear:both; position: relative;  top: 0;   transition: top ease 0.2s;*/ }


.cta li:hover { cursor:pointer;  }
.cta li:hover a {  color:#fff; background:#980000; }
.cta li:hover img {  top: -10px; }
.cta li span { display: inline-block; vertical-align: middle; line-height:22px; }


/*=============================================================
	contents
=============================================================*/

#content-container { width:92%; padding: 45px 4% 45px 4%; float:left; margin: 0 auto; display:block; clear:both; }
.main { width:65%; float:left; }
.main:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }
	.main ul, .main ol {  margin: 0 0 25px 25px; }
	.main ul ul, .main ol ol {  margin: 0 0 0 25px;}
	.main ul li { list-style-image:url(../images/bullet.png); padding-left:10px; }
	.main ol li { list-style:decimal; padding-left:10px; }
	.main ul.halfwidth { width:45%;}

	.fullwidth { width:100%!important; }
	.halfwidth { width:47%;}

.side-form { width:30%; float:right;  }	
.side-form h4 { font-size:20px; margin-bottom:15px!important; padding-left:35px; text-transform:uppercase; background:url(../images/icon-qestion.png) no-repeat 0 0;}


body.page-contact #map-container, 
body.page-contact #contact-container { display:none!important; }
body.page-contact .main iframe { width:100%; clear:both; height:350px; margin-bottom:15px; }
	.contact-left { float:left; width:65%; }
	.contact-right { float:left;  }

.team-member { width:100%; padding: 0 0 15px 0; margin-bottom:25px;  border-bottom:1px solid #ddd; float:left; clear:both;}
.member-img { width: 16%;  margin:0 4% 0 0; float:left; }
.member-img img { width:100%; height:auto;  }
.member-des { width: 80%;  float:left; }
.member-email a { background:url(../images/icon-email.png) 3px 3px no-repeat; padding-left:49px; }


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

.quote-container {  width:92%; padding:40px 4% 15px 4%; margin:10px 0 0 0; display:block; float:left; background:#f8f7f6;  clear:both;  font-size:20px; line-height:30px; color:#980000; text-align:center; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
.quote-container:before { content:"“"; color: #980000; font-family:Arial, Helvetica, sans-serif; font-size:90px; font-weight:bold; float:left; margin:10px 0 0 0; }
.quote-container:after { content:"”";  color: #980000; font-family:Arial, Helvetica, sans-serif; font-size:90px; font-weight:bold; float:right; margin:0; }
.quote-content  { width:80%; padding:0; margin:0 auto; }

.page-single .quote-container{ margin:0; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; }

.btn-team { width: 115px; padding: 5px 20px 5px 0; text-align: center; background: #980000 url(../images/icon-smiley.png) no-repeat 110px 6px; display: inline-block; text-decoration:none;  color:#fff; font-weight:400; font-size:14px; line-height:20px; -webkit-border-radius: 4px; -moz-border-radius:  4px; border-radius:  4px; margin: 5px 0 0 8px; vertical-align: text-top;  }
.btn-team:hover { background-color:#141414;  color:#fff;  }
body.page-team .btn-team { display:none!important; }


#contact-container { width:100%; padding:55px 0 30px 0; float:left; display:block; margin:0 auto; clear:both; background:#980000 url(../images/footer.png) repeat-x top center; text-align:center; }
.contact-content { padding:0 5%; display:inline-block; margin:0 auto; text-align:left; color:#fff; line-height:26px;  }
.contact-content a { color:#ee8686; }
.contact-content a:hover { color:#fff;  }
.contact-content h4 { color:#fff; margin-bottom:30px; text-transform:uppercase; font-weight:400!important;}
.contact-content a[href^="tel:"] {  color:#fff!important; }
.contact-content a[href^="tel:"]:hover { color:#fff!important; }

.span-block { display:inline-block; width:60px; }

#map-container { width:100%; float:left; margin:0; clear:both; background:#980000; }
#map-container iframe { width:100%; margin:0 auto; display:block;}


.footer { width:94%; padding:25px 3% 25px 3% ; float:left;  margin:0 auto; font-size:13px; line-height:24px; color:#fff; display:block; clear:both; background:#141414;}
.footer a { color:#fff; }
.footer a:hover {  color:#fff; text-decoration:none; }

ul#footer-nav { width:auto; color:#666; left; padding:0; margin:0 auto; font-size:14px; line-height:24px; display:block; float:left; }
ul#footer-nav li { float:left; }
ul#footer-nav a { color:#666; margin:0 15px 0 0; font-weight:normal; }
ul#footer-nav a:hover {  color:#fff; text-decoration:none;}
#copyright  { clear:both; font-weight:normal; text-align:left;  color:#666;}

body.page-home ul#footer-nav .nav-home,
body.page-bas ul#footer-nav .nav-bas,
body.page-tax ul#footer-nav .nav-tax,
body.page-accounting ul#footer-nav .nav-accounting,
body.page-super ul#footer-nav .nav-super,
body.page-consult ul#footer-nav .nav-consult,
body.page-team ul#footer-nav .nav-team,
body.page-contact ul#footer-nav .nav-contact { color: #fff!important;  }


.seven { margin:0; text-align:center; width:110px; line-height:14px; font-family:Arial, Helvetica, sans-serif;  font-size:11px; display:block; float:right;  }
.seven img { padding-right:3px; padding-top:0;  filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; }
.seven a { color:#666!important; padding:0!important; font-family:Arial, Helvetica, sans-serif!important; font-weight:normal;  }
.seven a:hover { color:#fff!important; text-decoration:none; }


.totop { width:50px; height:50px; color:#fff; font-size:11px; font-weight:bold; text-decoration:none; text-align:center; position:fixed; z-index:200; bottom:70px; right:40px; background:#ee8686 url(../images/top.png)  no-repeat center 12px; text-indent:-9999px; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7;
-webkit-border-radius: 25px; -moz-border-radius:25px; border-radius: 25px; display:none; }
.totop:hover { text-decoration:none; color:#fff; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}


/*=============================================================
	Form
=============================================================*/


form { width:100%; margin:0 auto;  display:block; list-style: none; font-size:15px; color:#ffffff; }
form label strong { color: #fff;}
form ul, form ol { margin:0!important; padding:0!important;}
form li { width:100%; margin-bottom: 10px; list-style:none!important; padding:0!important; float:left; 
	background:#980000;
	-webkit-border-radius: 4px 6px 6px 4px;
	-moz-border-radius: 4px 6px 6px 4px;
	border-radius:4px 6px 6px 4px;
	
 }
form li p { margin-bottom: 0;}
form li label {  width:25%; padding: 8px 2.5%; display:block; vertical-align: top;  float:left; font-size:15px; }
form li.fullfield label { display: block; width: auto;}
form li.fullfield input, form li.fullfield textarea { }
form input[type="checkbox"] {	margin: 5px 7px 0 0;}
form .check-list { background:none!important; margin-left:10px; color: #2d2d2d;  }
	
form input[type="text"],
form textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #141414;
	width: 65%;
	height:25px;
	padding: 8px 2.5%;
	position:relative;
	z-index:35;
	background:#f8f7f6;
	float:right;
	
	-webkit-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
	-webkit-box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.1);
	box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.1); 

}
form select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #141414;
	width: 70%;
	height:40px;
	padding: 0;
	position:relative;
	z-index:35;
	background:#f8f7f6;
	float:right;

	-webkit-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
	-webkit-box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.1);
	box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.1); 

	
}
form textarea { 
	height:150px; resize: vertical;
	-webkit-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
	
 }
form input[type="text"].active, form textarea.active { }

form input.button {  -webkit-appearance: none!important; -moz-appearance: none; appearance: none; 
	font-family:Arial, Helvetica, sans-serif; 	margin:0;
	background: #980000;
	border:none;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	cursor: pointer;
	width:100%;
	padding: 17px 0;
	text-align:center;
	text-transform:uppercase;

	-webkit-border-radius: 4px;
	-moz-border-radius:  4px;
	border-radius:  4px;
	
}

form input.button:hover { background:#141414; color:#fff;}

form label.error { width:65%; margin-left:30%; margin-top:-3px; color:#F00;  font-family: Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; background:#fddddd!important; 
	-webkit-border-radius: 0 0 3px 0;
	-moz-border-radius: 0 0 3px 0;
	border-radius: 0 0 3px 0;
 }
form input.error, form textarea.error {	background: #fddddd url(../images/icon-cross.png) right center no-repeat;	border-color: #ce8585 !important;  color:#000!important;}
form input.valid, form textarea.valid {	background: #edfddd url(../images/icon-tick.png) right center no-repeat;	border-color: #89a969 !important;  color:#000!important;}


/*=======================================================
 Print
=======================================================*/

@media print {

body { display:none; }

}

/*=======================================================
 MEDIA QUERIES
=======================================================*/

.mobile-menu  { display:none; }
.w-desktop { display:block; }
.w-mobile { display:none;}


@media screen and ( max-width: 1520px) { 

	body.page-home .banner-container { padding-bottom:300px; } 
}
@media screen and ( max-width: 1100px) {

	body.active { overflow:hidden;  }
	.w-default { display:none!important; }
	.w-mobile { display:block;}
	.totop { bottom:20px; right:20px; }


	#header { height:87px; }		
	#logo { width:430px; height:auto; position:relative; z-index: 1000;}
	#header-affiliate { display:none;  margin: 20px 0 0 0; width: 250px; }
	#header-phone {display:none; position: fixed;  right: 0;  z-index: 999;  }


	.nav-container { position: fixed; height:87px;}
	.nav-container.active { height:100%; overflow-y:scroll!important; background:#000000;  }

	.nav-bg {  position: fixed; z-index: 999; background:none; height:87px;}
	.nav-container.active .nav-bg { background:#000000 url(../images/header.png) repeat-y top center;}


	.header-scroll .nav-container {-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }	
	.header-scroll  { -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2); }

	
	/**** MOBILE NAV ****/ 
	.mobile-menu { display:block; width: 90px; right:2%; top:25px; position:absolute; padding:5px 5px 0 5px; height:30px; float:left; }
	.mobile-menu .menu-text { width: 60px; float: right; color: #fff; text-transform: uppercase; font-size: 18px; line-height:24px; font-weight:bold; font-family:'Arial', sans-serif;  }
	.mobile-menu .burger { width: 30px; float: left; margin-top: 10px; }
	.mobile-menu .m-bar, .mobile-menu .m-bar:before, .mobile-menu .m-bar:after { cursor: pointer; border-radius: 2px; height: 3px; width: 30px; background: #fff; position: absolute; display: block; content: ''; }
	.mobile-menu .m-bar:before { top: -6px; }
	.mobile-menu .m-bar:after { bottom: -6px; }

	ul.main-nav {  width:100%; float:left; background:#212121; position:relative; top:87px; height:auto;  display:none; }
	ul.main-nav li { width:100%; float:left; display:block; text-align:left; background:#141414; border-bottom:1px solid #2b2b2b; margin:0; padding:0;}
	ul.main-nav a { width:97.5%; padding:8px 0 8px 2.5%;  margin:0; color:#fff; font-weight:bold;border:none!important;  }
	ul.main-nav a:hover {  background:#980000; color:#fff!important; }
	/**** END MOBILE NAV ****/ 

	body.page-home .banner-container p { margin-top:5%;  font-size: 30px; line-height: 36px;}

	.banner-container { margin: 87px auto 0 auto;}

	.banner-container2 { margin: 0}
	
	.contact-content { padding:0 3% 0 0; }
	.side-form h4 { font-size:18px; }

	#header-affiliate { display:none;  } 
	#mobile-affiliate { display:block; }
	.side-form { margin-top:0; }	



}	
@media screen and (max-width: 940px) {

	body.page-home .banner-container { padding-bottom: 230px;}
	body.page-home .banner-container p { font-size: 26px; line-height: 32px;}
	
	.main { width:100%; } 
	.side-form { width:100%; float:left; margin-top:45px; }	
	.side-form h4 { font-size:24px; }

	.cta li a { height:44px; line-height:44px; }
	#footer-nav { max-width:230px;}
	#footer-nav li { display:none; }
	#footer-nav li#copyright { display:block!important; }

}
@media screen and (max-width: 800px) {
	
	.banner-container { padding-bottom:120px;  }
	body.page-team .banner-container { padding-bottom:15.5%;  }


	#contact-container { padding-bottom:0;}
	.contact-content { display:block; text-align:center; padding:0 3%; margin-bottom:50px; }
	.contact-content h4 { margin-bottom:10px; }
}
@media screen and (max-width: 720px) {
	
	body.page-home .banner-container p { font-size: 24px; line-height: 30px;}
}

@media screen and (max-width: 560px) {	

	#logo  { width: 355px!important; }
	.mobile-menu .menu-text {display:none;}
	.mobile-menu { width:35px; }

	.cta li  { width:32%; float:none;  }

	.contact-left { width:100%; }
	.contact-right { width:100%; }

	.member-img { width: 100%;  margin:0 auto 25px auto; text-align:center;  clear:both; }
	.member-des { width: 100%;  float:left; }
	.member-des h2 { text-align:center; }
	.member-email { text-align:center; }
}
@media screen and (max-width: 430px) {	

	#logo  { width: 335px!important; }
	.mobile-menu { top:50px; }

}
@media screen and (max-width: 360px) {	

	.side-form h4 { font-size:20px; }
	.cta li  { width:49%; }

}


/*=======================================================
 End of CSS Document
=======================================================*/