/* 2021 Stylsdheet Adons */
@media only screen and (max-width: 992px)
{ 
  /* Homepage Carousel Section Stylings */
  .homepage-19 .bm-banner-preview h1{ font-size:18px!important; }
  .homepage-19 .bm-banner-preview h1 span{ padding:8px 15px!important; }
  .homepage-19 .btn-yellow{ font-size:12px!important; padding:8px 15px!important; }
  .homepage-19 .carousel-content{ top:6%!important; }
}

/* 2020 Stylsdheet Adons */
.topic-image{ max-width:75%; display:block; margin-left:auto; margin-right:auto; margin-top:15px; margin-bottom:15px; }

/* Navigation Section Stylings */
.navbar-inverse .navbar-nav > .youtube-icon > a:hover{ background-color:#FF0000!important; }
/* .navbar-inverse .navbar-nav > li > a:hover{ border-bottom:3px solid #D9E021!important; } */
.navbar-brand{ height:30px!important; }

/* Tile Overlay Stylings */
.bm-content-preview h3{ font-size:18px; line-height:2.1; padding:2px 0; width:80%; position:absolute; bottom:1.8%; left:4%; }
.bm-content-prview:hover h3{ opacity:0; }
.bm-content-prview h3{ transition:.5s ease; }
.overlay-image{ position:relative; width:100%; }
.overlay-image .text{ color:#fff; font-size:18px; line-height:1.5em; padding-top:8%; }
.overlay-image .text p{  padding:10px 20px; text-align:center; }
.overlay-image .hover{ position:absolute; top:0; height:100%; width:100%; opacity:0; transition:.5s ease; }
.overlay-image:hover .hover{ opacity:1; }
.overlay-image .standard-content{ transition:.5s ease; }
.overlay-image:hover .standard-content{ opacity:0; }
.overlay-image .hover{ background-color:rgba(0,0,0,0.5); }

/* Services Slick Slider Stylings */
.slick-dots li button:before{ top:-10px!important; content:'.'!important; font-size:45px!important; }

@media only screen and (max-width: 1200px)
{
  /* Tile Overlay Stylings */
  .overlay-image .text{ padding-top:8%; }
}

@media only screen and (max-width: 992px)
{
  /* Navigation Stylings */
  .navbar-nav{ float:none!important; }

  /* Tile Overlay Stylings */
  .overlay-image .text{ padding-top:7%; font-size:12px }
  .overlay-image .text p{ padding:5px 20px; }
}

@media only screen and (max-width: 600px)
{
  /* Navigation Stylings */
  .navbar-nav{ float:none!important; }
  .navbar-brand {
    height: 75px!important;
  }

  /* Tile Overlay Stylings */
  .overlay-image .text{ padding-top:7%; font-size:12px }
  .overlay-image .text p{ padding:5px 20px; }
}




/*  MAIN CSS  ============================================================================= */

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

/* General Stylings */
.homepage-19 .btn-yellow{ font-size:14px; background-color:#d9e021; color:#000; text-align:center; border-radius:0px; border:1px solid #d9e021; margin:15px 0px; font-family:'Nunito', sans-serif; padding:10px 25px; }
.homepage-19 .no-pad{ padding:0px; }

/* Content Section Stylings */
.homepage-19 .content{ padding:50px 10px; width:80%; margin-left:auto; margin-right:auto; }
.homepage-19 .content p{ text-align:center; color:#000; }

/* Carousel Section Stylings */
.homepage-19 .carousel-control{ position:absolute; top:50%; z-index:5; display:inline-block; width:10%; color:#fff!important; }
.homepage-19 .carousel-content{ position:absolute; top:10%; left:8%; z-index:20; color:#fff; width:80%; }
.homepage-19 .bm-banner-preview{ min-width:100%; max-width:100%; background-size:cover; position:relative; background-position:center; }
.homepage-19 .bm-banner-preview h1{ font-size:28px; line-height:2.1; padding:2px 0; width:80%; }
.homepage-19 .bm-banner-preview h1 span{ background-color:rgba(0,0,0,0.85); color:#fff; display:inline; padding:10px 30px; -webkit-box-decoration-break:clone; }
.homepage-19 .bm-banner-preview .p-content span{ background-color:rgba(0,0,0,0.85); color:#fff; display:block; padding:15px 30px; -webkit-box-decoration-break:clone; width:44%; }
.homepage-19 .bm-banner-preview .p-content span p{ font-size:14px; line-height:1.5; padding:2px 0; display:inline-block; margin-bottom:0px; }

/* Article Section Stylings */
.homepage-19 .custom-trigger{ padding:0px; padding-top:15px; }

/* Contact CTA Stylings */
.homepage-19.yellow-bg h2, .homepage-19.yellow-bg p{ color:#000; }
.homepage-19 label{ color:#000; font-family:'Nunito', sans-serif; font-weight:600; }
.homepage-19 input[type="text"]{ background-color:transparent; min-width:100%; max-width:100%; padding:14px; font-size:11pt; margin:15px 0px; border:none; border-bottom:1px solid black; border-radius:0px; }
.homepage-19 input[type="email"]{ background-color:transparent; min-width:100%; max-width:100%; padding:14px; font-size:11pt; margin:15px 0px; border:none; border-bottom:1px solid black; border-radius:0px; }
.homepage-19 input[type="submit"]{ min-width:100%; max-width:100%; margin:15px 0px; padding:10px 14px; height:auto; border:1px solid #000; border-radius:0px; transition: all 300ms ease-in-out; }
.homepage-19 ::placeholder{ color:#000; }

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

.bm-content-preview{ height:250px; min-width:100%; max-width:100%; background-size:cover; position:relative; margin:10px 0px; background-position:center; }
.bm-content-preview h3{ font-size:18px; line-height:2.1; padding:2px 0; width:80%; position:absolute; bottom:1.8%; left:4%; }
.bm-content-preview h3 span{ background-color:rgba(0,0,0,0.85); color:#fff; display:inline; padding:0.6rem; box-decoration-break:clone; -webkit-box-decoration-break:clone; }
.bm-content-preview h3 span green{ color:#d9e021!important; }

.yt-cta{ background-image:url('../img/cta-background.png'); background-size:cover; padding:50px 0px; min-width:100%; max-width:100%; margin:20px 0px; }
.yt-cta h2{ color:#fff; font-family:'Lora', sans-serif; padding:20px 0px 5px 0px; margin:0; font-size:34px; }


  #trainingForm select{ min-width:100%; max-width:100%; font-family:'Lora', sans-serif; font-size:14px; background-color:#fff; border:1px solid #ccc; margin:10px 0px; padding:10px 15px; }
  #trainingForm input[type="text"], #trainingForm input[type="email"], #trainingForm textarea{ min-width:100%; max-width:100%; font-family:'Lora', sans-serif; font-size:14px; background-color:#fff; border:1px solid #ccc; margin:10px 0px; padding:10px 15px; }
  #trainingForm input[type="submit"]{ background-color:#333; color:#fff; border:1px solid #000; padding:10px 20px; font-family:'Lora', sans-serif; font-size:16px; }
  #eventsModal button{ transition:all 500ms ease-in-out; padding:10px 30px; color:#fff; background-color:#333; border:1px solid #000; font-family:'Lora', sans-serif; font-size:16px; margin:10px 0px; }
  #eventsModal button:hover{ transition:all 500ms ease-in-out; background-color:#fff; color:#333; }
  #newBannerHeading{ text-transform:capitalize; }
  #SearchContent{ display:none; }

  .main-header{ width:100%; background-color:#fff; padding:25px 0px; }
  .main-header a{ text-decoration:none; color:inherit; }
  .main-header-logo{ max-height:55px; max-width:100%; }
  .main-header input[type="text"]{ min-width:30%; max-width:30%; height:20px; padding:10px; font-size:11pt; }
  .main-header input[type="submit"]{ min-width:15%; max-width:18%; height:25px; padding:0px; font-size:9pt; }
  .main-header ul{ list-style-type:none; margin:0; padding:0; }
  .main-header ul li{ display:inline-block; margin:0; padding:0 0 0 10px; }
  .main-header ul li a:hover{ text-decoration:none; color:inherit; }
  .main-header ul li img{ max-height:23px; top:-2px; position:relative; }

  .align-center{ text-align:center!important; }

  .no-decoration{ text-decoration:none!important; color:inherit!important; }

  .background-test{
  background: url(../img/bg-test.jpg) no-repeat;
  background-size: 100%;
  width: 100%; }

.right-floating-block{ position:absolute; top:175px; right:0%; width: calc(0.5 * (100% - 1024px)); padding:10px; }
.left-floating-block{ position:absolute; top:175px; left:0%; width: calc(0.5 * (100% - 1024px)); padding:10px; }
.left-floating-block img, .right-floating-block img{ max-width:100%; min-width:100%; }
.left-floating-block button, .right-floating-block button{ margin:15px 0px 0px 0px; background-color:#d9e021; color:#000; font-family:'Open Sans', sans-serif; font-weight:bold; padding:12px; text-transform:uppercase; border:0; width:100%; }

  .grey-section h1{ font-family:'Lora', sans-serif!important; font-size:28px; padding:10px 25px; margin:0; }

.green-bar{ background:#d9e021; padding:15px 0px; color:#000; margin:0; }
.green-bar p{ margin:0; padding:0; font-family:"Lora", sans-serif; text-align:center; }

  .nav>li>a:focus, .nav>li>a:hover { background-color: #000000; color: #FFFFFF; }
  .nav .open>a, .nav .open>a:focus, .nav .open>a:hover { background-color: #000000; color: #FFFFFF; }
  .dropdown-menu { background-color: #000000; border:0px; font-family: 'Nunito', sans-serif; }
  .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { background-color: #4b4b4b; }
  h3 { font-size:13pt; font-family: 'Nunito', sans-serif; }

body{ padding-left:0!important;padding-right:0!important; }

#apply-heading-margin h1 { margin-left:70px!important; margin-right:70px!important; }

  .align-right{ text-align:right; }

  .center-img{ display:block; margin-left:auto; margin-right:auto; }
  .top-bar{ background-color:#d9e021; padding:15px 0px; }
  .top-bar .right{ text-align:right; }
  .top-bar a{ text-decoration:underline; color:#000!important; }
  .top-bar p{ font-weight:bold; color:#000; margin:0; padding:0; font-size:14px; }

  .inline-ul{ width:auto; display:inline-block; }
  .inline-ul li{ display:inline-block; margin:0 15px; padding:5px 0px; }
  .inline-ul li a{ text-decoration:none; color:inherit; }

  .fixed-top{ position:sticky!important; position:-webkit-sticky!important; top:0; }
  .grey-bg, .ctct-inline-form{ background-color:#f2f2f2; padding:20px; border-top:2px solid #ccc; border-bottom:2px solid #ccc; margin-bottom:25px; }
  .yellow-bg{ background:url('/img/bernards-newsletter-bg.jpg'); background-position:center; background-size:cover; padding:20px; margin-bottom:25px; margin:20px 0px; }
  .ctct-form-embed.form_0 .ctct-form-defaults{ background-color:transparent!important; }
  .ctct-form-defaults{ background:transparent!important; }
  .ctct-form-button{ border:0!important; background-color:#d9e021!important; color:#fff; font-family:'Nunito', sans-serif; }

  .homepage-book-img{ min-width:60%; max-width:60%; display:block; margin-left:auto; margin-right:auto; padding:10px; }
  .homepage-cta{ background-color:#474a4f; padding:0px; color:#fff; }
  .homepage-cta p{ font-family:'Lora', sans-serif; padding:10px; margin:0; }

  .newContent{ padding:25px 0px; }
  #myCarousel{ margin:15px 0px; }
  .newPageNav{ width:100%; margin:15px 0px; padding:0; list-style:none; }
  .newPageNav a{ text-decoration:none!important; color:inherit!important; }
  .newPageNav li{ font-size:18px; transition:all 500ms ease-in-out; background-color:#000; color:#fff; padding:15px; margin:0; border-bottom:1px solid #ccc!important; }
  .newPageNav li:hover{ transition:all 500ms ease-in-out; background-color:#d9e021; color:#000; }
  .newPageNav li:last-child{ border-bottom:0; }

  .green-trigger{ background-color:#d9e021; color:#fff; }

  .custom-trigger{ border-bottom:2px solid #ccc; padding:15px 0px; }
  .custom-trigger .toggle{ text-align:right;  transition:all 500ms ease-in-out; display:inline-block; width:auto; float:right; }
  .custom-content a{ text-decoration:none!important; color:inherit!important; }
  .spin-toggle{ transform:rotate(90deg); transition:all 500ms ease-in-out; }
  .custom-trigger h2{ font-family:'Lora', sans-serif; padding:10px 0px; margin:0; }
  .custom-trigger h3{ font-family:'Lora', sans-serif; padding:10px 0px; margin:0; }
  .custom-content h3{ font-family:'Lora', sans-serif; padding:10px 0px; margin:0; }
  .custom-content h4{ font-family:'Lora', sans-serif; padding:10px 0px; margin:0; font-weight:bold; }
  .custom-content{ padding:25px 0; }

  .nav>li>a:focus, .nav>li>a:hover { background-color: #000000; color: #FFFFFF; }
  .nav .open>a, .nav .open>a:focus, .nav .open>a:hover { background-color: #000000; color: #FFFFFF; }
  .dropdown-menu { background-color: #000000; border:0px; font-family: 'Nunito', sans-serif; }
  .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { background-color: #4b4b4b; }
  h3 { text-transform:capitalize; font-size:13pt; font-family: 'Nunito', sans-serif; }

  .article-line{ border-top:2px solid #ccc; }
  .casestudy-line{ border-top:2px solid #d9e021; }

  .bm-item img{ min-width:100%; max-width:100%; margin:10px 0px; }
  .bm-item p{ font-family:'Lora', sans-serif; padding:5px 0px; margin:0; }

  .internal-services-banner h1{ margin:0px; padding:65px 40px 65px 0px; text-align:right; color:#fff!important; font-family:'Lora', sans-serif; }

  #content-padding-styling{ padding-left:100px; padding-right:100px; }
  #content-padding-styling .inline-img{ margin:10px 0px; }
  #content-padding-styling p{ font-size:18px; }
  #content-padding-styling p strong{ font-size:22px!important; padding-top:25px!important; padding-bottom:5px!important; display:block; }
  #content-padding-styling ul li{ font-size:18px!important; margin:10px 0px; }
  #content-padding-styling ol{ padding:0; padding-left:25px; margin:0; margin:10px 0px; }
  #content-padding-styling ol li{ font-size:18px!important; }

  .book-promo{ padding:20px 0px; min-width:100%; max-width:100%; min-height:230px; max-height:230px; }
  .book-promo a{ text-decoration:none; color:#c6d429; }
  .book-promo h2{ font-family:'Lora', sans-serif; font-size:32px; text-align:center; margin:0; padding:10px 0px; color:#fff; }
  .book-promo p{ font-family:'Lora', sans-serif; font-size:24px; text-align:center; margin:0; padding:10px 0px; color:#fff; }
  .book-promo-content{ min-width:80%; max-width:80%; }
  .bottom-border2{ border-bottom:1px solid #000; padding-bottom:15px; }

  .kpi-library-banner{ position:relative; max-width:100%; min-height:100%;   padding:0; margin:25px 0px; }
  .kpi-library-banner h2{ font-family:'Lora', sans-serif; color:#000; font-size:26px!important; text-align:left; padding:25px 0px 0px 0px; }
  .kpi-library-banner p{ font-family:'Lora', sans-serif; color:#000; font-size:18px!important; text-align:left; padding:5px 0px; }
  .kpi-library-banner .laptop{ height:100%; max-width:100%; }
  .kpi-library-banner .absolute-right{ position:absolute; right:5%; bottom:5%; max-height:40px; }

  .top-spacing{ margin-top:25px; }
  .border-top{ border-top:1px solid #000; }

  #quote .quote-by{ font-family:'Lora', sans-serif; font-size:24px; font-weight:bold; margin:5px 0px; padding:10px 0px 5px 0px; color:#C0C0C0; }
  #quote .quote-content{ font-family:'Lora', sans-serif; font-size:20px; font-weight:normal; margin:5px 0px; padding:5px 0px 10px 0px; color:#C0C0C0; display:inline; text-align:center; }

.service-height{ position:relative; margin:15px 0px; }
.service-height p{ font-size:16px!important; }
.service-height button{ border:1px solid #000; padding:8px 30px; font-family:'Lora', sans-serif; font-size:15px; background-color:#fff; color:#000!important; width:100%; margin:10px 0px; }
.service-btn{ border:1px solid #000; padding:8px 30px; margin:10px 0px; font-family:'Lora', sans-serif; font-size:15px; background-color:#fff; color:#000!important; width:100%; }
.service-menu{ list-style-type:none; margin:10px 0px; padding:0; }
.service-menu li{ font-size:16px!important; font-family:'Lora', sans-serif; color:#000!important; text-decoration:underline; margin:7px 0px; padding:5px 0px;}
.service-menu li a{ color:inherit; }
.service-title{ font-family:'Lora', sans-serif; font-size:32px; text-align:left; color:#000; margin-bottom:20px; }

@font-face { font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg'); }

	a            { color: #a6a6a6 }
	a:active     { color: #a6a6a6 }
	a:hover      { color: #a6a6a6 }
	a:link       { color: #a6a6a6 }
	a:visited    { color: #a6a6a6 }

	h1 { font-family: 'Lora', serif!important; font-size:18pt; }
	h2 { font-family: 'Lora', serif!important; font-size:16pt; margin-bottom:20px; }
	h3 { font-family: 'Lora', serif!important;  font-size:24px; line-height: 130%; }
	h4 { font-family: 'Lora', serif!important; font-size:1em; }

	ul { padding-left: 25px; padding-bottom: 25px; font-family: 'Nunito', sans-serif; font-size: 12pt; line-height:140%; }
	ol { padding-left: 25px; padding-bottom: 25px; font-family: 'Nunito', sans-serif; font-size: 12pt; }
	li { font-family: 'Nunito', sans-serif; font-size: 11pt;  }
	p  { font-size: 12pt; font-family: 'Nunito', sans-serif; line-height: 140%; }

	body { font-size:11pt; color:#000000; text-align: left; padding-left: 220px; padding-right: 220px; }

.web2{ display:block; }
.mobile2{ display:none; }


@media only screen and (max-width: 1250px){
    .right-floating-block{ display:none; }
    .left-floating-block{ display:none; }
}

@media only screen and (min-width: 1750px){
    .right-floating-block{ width:250px; right:5%; }
    .left-floating-block{ width:250px; left:5%; }
}
@media only screen and (min-width: 2300px){
    .right-floating-block{ width:250px; right:7%; }
    .left-floating-block{ width:250px; left:7%; }
}


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

    .background-test{ background-image:url('../img/mobile-banner.jpg')!important; }

  }

@media only screen and (max-width:768px){
  .shop{ margin-top:30px; }
}

/* Test */
  @media only screen and (min-width: 992px){

    .new-navbar .navbar .navbar-inner{ padding:0; }
    .new-navbar .navbar-nav{ margin:0; display:table; width:100%; }
    .new-navbar .navbar-nav > li{ display:table-cell; width:auto; float:none; text-align:center; }
    .new-navbar .navbar-nav li:first-child a{ border-left:0; border-radius:3px 0 0 3px; }
    .new-navbar .navbar-nav li:last-child a{ border-right:0; border-radius:0 3px 3px 0; }

  }

  @media only screen and (max-width: 992px)
  {
      .mobile2 { display:block; }



    .bm-content-preview h3{ font-size:20px; }

    .right{ text-align:left!important; }


    .privy-tab-container { top:85%; }


    .main-header{ padding:15px 0px; }
    .main-header-logo{ display:block; margin-left:auto; margin-right:auto; margin-bottom:20px; }
    .main-header ul{ display:block; margin-left:auto; margin-right:auto; text-align:center; }
    .main-header form{ display:block; margin-left:auto; margin-right:auto; }

    .main-header ul li { padding:20px 0 0 10px; }


  .kpi-library-banner{ padding:25px 0px; text-align:center; }
  .kpi-library-banner2{ background:url('../img/kpi-library-mobile-bg.png')!important; }
  .kpi-library-banner h2{ padding:10px 0px!important;  text-align:center; }
  .kpi-library-banner p{ text-align:center; }
    .kpi-library-banner .laptop{ height:auto!important; ;max-width:40%; min-width:40%; }

     .web2{ display:none!important; }


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

     /* Carousel Section Stylings */
     .homepage-19 .bm-banner-preview h1{ font-size:26px; }
     .homepage-19 .carousel-content{ top:0%; }
     .homepage-19 .bm-banner-preview .p-content span{ width:48%; }

     /* Contact CTA Stylings */
     .homepage-19.yellow-bg h2{ font-size:24px; }

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

   }
   @media only screen and (max-width: 768px)
   {
     .yt-cta h2{ text-align:center; }
   }
   @media only screen and (max-width: 742px)
   {
     .homepage-19 .bm-banner-preview .p-content span{ display:none; }
     .homepage-19 .bm-banner-preview h1{ width:100%; }
     .homepage-19 .btn-yellow{ margin:0px; }
   }

	@media only screen and (max-width: 1500px)
	{  body { padding: 0px; }  }

	.container { max-width: 1020px; }

	.footer { text-align: left; padding-top: 30px; padding-bottom: 30px; margin: 0; background-color: #FFFFFF; color: #000000; text-decoration: none; min-height: 50px; min-width: 100%; max-width: 100%; font-family: 'Lora', serif; }

	.hr-style { border-top: 2px solid #e6e6e6; }


/* Books */
    .book-top-header { text-align:center; font-weight: bold; font-family: 'Nunito', sans-serif; color:#000000; font-size:16pt; margin-top: 20px; }
    .book-large-header { text-align:center; color: #a6a6a6; margin-top: 15px; font-size:20pt; font-family: 'Nunito', sans-serif; font-weight:300; }

    .testimonial-content { color:#a6a6a6; text-align:center; font-size:13pt; font-style: italic; }
    .testimonial-title { color:#000000; text-align:center; font-weight: bold; }

    .preview-selling-point { color:#b5cb00; font-size:14pt; }
    .preview-title { color: #000000; font-size:16pt; }
    .preview-author { color: #b3b3b3; font-size:10pt; }
    .preview-content { color: #b3b3b3; font-size:12pt; }
/* Books */




/* REECES NEW STYLING */

.services-quote-rh{ margin-left:-50px; }
.inline-img{ min-width:50%; max-width:50%; padding:5px; }
#newHeading{ min-width: 100%; max-width: 100%; background-size: cover; background-position: center; height: auto; }
#newBackgroundBlack { background-color: rgba(0, 0, 0, 0.8); min-width:100%; max-width: 100%; padding:75px 0px; }
#newBannerHeading { color: #FFFFFF; font-size: 24pt; font-family:'Lora', serif; margin: 0; padding: 0px;}
.border-right2{ border-right:0.5px solid #000; }


/* .white-btn{ font-family:'Lora', sans-serif; font-size:16px; padding:6px 35px; border:2px solid #000; color:#000; margin:5px 0px; background-color:#fff; } */
.white-btn{ transition:all 300ms ease-in-out; font-family:'Lora', sans-serif; font-size:16px; padding:6px 35px; border:2px solid #fff; color:#fff; margin:5px 0px; background-color:#000; }
.white-btn:hover{ transition:all 300ms ease-in-out; border:2px solid #000; color:#000; background-color:#fff; }


.new-h2{ text-align:center; font-family:'Lora', sans-serif; margin:0; padding:25px 0px; font-size:26px; color:#000; font-weight:bold; }

/* Banner CSS */
    .banner { background-size: cover; min-height: 350px; min-width: 100%; max-width: 100%; background-position: center; background-image:url('../img/main-banner.png'); background-repeat:repeat-x; }
.banner_mobile { background-size: cover; min-height: 200px; min-width: 100%; max-width: 100%; background-position: center; background-image:url('../img/mobile-banner-001.png'); background-repeat:repeat-x; }
 .banner-library { background-size: cover; min-height: 200px; min-width: 100%; max-width: 100%; background-position: center; background-image:url('../img/case-study/headers/internalbb.png'); background-repeat:repeat-x; text-align:center; padding-top: 20px; }
    .banner-book { background-size: cover; min-height: 200px; min-width: 100%; max-width: 100%; background-position: center top; background-image:url('../img/book-main-banner.png'); background-repeat:repeat-x; text-align:center; padding-top: 40px; }
    .kpi-banner { background-size: cover; min-height: 200px; min-width: 100%; max-width: 100%; background-position: center top; background-image:url('../img/kpi-library.png'); background-repeat:repeat-x; text-align:center; padding-top: 40px; }
/* Banner CSS */

#pp_img{
    position:absolute;
    top:250px;
    max-width:200px;
    min-width:200px;
    max-height:190px;
    min-height:190px;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
}

/* Case Study Banner CSS */
    .heading-case-study-big-data { background-size: cover; min-height: 200px; min-width: 100%; max-width: 100%; background-position: center top; background-image:url('../img/case-study/headers/heading-case-study-big-data.png'); background-repeat:repeat-x; text-align:center; padding-top: 40px; padding-bottom: 50px; }

    .heading-manufacturing-products { background-size: cover; min-height: 200px; min-width: 100%; max-width: 100%; background-position: center top; background-image:url('../img/case-study/headers/heading-manufacturing-products.png'); background-repeat:repeat-x; text-align:center; padding-top: 40px; padding-bottom: 50px; }

    .heading-generic { background-size: cover; height: 200px; min-width: 100%; max-width: 100%; background-image:url("../img/internal-service-banner.png");background-size:cover; text-align:center; padding-top: 40px; padding-bottom: 50px; }

    .heading-retail  { background-size: cover; min-height: 200px; min-width: 100%; max-width: 100%; background-position: center top; background-image:url('../img/case-study/headers/heading-retail.png'); background-repeat:repeat-x; text-align:center; padding-top: 40px; padding-bottom: 50px; }

    .heading-financial-services { background-size: cover; min-height: 200px; min-width: 100%; max-width: 100%; background-position: center top; background-image:url('../img/case-study/headers/heading-financial-services.png'); background-repeat:repeat-x; text-align:center; padding-top: 40px; padding-bottom: 50px; }

    .heading-retail-small-business { background-size: cover; min-height: 200px; min-width: 100%; max-width: 100%; background-position: center top; background-image:url('../img/case-study/headers/heading-retail-small-business.png'); background-repeat:repeat-x; text-align:center; padding-top: 40px; padding-bottom: 50px; }

    .heading-transport { background-size: cover; min-height: 200px; min-width: 100%; max-width: 100%; background-position: center top; background-image:url('../img/case-study/headers/heading-transport.png'); background-repeat:repeat-x; text-align:center; padding-top: 40px; padding-bottom: 50px; }

    .heading-service-providers { background-size: cover; min-height: 200px; min-width: 100%; max-width: 100%; background-position: center top; background-image:url('../img/case-study/headers/heading-service-providers.png'); background-repeat:repeat-x; text-align:center; padding-top: 40px; padding-bottom: 50px; }

    .heading-social-media { background-size: cover; min-height: 200px; min-width: 100%; max-width: 100%; background-position: center top; background-image:url('../img/case-study/headers/heading-social-media.png'); background-repeat:repeat-x; text-align:center; padding-top: 40px; padding-bottom: 50px; }

    .heading-scientific-research { background-size: cover; min-height: 200px; min-width: 100%; max-width: 100%; background-position: center top; background-image:url('../img/case-study/headers/heading-scientific-research.png'); background-repeat:repeat-x; text-align:center; padding-top: 40px; padding-bottom: 50px; }

    .heading-government { background-size: cover; min-height: 200px; min-width: 100%; max-width: 100%; background-position: center top; background-image:url('../img/case-study/headers/heading-government.png'); background-repeat:repeat-x; text-align:center; padding-top: 40px; padding-bottom: 50px; }

    .heading-cyber-security-telecom { background-size: cover; min-height: 200px; min-width: 100%; max-width: 100%; background-position: center top; background-image:url('../img/case-study/headers/heading-cyber-security-telecom.png'); background-repeat:repeat-x; text-align:center; padding-top: 40px; padding-bottom: 50px; }

    .heading-video-gaming { background-size: cover; min-height: 200px; min-width: 100%; max-width: 100%; background-position: center top; background-image:url('../img/case-study/headers/heading-video-gaming.png'); background-repeat:repeat-x; text-align:center; padding-top: 40px; padding-bottom: 50px; }

    .heading-operational { background-size: cover; min-height: 200px; min-width: 100%; max-width: 100%; background-position: center top; background-image:url('../img/case-study/headers/internal-banner-library.png'); background-repeat:repeat-x; text-align:center; padding-top: 40px; padding-bottom: 50px; }

    .heading-sports { background-size: cover; min-height: 200px; min-width: 100%; max-width: 100%; background-position: center top; background-image:url('../img/case-study/headers/heading-sports.png'); background-repeat:repeat-x; text-align:center; padding-top: 40px; padding-bottom: 50px; }

    .heading-tv-media { background-size: cover; min-height: 200px; min-width: 100%; max-width: 100%; background-position: center top; background-image:url('../img/internal-service-banner.png'); background-repeat:repeat-x; text-align:center; padding-top: 100px; padding-bottom: 50px; }

    .heading-consumer-goods { background-size: cover; min-height: 200px; min-width: 100%; max-width: 100%; background-position: center top; background-image:url('../img/case-study/headers/heading-consumer-goods.png'); background-repeat:repeat-x; text-align:center; padding-top: 40px; padding-bottom: 50px; }

    .heading-art { background-size: cover; min-height: 200px; min-width: 100%; max-width: 100%; background-position: center top; background-image:url('../img/case-study/headers/heading-art.png'); background-repeat:repeat-x; text-align:center; padding-top: 40px; padding-bottom: 50px; }

    .heading-healthcare { background-size: cover; min-height: 200px; min-width: 100%; max-width: 100%; background-position: center top; background-image:url('../img/case-study/headers/heading-healthcare.png'); background-repeat:repeat-x; text-align:center; padding-top: 40px; padding-bottom: 50px; }

    .heading-sports-marketing { background-size: cover; min-height: 200px; min-width: 100%; max-width: 100%; background-position: center top; background-image:url('../img/case-study/headers/heading-sports-marketing.png'); background-repeat:repeat-x; text-align:center; padding-top: 40px; padding-bottom: 50px; }

    .heading-public-sector { background-size: cover; min-height: 200px; min-width: 100%; max-width: 100%; background-position: center top; background-image:url('../img/case-study/headers/heading-public-sector.png'); background-repeat:repeat-x; text-align:center; padding-top: 40px; padding-bottom: 50px; }

    .heading-automotive { background-size: cover; min-height: 200px; min-width: 100%; max-width: 100%; background-position: center top; background-image:url('../img/case-study/headers/heading-automation.png'); background-repeat:repeat-x; text-align:center; padding-top: 40px; padding-bottom: 50px; }

    .background-black { background-color: rgba(0, 0, 0, 0.5); min-width:100%; max-width: 100%; padding-top:15px; padding-bottom:15px; }

    .case-study-cta { color:#FFFFFF; background-image:url("../img/cta.png"); padding:50px; padding-top: 50px; padding-bottom: 40px; text-align: center; }

    .case-study-cta p{   font-family: 'Lora', serif;   }

    .preview-case-study-title { color: #000000; font-size: 16pt; }
/* Case Study Banner CSS */


@media only screen and (max-width: 992px) {
    .main-content{ margin-top:0!important; }
    .border-right2{ border-right:0; border-bottom:0.5px solid #000; margin-left:0; margin-right:0; }
    .book-image{ min-width:75%!important; max-width:75%!important; }
    #content-padding-styling{ padding-left:20px; padding-right:10px; }
    #apply-heading-margin h1{ margin-left:0px!important; margin-right:0px!important; }
}



/* See more button */
.seemore{
    padding:10px 25px;
    background-color:#fff;
    border:1px solid #000;
    font-family:'Nunito', sans-serif;
    text-align:center;
    color:#000;
    font-size:12pt;
}
.seemore:hover, .seemore:active{
    background-color:#000;
    color:#fff;
}



/* Library */
    .top-library { padding-top:40px; padding-bottom:50px; }
    .bottom-library { padding-top:40px; padding-bottom:50px; }
    .text-top-margin { margin-top:15px; color: #c8dd1c; }
    .news-padding { padding:20px; }
    .library-button { background-color: #000000; color: #FFFFFF; padding:10px; height:35px; width: 130px; font-size:12pt; font-family: 'Nunito', sans-serif; text-align:center; border-style:solid; border-width:1px; border-color: #000000; }
    .library-button:hover { background-color: #FFFFFF; color: #000000; padding:10px; height:35px; width: 130px; font-size:12pt; font-family: 'Nunito', sans-serif; text-align:center; }
    .black-CTA { background-color: #000000; padding-top:40px; padding-bottom: 40px; min-width: 100%; min-height: 100px; text-align: center; }
    .black-CTA-heading { color: #FFFFFF; font-size: 22pt; margin-top:5px; }
    .black-CTA-text { color: #FFFFFF; }
    .library-button-white { background-color: #FFFFFF; color: #000000; padding:10px; height:35px; width: 130px; font-size:12pt; font-family: 'Nunito', sans-serif; text-align:center; }
    .library-button-white:hover { background-color: #000000; color: #FFFFFF; padding:10px; height:35px; width: 130px; font-size:12pt; font-family: 'Nunito', sans-serif; text-align:center; border-style:solid; border-width:1px; border-color: #FFFFFF; }
    .KPI-header { font-family: 'Lora', serif; font-size:19pt; padding-top:10px; }

    .free-ebook-section { background-position: center top; background-image:url('../img/free-ebook-background.png'); background-size: cover; padding-top: 60px; padding-bottom: 50px; padding-left: 40px; padding-right: 40px; min-height: 300px; margin-top: 50px; }
/* Library */

    .main-content { margin-top: -40px; font-family:'Lora', serif;}
    .main-content-internal { margin-top: -90px; }
    .book-content { margin-top: -60px; }
    .content-padding { padding-top: 40px; padding-bottom: 10px; padding-right:70px; padding-left:70px; }
    .content-padding2 { padding:20px; }

    .book-image{ min-width:100%; max-width:100%; }

    .banner-heading { color: #FFFFFF; font-size: 24pt; font-family:'Lora', serif;}

    .grey-section h2{ font-family:'Lora', serif;  }

    .grey-section { min-width: 100%; max-width: 100%; padding-top: 30px; padding-bottom: 30px; }
    .grey-section-mobile { min-width: 100%; max-width: 100%; padding: 10px; }
    .border-right { border-right: solid 1px #000000; padding:10px; padding-right: 20px; }
    .border-full { border: solid 1px #000000; padding:10px; }
    .form-area { padding: 40px; padding-bottom: 50px; padding-top: 40px; }
    .bernard-bulletin-header { font-family: 'Lora', serif; font-size:28pt; }
    .text-center { text-align: center; }
    .kpi-style { font-size: 11pt; }


.article_heading{
    text-align:center;
    font-size:42px;
    /* refer to george */
}

.relatedarticles-genre, .relatedarticles-title, .relatedarticles-rm{ padding:5px 10px; margin:0; }
.relatedarticles-genre{ margin-top:8px; }


/* Homepage Blog Section */
    .blog-date { font-size: 9pt; padding-top:0px; margin-top:2px; }
    .blog-genre { font-size: 10pt; color:#c8dd1c; }
    .blog-title { font-size: 11pt; line-height:140%; font-family: 'Lora', serif;}
    .blog-white { background-color: #FFFFFF; padding:15px; min-height: 100px; }
    .side-most-recent-white { background-color: #FFFFFF; padding:20px; min-height: 190px;   }
    .middle-most-recent-white { background-color: #FFFFFF; padding:30px; min-height: 190px; top:150px; z-index:99999; overflow:hidden; }
    .most-recent-title { font-size: 14pt; line-height: 130%; font-family: 'Lora', serif; }
    .most-recent-img-middle { min-width: 100%; background-image:url('../img/blog/most-recent-2.png'); background-size: cover; background-repeat:no-repeat; min-height: 360px; max-height: 360px; padding: 20px; }
    .most-recent-img-middle-mobile { min-width: 100%; background-image:url('../img/blog/most-recent-2.png'); background-size: contain; background-repeat:no-repeat; min-height: 200px; }
    #border-white1 { border-style: solid; border-width:2px; border-color: #FFFFFF; position:absolute; top:0;bottom:0;left:0;right:0; margin-top: 25px; margin-bottom: 25px; margin-right: 35px; margin-left: 35px; display: none; background-color: rgba: (0, 0, 0, 0);}
    #thumbnail1:hover + #border-white1 { display: block; }
    #thumbnail1a:hover + #border-white1 { display: block; }
    #thumbnail1{  margin:0;  }
/* Homepage Blog Section */

.reecestyling h2{
    font-weight:bold;
}

/* Service Headers */
    .white-header { background-color:#FFFFFF; padding:15px; padding-top: 25px; padding-bottom: 25px; font-family: 'Lora', serif; color:#000000; font-size:22pt; min-width:100%; max-width:100%; text-align: left; line-height:115%; }
    .content-writing-heading { background-size: cover; min-height: 380px; min-width: 100%; max-width: 100%; background-position: center top; background-image:url('../img/writing.png'); background-repeat:repeat-x; text-align:center; padding-top: 280px; }
    .speaking-heading { background-size: cover; min-height: 380px; min-width: 100%; max-width: 100%; background-position: center top; background-image:url('../img/speaking 1.jpg'); background-repeat:repeat-x; text-align:center; padding-top: 280px; }
    .author-heading { background-size: cover; min-height: 380px; min-width: 100%; max-width: 100%; background-position: center top; background-image:url('../img/author-service.png'); background-repeat:repeat-x; text-align:center; padding-top: 280px; }
    .consulting-heading { background-size: cover; min-height: 380px; min-width: 100%; max-width: 100%; background-position: center top; background-image:url('../img/consulting.jpg'); background-repeat:repeat-x; text-align:center; padding-top: 280px; }
    .training-heading { background-size: cover; min-height: 380px; min-width: 100%; max-width: 100%; background-position: center top; background-image:url('../img/training.jpg'); background-repeat:repeat-x; text-align:center; padding-top: 280px; }
    .researching-heading { background-size: cover; min-height: 380px; min-width: 100%; max-width: 100%; background-position: center top; background-image:url('../img/researching.jpg'); background-repeat:repeat-x; text-align:center; padding-top: 280px; }

    .menu-item { font-size: 14pt; font-family: 'Lora', serif;  }
    .menu-spacer { min-width:75%; max-width: 75%; height: 1px; background-color: #000000; margin-top: 15px; margin-bottom: 15px; }

    .internal-services-banner { background-size: cover; min-height: 200px; min-width: 100%; max-width: 100%; background-position: center top; background-image:url('../img/servicesreplacement.png'); background-repeat:repeat-x; text-align:center; }

/* Service Headers */

.training-form input{ font-family:'Lora', sans-serif; font-size:14px; min-width:100%; max-width:100%; padding:6px; border:2px solid #000; }


/* Service Form */
.form-background-black { background-image:url("../img/cta.png"); padding:50px; padding-bottom:50px; padding-top: 40px; min-width:100%; max-width:100%; margin-top: 65px; }

.full-name-input { min-width: 100%; max-width: 100%; height: 40px; padding:15px; background-color:transparent; color:#FFFFFF; border:0; border-bottom:1px solid #fff; font-size: 12pt; font-family: 'Nunito', sans-serif; margin-bottom:15px; }
.email-input { min-width: 100%; max-width: 100%; height: 40px; padding:15px; background-color:transparent; color:#FFFFFF; border:0; border-bottom:1px solid #fff; font-size: 12pt; font-family: 'Nunito', sans-serif; margin-bottom:15px; }
.submit-input { border-style: solid; border-color: #FFFFFF; background-color:#FFFFFF; color:#000000; height:40px; padding:15px; padding-top:8px; font-size: 12pt; min-width:100%; font-family: 'Nunito', sans-serif; }

.full-name-input::-webkit-input-placeholder { color: #FFFFFF; }
.email-input::-webkit-input-placeholder { color: #FFFFFF; }
/* Service Headers */


/* e-book Section */
    .e-book { background-color: #25292a; min-width: 100%; margin-top: 40px; margin-bottom: 30px; }
/* e-book Section */


    #test { position: absolute; top: 0; bottom: 47%; left: 0; right: 0; margin-top: 20px; margin-bottom: 20%; margin-right: 30px; margin-left: 30px; z-index: 9999; }
    #test:hover { -webkit-box-shadow:inset 0px 0px 0px 2px #fff; -moz-box-shadow:inset 0px 0px 0px 2px #fff; }
    #test1 { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin-top: 20px; margin-bottom: 20px; margin-right: 30px; margin-left: 30px; z-index: 9999; }
    #test1:hover { -webkit-box-shadow:inset 0px 0px 0px 2px #fff; -moz-box-shadow:inset 0px 0px 0px 2px #fff; }
    #border-white { display: none; color: #ffffff; background-color: #000000; text-align: center; width: 130px; padding: 10px; }


/* Bottom Section */
    .news-and-special { background-size: cover; min-height: 330px; min-width: 100%; max-width: 100%; background-position: center top; background-image:url('../img/promotions-news.png'); background-repeat:repeat-x; }
    .free-ebook { background-size: cover; min-height: 330px; min-width: 100%; max-width: 100%; background-position: center top; background-image:url('../img/promotions-e-book.png'); background-repeat:repeat-x; }
    .forbes { background-size: cover; min-height: 200px; min-width: 100%; max-width: 100%; background-position: center top; background-image:url('../img/bottom-social-forbes-bg.png'); background-repeat:repeat-x; padding: 20px; }
    .linkedin { background-size: cover; min-height: 200px; min-width: 100%; max-width: 100%; background-position: center top; background-image:url('../img/bottom-social-linkedin.png'); background-repeat:repeat-x; padding: 20px; }
    .shop { background-size: cover; min-height: 200px; min-width: 100%; max-width: 100%; background-position: center top; background-image:url('../img/bottom-social-shop.png'); background-repeat:repeat-x; padding: 20px; }
/* Bottom Section */


/* Service Section */
    .service-header { color:#000000; line-height: 120%; font-family: 'Lora', serif; }
    .service-header:hover { color:#000000; font-weight: 700; line-height: 120%; font-family: 'Lora', serif; }
    .servcies-padding { padding:20px; }
/* Service Section */


/* Bottom Service Section */
    .grayscale-effect { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ }
    .grayscale-effect:hover { filter: none; -webkit-filter: grayscale(0%); }
/* Bottom Service Section */


/* Bottom Service Section */
    .bottom-service-section { padding-top:20px; padding-bottom: 40px; }
    .servcies-padding-bottom { padding:20px; padding-top: 80px;}
    .service-white { background-color: #FFFFFF; padding:25px; min-width: 100%; }
    .content-writer-service { padding:0px; padding-top:100px; padding-bottom:40px; min-height: 300px; background-size: cover; min-width: 100%; max-width: 100%; background-position: center top; background-image:url('../img/service-home-content-writer.png'); background-repeat:repeat-x; }
    .in-company-programmes-service { padding:0px; padding-top:100px; padding-bottom:40px; min-height: 300px; background-size: cover; min-width: 100%; max-width: 100%; background-position: center top; background-image:url('../img/events-img.png'); background-repeat:repeat-x; }
/* Bottom Service Section */


/* Carousel Section */
    .carousel-showmanymoveone .carousel-control { width: 4%; background-image: none; }
    .carousel-showmanymoveone .carousel-control.left { margin-left: 15px; }
    .carousel-showmanymoveone .carousel-control.right { margin-right: 15px; }
    .carousel-showmanymoveone .cloneditem-1,
    .carousel-showmanymoveone .cloneditem-2,
    .carousel-showmanymoveone .cloneditem-3 { display: none; }

    @media all and (min-width: 768px) {
        .carousel-showmanymoveone .carousel-inner > .active.left,
        .carousel-showmanymoveone .carousel-inner > .prev { left: -50%; }
        .carousel-showmanymoveone .carousel-inner > .active.right,
        .carousel-showmanymoveone .carousel-inner > .next { left: 50%; }
        .carousel-showmanymoveone .carousel-inner > .left,
        .carousel-showmanymoveone .carousel-inner > .prev.right,
        .carousel-showmanymoveone .carousel-inner > .active { left: 0; }
        .carousel-showmanymoveone .carousel-inner .cloneditem-1 { display: block; }
    }

    @media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
        .carousel-showmanymoveone .carousel-inner > .item.active.right,
        .carousel-showmanymoveone .carousel-inner > .item.next { -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); left: 0; }

        .carousel-showmanymoveone .carousel-inner > .item.active.left,
        .carousel-showmanymoveone .carousel-inner > .item.prev { -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); left: 0; }

        .carousel-showmanymoveone .carousel-inner > .item.left,
        .carousel-showmanymoveone .carousel-inner > .item.prev.right,
        .carousel-showmanymoveone .carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; }
    }

    @media all and (min-width: 992px) {
        .carousel-showmanymoveone .carousel-inner > .active.left,
        .carousel-showmanymoveone .carousel-inner > .prev { left: -25%; }
        .carousel-showmanymoveone .carousel-inner > .active.right,
        .carousel-showmanymoveone .carousel-inner > .next { left: 25%; }
        .carousel-showmanymoveone .carousel-inner > .left,
        .carousel-showmanymoveone .carousel-inner > .prev.right,
        .carousel-showmanymoveone .carousel-inner > .active { left: 0; }
        .carousel-showmanymoveone .carousel-inner .cloneditem-2,
        .carousel-showmanymoveone .carousel-inner .cloneditem-3 { display: block; }

    }

    @media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
        .carousel-showmanymoveone .carousel-inner > .item.active.right,
        .carousel-showmanymoveone .carousel-inner > .item.next { -webkit-transform: translate3d(25%, 0, 0); transform: translate3d(25%, 0, 0); left: 0; }

        .carousel-showmanymoveone .carousel-inner > .item.active.left,
        .carousel-showmanymoveone .carousel-inner > .item.prev { -webkit-transform: translate3d(-25%, 0, 0); transform: translate3d(-25%, 0, 0); left: 0; }

        .carousel-showmanymoveone .carousel-inner > .item.left,
        .carousel-showmanymoveone .carousel-inner > .item.prev.right,
        .carousel-showmanymoveone .carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; }
        }
/* Carousel Section */


    .input[type=checkbox].css-checkbox { position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0; }

    .input[type=checkbox].css-checkbox + label.css-label { padding-left:27px; height:22px; display:inline-block; line-height:22px; background-repeat:no-repeat; background-position: 0 0; font-size:22px; vertical-align:middle; cursor:pointer; }

    .input[type=checkbox].css-checkbox:checked + label.css-label { background-position: 0 -22px; }

    .label.css-label { background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_b33c9e1187764ea3cc44a486b4c85354.png); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

    .black-to-white-button { width:80%; border-style: solid; font-size: 12pt; border-width: 2px; border-color: #000000; background-color: #000000; height: 40px; padding-top:2px; color:#FFFFFF; text-align: center; }

    .black-to-white-button:hover { width:80%; border-style: solid; font-size: 12pt; border-width: 2px; border-color: #000000; background-color: #ffffff; color:#000000; height: 40px; padding-top:2px; text-align: center; }

	.navitems { font-size:1.2em; }

	.navbar .navbar-nav { display: inline-block; float: none; }
	.navbar .navbar-collapse { text-align: center; }
	.push { visibility: hidden; }

	@media only screen and (max-width: 770px)
	{ .push { display: none; } }
	.mobile { display: none; }

	#video-container { position: absolute; }
	#video-container { top:0%; left:0%; height:100%; width:100%; overflow: hidden; }

	video {	// position:absolute; z-index:0; }

	video.fillWidth { min-width: 100%; min-height: 100%; }

	@media (max-width: 768px)
	{



    .homepage-book-img{ min-width:50%; max-width:50%; padding:15px; }
      .homepage-cta h3{ text-align:center; }

		.web {
		    display: none;
		}
		.mobile {
		    display: block;
		}

    .book-promo-content{ min-width:35%; max-width:35%; }
    .book-promo{ min-height:600px; max-height:600px; }
    .book-promo h2{ text-align:center!important; }
    .book-promo p{ text-align:center!important; }

    .content-padding { padding-right:20px; padding-left:20px; }

        .inline-img{ min-width:85%; max-width:85%; padding:5px; }

        .services-quote-rh{ margin-left:0px; }
	}

	#access { display: block; margin: 0 auto; position: relative; z-index: 99; }
	#access ul { font-size: 14px; list-style: none; margin: 0 auto; padding-left: 0; }
	#access li { position: relative; padding-left: 5px; margin:0 0 3px 0; }
	#access a { background: #E2E2E2; /* Show a solid color for older browsers */ color: #06682F; display: block; line-height: 3.333em; padding: 0 10px 0 20px; text-decoration: none; }
	#access ul ul { display: none; float: left; margin: 0; position: absolute; top: 0; left: 100%; width: 100%; z-index: 99999; opacity: 0.70; margin-left: 0px; }
	#access ul ul ul { left: 100%; top: 0; }
	#access ul ul a {  background: #0f84e8; font-size: 13px; font-weight: normal; height: auto; line-height: 1.4em; padding: 10px 10px; width: 100%; }
	#access li:hover > a,
	#access ul ul :hover > a,
	#access a:focus { background: #efefef; }
	#access li:hover > a,
	#access a:focus { background: #f9f9f9; /* Show a solid color for older browsers */ background: -moz-linear-gradient(#f9f9f9, #e5e5e5); background: -o-linear-gradient(#f9f9f9, #e5e5e5); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */ background: -webkit-linear-gradient(#f9f9f9, #e5e5e5); color: #373737; }
	#access ul li:hover > ul { display: block; }
	#access .current-menu-item > a,
	#access .current-menu-ancestor > a,
	#access .current_page_item > a,
	#access .current_page_ancestor > a { font-weight: bold; }

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

	    /* Force table to not be like tables anymore */
		#no-more-tables table,
		#no-more-tables thead,
		#no-more-tables tbody,
		#no-more-tables th,
		#no-more-tables td,
		#no-more-tables tr { display: block; }

		/* Hide table headers (but not display: none;, for accessibility) */
		#no-more-tables thead tr { position: absolute; top: -9999px; left: -9999px; }

		#no-more-tables tr { border-collapse:collapse; border: 0px none #FFFFFF; border-style: none; }

		#no-more-tables td { /* Behave  like a "row" */ border-collapse:collapse; border: 0px none #FFFFFF; border-style: none; position: relative; width: 100%; vertical-align:top; white-space: normal; }

		#no-more-tables td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 100%; border-collapse:collapse; border: 0px none #FFFFFF; border-style: none; vertical-align:top; white-space: nowrap; }

		/* Label the data */
		#no-more-tables td:before { content: attr(data-title); }
	}


@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro|Oswald);

/****************************************/
/* Styling rules, such as font and colors */
.date-as-calendar {
  font-variant: normal;
  font-style: normal;
  font-weight: normal;
  font-family: "Helvetica", "Arial", sans-serif;

  /* It seems vertical-align: baseline does not work correctly with display: inline-flex. */
  vertical-align: top;

  /* margin: 1ex; */

  color: black;
  background: white;
  background : linear-gradient(to bottom right, #FFF 0%, #EEE 100%);

  border: 1px solid #888;
  border-radius: 3px;
  overflow: hidden;

  box-shadow: 2px 2px 2px -2px black;
}
.date-as-calendar .weekday,
.date-as-calendar .day,
.date-as-calendar .month,
.date-as-calendar .year {
  text-align: center;
  line-height: 1.0;
}
.date-as-calendar .month {
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
  background: #B11;
  background : linear-gradient(to bottom right, #D66 0%, #A00 100%);
  color: white;
}

/****************************************/
/* Layout rules using position: absolute and pixels. */
.position-pixels.date-as-calendar {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.position-pixels.date-as-calendar .weekday,
.position-pixels.date-as-calendar .day,
.position-pixels.date-as-calendar .month,
.position-pixels.date-as-calendar .year {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 1em;
}
.position-pixels.date-as-calendar .month {
  top: 0px;
  font-size: 12px;
  padding: 2px 0;
}
.position-pixels.date-as-calendar .weekday {
  top: 16px;
  font-size: 10px;
}
.position-pixels.date-as-calendar .day {
  top: 26px;
  font-size: 24px;
}
.position-pixels.date-as-calendar .year {
  top: 50px;
  font-size: 14px;
}

/****************************************/
/* Layout rules using position: absolute and relative dimensions using em. */
.position-em.date-as-calendar {
  display: inline-block;
  position: relative;

  width: 4em;
  height: 4em;
}
.position-em.date-as-calendar .weekday,
.position-em.date-as-calendar .day,
.position-em.date-as-calendar .month,
.position-em.date-as-calendar .year {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 1em;
}
.position-em.date-as-calendar .month {
  top: 0px;
  font-size: 0.75em;
  padding: 0.1em 0;
}
.position-em.date-as-calendar .weekday {
  top: 1.6em;
  font-size: 0.6125em;
}
.position-em.date-as-calendar .day {
  top: 1.1em;
  font-size: 1.5em
}
.position-em.date-as-calendar .year {
  bottom: 0px;
  font-size: 0.87750em;
}

/****************************************/
/* Layout rules using display: inline-flex and relative dimensions using em. */
.inline-flex.date-as-calendar {
  display: inline-flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;

  width: 4em;
  height: 4em;
}
.inline-flex.date-as-calendar .weekday,
.inline-flex.date-as-calendar .day,
.inline-flex.date-as-calendar .month,
.inline-flex.date-as-calendar .year {
  display: block;
  flex: 1 1 auto;
}
.inline-flex.date-as-calendar .month {
  order: 1;
  font-size: 0.75em;
  padding: 0.1em 0;
}
.inline-flex.date-as-calendar .weekday {
  order: 2;
  font-size: 0.6125em;
}
.inline-flex.date-as-calendar .day {
  order: 3;
  font-size: 1.5em;
}
.inline-flex.date-as-calendar .year {
  order: 4;
  font-size: 0.87750em;
}

/****************************************/
/* Multiple sizes. */
.date-as-calendar.size0_5x {
  font-size: 8px;
}
.date-as-calendar.size0_75x {
  font-size: 12px;
}
.date-as-calendar.size1x {
  font-size: 16px;
}
.date-as-calendar.size1_25x {
  font-size: 20px;
}
.date-as-calendar.size1_5x {
  font-size: 24px;
}
.date-as-calendar.size1_75x {
  font-size: 28px;
}
.date-as-calendar.size2x {
  font-size: 32px;
}
.date-as-calendar.size3x {
  font-size: 48px;
}