/*
Theme Name: Books Forward
Theme URI: 
Author: DesignUps
Author URI: https://designups.com/
Description:  The best WordPress starter theme based on the most powerful frameworks in the world: "_s" (by Automattic, the main people behind WordPress development), Twitter Bootstrap (the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web) and Font Awesome (or Fontawesome, a full suite of 675+ pictographic icons for easy scalable vector graphics on websites). This theme, like WordPress, is licensed under the GPL. You can use this theme as base for your next WordPress theme project and you are allowed to remove the link at the footer or do whatever you want. Your feedback on how we can continuously improve this WordPress Starter Theme Bootstrap will be highly appreciated. Page templates includes Right-sidebar (default page template), Left-Sidebar, Full-Width, Blank with container, Blank without container Page. Other features - Currently using Bootstrap v4.0.0 , Widgetized footer area, WooCommerce ready, Compatible with Contact Form 7, Compatible with Visual Composer, Compatible with Elementor Page Builder. This theme will be an active project which we will update from time to time. Check this page regularly for the updates.
Version: 3.1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp-bootstrap-starter
Tags: blog, custom-menu, featured-images, threaded-comments, translation-ready, right-sidebar, custom-background, e-commerce, theme-options, sticky-post, full-width-template
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Woocommerce
# Footer
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
body {
  margin: 0;
  font-size:16px;
  -webkit-font-smoothing: auto;
  font-family:'Open Sans', sans-serif;
  color:#30404c;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
  color: #f3755f;
}

a:hover {
  outline: 0;
  text-decoration: none;
  color:#f3755f;
}

a:active {
  outline: 0;
  text-decoration: none;
  color:#334a6b;
}

article a,
section.leader a {
    border-bottom: 1px solid;
}
dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #30404c;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 2.5rem;
}

hr {
  box-sizing: content-box;
  height: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  clear: both;
  color: #30404c;
  font-weight: 900;
  margin-top: 24px;
  margin-bottom: 15px;
  font-family: soleil, sans-serif;
  line-height:120%;
}
h1 {
  font-size: 60px;
  padding-bottom: 10px;
}
h2 {
  font-size: 35px;
  padding-bottom: 0.3em;
  line-height: 1.25;
}
h3 {
  font-size: 25px;
  line-height: 25px;
}
h4 {
  font-size: 20px;
  line-height: 20px;
}
h5 {
  font-size: 15px;
  line-height: 17.5px;
}

p {
  margin-bottom: 1.5em;
}
h1.entry-title {
  font-size: 1.31rem;
  border-bottom: 1px solid #eaecef;
}

h2.entry-title {
  border-bottom: 1px solid #eaecef;
}
h3.widget-title {
  font-size: 1.2rem;
}

.entry-header {
    text-transform: uppercase;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
header#masthead {
    margin-bottom: 0;
    background-color: rgba(255, 255, 255, 0);
    /*background-color: #31404b;*/
    padding: .74rem 1rem;
    position: fixed;
    top:0;
    left:0;
    width: 100%;
    z-index:99;
    transition: background-color .3s ease, padding .3s ease ;

}
.navbar-brand > a {
  color: rgba(0, 0, 0, 0.9);
  font-size: 16px;
  outline: medium none;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
}

.navbar-brand > a:visited, .navbar-brand > a:hover {
  text-decoration: none;
}

#page-sub-header {
  position: relative;
  padding-top: 5rem;
  padding-bottom: 0;
  text-align: center;
  font-size: 1.25rem;
  background-size: cover !important;
}

#page-sub-header h1 {
  line-height: 1.6;
  font-size: 4rem;
  color: #563e7c;
  margin: 0 0 1rem;
  border: 0;
  padding: 0;
}

#page-sub-header p {
  margin-bottom: 0;
  line-height: 1.4;
  font-size: 1.25rem;
  font-weight: 300;
}
#page-sub-header p {
color: #212529;
}
a.page-scroller {
  color: #333;
  font-size: 2.6rem;
  display: inline-block;
  margin-top: 2rem;
}

@media screen and (min-width: 768px) {
  #page-sub-header h1 {
    font-size: 3.750rem;
  }
   #page-sub-header {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 992px) {
  #page-sub-header p {
    max-width: 43rem;
    margin: 0 auto;
  }
}
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#masthead nav {
  padding-left: 0;
  padding-right: 0;
}

#masthead .navbar-nav > li > a {
    color: #fff;
    padding: 10px;
    font-weight: 350;
    font-size: 16px;
    border-bottom:none;
    font-family:  soleil, sans-serif;
    transition: color .3s ease;
}

#masthead .navbar-nav > li > a:hover,
#masthead .navbar-nav > li.current_page_item > a {
  /*color: #efddde;*/
  /*font-weight: 600;*/
  /*background: #f9f9f9;*/
  color: #f3755f;
}


#masthead .navbar-nav > li {margin-right:30px;}

#masthead .navbar-nav > li:last-child {margin-right:0;}


.navbar-brand {height: auto;width:250px; padding-top:7px; transition: all .3s ease; z-index:0;}

.navbar-brand .wlogo {display:block; }
.navbar-brand .blogo {display:none;}

.navbar-toggle .icon-bar {
  background: #000 none repeat scroll 0 0;
}

.dropdown-menu .dropdown-toggle::after {
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
  border-top: 0.3em solid transparent;
}
.navbar-light .navbar-toggler {border:none; color:transparent; padding:0;    top: 22px;}
.navbar-toggler-icon {filter:invert(100) contrast(200%); transform:scale(1.5); width: 35px; height: 35px;}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

.dropdown-item {
  line-height: 1.2;
  padding-bottom: 0.313rem;
  padding-top: 0.313rem;
}

.dropdown-menu {
  min-width: 220px;
}

.dropdown .open .dropdown-menu {
  display: block;
  left: 12.250em;
  top: 0;
}

.dropdown-menu .dropdown-item {
  white-space: normal;
  background: transparent;
  line-height: 1.6;
  font-size:16px;
  font-family: soleil, sans-serif;
  font-weight:350;
}

