/*--------------PLEASE PLACE ALL CUSTOM CSS HERE ----------------*
NOTES: If you use Appearance/Customize/Additional CSS to test your custom CSS, please make sure that once you're done you add that code to this stylesheet and remove it from the Appearance/Customize/Additional CSS section.

Please add a commented out title to the custom code you add to this page so it's easy for developers to find what they need. 
----------------------------------------------------------------*/
/*============================================*/
 
body {font-weight:400;}
.clear {clear: both;}

/*==================HEADER==================*/
.header-a .nav-bar ul.sub-menu li a, .header-a .nav-bar ul a {
    padding: 10px;
    background: #3d75af;
}
.header-a .nav-bar ul.sub-menu li a, .header-a .nav-bar ul a:hover {
    padding: 10px;
    background: #74bfdd;
}
.nav-bar ul a {
    display: inline-block;
    text-decoration: none;
    padding: 0 10px;
    color: #f8f9fa;
} 
.toplogo {
	color: #000;
	font-size:40px;
	font-weight:700;
	padding-top:10px;
	padding-bottom:5px;
}
.toplogo img:hover {
	opacity:0.7;
	transition:all 0.3s;
}
.topPhone {
	font-size:1.5em;
	line-height:1;
	padding-top:5px;
	padding-bottom:10px;
	color:#000;
	margin-bottom: -.5em;
}
.topPhone a {
    background: #3D75AF;
    border-radius:10px;
    color: #fff;
    padding: 2px 15px 2px 15px;
    font-size: 1em;
    line-height: 2;
    box-shadow: 1px 1px 1px rgba(0,0,0,.1);
    transition: all .2s ease-in-out;
}
.topPhone a:hover {
   opacity:0.8;
}
.topPhone span {
	font-size:1em;
	text-transform:uppercase;
}
span.call-today {
    display: block;
    padding: 10px 0 0;
}
header {
}
.nav ul {padding:5px 0 0;}
.nav ul li a {
  text-transform:uppercase;
  letter-spacing:2px;
  font-size:.9em;
  padding:8px 26px;
  transition:.4s;
}
.nav ul li a:hover {
  background-color:#3d75af;
  color:#fff;
  padding:8px 26px;
}
nav, nav.nav.nav-fixed, ul.sub-menu {
	background:rgb(0 0 0 / 0%);
}
nav.nav ul li.current-menu-item a {
	border: none;
	background:rgba(255,255,255,0.1);
}
.header-a .nav-bar {
    width: inherit;
} 
.billboard .slider-content {
    max-width: 700px;
    width: 90%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 2;
    position: relative;
    color: white;
    background: #346496;
	padding: 2em;
}
/*==================BODY==================*/

h1, h2, h3, h4 {font-family: 'Fjalla One', sans-serif; text-transform:uppercase; line-height:1em;}