.dropdown-item.active, .dropdown-item:active {color:#334a6b;}


.dropdown-menu .dropdown-item:hover {
  background: transparent;
}





@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .dropdown-menu li > .dropdown-menu {
    right: -9.875rem;
    top: 1.375rem;
  }
}
@media screen and (max-width: 991px) {
  .navbar-nav .dropdown-menu {
    border: medium none;
    margin-left: 1.250rem;
    padding: 0;
  }

  .dropdown-menu li a {
    padding: 0;
  }

  #masthead .navbar-nav > li > a {
    padding-bottom: 0.625rem;
    padding-top: 0.313rem;
  }

  .navbar-light .navbar-toggler {
    border: medium none;
    outline: none;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}
.comment-content.card-block {
  padding: 20px;
}

.navigation.post-navigation {
  padding-top: 1.875rem;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
  border: 1px solid #ddd;
  border-radius: 0.938rem;
  display: inline-block;
  padding: 0.313rem 0.875rem;
  text-decoration: none;
}

.post-navigation .nav-next a::after {
  content: " \2192";
}

.post-navigation .nav-previous a::before {
  content: "\2190 ";
}

.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
  background: #eee none repeat scroll 0 0;
}



button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
.btn {
  font-family: soleil, sans-serif;
  color:#fff;
  font-size:18px;
  background:#f3755f;
  border-color:#f3755f;
  border-radius:17px;
  line-height: 1.4;
  padding: 17px 50px 20px;
  transition:background-color .3s ease, border-color .3s ease;
}


button,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.btn:hover { color:#30404c;  background-color: #fff; border-color:#f3755f;}
.btn-outline {background:transparent; border:1px solid #fff;}
.btn-outline:hover  {background:#fff; border:1px solid #fff;}

.btn-blue {background:#f3755f; border:1px solid #f3755f;}
.btn-blue:hover  {color:#fff background:#fff; border:1px solid #f3755f;}
.light-hover:hover  {background:#fff; color:#ff7055;}



.btn-white {background:#fff; border:1px solid #fff; color:#ffffff;}
.btn-white:hover  {background:#f3755f; border:1px solid #f3755f; color:#fff;}

.btn-underline {background:none; padding:0; border-bottom:1px solid; font-size:18px;}

.btn-underline-light {background:none; padding:0; border-bottom:1px solid; font-size:18px; color: #fff;}

.btn-underline-light:hover {color: #fff;}



.navbar-nav > li.loginbtn > a {
  font-family: soleil, sans-serif;
  color:#fff;
  background-color: #2bc0d1;
  border-color:#2bc0d1;
  transition:background-color .3s ease, border-color .3s ease, padding .3s ease, margin .3s ease !important;
  border-radius: 25px;
  padding: 10px 25px !important;
  margin-top:0;
}

.navbar-nav > li.loginbtn > a:hover{color:#fff !important; background-color: #ff7679; border-color:#ff7679;}
.navbar-nav > li.loginbtn.current_page_item > a{color:#fff !important;}




header#masthead.onscroll  {background-color:#fff;  box-shadow: 0 -5px 40px 2px rgba(80,80,80,.3)}

header#masthead.onscroll .navbar-brand {width: 200px; padding:2px 0 0 0; transition: all .3s ease;}
header#masthead.onscroll .navbar-brand .wlogo {display:none; }
header#masthead.onscroll .navbar-brand .blogo {display:block; }

/* blue navbar scrolling down the page */
header#masthead.onscroll {background-color: #346394; padding:7px 0; box-shadow: 0 -5px 40px 2px rgba(80,80,80,.3)}
header#masthead.onscroll .navbar-nav > li > a {color:#fff;}
header#masthead.onscroll .navbar-nav > li > a:hover,
header#masthead.onscroll .navbar-nav > li.current_page_item > a { color: #f3755f; }
header#masthead.onscroll .navbar-nav > li.loginbtn > a { padding: 5px 25px !important; margin-top:4px;}
header#masthead.onscroll .navbar-brand .wlogo {display:block; }
header#masthead.onscroll .navbar-brand .blogo {display:none; }
header#masthead.onscroll .navbar-toggler {top: 9px;}



/* LIGHT NAV HEADER AT TOP ------

header#masthead { background-color: #fff; box-shadow: 0 -5px 40px 2px rgba(80,80,80,.3)}
header#masthead .navbar-nav > li > a,
body:not(.theme-preset-active) #masthead .navbar-nav > li > a  {color:#30404c;}
header#masthead .navbar-brand .wlogo {display:none; }
header#masthead .navbar-brand .blogo {display:block; }

header#masthead.onscroll  {background-color:#fff;  box-shadow: 0 -5px 40px 2px rgba(80,80,80,.3)}
header#masthead.onscroll .navbar-nav > li > a {color:#30404c;}
header#masthead.onscroll .navbar-brand {width: 160px; padding-top:5px; transition: all .3s ease;}
header#masthead.onscroll .navbar-brand .wlogo {display:none; }
header#masthead.onscroll .navbar-brand .blogo {display:block; }

--------------------------------*/

/* not sure if we need this? 
header#masthead.onscroll .navbar-default .navbar-nav > .active > a,
header#masthead.onscroll .navbar-default .navbar-nav > .active > .caret,
header#masthead.onscroll .navbar-default .navbar-nav > .active > a:hover,
header#masthead.onscroll .navbar-default .navbar-nav > .active > a:focus,
header#masthead.onscroll .navbar-default .navbar-nav > li > a:hover,
.site-header.onscroll .navbar-default .navbar-nav > li:hover > a,
header#masthead.onscroll .navbar-default .navbar-nav > li > a:focus,
header#masthead.onscroll .navbar-default .navbar-nav > .open > a,
header#masthead.onscroll .navbar-default .navbar-nav > .open > a:hover,
header#masthead.onscroll .navbar-default .navbar-nav > .open > a:focus {
  background-color: transparent;
  border-bottom: 2px solid #2e7099;
  color: #2e7099;
}
*/

.dropdown-menu {
  display:block; 
  visibility:hidden; 
  opacity:0;  
  transition:opacity .5s ease;
}
.dropdown:hover>.dropdown-menu {
  visibility:visible;
  opacity:1; 
  transition:opacity .5s ease;
}


.dropdown-item:hover, 
.dropdown-item:focus {
    color: #f3755f;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 0.313rem;
  line-height: normal;
  padding: 0.938rem 1.438rem 0.875rem;
  text-decoration: none;
  top: 0.313rem;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

a img.alignright {
  float: right;
  margin: 0.313rem 0 1.25rem 1.25rem;
}

a img.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.alignleft {
  float: left;
  margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignleft {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignright {
  margin: 0.313rem 0 1.25rem 1.25rem;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}



/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  font-size: 0.875rem;
  /* Make sure select elements fit in widgets. */
}
.widget select {
  max-width: 100%;
}

.widget_search .search-form input[type="submit"] {
  vertical-align:inherit;
  padding:7px 10px;
  top: 1px;
  position: relative;
}

.widget_search .search-form label {width:67%;}



.nav > li > a:focus,
.nav > li > a:hover {
  background-color: #eee;
  text-decoration: none;
}
.half-rule {
  width: 6rem;
  margin: 2.5rem 0;
}
.widget_categories .nav-link {
  display: inline-block;
  border:none;
}



/* sidebar widgets */

#custom_html-4 { background: #2f404d;
    padding: 20px;
    color: #fff;
}

#custom_html-4 img {max-width:100px;    margin: 0 auto;
    display: block;}



/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
#content.site-content {
	/*
  padding-bottom: 3.75rem;
  padding-top: 70px;
	*/
}

body.blog #content.site-content {
  padding-bottom: 3.75rem;
  padding-top: 70px;
}

body.single #content.site-content {padding-top:160px;}

body.single header#masthead { background-color: #0f1f36; }

.sticky .entry-title::before {
  content: '\f08d';
  font-family: "Font Awesome\ 5 Free";
  font-size: 1.563rem;
  left: -2.5rem;
  position: absolute;
  top: 0.375rem;
  font-weight: 900;
}

.sticky .entry-title {
  position: relative;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.page-template-blank-page .entry-content,
.blank-page-with-container .entry-content {
  margin-top: 0;
}

.post.hentry {
  margin-bottom: 4rem;
}

.posted-on, .byline, .comments-link {
  color: #9a9a9a;
}

.entry-title > a {
  color: inherit;
  border:none;
}

body.blog .entry-meta {display:none;}



/*bootstrap addendum*/
.large-gutters {
    margin-right: -45px;
    margin-left: -45px;
}
.large-gutters  > [class*="col-"] {
      padding-right: 45px;
      padding-left: 45px;
}
 





/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

.comment-body .pull-left {
  padding-right: 0.625rem;
}

.comment-list .comment {
  display: block;
}

.comment-list {
  padding-left: 0;
}

.comments-title {
  font-size: 1.125rem;
}

.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}

.comment-list .pingback:first-child {
  border: medium none;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  background: #f1f1f1 none repeat scroll 0 0;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 0.313rem 0.313rem 0;
  text-align: center;
}
.wp-caption img[class*="wp-image-"] {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 100%;
  padding: 0;
  width: auto;
}
.wp-caption .wp-caption-text {
  font-size: 0.688rem;
  line-height: 1.063rem;
  margin: 0;
  padding: 0.625rem;
}

.wp-caption-text {
  text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-item .gallery-columns-2 {
  max-width: 50%;
}
.gallery-item .gallery-columns-3 {
  max-width: 33.33333%;
}
.gallery-item .gallery-columns-4 {
  max-width: 25%;
}
.gallery-item .gallery-columns-5 {
  max-width: 20%;
}
.gallery-item .gallery-columns-6 {
  max-width: 16.66667%;
}
.gallery-item .gallery-columns-7 {
  max-width: 14.28571%;
}
.gallery-item .gallery-columns-8 {
  max-width: 12.5%;
}
.gallery-item .gallery-columns-9 {
  max-width: 11.11111%;
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Plugin Compatibility
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Woocommerce
--------------------------------------------------------------*/
.woocommerce-cart-form .shop_table .coupon .input-text {
  width: 8.313rem !important;
}

.variations_form .variations .value > select {
  margin-bottom: 0.625rem;
}

.woocommerce-MyAccount-content .col-1,
.woocommerce-MyAccount-content .col-2 {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Elementor
--------------------------------------------------------------*/
.elementor-page article .entry-footer {
  display: none;
}

.elementor-page.page-template-fullwidth #content.site-content {
  padding-bottom: 0;
  padding-top: 0;
}

.elementor-page .entry-content {
  margin-top: 0;
}

/*--------------------------------------------------------------
## Visual Composer
--------------------------------------------------------------*/
.vc_desktop article .entry-footer {
  display: none;
}

.vc_desktop #content.site-content {
  padding-bottom: 0;
  padding-top: 0;
}

.vc_desktop .entry-content {
  margin-top: 0;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer#colophon {
  font-size: 85%;
}
footer#colophon {
  color: #99979c;
  background-color: #fbfbfb;
}
.navbar-dark .site-info {
  color: #fff;
}
.site-info {color:#30404c;font-size: 10px;font-weight:600;}
.copyright {
  font-size: 10px;
  margin-bottom: 0;
  text-align: center;
  color:#30404c;
}

footer#colophon a.credits {font-size: 12px; font-weight: 700;}

.copyright a, footer#colophon a {
  color: #30404c;
  font-weight:600;
  border-bottom:none;
}

@media screen and (max-width: 767px) {
  #masthead .navbar-nav > li > a {
    padding-bottom: 0.938rem;
    padding-top: 0.938rem;
  }
}


#footer-widget {padding:60px 0 0; background-color:#fbfbfb !important;}
#footer-widget p {color:#30404c; font-size:15px; line-height:180%;}
#footer-widget p a {color:#30404c;}
#footer-widget p a:hover {color:#15E6CD;}

.footer-logo strong:before {
content:'';
  background:url('img/graymapmarker.png');
    background-size: 13px 18px;
    width: 13px;
    height: 18px;
    display: block;
    position: absolute;
    left: -5px;
    top: 5px;
}
.footer-menu li{padding-bottom:10px;}
.footer-menu ul li a {
  padding:0;
  font-size: 15px;
  font-family:  soleil, sans-serif;
  color: #30404c;
  border-bottom:none;
  transition:color .3s ease;
}

.footer-menu ul li a:hover {background:transparent;color: #15E6CD; text-decoration: none; }
.footer-menu ul.sub-menu,
.footer-menu ul.sub-menu li {display:block; margin:0; padding:0;}
.footer-menu ul.sub-menu li a {font-weight:300; font-size:13px; }

/*.footer-menu > div > ul > li > a {margin-bottom:7px; display:table;}*/



.navbar-toggler {    
  width: 40px;
    height: 40px;
    position: absolute;
    z-index: 1500;
    top: 7px;
    right: 0px;
    cursor:pointer;
    -webkit-transition: top .3s ease;
  -moz-transition: top .3s ease;
  -ms-transition: top .3s ease;
  -o-transition: top .3s ease;
  transition: top .3s ease;
}

#nav-toggle {    
    height: 40px;
    top: 0;
    float: left;
    cursor: pointer;
    padding: 20px 22px 15px 0px;
    width: 40px;
}

.navbar-toggler #nav-toggle span,
.navbar-toggler #nav-toggle span:before,
.navbar-toggler #nav-toggle span:after {
  position: absolute;
  display: block;
  content: '';
  background: #fff;
  width:40px;
  right:0;
  cursor: pointer;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  height: 2px;
  opacity:1;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;

}
.navbar-toggler #nav-toggle span {
  -webkit-transform: translateY(0) translateX(0) rotate(45deg) !important;
          transform: translateY(0) translateX(0) rotate(45deg) !important;
}
.navbar-toggler #nav-toggle span:before {
  opacity: 0;
  top:-11px;
}
.navbar-toggler #nav-toggle span:after {
  -webkit-transform: translateY(-10px) translateX(0) rotate(-90deg) !important;
          transform: translateY(-10px) translateX(0) rotate(-90deg) !important;
  top:11px;
}


.navbar-toggler.collapsed #nav-toggle span,
.navbar-toggler.collapsed #nav-toggle span:before,
.navbar-toggler.collapsed #nav-toggle span:after {
  -webkit-transform: translateY(0) translateX(0) rotate(0) !important;
  transform: translateY(0) translateX(0) rotate(0) !important;
  opacity:1;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}



/*--------------------------------------------------------------
# CUSTOMIZATIONS
--------------------------------------------------------------*/
#menu-main .dropdown-menu  {border-bottom: 5px solid #346394;}

/*#menu-main li:first-child .dropdown-menu { min-width:750px; padding:20px 10px; margin:0; left:-230px; }*/

#menu-main .dropdown-menu:before {    
  content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12px 9px 12px;
    border-color: transparent transparent #ffffff transparent;
    position: absolute;
    top: -8px;
    left: 50px;
    z-index:3;
}
#menu-main .dropdown-menu:after {
   content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 11px 8px 11px;
    border-color: transparent transparent rgba(0, 0, 0, 0.15) transparent;
    position: absolute;
    top: -9px;
    left: 51px;
    z-index: 2;
  }
 
/*#menu-main li:first-child .dropdown-menu:before {    
	
    right: 453px;
    left: auto;
}

#menu-main li:first-child .dropdown-menu:after {    
    right: 454px;
    left: auto;
}*/






/* custom dropdown changes */

/*

li#menu-item-3115 ul.dropdown-menu
{width:844px; height:282px; background:url(img/books-forward-menu-bg.jpg) top left no-repeat; left:-180px;}

li#menu-item-3110 ul.dropdown-menu
{width:844px; height:282px; background:url(img/indie-book-publishing-menu-bg.jpg) top left no-repeat; left:-300px;}

li#menu-item-3122 ul.dropdown-menu
{width:844px; height:282px; background:url(img/book-assist-menu-bg.jpg) top left no-repeat; left:-500px;}

li#menu-item-3115 .dropdown-menu:before {
    right: 583px;
    left: auto;
  }

li#menu-item-3110 .dropdown-menu:before {
    right: 440px;
    left: auto;
  }

li#menu-item-3122 .dropdown-menu:before {     
    right: 275px;
    left: auto;
  }

li#menu-item-3115 .dropdown-menu:after,
li#menu-item-3110 .dropdown-menu:after,
li#menu-item-3122 .dropdown-menu:after  {    
    right: 584px;
    left: auto;
}

li#menu-item-3145,
li#menu-item-3160,
li#menu-item-3161
{width: 500px;
  padding:20px 120px 0 10px;
    float: left;}

li#menu-item-3145 a,
li#menu-item-3160 a,
li#menu-item-3161 a 
{pointer-events:none;}

li#menu-item-3145 a,
li#menu-item-3160 a,
li#menu-item-3161 a
{font-family: soleil, sans-serif; font-weight: 900; color:#111; font-size: 22px; margin-bottom: 15px;}

li#menu-item-3145 a p, 
li#menu-item-3160 a p,
li#menu-item-3161 a p  
{font-size: 14px; font-family: 'Open Sans', sans-serif;
    color: #30404c; font-weight: 300; margin-top: 10px;}


li#menu-item-3119,li#menu-item-3118, li#menu-item-3117,li#menu-item-3116,
li#menu-item-3114,li#menu-item-3113, li#menu-item-3112,li#menu-item-3111,
li#menu-item-3134,li#menu-item-3133, li#menu-item-3132,li#menu-item-3132 
{float: left; width: 330px; padding-left: 0; margin-left: 0;}

li#menu-item-3119 a,li#menu-item-3118 a, li#menu-item-3117 a, li#menu-item-3116 a,
li#menu-item-3114 a,li#menu-item-3113 a, li#menu-item-3112 a, li#menu-item-3111 a,
li#menu-item-3134 a,li#menu-item-3133 a, li#menu-item-3132 a, li#menu-item-3131 a 

{color: #fff; padding-left: 0; text-decoration: none;}

li#menu-item-3119 a:hover,li#menu-item-3118 a:hover, li#menu-item-3117 a:hover, li#menu-item-3116 a:hover,
li#menu-item-3114 a:hover,li#menu-item-3113 a:hover, li#menu-item-3112 a:hover, li#menu-item-3111 a:hover,
li#menu-item-3134 a:hover,li#menu-item-3133 a:hover, li#menu-item-3132 a:hover, li#menu-item-3131 a:hover 
{text-decoration: underline;}

li#menu-item-3117,
li#menu-item-3112, 
li#menu-item-3132 
{margin-top: 25px;}


li#menu-item-3117::before,
li#menu-item-3112::before,
li#menu-item-3132::before   {
  margin-top: 25px;
  content: "Explore";
  font-family: soleil, sans-serif; font-weight: 900; color:#fff; font-size: 22px; margin-bottom: 15px;
  line-height: 45px;
}


#menu-item-3115 .dropdown-menu  {border-bottom: 5px solid #9fd456;}
#menu-item-3110 .dropdown-menu   {border-bottom: 5px solid #67b0fb;}
#menu-item-3122 .dropdown-menu  {border-bottom: 5px solid #ff7055;}

*/


.navicon {width:50%; display:block; position: relative;}
.servicesdescription { 
  width: 50%;
    float: right;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    border-left: 2px solid #ddd;
    padding: 20px 10px 20px 20px;
}
.servicesdescription a {padding:0; font-size:0; pointer-events:none;}
.servicesdescription p.menu-item-description {font-size:16px; pointer-events:none;}
.navicon a {    color: #565656;
    text-decoration: underline;
    font-size: 16px;
    position: relative;
    height: 80px;
    padding: 0;
    width: 281px;
    display: block;
    left: 80px;
    font-family:'Montserrat', sans-serif;
}

.main-services{
  margin-top: 15px;
}

.main-services p{
  margin-top: 15px;
}

.navicon a > p.menu-item-description {color:#959da5; font-family:'Open Sans', sans-serif;text-decoration:none !important; font-size:14px; position:absolute;}
.navicon:before {
  content: '';
    display: block;
    width: 50px;
    height: 50px;
    background-repeat:no-repeat;
    position: absolute;
    top: 0;
    left: 12px;
}
.experticon:before { 
  background-image: url(/wp-content/uploads/2018/08/service-icon-2.png);
    background-size: 50px;
}
.tailoredicon:before { 
  background-image: url(/wp-content/uploads/2018/08/service-icon-1.png);
    background-size: 50px;
}
.guidanceicon:before  { 
  background-image: url(/wp-content/uploads/2018/08/service-icon-3.png);
    background-size: 50px;
}

.servicesdescription:after { 
    content: '';
    display: block;
    background-image: url(/wp-content/uploads/2018/10/temp1-650x550.jpg);
    width: 331px;
    height: 175px;
    background-size: 331px;
    background-repeat: no-repeat;
    top: -11px;
    position: relative;


}
 


@media screen and (max-width:1180px) {
#main-nav li{
  transform:translateY(-20px);
  opacity:0; 
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}


#main-nav li:nth-of-type(2n) {transition-delay:.1s;}
#main-nav li:nth-of-type(3n) {transition-delay:.2s;}
#main-nav li:nth-of-type(4n) {transition-delay:.3s;}
#main-nav li:nth-of-type(5n) {transition-delay:.4s;}
#main-nav li:nth-of-type(6n) {transition-delay:.5s;}

#main-nav.show li{
  transform:translateY(0);
  opacity:1; 
    float: left;
    width: 98%;
    padding-left: 0;
    margin-left: 0;
    cursor:pointer;
}





body .navbar-nav li > ul.dropdown-menu {
position: relative !important;
    /* display: block !important; */
    opacity: 1;
    visibility: visible;
    right: 0 !important;
    top: 0 !important;
    max-height: 0;
    left: 0 !important;
    width: 100% !important;
    border: none !important;
    background: transparent !important;
    padding: 0 5%;
    margin: 0;
    overflow: hidden;
    height:auto !important;
   /* display: none;*/
    transition: all .3s ease !important;
}

body .navbar-nav li > ul.dropdown-menu.expand {   /* display: block;*/
    max-height: 100px !important;}


ul.dropdown-menu li.menu-item-type-custom:first-child {display:none !important;}
li#menu-item-3117::before, li#menu-item-3112::before, li#menu-item-3132::before { display: none; }

#menu-main .dropdown-menu:before, #menu-main .dropdown-menu:after {display:none;}


body .navbar-nav {
    height: 100vh;
    margin: 110px 0 0 5%;

  }
body #main-nav {
    background: #0f1f36;
    width: 300px;
    position: fixed;
    top: 0px;
    right: 0px;
    left:auto;
    text-align: right;
    width: 50%;
    min-width: 300px;
 }

.dropdown-item {color:#fff; padding:0; display:inline;}

body #masthead .navbar-nav > li > a {
 text-align: left;
    font-size: 19px;
    padding: 5px 10px !important;
    /* width: auto; */
    display: inline;
    float: left;
  }


body #masthead .navbar-nav > li {
    margin: 0;
    height:auto;

}
li#menu-item-3117, li#menu-item-3112, li#menu-item-3132 {margin:0;}