h1 {
	color:#3D75AF;
	font-size:2em;
}
h2{font-size:1.7em;	color:#3D75AF;}
h3 {color:#74BFDD;font-size:1.7em}
h4 {color:#ffffff;font-size:2.7em;padding-top: 25px;padding-bottom: 10px;}
#trend {
	width: 100%;
}
.spacing li {
	padding: 5px;
}
.compliments h1 {
	background: #74BFDD;
}
.up-down a {
    color: #3d75af !important;
    transition: all ease-in-out .2s;
}
.up-down a:hover {
	color: #74BFDD !important;
}
.contactp {
	padding-right: 15px;
}
.review-info {
    margin: 0 0 0px;
    background: #74BFDD;
    border-radius:8px;
    padding: 20px;
    padding-bottom: 0px;
    color: #fff;
}
.footer .review-rating {float:none;margin-top:0px;}
.review-container {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}
.rev-cont {
    background:#74BFDD;
    border: 0px solid #000;
    border-bottom:0px solid #000;
    border-radius:10px;
    flex:auto;
    width:49%;
    padding:0px;
    margin: 15px 4px;
}
.review-rating {
    display:inline;
    padding-left:5px;
    padding: 0px 12px 0 0;
    font-size: 30px;
    float: left;
    /* margin-top: -39px; */
}
.review-body {
    border-left:none;
    padding: 21px 20px 0;
}
.author-name {font-style:normal;}
.review-nav-container {width:100%;}
a.view-article {
	color:#fff !important; 
	background:#74BFDD;
	padding: 7px 35px;
	border-radius: 8px; 
	transition:all ease-in-out .2s;
	box-shadow:1px 1px 1px rgba(0,0,0,.4);
	display:table;
	clear:both;
	margin:10px 0;
}
a.view-article:hover {opacity:.7; text-decoration:none !important;}
.blog-sidebar ul, .post ul {list-style-type:circle;}
.post a img {
    float: left;
    padding-right: 20px;
}
.blog-sidebar {
    background: #74BFDD;
    border-radius:10px;
    color: #fff;
    padding: 20px;
}
.blog-sidebar h3 {color:#fff;}
.blog-sidebar ul li a {color:#fff !important; transition:all ease-in-out .3s;}
.blog-sidebar ul li a:hover {opacity:.7; text-decoration:none !important;}
.post ul li {margin-bottom:15px;}
 
/*==================FOOTER==================*/
#footer h2{font-size:1.7em;	color:#ffffff;}
footer.footer {
	background:#3D75AF;
	background-image: url();
	background-attachment:fixed;
	color:#fff;
}
#footer {
    clear: both;
    width: 100%;
    background: #325f8d;
    color: #f8f9fa;
    margin: auto;
}
#footer a {
    color: white;
    text-decoration: none;
}
.footer h2 {color:#fff !important; margin-top:10px;}
.footer .review-info {
    color:#fff;
    background: none;
    padding: 0;
}
.footer .review-rating {display:block;}
.bottomicon img {transition:all ease-in-out .2s;}
.bottomicon img:hover {filter:brightness(50%);}
.copy {padding-top:0px;}
 
.socialicons {
	text-align:center;
}
 
.footer .btn {margin:auto; width:80%;}
.footer .wpcf7 {}
.footer #biziqrecentreviews-5 {
  text-align:left;
  width:80%;
}
span.icon-item {
    display: inline-block;
    text-indent: -10px;
    margin-left: 22px;
    margin-bottom: 10px;
}

span.icon-item i {margin-right:4px;color: #74bfdd;}
.today {
    font-weight: 600;
    color: #74bfdd;
}
.entry-meta, .entry-meta a, .entry-footer, .comment-meta, .comment-meta a, #copyright, #copyright a {
    color: #fefefe;
    font-size: 13px;
}
.box.footer_logo {
    border-bottom: solid 3px rgb(0 0 0 / 0%);
}
/*==================BUTTONS==================*/

.btn, .biziq-button, .client-button {	
  text-transform:uppercase;
  letter-spacing:2px;
  margin: 25px 1px;
  padding: 7px 30px;
  box-shadow: 1px 1px 1px rgba(0,0,0,.4);
  display: table;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  position: relative;
  background: #74BFDD;
  color:#FFF !important;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.btn:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #74BFDD;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.btn:hover, .btn:focus, .hvr-shutter-out-horizontal:active {
  color: white !important;
  text-decoration:none !important;
}
.btn:hover:before, .btn:focus:before, .btn:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.billboard .slider-content .slider-cta-button, .video-container .slider-content .slider-cta-button, .billboard .slider-content a, .video-container .slider-content a {
    text-decoration: none;
    color: #FFFFFF;
    border: 1px solid white;
    padding: 15px 30px;
    font-size: 1.2em;
    margin: 6px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    background: #3D75AFcc;
}
.billboard .slide-header, .video-container .slide-header {
    font-size: 2.3em;
    font-weight: bold;
    line-height: 1.2em;
    background: rgb(0 0 0 / 0%);
    margin: .25em;
    color: #FFFFFF;
    padding: .10em;
    text-align: center;
}
.billboard .slide-sub-header, .video-container .slide-sub-header {
    font-size: 2em;
    line-height: 1.25em;
    background: rgb(0 0 0 / 0%);
    margin: .5em;
    color: #FFFFFF;
    padding: .15em;
}
#footer .btn:hover, .link-button:hover, .billboard .slider-content a:hover, .video-container .slider-content a:hover, .btn:hover, #slider:hover .btn, button:hover, .rev-read-more:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, #content .view-article:hover, .wpcf7-form input[type=submit]:hover, #content .btn:hover, #slider .btn:hover {
    background: #3d75af96;
    color: #FFFFFF;
    text-decoration: none !important;
}
#footer .box {
    padding: .5em;
}
/*==================LIST ======================*/

ul {list-style-type: disc;}
ul.spaced li{margin-bottom:15px;}
ul.fancylist li:before {
    content: "\f138";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #74BFDD;
    font-size: 16px;
    padding-right: 0.5em;
    margin-left: -27px;
}
ul.checked li:before{content: "\f00c";}
ul.marker li:before {content: "\f041";}


/*==================RESPONSIVE==================*/
@media (max-width: 1200px) {
	.toplogo {font-size:30px !important;}
}
@media (max-width:1024px) {
 
}
@media (max-width:768px) {
  
	#content ul {
		text-align:left;
		margin:0;
	}
	.toplogo {text-align:center;}
	.topPhone {
		padding-top:5px;
		text-align:center;
	}

 
} 
@media (max-width:320px) {
	
}
.breakout {
    background-color: #4375af;
    color: #FFF;
    width: 100vw;
    position: relative;
    margin-left: calc(50% - 50vw);
}
/*==================MOBILE==================*/
 
#mobile-menu-container .menu, #mobile-menu-container .menu-icon {
    background: #346496;
    color: #212529;
}
#mobile-menu-container .menu-bar {

}
#mobile .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* margin-right: -15px; */
    /* margin-left: -15px; */
}

.pod {
    border-bottom: 1px solid #e1e1e1;
    margin: 0 0 18px 0;
    padding: 0 0 18px 0;
	line-height: 33px;
}