/*li.menu-item-has-children:after {content:"V"; display: block; color:#fff; position:absolute; left: 93%; top:0;}*/


li.menu-item-has-children:after {
display: inline-block;
    width: 0;
    height: 0;
    content: "";
    border-top: 8px solid;
    border-right: 10px solid transparent;
    border-bottom: 0;
    border-left: 10px solid transparent;
    color: #fff;
    top:16px;
    position: absolute;
    right: 6%;
    transform: rotate3d(1, 0, 0, 0deg);
    transition:transform .3s ease;
}


li.menu-item-has-children.fliparrow:after {transform: rotate3d(1, 0, 0, 180deg);}

}



 
.contain550 {max-width:550px; width:100%; margin:0 auto;padding-right: 15px;padding-left: 15px;}
.contain600 {max-width:600px; width:100%; margin:0 auto;padding-right: 15px;padding-left: 15px;} 
.contain750 {max-width:750px; width:100%; margin:0 auto;padding-right: 15px;padding-left: 15px;}
.contain990 {max-width:990px; width:100%; margin:0 auto;padding-right: 15px;padding-left: 15px;}
.contain1100 {max-width:1100px;} /*use .container too*/

.contain1290 {max-width:1290px; width:100%; margin:0 auto;padding-right: 15px;padding-left: 15px;}



.transdarkoverlay {background:#31404b; opacity:.8; width:100%; height:100%; top:0; left:0; position:absolute; z-index:2;}
.lighteroverlay {opacity:.2;}

.light-text,
.light-text h1,
.light-text h2,
.light-text h3,
.light-text p {color:#fff;}

.blue-bkd {background:#346394;}
.orange-bkd {background:#ff7055;}
.green-bkd {background:#9ed64d;}
.medblue-bkd {background:#4887BF;}
.ltgray-bkd {background:#f6f6f6;}
.white-bkd {background:#ffffff;}
.skin-bkd {background:#f8efe8;}
.ltblue-bkd {background:#e4f7f4;}
.ltgray-bkd { background: #fafafa; }
.neutral-bkd { background: #eee; }
.gradient-bkd {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e4f7f4+0,f8efe7+100 */
background: rgb(228,247,244); /* Old browsers */
background: -moz-linear-gradient(top, rgba(228,247,244,1) 0%, rgba(248,239,231,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(228,247,244,1) 0%,rgba(248,239,231,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(228,247,244,1) 0%,rgba(248,239,231,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f7f4', endColorstr='#f8efe7',GradientType=0 ); /* IE6-9 */
}


p.intro-text{font-size:18px; line-height:200%;}


.sectionpad {padding:50px 0;}
.biggerpad {padding: 100px 0;}
.sectionpad p {line-height:180%;}


.hero {width:100%; display:block; position:relative; z-index:1;  height:440px;  padding-top:80px;}
.hero .container {position: relative; z-index:3;}

.hero h1 {margin:0;line-height:140%;padding:0;}
.hero p.subhead {font-size:32px; line-height:100%; margin-bottom:30px;}
.hero p {font-size:18px; line-height:200%; margin:0;}
.hero:not(.home-hero) p {max-width:600px; margin:0 auto; line-height:140%;}
.hero p.intro-text {font-size:20px; line-height:200%; margin-bottom:20px;}
.resources-hero {height:290px;}
.smaller-hero .container{  position:relative; /*max-width:635px;*/ width:100%; margin:0 auto;}




.carousel-item, .carousel-inner {height:80vh;}
.carousel-indicators {
  width: 100%;
    max-width: 100%;
    left: 0;
    right: 0;
    margin: 0;
    bottom:-30px;
 }
.carousel-item .col-lg-6 {margin-top:25vh;}

.carousel-indicators {
  background-color: #cccccc; 
  height: 40px;
}

.carousel-indicators li {
  position: relative;
  top: 15px;
  width:8px;
  height:8px;
  border-radius: 8px;
  margin: 0 6px;
   }

     .carousel-indicators li {
    background-color: #0f1f36;
   }


   .carousel-indicators .active {
    background-color: #346394;
   }

/*


.carousel-indicators li {
  width:33.3333%;
    position:relative;
  margin:0;
  height:110px;
  padding:0 10px;
  text-align: center;
  color:#fff;
}

.carousel-indicators li p {
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  right:0;
  left:0;
 margin:0;
 font-family: soleil, sans-serif;
 text-indent:0;
 font-size:18px;
 line-height:120%;
}

.carousel-indicators li p span {
  display:block;
 font-size: 11px;
  font-weight: lighter;
  font-style: italic;
  margin: 4px 0 0 0;
  line-height:120%;

}
.carousel-indicators li:first-child {background:#9ed64d;}
.carousel-indicators li:nth-of-type(2) {background:#67b0fb;}
.carousel-indicators li:nth-of-type(3) {background:#ff7055;}

.carousel-indicators li:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 15px 20px;
    border-color: transparent transparent #007bff transparent;
    top: -15px;
    left: calc(50% - 20px);
}

.carousel-indicators li:first-child:before {border-color: transparent transparent #9ed64d transparent; display:none;}
.carousel-indicators li:nth-of-type(2):before {border-color: transparent transparent #67b0fb transparent; display:none;}
.carousel-indicators li:nth-of-type(3):before {border-color: transparent transparent #ff7055 transparent; display:none;}

.carousel-indicators li.active:first-child:before {display:block;}
.carousel-indicators li.active:nth-of-type(2):before {display:block;}
.carousel-indicators li.active:nth-of-type(3):before {display:block;}


*/


.home-hero {height:80vh; padding-top:0;}
/*.home-hero .container {height:80vh;}*/
.home-hero h2 {margin:0 0 30px 0; line-height:110%;font-size: 50px;padding:0;}
/*.home-hero p:not(.subhead) {max-width:480px;}*/
.home-hero p {margin-bottom:25px;}


.home-intro h2 {margin-top:0;}


.home-mid-fifty {position:relative; }
.home-mid-fifty p {max-width:540px;}
.home-mid-fifty .pad {padding:50px 15px;}

.fifty-image { width:50%; position:absolute; right:0; height:100%;}

.quote-section { padding: 140px 0 70px;}
.quote-section blockquote {-webkit-font-smoothing: antialiased; font-size:20px; line-height:180%; position:relative; z-index:3; font-family:soleil, sans-serif;}
.quote-section blockquote cite {font-size:20px; position:relative; line-height: 120%;}
.quote-section blockquote cite span {display:block; margin-top:-7px;}
.quote-section blockquote cite:before {content:'\2014'; display:block; position:absolute; left: -24px; top: 3px;}
.quote-section blockquote:before {
  content:'';
  background:url('/wp-content/uploads/2018/11/huge-quote-517.png');
  background-size:260px 220px;
  width:260px;
  height:220px;
  display:block;
  position:absolute;
  z-index:-1;
  opacity:.5;
  left:-190px;
  top:-40px;

}
.quote-section.skin-bkd blockquote:before,
.quote-section:nth-of-type(odd) blockquote:before { opacity:.7; filter:brightness(2.5); }
.quote-section:nth-of-type(odd) {background-color:#fbf2ea;}

.quote-section img {border-radius:50%; max-width:300px;}


.home-event-blog p {line-height:200%;    max-width: 470px;}

.services-intro h3 {margin:0 0 10px 0;}
.services-intro a p {color:#30404c;}
.services-intro img {margin:0 auto; text-align: right; max-width: 64px;}
.services-intro a:hover p,
.services-intro a:hover h3  {color:#f3755f;} 

/*.alting img {margin:0 auto; display:block; max-width:400px;}*/

.autoalting {background:#f6f6f6;}
.autoalting:nth-of-type(even) {background:#fff;}
.autoalting:nth-of-type(even) .row {flex-flow: row-reverse;}


.bottom-cta h2 {margin-top:0;}

.centered-cta {text-align:center; padding:70px 0;}

.centered-cta .container {max-width:800px;}
.centered-cta .btn {display: table; margin:50px auto 0; }
.centered-cta p {line-height:200%;}
.centered-cta h2 {margin:0 0 20px 0;}



.company-types {text-align:center;}
.company-types h2 {margin: 10px auto 60px; max-width: 670px;}
.company-types ul {font-family:  soleil, sans-serif; list-style:none; padding:0; color:#fff; max-width: 1100px; margin: 0 auto; letter-spacing:.04em; }
.company-types li {margin-bottom:33px;}
.company-types li:after {    
  content: '';
    display: block;
    width: 65px;
    height: 5px;
    margin: 13px auto;
    background: #fff;
}


.company-types.service-suite ul {color:#30404c;}
.company-types.service-suite li:after {background:#999;}


.about-team h3 span {display:block; font-weight: 500; font-size:20px; padding:5px 0 20px;}
.about-team .intro-text {margin-bottom:60px;}


/*FAQ ACCORDION*/

.accordion button.btn-link {
  font-family:'Open Sans', sans-serif; 
  width:100%; 
  text-align:left; 
  color:#2bc0d1; 
  text-decoration: none; 
  /*font-weight: 300;*/
  font-size:20px;
   position: relative; 
   border:2px solid #528dc4; 
   margin-bottom:20px;
   padding:20px 30px;
   background: #fbfbfb;
       white-space: normal;
    padding-right: 70px;
}

.accordion button.btn-link:hover {background: #fbfbfb;}
.accordion button.btn-link.collapsed:hover {background: #ebebeb;}
.accordion button.btn-link.collapsed {color:#30404b; background:#ebebeb; border:2px solid #ebebeb;}

.accordion button.btn-link .vertical {
  transition: all 0.5s ease-in-out;
  transform: rotate(90deg);
}
.accordion button.btn-link .horizontal {
  transition: all 0.5s ease-in-out;
  transform: rotate(90deg);
  opacity: 0;
}

.accordion button.btn-link.collapsed .vertical {
  transition: all 0.5s ease-in-out;
  transform: rotate(-90deg);
}
.accordion button.btn-link.collapsed .horizontal {
  transition: all 0.5s ease-in-out;
  transform: rotate(-90deg);
  opacity: 1;
}


.circle {
    position: absolute;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    top: 18px;
    right: 30px;
}

.accordion button.btn-link .circle {background:#2bc0d1;transition: all 0.5s ease-in-out;}
.accordion button.btn-link.collapsed .circle {background:#30404b;transition: all 0.5s ease-in-out;}

.circle .horizontal {
    position: absolute;
    background-color: #fff;
    width: 14px;
    height: 1px;
    left: 50%;
    margin-left: -7px;
    top: 50%;
    margin-top: 0;
}

.circle .vertical {
    position: absolute;
    background-color: #fff;
    width: 1px;
    height: 14px;
    left: 50%;
    margin-left: -1px;
    top: 50%;
    margin-top: -6.5px;
}



.collapse-body {white-space: initial; color:#555; font-size: 16px; margin-top:20px;}


.vidwrap {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.vidwrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.fifty-img {
  max-width:550px;
  width:100%;
  box-shadow: 10px 10px 0 0px #fff;
  margin-left: 8%;
}
.row > div:first-child .fifty-img {margin:0 8% 0 0;}


.logo-list {
  margin:0;
  padding:0;
  list-style: none;
}

.logo-list img{
  max-width: 200px;
}


/*--------------------------------------------------------------
#  Forms
--------------------------------------------------------------*/


.nf-form-fields-required {display:none;}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea,
select {
    color: #666;
    padding: 10px;
    border: 1px solid #c0c0c0;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 400;
}



.gform_wrapper.gf_browser_chrome .gfield_checkbox li input, .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {
  margin-top:0 !important;
}

#gform_wrapper_2 h2 span {display:block; font-size:.6em;}
#gform_wrapper_2 hr {margin-top:50px;}

#gform_wrapper_2 .ginput_container.ginput_container_date input {width:100%;}
/*--------------------------------------------------------------
# Media Query
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Notebook
--------------------------------------------------------------*/
@media only screen and (max-width: 1280px) {
  html {
    font-size: 95%;
  }
}

@media screen and (max-width: 1199px) {
  .navbar-dark .dropdown-item {
    color: #fff;
  }
  .navbar-nav .dropdown-menu {
    background: transparent;
    box-shadow: none;
    border: none;
    /*display:none !important;*/
  }

  .navbar-nav{ height: 100vh; margin:110px 0 0 0;}
/*header#masthead.onscroll .navbar-nav{ height: 100vh; margin:30px 0 0 0;}*/
  .dropdown-toggle::after {display:none;}
#masthead .navbar-nav > li {margin:0; height:8%;}
  #masthead .navbar-nav > li > a {text-align: center; font-size:22px; padding:5% !important;}
.navbar-nav > li.loginbtn > a { margin: 30px auto !important; display: table;}
#main-nav   {  
  background: #0f1f36;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;

}

/*header#masthead.onscroll #main-nav {background:transparent; position:inherit; padding:0;}*/


}
/*--------------------------------------------------------------
## Macbook Air
--------------------------------------------------------------*/
@media only screen and (max-width: 1400px) {

/*body {font-size:15px;}

h1 {
  font-size: 32px;
  padding-bottom: 10px;
}

h2 {
  font-size: 25px;
  padding-bottom: 0.3em;
  line-height: 1.25;
}
h3 {
  font-size: 19px;
  line-height: 25px;
}
h4 {
  font-size: 15px;
  line-height: 20px;
}
h5 {
  font-size: 12px;
  line-height: 17.5px;
}

.home-intro h2 {font-size:30px;}
p.intro-text {font-size: 17px;}
.hero p, .home-mid-cta p {font-size:16px;}

button, html input[type="button"], input[type="reset"], input[type="submit"], .btn { padding: 10px 40px;}
*/}


/*--------------------------------------------------------------
## Netbook
--------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {
  html {
    font-size: 90%;
  }
}




/*--------------------------------------------------------------
## 991px
--------------------------------------------------------------*/
@media only screen and (max-width: 991px) {

  .home-mid-fifty .col-sm-6 {
    width:100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .fifty-image {
    width: 100%;
    position: absolute;
    right: 0;
    height: 100%;
    height: 500px;
    top: 0;}

  .home-mid-fifty p {max-width: 100%}
  .home-mid-fifty .container {margin-top: 500px;}
  .fifty-img {margin:10px 0 !important;}
}



/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
  html {
    font-size: 85%;
  }


}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
  html {
    font-size: 80%;
  }
  h2 {font-size:30px;}
  .home-hero h2, h1 {font-size:40px;}

  p.intro-text {font-size:17px;}

  /*bootstrap addendum*/
.large-gutters {
    margin-right: -15px;
    margin-left: -15px;
}
.large-gutters  > [class*="col-"] {
      padding-right: 15px;
      padding-left: 15px;
}
 


}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
  html {
    font-size: 75%;
  }

  h2 {font-size:25px;}
  .home-hero h2, h1 {font-size:29px;}

  p.intro-text {font-size:16px;}

}

/**** NEW CSS ****/
.bfluent-txt {
	font-size: 22px;
    line-height: 32px;
}

.services-list, .incfont {
	font-size: 18px;
}

.incfont {
	list-style:none;
	margin-bottom: 25px;
}

.page-template-page-homepage .blue-bkd {
    background: #4887bf;
}

button, html input[type="button"], input[type="reset"], input[type="submit"], .btn {
	background: #fe8172;
    border-color: #fe8172;
}

button, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .btn:hover {
    color: #30404c;
    background-color: #fff;
    border-color: #fe8172;
}

header#masthead.onscroll .navbar-nav > li > a:hover, header#masthead.onscroll .navbar-nav > li.current_page_item > a, #masthead .navbar-nav > li > a:hover, #masthead .navbar-nav > li.current_page_item > a {
    color: #fe8172;
}

a, a:hover {
    color: #fe8172;
}

.page-template-page-homepage .main-services img {
	display: block;
    margin: 0 auto;
    margin-bottom: 20px;
}

.page-template-page-homepage .main-services {
    text-align: center;
    font-size: 18px;
    line-height: 28px;
}

.servicebtn {
	margin-top: 20px;
}

.dropdown-item:hover, .dropdown-item:focus {
    color: #fe8172;
}

.quote-section blockquote cite {
	font-style: normal;
}

.bfflist {
	list-style:none;
	padding: 0;
}

.bfflist li {
    width: 16%;
    float: left;
    margin: 0.33%;
}

.bfflogo {
	padding: 5%;
}

@media only screen and (max-width: 600px) {
  .bfflist li {
    width: 32.6%;
	margin: 0.33%;
  }
}

.servicebtn {
    background: #fe8172;
    border-color: #fe8172;
}

.servicebtn:hover {
	border-color: #fe8172;
}

hr {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.postid-4286 .saboxplugin-wrap {
	display:none !important;
}

.postid-5505 h3, .postid-5505 h4 {
	font-size: 16px;
}

.postid-5505 h3 {
    margin-bottom: 0px !important;
}

.postid-5505 h4 {
    margin-top: 10px;
}

/****MailChimp - Gravity Form label style****/
#label_2_43 {
	font-size: 16px;
    margin: 10px 0;
    font-weight: 700;
}

/**** Password Protected Pages *****/
.post-password-required .mb-3 {
	text-align: center;
	font-weight: 600;
}

.post-password-required  .form-inline {
	display: inline-flex !important;
    margin-top: 30px;
}

.post-password-required .entry-content {
	padding: 70px 0 50px;
}

.post-password-required {
	text-align:center !important;
}

/**** Hello Page ****/
.gform_confirmation_message_9 {
text-align:center !important;
}

/**** HIDE COMMENTS SECTION ****/
#comments, .comments-area {
	display: none !important;
}

/**** Archive Pages Header Fix ****/
.archive #masthead {
	background-color: #0f1f36;
}

.archive #content {
	padding-top: 160px !important;
}

.archive .page-title {
	font-size: 42px;
}

.home-list {
	list-style-position: inside;
    line-height: 2em;
    margin-bottom: 50px;
    font-size: 18px;
	list-style-type: square;
}