@import url('http://fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic,900,900italic,300,300italic');
@import url('http://fonts.googleapis.com/css?family=Montserrat:400,700');
/* Google Fonts import BEFORE ALL ============================================== */
/*! 
==============

B-DIFFERENT DEFAULT THEME

================ */
/*! __________________________________________________________

 * BeDifferent Theme for Bootstrap by Christina Arasmo Beymer 
 * Version 1.1 May 2015
 * http://WebSiteTemplatesThatRock.com
 * Copyright 2015 Christina Arasmo Beymer / WebSiteTemplatesThatRock.com
 * License purchasable from WebSiteTemplatesThatRock@gmail.com
 * UN-PACKED CSS VERSION AND TOC WITH DOWNLOAD 
 
__________________________________________________________ */
/* ------------- TOC ------------------------------------------------------------
  
   [1. body/html base]
   [2. typography and font selection ]
   [3. container and page content wrappers]
   [4. header and logo ]
   [5. slide-panel ]
   [6. #nav :: main navigation inside #navigation-panel.slide-panel ]
   [7. page-header-primary ]
   [8. slide-to-sidebar when the sup page is on a smaller viewport]
   [9. .footer ]
   [10. masonry isotope blog, portfolio, about-us, and testimonial pages requires isotope/masonry 2 ]
   [11. slick slider ]
   [12. home page styles :: column-inner and column-featured works with the slider next to it ]
   [13. widgets ]
   [14. media-list ]
   [15. blog ]
   [16. pricing-columns ]
   [17. magnific popup ]
   [18. video ]
   [19. .click-slide (mouseover on non-touch devices, click on touch)]
   [20. various pages :: scrollspy and others added as needed 
      20 - 1 :: .big-text-banner
      20 - 2 :: sticky-sidebar for scrollspy and other sidebars
      20 - 3 :: .site-map-list
      20 - 4 :: .simple-gallery
      20 - 5 :: testimonial quote box
      20 - 6 :: scrollspy and fixed sidebar
      20 - 7 :: about-us page
      20 - 8 :: contact page
      20 - 9 :: contact form
    ]
   [21. social icon design for login and registration]
   [22. equal height columns ]
   [23. .call-to-action]
   [24. base links general and shared ]
   [25. images and figures ]
   [26. bootstrap components 
      26 - 1 :: .page-header
      26 - 2 :: grid columns and row adjustments
      26 - 3 :: .glyphicon adjust like Font Awesome for Consistency
      26 - 4 :: .btn-* 
      26 - 5 :: .input-group-primary support
      26 - 6 :: .btn-primary .badge
      26 - 7 :: .tooltip
      26 - 8 :: .popover
      26 - 9 ::  form classes and tweaks
      26 - 10 :: .form horizontal tweaks
      26 - 11 :: .input-group and forms
      26 - 12 ::  misc bootstrap over-rides shared
      26 - 13 :: .label
      26 - 14 :: .list-group 
      26 - 15 :: .progress
      26 - 16 :: .table
      26 - 17 :: .pager
      26 - 18 :: .pagination
      26 - 19 :: .panel (not panel-group)
      26 - 20 :: .panel-group (accordion / collapse)
      26 - 21 :: .dropdown-menu
      26 - 22 :: .nav-tabs
      26 - 23 :: .nav and .nav-pills and list-group .badge
      26 - 24 :: .mini-carousel used in masonry posts and elsewhere
      26 - 25 :: .cross-fade for .carousel
      26 - 26 :: code / pre
      26 - 27 :: tabcollapse breakpoints for sidebar content
      26 - 28 :: tabcollapse breakpoints for narrow content
      26 - 29 :: tabcollapse breakpoints for main content (regular width not narrow)
    ]
   [27. This is the Bootstrap tabs that turn into a collapse on small but the tabs are on the left ]
   [28. Utility Classes and Print Styles]
   [29. 240px adjustments]
   [30. Theme Show Case - remove this on a live site]

------------------------------------------------------------------------- */
/* +++++++++++ [1. body/html base] ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
body,
html {
  height: 100%;
  font-size: 100%;
}
body {
  background-color: #eeeeee;
  overflow-x: hidden;
  /* no worries this is a fluid layout */
  -ms-overflow-style: scrollbar;
  padding-right: 52px;
  /* width of .header-btn-wrapper + 2px */
  padding-top: 50px;
  /* height of .header */
  color: #000000;
  font-size: 16px;
  line-height: 1.6;
}
@media (min-width: 500px) {
  body {
    padding-top: 70px;
    /* height of .header at this min-width*/
  }
}
@media (min-width: 768px) {
  body {
    padding-right: 0;
    padding-top: 100px;
    /* height of .header at this min-width*/
    font-weight: 300;
  }
}
/* border around viewport
-------------------------------------------------------------------------------------------------------------------------------------*/
body:before,
body:after {
  z-index: 1005;
  right: 0;
  position: fixed;
  left: 0;
  height: 3px;
  content: "";
  background: #000000;
}
body:before {
  top: 0;
}
body:after {
  bottom: 0;
}
html:before,
html:after {
  z-index: 1005;
  position: fixed;
  top: 0;
  bottom: 0;
  width: 3px;
  content: "";
  background: #000000;
}
html:after {
  right: 0;
  left: auto;
}
html.no-boxshadow:before,
html.no-boxshadow:after,
.no-boxshadow body:before,
.no-boxshadow body:after {
  display: none;
}
/*------------------------------------------------------------------------------------------------------------------------------------
 hide ie8
-------------------------------------------------------------------------------------------------------------------------------------*/
.ie8 .ie8HIDE {
  display: none !important;
}
/*------------------------------------------------------------------------------------------------------------------------------------
 noscript tag
-------------------------------------------------------------------------------------------------------------------------------------*/
noscript > div {
  color: #000000;
  font-size: 30px;
  line-height: 1.5;
  padding: 20px;
  background: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
}
.nav-right noscript > div {
  padding-right: 80px;
}
.nav-left noscript > div {
  padding-left: 80px;
}
/* +++++++++++ [2. typography and font selection ] ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Font Family/Size Declarations Global / Shared
-------------------------------------------------------------------------------------------------------------------------------------*/
body {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.6;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.info-tag,
.nav-tabs li,
.multi-menu .has-children > a {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
}
.btn {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
}
#nav {
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
}
/*  Font Awesome Shared
-------------------------------------------------------------------------------------------------------------------------------------*/
#nav .has-children > a:before,
a.external:after {
  font-family: "FontAwesome";
}
/*  Themify Font Shared
-------------------------------------------------------------------------------------------------------------------------------------*/
#nav .has-children > a:before,
.new-pagination-toggle:after,
.filter-title:after,
.icon-list li:before,
.panel-group .panel-heading a:after,
.resp-arrow,
.slick-prev:before,
.slick-next:before {
  font-family: 'themify';
}
/* responsive h6-h6 and their respective classes  
-------------------------------------------------------------------------------------------------------------------------------------*/
h1,
.h1 {
  font-size: 26px;
  line-height: 1.3;
}
h2,
.h2 {
  font-size: 24px;
  line-height: 1.3;
}
h3,
.h3 {
  font-size: 22px;
  line-height: 1.3;
}
h4,
.h4 {
  font-size: 18px;
  line-height: 1.3;
}
h5,
.h5 {
  font-size: 16px;
  line-height: 1.3;
}
h6,
.h6 {
  font-size: 14px;
  line-height: 1.2;
}
@media (min-width: 992px) {
  h1,
  .h1 {
    font-size: 34px;
  }
  h2,
  .h2 {
    font-size: 30px;
  }
  h3,
  .h3 {
    font-size: 24px;
  }
  h4,
  .h4 {
    font-size: 20px;
  }
  h5,
  .h5 {
    font-size: 16px;
  }
  .h6 {
    font-size: 14px;
  }
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  color: inherit;
}
/* vertical rhythm improvement  
-------------------------------------------------------------------------------------------------------------------------------------*/
p,
.lead {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6,
  ul,
  ol,
  form,
  table {
    margin-bottom: 20px;
    margin-top: 0;
  }
}
.lead {
  font-size: 16px;
}
@media (min-width: 992px) {
  .lead {
    font-size: 21px;
  }
}
/* font-weights
-------------------------------------------------------------------------------------------------------------------------------------*/
b,
strong {
  font-weight: bold;
}
.bold {
  font-weight: bold;
}
.normal {
  font-weight: normal;
}
.thin {
  font-weight: 300;
}
/* .headline-inline :: side by side with some link or content on the right OR NOT
-------------------------------------------------------------------------------------------------------------------------------------*/
.headline-inline {
  margin-bottom: 10px;
  clear: both;
  width: 100%;
  border-top: 1px solid #000000;
  border-bottom: 5px solid #000000;
  padding: 10px 0;
  text-align: center;
}
.headline-inline .headline {
  color: #000000;
  margin: 0;
}
.headline-link {
  color: #000000;
  margin-top: 10px;
}
@media (min-width: 768px) {
  .headline-inline {
    display: table;
    margin-bottom: 20px;
    text-align: left;
  }
  .headline-inline .headline-link {
    display: table-cell;
    text-align: right;
    font-size: 18px;
    margin: 0;
    vertical-align: middle;
  }
  .headline-inline .headline {
    display: table-cell;
    margin: 0;
    vertical-align: middle;
    font-size: 30px;
  }
}
@media (min-width: 768px) and (min-height: 868px) {
  .headline-inline .headline {
    font-size: 45px;
    letter-spacing: -2px;
  }
  .headline-inline .headline-link {
    font-size: 20px;
  }
}
/* .title
-------------------------------------------------------------------------------------------------------------------------------------*/
.title {
  border-bottom: 1px solid #000000;
}
.title span {
  display: inline-block;
  border-bottom: 2px solid #000000;
  padding: 0 0 5px 0;
}
/* .info-text-box
-------------------------------------------------------------------------------------------------------------------------------------*/
.info-text-box > span {
  background: #ffffff;
}
/* .dropcap 
-------------------------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 480px) {
  .dropcap {
    font-size: 4em;
    line-height: 65px;
    background: #000000;
    color: #ffffff;
    float: left;
    display: inline-block;
    margin: 7px 10px 0px 0px;
    text-transform: uppercase;
    padding: 0 10px;
    text-align: center;
  }
}
/* .curly blockquote
-------------------------------------------------------------------------------------------------------------------------------------*/
.curly {
  border: 0;
  position: relative;
  padding-left: 50px;
}
.curly:before {
  content: "\201C";
  font-size: 80px;
  line-height: 1;
  font-family: georgia, serif;
  position: absolute;
  height: 45px;
  left: 0;
}
.curly.text-center {
  padding-top: 45px;
  padding-left: 0;
}
.curly.text-center:before {
  left: 0;
  right: 0;
  top: 5px;
  height: 45px;
}
/* .center-list
-------------------------------------------------------------------------------------------------------------------------------------*/
.center-list {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.center-list li {
  display: inline-block;
}
/* .icon-list
-------------------------------------------------------------------------------------------------------------------------------------*/
.icon-list li {
  padding: 0 0 5px 20px;
  display: block;
  position: relative;
}
.icon-list li:before {
  position: absolute;
  left: 0px;
  top: 3px;
  font-size: 80%;
}
.arrow-right li:before {
  content: '\e649';
}
.checkmark li:before {
  content: '\e64c';
}
/* .social-icon-list
-------------------------------------------------------------------------------------------------------------------------------------*/
.social-icon-list {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  left: -4px;
}
.social-icon-list li {
  display: inline-block;
  margin: 0 0 4px 0;
}
.social-icon-list > li > a {
  color: inherit;
  display: block;
  line-height: 40px;
}
.social-icon-list > li > a:hover {
  opacity: .6;
}
/* +++++++++++ [3. container and page content wrappers] ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* #page .page-content .container
-------------------------------------------------------------------------------------------------------------------------------------*/
#page {
  clear: both;
}
.container {
  width: 100%;
  max-width: 1150px;
}
.page-content {
  padding: 15px 0;
}
@media (min-width: 768px) {
  .page-content {
    padding: 40px 0;
  }
}
/* +++++++++++ [4. header and logo ] ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* .header - base styles
-------------------------------------------------------------------------------------------------------------------------------------*/
.header {
  background: #ffffff;
  border-bottom: 1px solid #aaaaaa;
  top: 3px;
  left: 0;
  right: 3px;
  z-index: 10;
  color: inherit;
  position: absolute;
  /* jquery turns to fixed if the height of the window >= height of this and the icons */
}
.header a {
  color: inherit;
}
.header > a:hover {
  opacity: 0.7;
}
.sticky-header {
  position: fixed;
}
@media (min-width: 768px) {
  .header {
    right: 0;
  }
}
/* all children of header have no margin */
.header * {
  margin: 0;
}
.header-inner {
  height: 100%;
  max-width: 1150px;
  width: 100%;
  padding: 0 15px;
}
@media (min-width: 768px) {
  .header .header-inner {
    margin: 0 auto;
  }
}
/* .logo-brand with image :: the image is no more than 400px x 200px 
and it is displayed half that size & is fixed by the max-height on the img
when on larger widths
-------------------------------------------------------------------------------------------------------------------------------------*/
.logo-brand {
  text-align: center;
  width: 100%;
  float: left;
  padding: 5px 45px 5px 0;
  /* right padding is width of the toggle */
}
.logo-brand img {
  max-width: 100%;
  height: auto;
  max-height: 40px;
  /* navbar height 50px - 10px padding */
}
@media (min-width: 500px) {
  .logo-brand img {
    max-height: 60px;
    /* navbar height 80px - 20px padding */
  }
}
@media (min-width: 768px) {
  .logo-brand {
    padding: 10px 0 10px 0;
    float: left;
    width: auto;
  }
  .logo-brand img {
    max-height: 60px;
    /* navbar height 100px - 20px padding */
  }
}
/* .logo-font // this is for the demo remove class .logo-font and the span .logo-b-different-logo on your site and use image instead
-------------------------------------------------------------------------------------------------------------------------------------*/
.logo-font .logo-brand-inner {
  font-size: 20px;
  line-height: 40px;
  position: relative;
}
.logo-font a,
.logo-font a:hover,
.logo-font a:focus {
  color: #000000;
}
.logo-font a:hover,
.logo-font a:focus {
  opacity: 0.7;
}
@media (min-width: 500px) {
  .logo-font .logo-brand-inner {
    font-size: 40px;
    line-height: 60px;
    /* navbar height 80px - 20px padding */
  }
}
@media (min-width: 768px) {
  .logo-font .logo-brand-inner {
    font-size: 55px;
    line-height: 55px;
    top: 10px;
  }
}
/* .header  .menu-toggle
-------------------------------------------------------------------------------------------------------------------------------------*/
.menu-toggle {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  width: 50px;
  text-align: center;
  border-left: 1px solid #aaaaaa;
  background: transparent;
}
.menu-toggle-inner {
  width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.menu-toggle-icon {
  font-size: 35px;
}
.menu-toggle .menu-toggle-text {
  display: none;
}
@media (min-width: 768px) {
  .menu-toggle {
    position: relative;
    float: left;
    height: 100px;
    width: 95px;
    border-right: 1px solid #aaaaaa;
  }
  .menu-toggle-inner {
    position: absolute;
  }
  .menu-toggle .menu-toggle-text,
  .menu-toggle:focus .menu-toggle-text {
    display: block;
    margin-top: 10px;
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 400;
    color: #000000;
  }
  .menu-toggle:hover .menu-toggle-text,
  .menu-toggle:active .menu-toggle-text,
  .active-slide-btn.menu-toggle .menu-toggle-text {
    color: #ffffff;
  }
  .menu-toggle-icon {
    font-size: 45px;
  }
}
@media (min-width: 1200px) {
  .menu-toggle {
    width: 125px;
  }
}
/* .header .menu-toggle .veggieburger
-------------------------------------------------------------------------------------------------------------------------------------*/
.veggieburger {
  position: relative;
  top: -5px;
}
@media (min-width: 768px) {
  .veggieburger {
    top: auto;
  }
}
.veggieburger .lines {
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: #000000;
  display: inline-block;
  width: 30px;
  height: 3px;
  transition: 0.3s;
  position: relative;
}
.veggieburger .lines:before,
.veggieburger .lines:after {
  display: inline-block;
  background: #000000;
  height: 3px;
  transition: 0.3s;
  position: absolute;
  left: 0;
  right: 0;
  content: '';
  transform-origin: 0.28571rem center;
  -webkit-transform-origin: 0.28571rem center;
}
.veggieburger .lines:before {
  top: 10px;
}
.veggieburger .lines:after {
  top: -10px;
}
@media (min-width: 768px) {
  .veggieburger .lines {
    width: 45px;
  }
}
.menu-toggle:hover .veggieburger .lines,
.menu-toggle:hover .veggieburger .lines:before,
.menu-toggle:hover .veggieburger .lines:after {
  background: #ffffff;
}
.veggieburger {
  padding: 0;
  transition: .3s;
  cursor: pointer;
  user-select: none;
}
.veggieburger:hover {
  opacity: 1;
}
.veggieburger:active {
  transition: 0;
}
.active-slide-btn.menu-toggle .veggieburger .lines {
  transform: scale3d(0.8, 0.8, 0.8);
  -webkit-transform: scale3d(0.8, 0.8, 0.8);
}
.active-slide-btn.menu-toggle .veggieburger .lines {
  background: transparent;
}
.active-slide-btn.menu-toggle .veggieburger .lines:before,
.active-slide-btn.menu-toggle .veggieburger .lines:after {
  transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  top: 0;
  left: 0;
  width: 30px;
  background: #ffffff;
}
@media (min-width: 768px) {
  .active-slide-btn.menu-toggle .veggieburger .lines:before,
  .active-slide-btn.menu-toggle .veggieburger .lines:after {
    width: 45px;
  }
}
.active-slide-btn.menu-toggle:hover .veggieburger .lines {
  background: transparent;
}
.active-slide-btn.menu-toggle .veggieburger .lines:before {
  transform: rotate3d(0, 0, 1, 45deg);
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
}
.active-slide-btn.menu-toggle .veggieburger .lines:after {
  transform: rotate3d(0, 0, 1, -45deg);
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
}
/* .header > .header-btn-wrapper and .header-btn
-------------------------------------------------------------------------------------------------------------------------------------*/
.header-btn-wrapper {
  position: absolute;
  top: 100%;
  z-index: 1;
  width: 50px;
  right: 0;
  overflow: hidden;
  border: 1px solid #aaaaaa;
  border-bottom: 0px;
  border-right: 0px;
}
/* === .header-btn-bar larger viewport width styles  === */
@media (min-width: 768px) {
  .header-btn-bar {
    float: right;
  }
  .header-btn-wrapper {
    position: relative;
    float: left;
    width: auto;
    border: 0px;
    height: 100px;
  }
}
/* .header-btn-bar & sizes
-------------------------------------------------------------------------------------------------------------------------------------*/
.header-btn {
  width: 100%;
  border-bottom: 1px solid #aaaaaa;
  display: block;
  height: 50px;
  text-align: center;
  line-height: 48px;
  font-size: 20px;
  color: #000000;
  background: #ffffff;
}
@media (min-width: 768px) {
  .header-btn {
    width: auto;
    border-right: 1px solid #aaaaaa;
    border-bottom: 0px;
    float: left;
    text-align: center;
    min-width: 45px;
    padding: 0;
    line-height: 95px;
    height: 100px;
  }
  /* .header-btn sizes on larger viewports are all divisible by 50 the smallest is 50px */
  .header-btn-lg {
    width: 100px;
  }
  .header-btn-sm {
    width: 45px;
  }
  .header-btn-xl {
    width: 132px;
  }
  .header-btn-row {
    display: table;
    border-bottom: 1px solid #aaaaaa;
    width: 100%;
  }
  #header-btn-services {
    width: 315px;
  }
 
	
	 
  /* if there are two rows of buttons then use .half-row on the .header-btn-row*/
  .half-row .header-btn {
    height: 50px;
    line-height: 48px;
  }
}
@media (min-width: 1200px) {
  .header-btn-lg {
    width: 120px;
  }
  .header-btn-sm {
    width: 60px;
  }
  .header-btn-xl {
    width: 180px;
  }
  #header-btn-services {
    width: 420px;
  }
}
/* .header-btn-bar a link styles
-------------------------------------------------------------------------------------------------------------------------------------*/
.header-btn-bar a,
.header-btn-bar a:focus {
  box-shadow: inset 0px 0px 0px 3px #ffffff;
  color: #000000;
  transition: all 0.5s ease-in-out;
}
.header-btn-bar a:hover,
.header-btn-bar a:active,
.header-btn-bar a.active-slide-btn {
  color: #ffffff;
  background: #000000;
  text-decoration: none;
}
/* === hide the text inside the .header-btn on small device widths === */
.header-btn-text {
  display: none;
}
@media (min-width: 768px) {
  .header-btn-text {
    display: inline;
    font-size: 14px;
    position: relative;
    top: -3px;
  }
}
/* tall logo option many styles are adjusted
-------------------------------------------------------------------------------------------------------------------------------------*/
/* adjust body padding top */
body.has-tall-logo {
  padding-top: 90px;
}
/* body.has-tall-logo .tall-logo itself on small devices */
body.has-tall-logo .tall-logo {
  position: relative;
  width: 100%;
  text-align: center;
  padding-right: 53px;
}
/* body.has-tall-logo .tall-logo IMG itself on small devices */
body.has-tall-logo .tall-logo img {
  max-width: 100%;
  height: 90px;
  background: #ffffff;
  border: 1px solid #aaaaaa;
  border-top: none;
  border-bottom: 3px solid #000000;
  padding: 10px;
}
/* body.has-tall-logo .header on small devices */
body.has-tall-logo .header {
  height: 50px;
}
/* larger viewport adjustments to above */
@media (min-width: 768px) {
  body.has-tall-logo {
    padding-top: 150px;
  }
  body.has-tall-logo .tall-logo img {
    max-width: 100%;
    height: 170px;
  }
  body.has-tall-logo .tall-logo {
    position: absolute;
    top: 0;
    width: auto;
  }
  body.has-tall-logo .header {
    z-index: 1001;
  }
  body.has-tall-logo .slide-panel {
    top: 130px;
  }
  body.has-tall-logo .header {
    height: 130px;
  }
  body.has-tall-logo .header-btn-wrapper {
    height: 130px;
  }
  body.has-tall-logo .menu-toggle {
    height: 129px;
  }
  body.has-tall-logo .header-btn {
    height: 130px;
    line-height: 125px;
  }
  body.has-tall-logo .half-row .header-btn {
    height: 64px;
    line-height: 60px;
  }
}
/* .has-tall-logo .header-tagline ONLY on Tall Logo Option
-------------------------------------------------------------------------------------------------------------------------------------*/
body.has-tall-logo .header-tagline {
  display: none;
  color: inherit;
}
@media (min-width: 925px) {
  body.has-tall-logo .header-tagline {
    float: left;
    display: table;
    width: 35%;
    height: 130px;
    padding-left: 15px;
    position: relative;
    left: 150px;
  }
  body.has-tall-logo .header-tagline p {
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
  }
}
@media (min-width: 1200px) {
  body.has-tall-logo .header-tagline p {
    font-size: 16px;
  }
}
/* .has-tall-logo .page-header-primary
-------------------------------------------------------------------------------------------------------------------------------------*/
body.has-tall-logo .page-header-primary {
  margin-top: -90px;
  padding-top: 110px;
  padding-bottom: 20px;
}
@media (min-width: 600px) {
  body.has-tall-logo .page-header-primary {
    margin-top: -40px;
    padding-top: 80px;
    padding-bottom: 20px;
  }
}
@media (min-width: 992px) and (min-height: 868px) {
  body.has-tall-logo .page-header-primary {
    margin-top: -20px;
    padding-top: 70px;
    padding-bottom: 40px;
  }
}
/* +++++++++++ [5. slide-panel ] ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* when html has class .slide-active */
.slide-active body {
  overflow: hidden;
}
.slide-active .body-scroll-fix {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: scroll;
}
.slide-panel {
  position: fixed;
  padding: 20px 0;
  color: #ffffff;
  background: #000000;
  top: 0;
  width: 100%;
  bottom: 0;
  right: -100%;
  z-index: 1000;
  transition: all 0.5s ease-in-out;
  overflow: auto;
  box-shadow: inset 0px 0px 0px 2px #ffffff;
  border: 3px solid #000000;
}
.slide-panel.open {
  right: 0;
}
.ie9 .slide-panel {
  box-sizing: content-box;
  padding: 0;
  border: none;
  box-shadow: none;
}
.slide-panel > .container {
  clear: both;
}
@media (min-width: 768px) and (min-height: 868px) {
  .slide-panel > .container {
    padding-top: 40px;
  }
}
.slide-panel a {
  color: #ffffff;
}
.slide-panel a:hover,
.slide-panel a:focus {
  color: #ffffff;
}
.open.slide-panel:after {
  left: auto;
  right: 50px;
}
@media (min-width: 768px) {
  .slide-panel {
    top: 104px;
    padding: 0;
  }
  .slide-panel.open {
    right: 0;
  }
  .open.slide-panel:before,
  .open.slide-panel:after {
    left: 0;
    top: 104px;
  }
  .open.slide-panel:after {
    left: auto;
    right: 0;
  }
  .open.slide-panel {
    padding: 30px;
  }
}
/* .slide-panel headlines
-------------------------------------------------------------------------------------------------------------------------------------*/
.slide-panel h1,
.slide-panel h2,
.slide-panel h3,
.slide-panel h4,
.slide-panel h5,
.slide-panel h6,
.slide-panel .h1,
.slide-panel .h2,
.slide-panel .h3,
.slide-panel .h4,
.slide-panel .h5,
.slide-panel .h6 {
  color: #ffffff;
}
.slide-panel-title {
  text-align: center;
  clear: both;
  margin-bottom: 10px;
}
@media (min-width: 600px) {
  .slide-panel-title {
    padding-bottom: 20px;
  }
}
@media (min-width: 768px) and (min-height: 868px) {
  .slide-panel-title {
    font-size: 60px;
    padding-bottom: 40px;
    letter-spacing: -2px;
  }
}
/* close button in .slide-panels
-------------------------------------------------------------------------------------------------------------------------------------*/
.slide-panel .close {
  float: right;
  opacity: 1;
  text-shadow: none;
  font-size: 25px;
  width: 30px;
  height: 30px;
  color: #ffffff;
  position: relative;
  top: -8px;
  right: 5px;
}
.slide-panel .close:hover {
  color: #ffffff;
  opacity: .50;
}
@media (min-width: 768px) and (min-height: 868px) {
  .slide-panel .close {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 40px;
    width: 40px;
    height: 40px;
  }
}
/* .form-control and forms inside .slide-panel
-------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 600px) {
  .input-group-slide-panel {
    display: block;
    width: 100%;
  }
  .input-group-slide-panel .form-control {
    display: block;
    float: none;
    text-align: center;
  }
  .input-group-slide-panel .input-group-btn {
    display: block;
    margin: 0 auto;
    width: auto;
  }
  .input-group-slide-panel .input-group-btn .btn {
    display: block;
    left: auto;
    margin: 0;
    width: 100%;
    white-space: normal;
  }
  .input-group-lg.input-group-slide-panel > .form-control,
  .input-group-lg.input-group-slide-panel > .input-group-addon,
  .input-group-lg.input-group-slide-panel > .input-group-btn > .btn {
    height: auto;
    font-size: 16px;
  }
  .input-group-slide-panel .input-group-btn:last-child > .btn,
  .input-group-slide-panel .input-group-btn:last-child > .btn-group {
    margin-left: 0;
    margin-top: -1px;
  }
  .input-group-slide-panel .input-group-btn:first-child > .btn,
  .input-group-slide-panel .input-group-btn:first-child > .btn-group {
    margin-right: 0;
    margin-top: -1px;
  }
}
.input-group-slide-panel .form-control {
  border-color: #ffffff;
  color: #ffffff;
  background: transparent;
}
.input-group-slide-panel .form-control::-moz-placeholder {
  opacity: 1;
  color: #ffffff;
}
.input-group-slide-panel .form-control:-ms-input-placeholder {
  color: #ffffff;
}
.input-group-slide-panel .form-control::-webkit-input-placeholder {
  color: #ffffff;
}
.slide-panel .form-control:focus {
  border-color: #000000;
}
.input-group-slide-panel .form-control:focus {
  border-color: #ffffff;
}
/*  #search-panel  .slide-panel
-------------------------------------------------------------------------------------------------------------------------------------*/
#search-panel .form-group {
  width: 100%;
  margin: 0 auto;
}
#search-panel .form-control {
  padding: 10px;
  background: transparent;
  color: #ffffff;
  border: 0px;
  font-size: 16px;
  line-height: 1;
  border-radius: 0px;
  border-bottom: 2px solid #ffffff;
  padding-left: 0;
  min-height: 60px;
}
#search-panel .form-control:focus {
  border-color: #ffffff;
  border-style: dashed;
  -webkit-box-shadow: none;
  box-shadow: none;
}
@media (min-width: 768px) {
  #search-panel .form-control {
    font-size: 28px;
  }
}
#search-panel .form-control::-moz-placeholder {
  color: #ffffff;
}
#search-panel .form-control:-ms-input-placeholder {
  color: #ffffff;
}
#search-panel .form-control::-webkit-input-placeholder {
  color: #ffffff;
}
/* ----- .btn-slide-panel -------- */
.btn-slide-panel {
  color: #ffffff;
  border-color: #ffffff;
  background-color: #000000;
}
.btn-slide-panel:hover,
.btn-slide-panel:focus,
.btn-slide-panel:active,
.btn-slide-panel.active {
  color: #000000;
  border-color: #ffffff;
  background-color: #ffffff;
}
/* +++++++++++ [6. #nav :: main navigation inside #navigation-panel.slide-panel ] ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* #nav - links and styles on menu itself
 -------------------------------------------------------------------------------------------- */
#nav {
  clear: both;
}
@media (min-width: 768px) {
  #nav {
    padding-bottom: 20px;
  }
}
#nav li a {
  display: block;
  padding: 10px 20px;
  position: relative;
  color: #ffffff;
}
@media (min-width: 992px) {
  #nav li a {
    padding: 15px;
  }
  #nav ul ul a {
    padding-left: 30px;
  }
  #nav ul ul ul a {
    padding-left: 50px;
  }
  #nav ul ul ul ul a {
    padding-left: 75px;
  }
}
#nav ul,
#nav li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#nav li {
  border-bottom: 1px solid #444444;
}
#nav li ul li:last-child {
  border-bottom: none;
}
#nav .has-children > a {
  padding-right: 40px;
}
#nav .has-children > a:before {
  content: "\e64b";
  position: absolute;
  right: 20px;
}
#nav .has-children.parent-li > a.parent.current:before {
  content: "\e648";
}
#nav ul ul {
  background: transparent;
}
#nav .active > a,
#nav a:hover,
#nav a:active,
#nav a:focus {
  background: #ffffff;
  color: #000000;
}
#nav .current,
#nav .current-parent,
#nav a.current.parent {
  background: #333333;
  color: #ffffff;
}
@media (min-width: 992px) and (min-height: 1000px) {
  #nav {
    font-size: 18px;
  }
}
/* #nav.multi-menu
 -------------------------------------------------------------------------------------------- */
@media (min-width: 768px) {
  #nav.multi-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  #nav.multi-menu ul ul {
    display: inline-block !important;
  }
  #nav.multi-menu {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -moz-column-gap: 1%;
    -webkit-column-gap: 1%;
    column-gap: 1%;
  }
  #nav.multi-menu li {
    display: inline-block;
    margin: 0;
    padding: 5px 0;
    border: none;
    width: 100%;
    float: none;
  }
  #nav.multi-menu ul ul {
    border-left: 1px solid #444444;
    margin-bottom: 10px;
  }
  #nav.multi-menu ul ul a {
    padding-left: 15px;
  }
  #nav.multi-menu .has-children > a {
    pointer-events: none;
    font-size: 22px;
    border-left: 2px solid #ffffff;
    margin-bottom: 5px;
    padding: 0 0 0 5px;
  }
  #nav.multi-menu .has-children a:before {
    display: none;
  }
  #nav.multi-menu a {
    padding: 2px;
  }
}
@media (min-width: 1200px) {
  #nav.multi-menu {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
    -moz-column-gap: 2%;
    -webkit-column-gap: 2%;
    column-gap: 2%;
  }
}
/* +++++++++++ [7. page-header-primary ] ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* .page-header-primary
-------------------------------------------------------------------------------------------------------------------------------------*/
.page-header-primary {
  margin: 2px 0 0 0;
  background: #000000;
  padding: 20px 0;
  text-align: center;
}
.page-header-primary h2,
.page-header-primary .h2 {
  margin: 0;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
@media (min-width: 480px) {
  .page-header-primary h2,
  .page-header-primary .h2 {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (min-height: 868px) {
  .page-header-primary {
    padding: 30px 0;
  }
  .page-header-primary h2,
  .page-header-primary .h2 {
    font-size: 36px;
  }
}
.page-header-primary small {
  display: block;
  color: inherit;
  font-size: 14px;
}
/* .page-header-breadcrumb
-------------------------------------------------------------------------------------------------------------------------------------*/
.breadcrumb.page-header-breadcrumb {
  background: transparent;
  padding: 0;
  margin: 0;
  font-size: 14px;
  text-transform: lowercase;
}
.breadcrumb.page-header-breadcrumb,
.breadcrumb.page-header-breadcrumb a {
  color: #ffffff;
}
.breadcrumb.page-header-breadcrumb > .active {
  color: #ffffff;
  font-weight: bold;
}
.breadcrumb.page-header-breadcrumb > li + li:before {
  content: "/";
  color: #ffffff;
  font-weight: normal;
}
@media (min-width: 992px) {
  .page-header-primary .container {
    display: table;
  }
  .page-header-primary h2,
  .page-header-primary .h2,
  .page-header-breadcrumb {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
  }
  .breadcrumb.page-header-breadcrumb {
    text-align: right;
    font-size: 16px;
  }
}
/* +++++++++++ [8. slide-to-sidebar when the sup page is on a smaller viewport] ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* .slide-sidebar :: used to slide to the sidebar on small viewports
-------------------------------------------------------------------------------------------------------------------------------------*/
.slide-sidebar {
  background: #cccccc;
  color: #000000;
  position: relative;
  text-align: center;
  display: block;
  z-index: 1;
  margin: -15px 0 15px 0;
  /* adjust top for padding on the wrapper */
}
.slide-sidebar:hover,
.slide-sidebar:focus,
.slide-sidebar:active {
  background: #ffffff;
  color: #000000;
  text-decoration: none;
}
.slide-sidebar i,
.slide-sidebar em {
  display: inline-block;
  vertical-align: middle;
}
.slide-sidebar i {
  font-size: 20px;
  font-style: normal;
  line-height: 40px;
  position: relative;
  top: -1px;
}
.slide-sidebar em {
  line-height: 40px;
  font-style: normal;
  position: relative;
  font-weight: bold;
  text-transform: uppercase;
}
/* +++++++++++ [9. .footer ] ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* .footer and affected links and text inside 
-------------------------------------------------------------------------------------------------------------------------------------*/
.footer,
.footer a {
  color: #000000;
}
/* .footer base styles
-------------------------------------------------------------------------------------------------------------------------------------*/
.footer {
  margin-right: -52px;
  position: relative;
  z-index: 2;
  border-top: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
}
.footer-column-wrapper {
  background: #ffffff;
}
.footer .footer-col {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 60px;
  background: #ffffff;
}
.footer .footer-row:not(:last-child) {
  border-bottom: 1px solid #aaaaaa;
}
.footer .footer-col:not(:last-child) {
  border-bottom: 1px solid #aaaaaa;
}
.footer .footer-col *:first-child {
  margin-top: 0;
}
.footer .footer-col *:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .footer {
    margin-right: 0;
    font-size: 90%;
  }
  .footer-column-wrapper {
    padding: 0;
  }
  .footer .container {
    padding: 0 30px;
  }
  .footer .footer-col:not(:last-child) {
    border-bottom: 0px;
  }
  .footer .footer-col {
    border-right: 1px solid #aaaaaa;
    border-bottom: 0px;
  }
  .footer .footer-col:first-child {
    border-left: 1px solid #aaaaaa;
  }
}
@media (min-width: 992px) {
  .sticky-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
}
/* .footer-title
 -------------------------------------------------------------------------------------------- */
.footer-title {
  text-transform: uppercase;
}
/* .footer > borders on bootstrap components 
 -------------------------------------------------------------------------------------------- */
.footer .form-control-footer {
  border-color: #aaaaaa;
  background: transparent;
  color: inherit;
}
.footer .form-control-footer::-moz-placeholder {
  opacity: .8;
  color: inherit;
}
.footer .form-control-footer:-ms-input-placeholder {
  color: inherit;
  opacity: .8;
}
.footer .form-control-footer::-webkit-input-placeholder {
  color: inherit;
  opacity: .8;
}
/* ----- .btn-footer -------- */
.btn-footer {
  color: inherit;
  border-color: #aaaaaa;
  background-color: transparent;
}
.btn-footer:hover,
.btn-footer:focus,
.btn-footer:active,
.btn-footer.active {
  color: #ffffff;
  border-color: #aaaaaa;
  background-color: #000000;
}
/* .footer-copyright 
 -------------------------------------------------------------------------------------------- */
.footer-copyright {
  padding: 20px 0;
  border-top: 1px solid #aaaaaa;
  margin: 0;
  text-align: center;
  background: #eeeeee;
  color: #000000;
}
.footer-copyright p {
  font-size: 12px;
  margin: 0px;
}
.footer-copyright a {
  color: #000000;
}
/* #go-to-top 
 -------------------------------------------------------------------------------------------------------------------------------------*/
#go-to-top {
  bottom: 3px;
  left: 3px;
  color: #ffffff;
  cursor: pointer;
  font-size: 30px;
  line-height: 50px;
  position: fixed;
  text-align: center;
  width: 50px;
  z-index: 20;
  background: #000000;
}
#go-to-top i {
  position: relative;
  top: 1px;
}
#go-to-top.position-1 {
  bottom: 3px;
  right: 3px;
  left: auto;
}
/* +++++++++++ [10. masonry isotope blog, portfolio, about-us, and testimonial pages requires isotope/masonry 2 ] ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* isotope-masonry base css
 -------------------------------------------------------------------------------------------- */
.isotope .post {
  transition-property: transform, opacity;
}
.row-masonry {
  list-style: none;
  padding: 0;
  margin-left: 0;
  margin-right: -1%;
}
.row-masonry img {
  width: 100%;
  height: auto;
}
/*  isotope-masonry .sort / filter
 -------------------------------------------------------------------------------------------- */
.sort .active a,
.sort a:hover,
.sort a:active,
.filter-title:hover,
.filter-title.active,
.filter-clone .filter .active,
.filter-clone .filter-title:hover {
  background: #000000;
  color: #ffffff;
}
.sort a {
  font-size: 16px;
  text-decoration: none;
  display: block;
  padding: 10px 15px;
  background: #ffffff;
  border-radius: 0px;
  color: #000000;
}
@media (max-width: 900px) {
  .filter {
    display: block;
  }
  .filter .sort {
    display: none;
  }
  .filter-title:after {
    position: relative;
    left: 10px;
    content: "\e61a";
  }
  .filter-title {
    display: block;
    position: relative;
    text-align: center;
    cursor: pointer;
    font-size: 18px;
    margin-bottom: 10px;
    padding: 10px 15px;
    background: #ffffff;
    border-radius: 0px;
    color: #000000;
  }
  .sort a {
    margin-bottom: 2px;
  }
  .filter-clone .sort {
    display: none;
  }
  .sort {
    margin: -8px 0 10px 0;
    padding: 0;
  }
  .sort li {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
  }
  .sort .active a {
    cursor: default;
  }
}
@media (min-width: 901px) {
  .filter-clone,
  .filter-title {
    display: none;
  }
  .sort {
    margin: 0;
    padding: 0 0 3% 0;
    text-align: center;
    font-size: 0;
  }
  .sort li {
    list-style: none;
    display: inline-block;
  }
  .sort a {
    margin: 0 2px 4px;
  }
  .sort .active a {
    cursor: default;
  }
}
/* blog summary masonry
-------------------------------------------------------------------------------------------------------------------------------------*/
.msnry-blog-entry {
  background: #ffffff;
}
.msnry-blog-entry-text {
  padding: 10px;
}
.msnry-blog-entry-text .h5 {
  margin-top: 0;
}
.msnry-blog-entry-text .h5 a {
  color: inherit;
}
.msnry-blog-entry-text p a:not(:hover),
.msnry-blog-entry-meta a:not(:hover) {
  border-bottom: 1px dotted #000000;
  color: inherit;
}
.msnry-blog-entry-text p a:hover,
.msnry-blog-entry-meta a:hover {
  border-bottom: 1px dotted #128aa0;
  text-decoration: none;
}
.msnry-blog-entry-meta {
  text-align: center;
}
@media (min-width: 992px) {
  .msnry-blog-entry-text p {
    font-size: 14px;
    line-height: 1.5;
  }
  .msnry-blog-entry-meta {
    font-size: 12px;
  }
}
.msnry-blog-entry-text .curly {
  padding: 45px 5% 5% 5%;
  margin: 0;
  border: 0;
  font-family: Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;
}
.msnry-blog-entry-text .curly p {
  font-size: 20px;
}
.msnry-blog-entry-text .curly footer {
  font-size: 12px;
}
.quotes .msnry-blog-entry-text a,
.quote .msnry-blog-entry-text a,
.quotes .msnry-blog-entry-text,
.quote .msnry-blog-entry-text {
  text-decoration: none;
  color: #ffffff;
  background: #000000;
}
.quotes .msnry-blog-entry-text a:hover,
.quote .msnry-blog-entry-text a:hover {
  opacity: 0.5;
}
/* portfolio summary masonry
-------------------------------------------------------------------------------------------------------------------------------------*/
.msnry-port-entry {
  background: #ffffff;
}
.msnry-port-entry-text .h5 {
  margin: 1px 0 0 0;
  padding: 5px 10px;
  color: #000000;
  background: #ffffff;
}
.msnry-port-entry-text p {
  padding: 0px 10px 5px;
  margin-bottom: 0;
}
.msnry-port-entry-text .h5 a {
  color: inherit;
}
.msnry-port-entry-text p a:not(:hover),
.msnry-port-entry-text .credit a:not(:hover) {
  color: inherit;
  text-decoration: underline;
}
.msnry-port-entry-text .credit {
  padding: 5px 0;
  background: #eeeeee;
  display: block;
  text-align: right;
}
@media (min-width: 992px) {
  .msnry-port-entry-text p {
    font-size: 14px;
    line-height: 1.5;
  }
  .msnry-port-entry-text .credit {
    font-size: 11px;
    line-height: 1.5;
  }
}
/* all masonry grid sizing
-------------------------------------------------------------------------------------------------------------------------------------*/
/* ---- .row-masonry :: .grid-sizer and .post  */
.row-masonry .grid-sizer,
.row-masonry .post {
  width: 99%;
}
.row-masonry .post {
  margin-bottom: 2%;
}
@media (min-width: 600px) {
  .filter-masonry .gutter-sizer,
  .row-masonry .gutter-sizer {
    width: 2%;
  }
  .row-masonry {
    margin-right: -2%;
  }
}
@media (min-width: 600px) {
  .row-masonry .grid-sizer,
  .row-masonry .post {
    width: 48%;
    float: left;
  }
}
@media (min-width: 980px) {
  .row-masonry .grid-sizer,
  .row-masonry .post {
    width: 31.3%;
  }
}
@media (min-width: 1200px) {
  .row-masonry .grid-sizer,
  .row-masonry .post {
    width: 23%;
  }
}
/* .about-us grid
-------------------------------------------------------------------------------------------------------------------------------------*/
.about-page .grid-sizer,
.about-page .post {
  width: 99%;
}
.about-page .post {
  padding: 0 15px 15px;
}
@media (min-width: 992px) {
  .about-page .gutter-sizer {
    width: 2%;
  }
  .about-page .grid-sizer,
  .about-page .post {
    width: 48%;
    float: left;
  }
}
/* .testimonial-page grid
-------------------------------------------------------------------------------------------------------------------------------------*/
.testimonial-page .gutter-sizer {
  width: 1%;
}
.testimonial-page .grid-sizer,
.testimonial-page .post {
  width: 99%;
}
.testimonial-page .post {
  padding: 0 5px 10px;
}
@media (min-width: 768px) {
  .testimonial-page .grid-sizer,
  .testimonial-page .post {
    width: 49%;
    float: left;
  }
}
@media (min-width: 992px) {
  .testimonial-page .grid-sizer,
  .testimonial-page .post {
    width: 32.33%;
  }
}
/* +++++++++++ [11. slick slider ] ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* slick slider base styles 
-------------------------------------------------------------------------------------------------------------------------------------*/
.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-loading .slick-list {
  background: #ffffff url("../images/loader.gif") center center no-repeat;
}
.slick-prev:hover,
.slick-next:hover {
  opacity: 0.5;
}
/* Dots */
.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}
/* ------- .loading-slick --------- */
.loading-slick {
  visibility: hidden;
  opacity: 0;
}
/* ------- hide the arrows for various sliders below 1230px --------- */
@media (max-width: 1230px) {
  .multi-item-slick.slick-slider.slick-initialized button.slick-prev,
  .multi-item-slick.slick-slider.slick-initialized button.slick-next,
  .multi-item-slick-mini.slick-slider.slick-initialized button.slick-prev,
  .multi-item-slick-mini.slick-slider.slick-initialized button.slick-next,
  .testimonial-slider.slick-slider.slick-initialized button.slick-prev,
  .testimonial-slider.slick-slider.slick-initialized button.slick-next,
  .eq-slider.slick-slider.slick-initialized button.slick-prev,
  .eq-slider.slick-slider.slick-initialized button.slick-next,
  .video-slider.slick-slider.slick-initialized button.slick-prev,
  .video-slider.slick-slider.slick-initialized button.slick-next {
    display: none!important;
    width: 0px;
    height: 0px;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
  }
}
/* ----- .slick-prev & .slick-next ----- */
.slick-prev,
.slick-next {
  background: transparent;
  border: none;
  color: #000000;
  cursor: pointer;
  display: block;
  font-size: 0px;
  height: 40px;
  line-height: 0;
  margin-top: 0;
  outline: none;
  padding: 0;
  position: absolute;
  top: 0;
  width: 40px;
  z-index: 5;
}
.slick-prev:before,
.slick-next:before {
  color: #000000;
  font-size: 18px;
  line-height: 1;
  opacity: 1;
}
.slick-next:before {
  content: "\e628";
}
.slick-prev:before {
  content: "\e629";
}
.slick-disabled {
  cursor: default;
  opacity: .30;
}
/* ---- .slick-dots ----- */
.slick-dots {
  bottom: auto;
  display: block;
  line-height: 0;
  margin: 10px 0 0 0;
  padding: 0;
  position: relative;
  text-align: center;
  top: 0;
}
.slick-dots li {
  cursor: pointer;
  display: inline-block;
  height: 20px;
  margin: 5px;
  padding: 0;
  position: relative;
  width: 20px;
}
.slick-dots li button {
  background: #ffffff;
  border: 0;
  border: 1px solid #cccccc;
  color: transparent;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 100%;
  line-height: 0;
  opacity: 1;
  outline: none;
  padding: 5px;
  width: 100%;
}
.slick-dots li button:before {
  display: none;
}
.slick-dots li button:after {
  background: #cccccc;
  bottom: 3px;
  content: '';
  left: 3px;
  opacity: 1;
  position: absolute;
  right: 3px;
  top: 3px;
}
.slick-dots-right .slick-dots {
  text-align: right;
}
.slick-dots-right .slick-dots li {
  margin: 5px 0 5px 10px;
}
.slick-dots-left .slick-dots {
  text-align: left;
}
.slick-dots-left .slick-dots li {
  margin: 5px 10px 5px 0;
}
ul.slick-dots > li.slick-active > button {
  background: #000000;
  border-color: #000000;
  cursor: default;
}
ul.slick-dots > li.slick-active > button:after {
  background: #ffffff;
}
/* .featured-carousel // uses slick slider
-------------------------------------------------------------------------------------------------------------------------------------*/
.featured-carousel {
  margin: 0;
  padding: 0;
}
.featured-carousel figcaption {
  margin-top: 15px;
}
.featured-carousel figure {
  margin: 0;
  padding: 0;
}
.featured-carousel .slick-prev,
.featured-carousel .slick-next {
  left: 0;
  background: #ffffff;
}
.featured-carousel .slick-next {
  left: 40px;
}
@media (min-width: 1231px) {
  .featured-carousel .slick-prev,
  .featured-carousel .slick-next {
    left: -40px;
    margin: 0;
    background: transparent;
  }
  .featured-carousel .slick-next {
    top: 40px;
  }
}
/* .multi-item-slick carousel // uses slick slider
-------------------------------------------------------------------------------------------------------------------------------------*/
.multi-item-slick {
  margin: 0 -4px;
  padding: 0;
}
.multi-item-slick .slick-slide {
  margin: 0 5px;
}
@media (min-width: 1231px) {
  .multi-item-slick .slick-prev,
  .multi-item-slick .slick-next {
    right: -40px;
    top: 0;
    margin: 0;
    display: block;
  }
  .multi-item-slick .slick-next {
    top: 40px;
  }
}
/* these dots via jquery are moved to the top on small viewports */
.multi-item-slick .slick-dots {
  margin: 20px 0 10px;
}
.multi-item-slick.slick-dots-left .slick-dots {
  padding-left: 5px;
}
.multi-item-slick.slick-dots-right .slick-dots {
  padding-right: 5px;
}
.multi-item-slick figcaption {
  margin-top: 10px;
}
.multi-item-slick figcaption h3 {
  margin: 0 0 10px 0;
}
@media (min-width: 768px) {
  .multi-item-slick figcaption {
    padding-right: 5px;
  }
}
/* --- .multi-item-slick content ----- */
.multi-item-slick h3 {
  font-size: 20px;
  margin: 0;
}
.multi-item-slick figure p {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 10px;
}
.multi-item-slick a figure {
  text-decoration: none;
  color: #000000;
}
.multi-item-slick a:hover {
  text-decoration: none;
}
.multi-item-slick .credit {
  margin: 0;
  font-size: 12px;
}
/* images for all carousels
-------------------------------------------------------------------------------------------------------------------------------------*/
.slick-slider img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
/* rounding error corrections
-------------------------------------------------------------------------------------------------------------------------------------*/
.blog-slider,
.portfolio-item-slider {
  width: 100.5%;
}
/* helps disguise rounding errors */
/* video-slider
-------------------------------------------------------------------------------------------------------------------------------------*/
.video-slider {
  margin: 0 -4px 10px;
  padding: 0;
}
.video-slider .slick-slide {
  margin: 0 5px;
}
@media (min-width: 1231px) {
  .video-slider .slick-prev,
  .video-slider .slick-next {
    left: -40px;
    top: 50%;
    margin: -40px 0 0 0;
    display: block;
  }
  .video-slider .slick-next {
    right: -40px;
    left: auto;
  }
}
.video-slider .slick-slider-item {
  opacity: 0.5;
}
.video-slider .slick-slider-item.active {
  opacity: 1;
}
/* .portfolio-item-slider .portfolio-thumb-slider
-------------------------------------------------------------------------------------------------------------------------------------*/
.portfolio-thumb-slider {
  margin: 0 -2px 6px -3px;
}
.portfolio-thumb-slider .slick-slide {
  padding: 0 3px;
}
.portfolio-item-slider {
  margin: 0;
  padding: 0;
}
.portfolio-thumb-slider .slick-active img {
  opacity: .4;
}
.portfolio-thumb-slider .slick-current.slick-active img {
  opacity: 1;
}
.portfolio-item-slider .slick-prev,
.portfolio-item-slider .slick-next {
  left: 0;
  background: #ffffff;
}
.portfolio-item-slider .slick-next {
  left: 40px;
}
/* testimonial-slider
-------------------------------------------------------------------------------------------------------------------------------------*/
.testimonial-slider {
  position: relative;
  margin: 0;
}
/* these on small viewports */
.testimonial-slider .slick-dots {
  margin: 20px 0 10px;
}
@media (min-width: 768px) {
  /* these on small viewports */
  .testimonial-slider .slick-dots {
    position: absolute;
    bottom: 20px;
    top: auto;
    margin: 0;
    text-align: right;
    left: auto;
    right: -10px;
    z-index: 3;
  }
}
@media (min-width: 768px) {
  .testimonial-slider .slick-prev,
  .testimonial-slider .slick-next {
    right: -40px;
    top: 0;
    margin: 0;
  }
  .testimonial-slider .slick-next {
    top: 40px;
  }
}
.testimonial-slider .testimonial {
  background-color: #000000;
  color: #ffffff;
}
.testimonial-slider .testimonial a {
  color: #ffffff;
  text-decoration: underline;
}
@media (min-width: 992px) {
  .testimonial-slider .testimonial blockquote {
    font-size: 30px;
    line-height: 1.2;
  }
  .testimonial-slider .testimonial {
    padding: 30px 50px;
  }
}
.boxshadow .testimonial-slider .author-wrapper .arrow {
  margin-left: 40px;
  border-top: 40px solid transparent;
  border-top: 40px solid #aaaaaa;
  border-left: 40px solid transparent;
  border-right: 0px solid transparent;
}
.testimonial-slider .author-wrapper .arrow:before {
  margin-left: -38px;
  border-top: 40px solid #000000;
  border-left: 40px solid transparent;
  border-right: 0px solid transparent;
}
.testimonial-slider .author-wrapper .cite {
  font-weight: bold;
  font-size: 20px;
}
/* .eq-slider
-------------------------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 1231px) {
  .eq-slider .slick-prev,
  .eq-slider .slick-next {
    left: -40px;
    top: 0;
    margin: 0;
    background: transparent;
  }
  .eq-slider .slick-next {
    top: 40px;
  }
}
.eq-slider {
  margin: 0;
}
.eq-slider-visual {
  background-color: #000000;
}
.eq-slider-caption {
  background: #000000;
  padding: 20px;
  color: #ffffff;
}
.eq-slider-caption a:not(.btn) {
  color: #ffffff;
  text-decoration: underline;
}
@media (min-width: 768px) {
  .eq-slider .slick-slider-item {
    display: table;
    width: 100%;
  }
  .eq-slider-caption,
  .eq-slider-visual,
  .eq-slider-divider {
    display: table-cell;
    vertical-align: middle;
  }
  .eq-slider-visual {
    width: 57.5%;
  }
  .eq-slider-divider {
    width: 1%;
  }
  .eq-slider-caption {
    width: 40.5%;
    vertical-align: top;
    padding-bottom: 35px;
  }
}
@media (min-width: 992px) {
  .eq-slider-visual {
    padding: 0;
  }
}
/* these on small viewports */
.eq-slider .slick-dots {
  margin: 10px 0;
}
@media (min-width: 768px) {
  /* these on small viewports */
  .eq-slider .slick-dots {
    position: absolute;
    bottom: 5px;
    top: auto;
    margin: 0;
    text-align: right;
    left: auto;
    right: 0;
    z-index: 1;
  }
}
/* .variable-width-slider 
// https://github.com/kenwheeler/slick/issues/779
-------------------------------------------------------------------------------------------------------------------------------------*/
.variable-width-slider {
  margin: 0;
  position: relative;
}
.variable-width-slider .slick-slide {
  background: #ffffff;
  margin: 0 2px;
  float: left;
}
.variable-width-slider {
  margin: 0 -1px;
}
@media (min-width: 768px) {
  .variable-width-slider {
    margin-top: -20px;
  }
}
@media (min-width: 601px) {
  .variable-width-slider .slick-center.slick-slide img {
    opacity: 1;
  }
  .variable-width-slider .slick-slide img {
    opacity: 0.6;
  }
}
@media (min-width: 1231px) {
  .variable-width-slider .slick-prev,
  .variable-width-slider .slick-next {
    display: block;
    left: -40px;
    margin: -40px 0 0 0;
    top: 50%;
  }
  .variable-width-slider .slick-next {
    left: auto;
    right: -40px;
  }
}
@media (max-width: 1230px) {
  .variable-width-slider {
    margin: 0;
  }
  .variable-width-slider .slick-slide {
    margin: 0;
  }
  .variable-width-slider .slick-prev,
  .variable-width-slider .slick-next {
    background: #ffffff;
    left: 0;
    top: 0;
  }
  .variable-width-slider .slick-next {
    left: auto;
    right: 0;
  }
}
/* .multi-item-slick-mini carousel // uses slick slider
-------------------------------------------------------------------------------------------------------------------------------------*/
.multi-item-slick-mini {
  margin: 0 -4px;
  padding: 0;
}
.multi-item-slick-mini .slick-slide {
  margin: 0 5px;
}
@media (min-width: 1231px) {
  .multi-item-slick-mini .slick-prev,
  .multi-item-slick-mini .slick-next {
    right: -40px;
    top: 0;
    margin: 0;
    display: block;
  }
  .multi-item-slick-mini .slick-next {
    top: 40px;
  }
}
/* these dots via jquery are moved to the top on small viewports */
.multi-item-slick-mini .slick-dots {
  margin: 20px 0 10px;
}
.multi-item-slick-mini.slick-dots-left .slick-dots {
  padding-left: 5px;
}
.multi-item-slick-mini.slick-dots-right .slick-dots {
  padding-right: 5px;
}
/* +++++++++++ [12. home page styles :: column-inner and column-featured works with the slider next to it ] ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* .column-inner & .featured-column goes with the featured-slider
-------------------------------------------------------------------------------------------------------------------------------------*/
.column-inner {
  background: #ffffff;
  padding: 20px;
  position: relative;
}
.column-featured {
  color: #ffffff;
  background: #000000;
  text-align: justify;
}

.column-featured2 {
  color: #000000;
  background: #ffffff;
  text-align: justify;
}

.column-featured a:not(.btn-featured) {
  color: #ffffff;
}
@media (min-width: 768px) {
  .column-bg-fake {
    display: block;
    position: absolute;
    top: 0;
    z-index: -1;
    right: 0;
    left: 0;
    background: #ffffff;
  }
  .column-featured .column-bg-fake {
    background: #000000;
  }
}
.column-featured-headline {
  margin-top: 0;
}
/* ----- .btn-featured -------- */
.btn-featured {
  color: #ffffff;
  border-color: #ffffff;
  background-color: #000000;
}
.btn-featured:hover,
.btn-featured:focus,
.btn-featured:active,
.btn-featured.active {
  color: #000000;
  border-color: #000000;
  background-color: #ffffff;
}
/* +++++++++++ [13. widgets ] ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* .widget base
-------------------------------------------------------------------------------------------------------------------------------------*/
.widget {
  margin: 0 0 10px 0;
  background: #ffffff;
  padding: 15px;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .widget:not(.widget-title) {
    font-size: 14px;
  }
}
.widget ul:last-child,
.widget ol:last-child,
.widget p:last-child,
.widget .form-group:last-child,
.widget form {
  margin-bottom: 0;
}
/* .widget-title
-------------------------------------------------------------------------------------------------------------------------------------*/
.widget-title {
  border-bottom: 1px solid #000000;
  font-size: 14px;
  margin: 0 0 15px 0;
}
.widget-title span {
  display: inline-block;
  border-bottom: 2px solid #000000;
  padding: 0 0 5px 0;
}
/* .img-widget used in sidebar, .slide-panel and .footer
-------------------------------------------------------------------------------------------------------------------------------------*/
.img-widget {
  font-size: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.img-widget img {
  border: 1px solid #eeeeee;
}
.img-widget img,
.img-widget li {
  display: inline;
  width: 100%;
  height: auto;
}
.img-widget a {
  display: inline-block;
  padding: 0 2px 4px;
  width: 65px;
  height: 65px;
  font-size: 0;
}
/* ----- .slide-panel .img-widget img border ----- */
.slide-panel .img-widget img {
  border: 1px solid #333333;
}
/* ----- .slide-panel .img-widget img border ----- */
.footer .img-widget img {
  border: 1px solid #aaaaaa;
}
/* .widget .media-list
-------------------------------------------------------------------------------------------------------------------------------------*/
.widget .panel-group {
  margin: 0;
}
.widget .media-list .media-list-content {
  font-size: 12px;
  line-height: 1.6;
}
.widget .media-list li:not(:last-child) {
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #ffffff;
}
.widget .media-list-visual {
  width: 40px;
  margin-right: -45px;
}
.widget .media-list li .media-list-content {
  padding-left: 45px;
}
.widget .media-list:hover li {
  background: #ffffff;
}
/* remove link color on icon-list
-------------------------------------------------------------------------------------------------------------------------------------*/
.widget .icon-list li > a {
  color: inherit;
}
/* .widget .nav-tabs
-------------------------------------------------------------------------------------------------------------------------------------*/
.widget .tab-pane {
  padding: 5px;
  background: #eeeeee;
}
.widget .nav.nav-tabs > li > a {
  padding: 8px;
  background: #eeeeee;
}
.widget .nav.nav-tabs > li.active > a,
.widget .nav.nav-tabs > li > a:hover,
.widget .nav.nav-tabs > li.active > a:hover,
.widget .nav.nav-tabs > li.active > a:active,
.widget .nav.nav-tabs > li.active > a:focus {
  background: #000000;
  color: #ffffff;
}
/* .widget > .panel-group (accordion / collapse)
-------------------------------------------------------------------------------------------------------------------------------------*/
.widget .panel-group .panel-heading + .panel-collapse > .panel-body {
  padding: 5px;
  background: #eeeeee;
  border: none;
}
.widget .panel-group .panel-heading a {
  padding: 10px;
  border: none;
  font-size: 14px;
}
.widget .panel-group .panel-heading a.collapsed {
  background: #eeeeee;
  border: none;
}
.widget .panel-group .panel-heading a:after {
  right: 10px;
  top: 10px;
}
/* +++++++++++ [14. media-list ] ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* .media-list :: used outside the widget
-------------------------------------------------------------------------------------------------------------------------------------*/
.media-list {
  clear: left;
}
.media-list > li:not(:last-child) {
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.media-list > li a {
  text-decoration: none;
  color: inherit;
}
.media-list .media-list-visual img {
  width: 100%;
  height: auto;
  border: 1px solid #eeeeee;
}
.media-list-visual {
  width: 40px;
  height: auto;
  margin-right: -45px;
  float: left;
}
.media-list .media-list-content {
  float: left;
  padding-left: 45px;
}
.media-list .media-list-content *:first-child {
  margin-top: 0;
}
.media-list .media-list-content *:last-child {
  margin-top: 0;
}
.media-list:hover > li {
  transition: all 0.5s ease-in-out;
}
.media-list > li:hover {
  opacity: .5;
}
.media-list .media-list {
  clear: both;
  padding: 10px 0 0 0;
  margin-left: 5%;
}
.media-list-date {
  background: #000000;
  color: #ffffff;
  height: auto;
  padding: 5px 0;
  width: 40px;
  text-align: center;
  text-transform: uppercase;
  display: table;
  vertical-align: middle;
}
.media-list-date .month {
  font-size: 14px;
}
.media-list-date .year {
  font-size: 11px;
}
.media-list-date span {
  line-height: 1.0;
  display: block;
}
.media-list-date .day {
  font-size: 25px;
  margin-top: -1px;
}
.media-list-date .media-list-date-inner {
  display: table-cell;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .media-list-visual {
    width: 80px;
    margin-right: -85px;
  }
  .media-list .media-list-content {
    padding-left: 85px;
  }
  .media-list-date {
    height: 70px;
    width: 70px;
  }
}
/* +++++++++++ [15. blog ] ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* .blog and .blog.summary :: not the masonry version 
-------------------------------------------------------------------------------------------------------------------------------------*/
.entry-summary {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #000000;
}
@media (min-width: 600px) {
  .entry-summary,
  .entry-full-post {
    position: relative;
    padding-left: 95px;
  }
}
.entry-visual {
  margin-bottom: 15px;
}
.entry-title {
  margin: 0;
}
.entry-header a {
  color: inherit;
}
.entry-header {
  margin-bottom: 3%;
}
.entry-meta {
  margin: 10px 0;
}
.entry-meta {
  font-size: 0px;
}
.entry-meta li {
  font-size: 12px;
  padding: 2px 10px;
}
.entry-header .entry-meta {
  margin-left: -10px;
}
@media (min-width: 992px) {
  .entry-header h1 {
    font-size: 28px;
  }
}
/*  entry-tags used in blog summary, widget, and blog detail page
 -------------------------------------------------------------------------------------------- */
.entry-tags {
  padding: 0;
  list-style: none;
  font-size: 0;
}
.entry-tags li {
  display: inline-block;
  font-size: 12px;
}
.entry-tags a {
  display: block;
  padding: 2px 5px;
  font-size: 14px;
  color: #000000;
  background: #ffffff;
  margin: 0 5px 5px 0;
  text-decoration: none;
}
.entry-tags a:hover {
  text-decoration: none;
  background: #000000;
  color: #ffffff;
}
.entry-tags li:first-child {
  padding-right: 0;
  margin-right: 3px;
}
/* fancy blog date
 -------------------------------------------------------------------------------------------- */
.entry-fancy-date {
  display: none;
}
@media (min-width: 600px) {
  .entry-fancy-date {
    background: #000000;
    color: #ffffff;
    height: 75px;
    width: 75px;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    top: 0;
    left: 0;
    display: table;
  }
  .entry-fancy-date .month {
    line-height: 1.2;
    font-size: 12px;
  }
  .entry-fancy-date .year {
    line-height: 1.2;
    font-size: 11px;
  }
  .entry-fancy-date span {
    display: block;
  }
  .entry-fancy-date .day {
    font-size: 28px;
    letter-spacing: -1px;
    line-height: 1;
  }
  .entry-fancy-date div {
    display: table-cell;
    vertical-align: middle;
  }
}
/* blog comments
 -------------------------------------------------------------------------------------------- */
#view-comments a {
  text-decoration: underline;
  color: inherit;
}
#view-comments a:hover {
  text-decoration: none;
}
.comment-thread {
  margin-bottom: 5%;
}
.comment-thread,
.comment-thread ol {
  padding: 0;
  list-style: none;
}
.comment-thread ol {
  margin-left: 5%;
}
.comment-thread .comment {
  margin: 0 0 15px 0;
}
.comment .comment-header {
  margin-bottom: 10px;
}
.comment-thread .avatar {
  float: left;
  margin-right: -70px;
  width: 70px;
  position: relative;
  overflow: visible;
}
.comment-thread .avatar:after {
  content: '';
  position: absolute;
  left: 50%;
  height: 100%;
  bottom: -100%;
  width: 2px;
  border-right: 2px solid #000000;
}
.comment-thread .avatar img {
  border-radius: 50%;
  border: 2px solid #000000;
  max-width: 100%;
  height: auto;
  position: relative;
  z-index: 3;
}
.comment-meta {
  padding: 0 0 0 80px;
  list-style: none;
  margin: 15px 0 20px -5px;
  float: left;
}
.comment-meta > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 12px;
}
.comment-meta > li:first-child {
  font-size: 18px;
  text-transform: uppercase;
}
.comment-meta > li:first-child a {
  text-decoration: none;
}
.comment-thread .comment-text *:last-child {
  margin-bottom: 0;
}
.comment-thread .comment-text > div {
  background: #ffffff;
  border: 2px solid #000000;
  padding: 10px;
  position: relative;
  z-index: 3;
}
.comment-thread .comment-text > div a {
  text-decoration: underline;
}
.comment-thread .comment.moderator .comment-text > div {
  background: #000000;
  color: #ffffff;
}
.comment-thread .comment.moderator .comment-text > div a {
  color: #ffffff;
  text-decoration: underline;
}
@media (min-width: 700px) {
  .comment-thread .comment-text {
    float: left;
    padding-left: 80px;
  }
  .comment .comment-header {
    overflow: visible;
    margin-bottom: 0;
  }
  .comment-thread .comment-text > div:before {
    content: '';
    position: absolute;
    top: 8px;
    height: 2px;
    border-top: 2px solid #000000;
    width: 47px;
    left: -47px;
  }
  .comment-thread .avatar:after {
    height: 10px;
    bottom: -10px;
  }
}
/* addthis_toolbox
 -------------------------------------------------------------------------------------------- */
.addthis_toolbox {
  clear: both;
  margin: 10px 0 0 -5px;
}
[class*="addthis_button"] {
  display: inline-block;
  margin: 0 10px 0 0;
}
[class*="addthis_button"] .fa {
  color: #000000;
  font-size: 25px;
  height: 25px;
  line-height: 25px;
  width: 25px;
}
@media (min-width: 600px) {
  .addthis_toolbox {
    position: absolute;
    top: 100px;
    left: 0;
    width: 75px;
    text-align: center;
    margin: 0;
  }
  .addthis_toolbox:before,
  .addthis_toolbox:after {
    display: table;
    content: "";
    text-align: center;
  }
  .addthis_toolbox:after {
    clear: both;
  }
  [class*="addthis_button"] {
    display: block;
    margin: 0 auto 10px 0;
  }
  [class*="addthis_button"] .fa {
    font-size: 35px;
    height: 35px;
    line-height: 35px;
    width: 35px;
    text-align: center;
  }
  [class*="addthis_button"]:hover .fa {
    color: #cccccc;
  }
}
@media (min-width: 600px) {
  .sticky-addthis {
    position: fixed;
  }
}
/* +++++++++++ [16. pricing-columns ] ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* pricing columns
 -------------------------------------------------------------------------------------------- */
[class*="price-column-"] {
  position: relative;
  min-height: 1px;
  margin-bottom: 2%;
}
/* ----------- inner content ----------------- */
.inner-price {
  background: #ffffff;
  text-align: center;
  position: relative;
  border: 1px solid #000000;
}
.inner-price:before,
.inner-price:after {
  content: " ";
  display: table;
}
.inner-price:after {
  clear: both;
}
/* ----------- price title ----------------- */
.price-title {
  padding-top: 20px;
  padding-bottom: 20px;
  margin: 0;
  position: relative;
}
@media (min-width: 1400px) {
  .pr-3 .price-title {
    font-size: 28px;
  }
  .pr-3 .best-seller .price-title {
    font-size: 35px;
  }
}
/* ----------- price circle ----------------- */
.the-price {
  color: #000000;
  background: #ffffff;
  border: 2px solid #000000;
  margin: 0 auto 20px;
  width: 90px;
  height: 90px;
  line-height: 90px;
  font-size: 24px;
  border-radius: 50%;
  position: relative;
}
.the-price > span {
  font-size: 12px;
  font-weight: normal;
}
.the-price:after {
  position: absolute;
  content: '';
  height: 20px;
  bottom: -30px;
  left: 50%;
  width: 2px;
  border-right: 2px solid #000000;
}
/* ----------- feature list ----------------- */
.feature-title {
  margin: 40px 0 10px;
  text-transform: uppercase;
  letter-spacing: 5px;
  position: relative;
}
.feature-list {
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
}
.has-details {
  cursor: pointer;
}
.has-details > h4:after {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-left: 5px;
  content: "\f059";
}
.has-details.active h4:after {
  content: "\f056";
}
.has-details:hover {
  background: #000000;
  color: #ffffff;
}
.feature-list li {
  padding: 10px;
}
.feature-list li p {
  padding: 20px 10px 0 10px;
  margin: 0;
}
.feature-list h4 {
  font-size: 14px;
  margin: 0;
  font-weight: normal;
}
/* ----------- price button ----------------- */
.btn-price {
  color: #000000;
  border-color: #000000;
  background-color: #ffffff;
  margin-bottom: 20px;
}
.btn-price:hover,
.btn-price:focus,
.btn-price:active,
.btn-price.active {
  color: #ffffff;
  border-color: #000000;
  background-color: #000000;
}
/* ----------- price ribbon  ----------------- */
.price-ribbon {
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  font-size: 16px;
  position: relative;
  padding: 5px 0;
}
.no-csstransforms .price-ribbon-container {
  position: relative;
  height: auto;
  width: 100.5%!important;
  top: -30px;
  right: auto;
  left: -1px;
  right: -1px;
  overflow: visible;
  margin-bottom: 15px;
}
.no-csstransforms .price-ribbon {
  top: 0px;
  width: 100%!important;
  margin-top: -20px;
}
@media (min-width: 650px) {
  .price-ribbon-container {
    width: 135px;
    height: 135px;
    overflow: hidden;
    position: absolute;
    top: -1px;
    right: -1px;
  }
  .price-ribbon {
    border-radius: 0px;
    font-size: 12px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: relative;
    padding: 5px 0;
    top: 20px;
    width: 200px;
  }
}
.best-seller .price-ribbon,
.best-seller .the-price {
  color: #ffffff;
  background: #000000;
  border-color: #000000;
}
.best-seller .the-price:after {
  border-color: #000000;
}
.best-seller .btn-price {
  border-color: #000000;
  color: #ffffff;
  background: #000000;
}
.best-seller .btn-price:hover,
.best-seller .btn-price:focus,
.best-seller .btn-price:active,
.best-seller .btn-price.active {
  color: #000000;
  border-color: #000000;
  background-color: #ffffff;
}
.best-seller .inner-price {
  position: relative;
  z-index: 1;
  box-shadow: 0 0 0 2px #000000;
  border-color: #000000;
}
/* ---------- 3 column grid ----------- */
@media (min-width: 768px) {
  .pr-3 .best-seller .price-title {
    padding-left: 50px;
    padding-right: 50px;
  }
  .pr-3 .best-seller .inner-price {
    padding-top: 30px;
    padding-bottom: 40px;
  }
  .pr-3 .best-seller {
    margin-top: -40px;
  }
  .pr-3 {
    margin-top: 60px;
  }
  .pr-3 .best-seller .price-button {
    font-size: 120%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .pr-3 [class*="price-column-2"] .inner-price {
    border-right-width: 0px;
  }
  .pr-3 [class*="price-column-3"] .inner-price {
    border-left-width: 0px;
  }
  .pr-3 [class*="price-column-"] {
    float: left;
  }
  .pr-3 [class*="price-column-1"] {
    width: 40%;
  }
  .pr-3 [class*="price-column-2"],
  .pr-3 [class*="price-column-3"] {
    width: 30%;
  }
  /* push and pull */
  .pr-3 [class*="price-column-1"] {
    left: 30%;
  }
  .pr-3 [class*="price-column-2"] {
    right: 40%;
  }
}
/* ---------- 4 column grid ----------- */
@media (min-width: 700px) and (max-width: 991px) {
  .pr-4 [class*="price-column-"] {
    word-spacing: normal;
    width: 49.5%;
    vertical-align: top;
    margin-bottom: 5px;
    letter-spacing: normal;
    float: none;
    display: inline-block;
  }
  .pr-4 .price-row {
    word-spacing: -1em;
    letter-spacing: -1em;
    /* webkit */
    /* IE < 8 && gecko */
  }
}
/* ---------- 4 column grid ----------- */
@media (min-width: 992px) {
  .pr-4 .best-seller .price-title {
    padding-left: 50px;
    padding-right: 50px;
  }
  .pr-4 .best-seller .inner-price {
    padding-top: 30px;
    padding-bottom: 40px;
  }
  .pr-4 .best-seller {
    margin-top: -40px;
  }
  .pr-4 {
    margin-top: 60px;
  }
  .pr-4 .best-seller .price-button {
    font-size: 120%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .pr-4 [class*="price-column-2"] .inner-price,
  .pr-4 [class*="price-column-3"] .inner-price {
    border-right-width: 0;
  }
  .pr-4 [class*="price-column-4"] .inner-price {
    border-left-width: 0;
  }
  .pr-4 [class*="price-column-"] {
    float: left;
  }
  .pr-4 [class*="price-column-1"] {
    width: 31%;
  }
  .pr-4 [class*="price-column-2"],
  .pr-4 [class*="price-column-3"],
  .pr-4 [class*="price-column-4"] {
    width: 23%;
  }
  .pr-4 [class*="price-column-1"] {
    left: 46%;
  }
  .pr-4 [class*="price-column-2"] {
    left: -31%;
  }
  .pr-4 [class*="price-column-3"] {
    left: -31%;
  }
}
/* +++++++++++ [17. magnific popup ] ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/*------------------------------------------------------------------------------------------------------------------------------------
  maginific-popup styles for ajax, inline, etc.
 -------------------------------------------------------------------------------------------- */
.mfp-bg,
.my-mfp-slidein.mfp-ready.mfp-bg {
  background: #000000;
  opacity: 0.8;
}
.my-mfp-slidein .mfp-modal {
  opacity: 0;
  transition: all 0.2s ease-out;
  top: -100%;
}
.my-mfp-slidein.mfp-ready .mfp-modal {
  opacity: 1;
  top: 0;
  transition: all 0.2s ease-in-out;
}
.my-mfp-slidein.mfp-removing .mfp-modal {
  opacity: 0;
  transition: all 0.2s ease-out;
  top: -100%;
}
.my-mfp-slidein.mfp-bg {
  opacity: 0.01;
  transition: opacity 0.3s ease-out;
}
.my-mfp-slidein.mfp-removing.mfp-bg {
  opacity: 0;
}
.mfp-modal {
  width: 95%;
  max-width: 1200px;
  position: relative;
  background: #ffffff;
  padding: 50px 20px 20px 20px;
  margin: 20px auto;
  transition: all 1s ease-out;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5);
}
.mfp-modal .panel-group {
  margin-bottom: 0;
}
.extra-small-dialog {
  max-width: 400px;
}
.small-dialog {
  max-width: 600px;
}
.medium-dialog {
  max-width: 900px;
}
.large-dialog {
  max-width: 1200px;
}
.mfp-iframe-scaler .mfp-title {
  position: absolute;
  bottom: -20px;
}
.mfp-modal-footer p {
  margin-bottom: 0;
}
.mfp-modal-body {
  padding: 0 0 20px 0;
}
.mfp-close {
  color: #ffffff;
}
.mfp-modal .mfp-close {
  color: #000000;
}
.mfp-figure:after {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5);
  border: none;
  background: transparent;
  bottom: 50px;
}
.mfp-iframe-scaler iframe {
  box-shadow: none;
}
.mfp-counter {
  color: #ffffff;
}
.mfp-open body {
  overflow-x: visible;
}
/* +++++++++++ [18. video ] ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* .responsive-video // .video-holder
-------------------------------------------------------------------------------------------------------------------------------------*/
.responsive-video {
  margin: 2% 0;
  display: none;
}
.video-holder {
  position: relative;
  overflow: hidden;
}
.video-holder a.video-trigger {
  width: 100%;
  display: block;
}
.video-holder img {
  width: 100%;
  display: block;
  height: auto;
}
.video-holder .fa,
.video-holder .ti,
.video-holder .glyphicon {
  display: block;
  position: absolute;
  right: 0;
  color: #ffffff;
  left: 0;
  top: 50%;
  text-align: center;
  font-size: 80px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.video-holder {
  background: transparent url(../images/loader.gif) center center no-repeat;
  background-size: 125px 15px;
}
.video-holder a:hover .fa,
.video-holder a:hover .ti,
.video-holder a:hover .glyphicon {
  opacity: 0.7;
}
/* +++++++++++ [19. .click-slide (mouseover on non-touch devices, click on touch)] ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* .click-slide
-------------------------------------------------------------------------------------------------------------------------------------*/
.click-slide {
  position: relative;
  overflow: hidden;
  display: none;
  /* hide on load */
}
.click-slide * {
  transition: all 0.5s ease-in-out;
}
.click-slide a {
  color: #ffffff;
  display: inline-block;
  padding: 0 5px;
  font-size: 40px;
}
.click-slide a:hover,
.click-slide a:focus {
  filter: alpha(opacity=50);
  opacity: .5;
  color: #ffffff;
}
.click-slide:hover img {
  overflow: hidden;
}
.click-slide > div {
  position: absolute;
  width: 100%;
  height: 100%;
  top: -100%;
}
.open.click-slide > div {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #128aa0;
  background: rgba(0, 0, 0, 0.8);
}
.click-slide > div > span {
  width: 100%;
  height: 40px;
  display: block;
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.click-slide.click-top > div {
  height: 80px;
}
.click-slide.click-top > div > span {
  transform: none;
  -webkit-transform: none;
  top: 15px;
}
.no-csstransforms .click-slide > div > span {
  margin-top: -30px;
}
.no-csstransforms .click-slide.click-top > div > span {
  margin-top: 0;
}
/* +++++++++++ [20. various pages :: scrollspy and others added as needed ] ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 20 - 1 :: .big-text-banner
-------------------------------------------------------------------------------------------------------------------------------------*/
.big-text-banner {
  text-align: center;
  line-height: 1.1;
  text-transform: uppercase;
  margin: 0;
  visibility: hidden;
  color: #000000;
}
.big-text-banner-wrapper {
  margin: 10px 0 20px 0;
}
@media (min-width: 768px) {
  .big-text-banner {
    line-height: 0.9;
  }
  .big-text-banner.big-text-main-headline {
    margin-top: -15px;
  }
  .big-text-banner-wrapper {
    margin: 0 0 40px 0;
  }
}
/* 20 - 2 :: sticky-sidebar for scrollspy and other sidebars
-------------------------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 768px) {
  .sticky-spy-bar,
  .sticky-sidebar {
    position: fixed;
  }
}
/* 20 - 3 ::  .site-map-list
-------------------------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 768px) {
  .site-map-list {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    -webkit-column-gap: 2%;
    -moz-column-gap: 2%;
    column-gap: 2%;
  }
  .site-map-list ul li {
    display: inline-block;
    width: 100%;
  }
}
/* 20 - 4 ::  .simple-gallery
-------------------------------------------------------------------------------------------------------------------------------------*/
.simple-gallery:hover img {
  transition: all 0.5s ease-in-out;
  opacity: .5;
}
.simple-gallery img:hover {
  opacity: 1;
}
.simple-gallery .post {
  padding: 0px;
  border: 0px;
}
/* 20 - 5 ::  testimonial quote box
-------------------------------------------------------------------------------------------------------------------------------------*/
.testimonial {
  padding: 10px;
  background-color: #ffffff;
  float: left;
  width: 100%;
  font-family: Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;
}
.testimonial blockquote {
  margin-top: 0;
  margin-bottom: 0;
  border: 0;
  padding: 0;
  font-size: 13px;
  line-height: 1.4;
}
@media (min-width: 480px) {
  .testimonial {
    padding: 20px 25px;
  }
  .testimonial blockquote {
    font-size: 16px;
    line-height: 1.8;
  }
}
.author-wrapper {
  width: 100%;
  margin-bottom: 20px;
  float: left;
}
.boxshadow .author-wrapper .arrow {
  float: left;
  position: relative;
  margin-left: 50px;
  width: 0;
  height: 0;
  border-top: 30px solid transparent;
  border-top: 30px solid #cccccc;
  border-left: 30px solid transparent;
  border-right: 0px solid transparent;
}
.author-wrapper .arrow:before {
  position: absolute;
  content: '';
  z-index: 2;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  bottom: 0;
  left: 0;
  margin-left: -28px;
  border-top: 30px solid #ffffff;
  border-left: 30px solid transparent;
  border-right: 0px solid transparent;
}
.author-wrapper .cite {
  float: left;
  margin: 0px 8px 0px 8px;
  font-weight: bold;
  padding-top: 5px;
  padding-left: 10px;
}
.author-wrapper .cite span {
  font-weight: normal;
  font-size: 14px;
}
/* 20 - 6 ::  scrollspy and fixed sidebar
-------------------------------------------------------------------------------------------------------------------------------------*/
.spying-sidebar.widget {
  padding-left: 0;
  padding-right: 0px;
}
.spying-sidebar .widget-title {
  margin-left: 15px;
  margin-right: 15px;
}
.spying-sidebar .nav {
  margin-bottom: 0;
  padding: 0;
}
.side-nav {
  margin-top: 0;
  margin-bottom: 30px;
  clear: both;
  background: #ffffff;
  padding: 10px 0;
}
.spying-sidebar .nav > li > a {
  display: block;
  text-decoration: none;
  padding: 5px 15px;
  color: inherit;
}
.spying-sidebar .nav > li > a:hover,
.spying-sidebar .nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
  border-left: 1px solid #000000;
  padding-left: 14px;
}
.spying-sidebar .nav .nav > li > a:hover,
.spying-sidebar .nav .nav > li > a:focus {
  padding-left: 29px;
}
.spying-sidebar .nav > .active > a,
.spying-sidebar .nav > .active:hover > a,
.spying-sidebar .nav > .active:focus > a {
  font-weight: bold;
  color: #000000;
  background-color: #eeeeee;
  border-left: 1px solid #000000;
}
.spying-sidebar .nav .nav {
  display: none;
  margin-bottom: 8px;
}
.spying-sidebar .nav .nav > li > a {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 30px;
  font-size: 90%;
}
@media screen and (min-width: 768px) {
  .spying-sidebar .nav > .active > ul {
    display: block;
  }
}
/* 20 - 7 ::  about-us page
-------------------------------------------------------------------------------------------------------------------------------------*/
.person .inner {
  margin-bottom: 10px;
  text-align: center;
}
.person .image img {
  margin: 0 auto;
  display: block;
  border: 5px solid #ffffff;
  border-radius: 50%;
}
@media (min-width: 480px) {
  .person .inner {
    text-align: left;
  }
  .person .image img {
    width: 100%;
    height: auto;
  }
  .person .image {
    float: left;
    width: 100px;
    margin-right: -100px;
  }
  .person .text {
    float: left;
    padding-left: 110px;
  }
}
@media (min-width: 700px) {
  .person .image {
    width: 128px;
    margin-right: -128px;
  }
  .person .text {
    padding-left: 148px;
  }
}
/* 20 - 8 ::  contact page
 -------------------------------------------------------------------------------------------- */
#map img {
  border: 2px solid #000000;
  max-width: 300px;
}
#map a {
  color: inherit;
}
#map {
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  #map img {
    max-width: 100%;
  }
}
/* 20 - 9 ::  contact form
 -------------------------------------------------------------------------------------------- */
#success,
#error,
#spinner {
  display: none;
}
#error {
  color: #ffffff;
  background: #000000;
  padding: 20px;
  margin-bottom: 20px;
}
#success {
  color: #000000;
  background: #ffffff;
  border: 1px solid #000000;
  padding: 20px;
  margin-bottom: 20px;
}
#success h2,
#error h2 {
  margin: 0;
}
.required,
label.error {
  color: #128aa0;
}
.error.form-control {
  border: 1px dashed #128aa0;
}
#spinner {
  width: 100%;
  padding: 20px;
}
#spinner img {
  display: block;
  margin: 0 auto;
}
/* +++++++++++ [21. social icon design for login and registration] ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* .social-user treatment in login and signup panels
-------------------------------------------------------------------------------------------------------------------------------------*/
.social-user a:hover {
  text-decoration: none;
  opacity: .5;
}
.social-user a,
.social-user a:hover {
  color: #ffffff;
}
.social-user a:not(:hover) {
  text-decoration: none;
}
.social-user .facebook {
  background: #174079;
}
.social-user .fa-facebook {
  background: #3a64a0;
}
.social-user .google {
  background: #a62b1f;
}
.social-user .fa-google-plus {
  background: #d34537;
}
.social-user .wordpress {
  background: #222222;
}
.social-user .fa-wordpress {
  background: #333333;
}
.social-user .twitter {
  background: #158bb8;
}
.social-user .fa-twitter {
  background: #1eb3ec;
}
.social-user i {
  font-size: 20px;
  padding: 5px;
  width: 100%;
  text-align: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.075);
}
.social-user a {
  display: block;
  font-size: 14px;
  margin-bottom: 5px;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.social-user a span {
  padding: 5px 10px;
  display: block;
  text-align: center;
}
@media (min-width: 500px) {
  .social-user a {
    margin-bottom: 5px;
    display: table;
    width: 100%;
    height: 46px;
  }
  .social-user a span {
    padding: 0 10px;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
  }
  .social-user i {
    display: table-cell;
    vertical-align: middle;
    padding: 0;
    font-size: 20px;
    width: 46px;
    text-align: center;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: 0px;
  }
}
/* +++++++++++ [22. equal height columns ] ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* .equal-height-content-box
-------------------------------------------------------------------------------------------------------------------------------------*/
.equal-height-inner {
  background: #ffffff;
  margin-bottom: 10px;
}
.equal-height-inner img {
  width: 100%;
}
@media (min-width: 992px) {
  .equal-height-inner {
    margin-bottom: 0;
  }
}
.equal-height-content {
  padding: 10px 10px 0 10px;
}
.equal-height-btn {
  padding: 10px 0 0 0;
  margin: 0;
}
.equal-height-btn .btn {
  display: block;
  width: 100%;
  text-align: center;
}
.equal-height-title {
  margin: 0 0 10px;
}
@media (min-width: 992px) {
  .equal-height-inner .equal-height-text {
    font-size: 13px;
  }
  .equal-height-title {
    font-size: 16px;
  }
}
/* bigger font size on touch devices so only make no-touch style */
.no-touch .equal-height-content-box .credit {
  font-size: 11px;
}
/* +++++++++++ [23. .call-to-action] ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* .call-to-action // styled for one line only -- if two lines of text it centers
-------------------------------------------------------------------------------------------------------------------------------------*/
.call-to-action {
  text-align: center;
  color: #ffffff;
  background: #000000;
  padding-top: 10px;
  padding-bottom: 10px;
}
.call-to-action-text {
  margin: 10px 5px;
  display: inline-block;
  vertical-align: middle;
}
.call-to-action .btn {
  margin: 10px 5px;
  display: inline-block;
  vertical-align: middle;
}
.call-to-action-text a {
  color: #ffffff;
  text-decoration: underline;
}
.call-to-action-text a:hover,
.call-to-action-text a:focus,
.call-to-action-text a:active {
  color: #ffffff;
  text-decoration: none;
}


.call-to-action-text2 {
  margin: 10px 100px 20px 100px; 
  display: inline-block;
  vertical-align: middle;
  text-align: justify;
}



/* ----- .btn-call-to-action -------- */
.btn-call-to-action {
  color: #ffffff;
  border-color: #ffffff;
  background-color: #000000;
}
.btn-call-to-action:hover,
.btn-call-to-action:focus,
.btn-call-to-action:active,
.btn-call-to-action.active {
  color: #000000;
  border-color: #ffffff;
  background-color: #ffffff;
}
@media (min-width: 768px) {
  .call-to-action {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .call-to-action-text {
    font-size: 36px;
    margin: 0 3% 0 0;
  }
  .call-to-action .btn-call-to-action {
    margin: 0 0 0 3%;
  }
}
/* +++++++++++ [24. base links general and shared ] ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* general link styles
-------------------------------------------------------------------------------------------------------------------------------------*/
a {
  color: #128aa0;
}
.link-color-inherit a,
.link-color-inherit {
  color: inherit;
}
a:hover,
a:focus {
  color: #0a6474;
}
a:focus {
  outline: none;
}
.header a:hover,
#nav a:hover,
a.fa:hover,
a.ti:hover,
a.glyphicon:hover,
a span.fa:hover,
a span.ti:hover,
a span.glyphicon:hover,
a i.fa:hover,
a i.ti:hover,
a i.glyphicon:hover,
.header a:focus,
#nav a:focus,
a.fa:focus,
a.ti:focus,
a.glyphicon:focus,
a span.fa:focus,
a span.ti:focus,
a span.glyphicon:focus,
a i.fa:focus,
a i.ti:hover,
a i.glyphicon:focus {
  text-decoration: none;
}
.link-underline,
figcaption a {
  text-decoration: underline;
}
.link-underline:hover,
.link-underline:active,
.link-underline:focus,
figcaption a:hover,
figcaption a:active,
figcaption a:focus {
  text-decoration: none;
}
.no-touch a[href^=tel] {
  color: inherit;
  text-decoration: none;
  pointer-events: none;
  cursor: default;
}
a.external:after {
  content: "\00a0 \f08e";
  font-size: 70%;
}
/* +++++++++++ [25. images and figures ] ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* image alignment
 -------------------------------------------------------------------------------------------- */
.img-left,
.img-right {
  margin: 1em auto;
  display: block;
}
figure.figure-left,
figure.figure-right,
figure.figure-center {
  text-align: center;
  border-bottom: 1px solid #000000;
}
figure.figure-center {
  clear: both;
  padding: 15px 0 0 0;
  margin-bottom: 15px;
}
figure.figure-left img,
figure.figure-right img {
  margin: 1em auto;
}
figure.figure-center img {
  margin: 1em auto 5px;
}
@media (min-width: 600px) {
  .img-left,
  .figure-left {
    margin: .5em 15px 0 0;
    float: left;
  }
  .img-right,
  .figure-right {
    margin: .5em 0 0 15px;
    float: right;
  }
  .widget .img-left {
    margin: .5em 10px 0 0;
  }
  .widget .img-right {
    margin: .5em 0 0 10px;
  }
  figure.figure-left,
  figure.figure-right {
    text-align: left;
    margin-bottom: 10px;
  }
  figure.figure-left img,
  figure.figure-right img {
    margin: 0;
  }
}
@media (max-width: 700px){
  .img-full-width-tight {
  font-size: 14px;
  }
}
.img-full-width,
.img-fullwidth {
  width: 100%;
  height: auto;
}
/* this image is a little bigger than the box it's inside so that rounding errors in the browser don't show up */
.img-full-width-tight {
  width: 100.8%;
  height: auto;
}
/* figures
 -------------------------------------------------------------------------------------------- */
figcaption {
  margin: 10px 0;
  font-size: 90%;
  line-height: 1.5;
}
/* .fade-hover-img goes on the parent
 -------------------------------------------------------------------------------------------- */
.fade-hover-img a:hover img {
  opacity: .6;
  transition: opacity 0.3s ease-in-out;
  -webkit-backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
}
/* +++++++++++ [26. bootstrap components ] ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 26 - 1 :: .page-header
-------------------------------------------------------------------------------------------------------------------------------------*/
.page-header {
  padding-bottom: 0;
  margin: 0 0 15px;
  border-bottom: 2px solid #000000;
}
.page-header h1,
.page-header h2,
.page-header h3,
.page-header h4 {
  margin: 0;
  text-transform: uppercase;
  padding-bottom: 10px;
}
/* 26 - 2 :: grid columns and row adjustments
-------------------------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 768px) {
  .row.sixteen-gutter {
    margin-left: -8px;
    margin-right: -8px;
  }
  .row.sixteen-gutter [class*="col-"] {
    padding-left: 8px;
    padding-right: 8px;
  }
  .row.ten-gutter {
    margin-left: -5px;
    margin-right: -5px;
  }
  .row.ten-gutter [class*="col-"] {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.row.row-no-gutter {
  margin-left: 0;
  margin-right: 0;
}
.row.row-no-gutter [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
}
/* 26 - 3 :: .glyphicon adjust like Font Awesome for Consistency
-------------------------------------------------------------------------------------------------------------------------------------*/
.glyphicon {
  speak: none;
  font-size: inherit;
}
.glyphicon-lg {
  font-size: 1.33333333em;
  line-height: .75em;
  vertical-align: -15%;
}
.glyphicon-2x {
  font-size: 2em;
}
.glyphicon-3x {
  font-size: 3em;
}
.glyphicon-4x {
  font-size: 4em;
}
.glyphicon-5x {
  font-size: 5em;
}
.glyphicon-fw {
  width: 1.28571429em;
  text-align: center;
}
.glyphicon-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.glyphicon-ul > li {
  position: relative;
}
.glyphicon-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: .14285714em;
  text-align: center;
}
.glyphicon-li.fa-lg {
  left: -1.85714286em;
}
.glyphicon.pull-left {
  margin-right: 0.3em;
}
.glyphicon.pull-right {
  margin-left: 0.3em;
}
/* 26 - 4 :: .btn-* 
-------------------------------------------------------------------------------------------------------------------------------------*/
.btn {
  box-shadow: none;
  -webkit-box-shadow: none;
}
.btn:active,
.btn.active,
.open > .dropdown-toggle.btn {
  background-image: none;
}
.btn-default,
.btn-primary,
.btn-success,
.btn-danger,
.btn-warning,
.btn-info {
  border-width: 1px;
}
.open > .dropdown-toggle.btn-default,
.btn-default:hover,
.btn-default:active,
.btn-default:focus {
  color: #ffffff;
  border-color: #ffffff;
  background: #000000;
}
/* ----- .btn-default -------- */
.btn-default {
  color: #000000;
  border-color: #cccccc;
  background: #ffffff;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-primary,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-primary.active {
  opacity: .5;
  filter: alpha(opacity=50);
  color: #000000;
  border-color: #cccccc;
  background: #ffffff;
}
/* ----- .btn-primary -------- */
.btn-primary {
  color: #ffffff;
  border-color: #0f7183;
  background-color: #128aa0;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #ffffff;
  border-color: #128aa0;
  background-color: #0f7183;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  opacity: .5;
  filter: alpha(opacity=50);
  color: #ffffff;
  border-color: #128aa0;
  background-color: #0f7183;
}
/* ----- .btn-inverse -------- */
.btn-inverse {
  color: #ffffff;
  border-color: #000000;
  background-color: #000000;
}
.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active {
  color: #000000;
  border-color: #000000;
  background-color: #ffffff;
}
/* ----- .btn-link -------- */
.btn-link {
  font-weight: normal;
  cursor: pointer;
  color: #000000;
}
@media (max-width: 700px) {
  .btn {
    white-space: normal;
  }
  .input-group .btn {
    white-space: nowrap;
  }
}
/* 26 - 5 :: .input-group-primary support
-------------------------------------------------------------------------------------------------------------------------------------*/
.input-group-primary .form-control {
  border-color: #0f7183;
}
/* 26 - 6 ::  .btn-primary .badge
-------------------------------------------------------------------------------------------------------------------------------------*/
.btn-primary .badge {
  color: #128aa0;
  background-color: #ffffff;
}
/* 26 - 7 ::  .tooltip
-------------------------------------------------------------------------------------------------------------------------------------*/
.tooltip.in {
  opacity: 1;
  filter: alpha(opacity=100);
}
.tooltip-inner {
  border-radius: 0px;
  padding: 10px;
  font-weight: normal;
}
.tooltip-inner {
  font-weight: bold;
  font-size: 14px;
  color: #ffffff;
  background-color: #128aa0;
}
.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
  border-top-color: #128aa0;
}
.tooltip.right .tooltip-arrow {
  border-right-color: #128aa0;
}
.tooltip.left .tooltip-arrow {
  border-left-color: #128aa0;
}
.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #128aa0;
}
/* 26 - 8 ::  .popover
-------------------------------------------------------------------------------------------------------------------------------------*/
.popover {
  background-color: #128aa0;
  border: 0px;
  border-radius: 0;
  color: #ffffff;
  -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.08);
}
.popover-title {
  border-bottom: 3px solid rgba(255, 255, 255, 0.2);
  background-color: #128aa0;
}
.popover.top > .arrow {
  border-top-color: #128aa0;
}
.popover.top > .arrow:after {
  border-top-color: #128aa0;
}
.popover.right > .arrow {
  border-right-color: #128aa0;
}
.popover.right > .arrow:after {
  border-right-color: #128aa0;
}
.popover.bottom > .arrow {
  border-bottom-color: #128aa0;
}
.popover.bottom > .arrow:after {
  border-bottom-color: #128aa0;
}
.popover.left > .arrow {
  border-left-color: #128aa0;
}
.popover.left > .arrow:after {
  border-left-color: #128aa0;
}
/* 26 - 9 ::  form classes and tweaks
-------------------------------------------------------------------------------------------------------------------------------------*/
.form-control-lg {
  min-height: 46px;
  font-size: 18px;
  line-height: 1.33;
}
.radio,
.checkbox,
.radio-inline,
.checkbox-inline,
.badge {
  line-height: 14px;
}
.badge {
  line-height: normal;
  border-radius: 3px;
  padding: 1px 3px 3px;
}
.radio input,
.checkbox input {
  margin-top: 0;
}
.form-inline .radio input,
.form-inline .checkbox input {
  position: relative;
  top: -1px;
}
.form-inline .radio,
.form-inline .checkbox {
  padding: 0 3px;
}
.form-control:focus {
  outline: 0;
}
.form-control,
.input-group span,
.input-group .btn {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form-control::-moz-placeholder {
  opacity: 1;
  color: #444444;
}
.form-control:-ms-input-placeholder {
  color: #444444;
}
.form-control::-webkit-input-placeholder {
  color: #444444;
}
.form-control:focus {
  border-color: #cccccc;
  border-style: dashed;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/* 26 - 10 :: .form horizontal tweaks
 -------------------------------------------------------------------------------------------- */
.form-horizontal .form-group [class*="col-"] .row [class*="col-"] {
  padding-left: .5%;
  padding-right: .5%;
}
.form-horizontal .form-group [class*="col-"] .row {
  margin-left: -0.5%;
  margin-right: -0.5%;
}
.form-horizontal .form-group [class*="col-"] .row [class*="col-"]:not(:last-child) {
  margin-bottom: 10px;
}
@media (min-width: 1200px) {
  .form-horizontal .form-group [class*="col-"] .row [class*="col-"]:not(:last-child) {
    margin-bottom: 0;
  }
}
/* 26 - 11 :: .input-group and forms
-------------------------------------------------------------------------------------------------------------------------------------*/
.input-group,
.form-control,
.input-group-addon {
  border-color: #cccccc;
  border-width: 1px;
}
.form-control {
  background-color: #ffffff;
}
.input-group > .form-control,
.input-group > .input-group-addon,
.input-group > .input-group-btn > .btn {
  height: 34px;
}
select.input-group > .form-control,
select.input-group > .input-group-addon,
select.input-group > .input-group-btn > .btn {
  height: 34px;
  line-height: 34px;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 48px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 48px;
  line-height: 48px;
}
.input-group-addon {
  background-color: #ffffff;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  margin-left: -1px;
}
/* 26 - 12 ::  misc bootstrap over-rides shared
-------------------------------------------------------------------------------------------------------------------------------------*/
hr {
  border-color: #000000;
  border-width: 1px;
}
.panel-default,
.panel-default .panel-heading,
.panel-default .panel-footer,
.list-group,
.list-group .list-group-item,
pre,
code {
  border-radius: 0px;
  border-color: #000000;
}
.panel-default,
.panel-primary,
.panel-success,
.panel-warning,
.panel-info,
.panel-danger,
.well,
.jumbotron,
.list-group,
.list-group .list-group-item,
pre,
code {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.container .jumbotron {
  border-radius: 0;
}
.well,
.jumbotron {
  padding: 20px;
  background: #ffffff;
  border: none;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding: 20px;
    background: #ffffff;
    border: none;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding: 20px;
    background: #ffffff;
    border: none;
  }
}
.lead,
.jumbotron,
.jumbotron * {
  line-height: inherit;
}
blockquote,
blockquote.pull-right {
  border-color: #000000;
}
blockquote footer,
blockquote cite,
blockquote small {
  color: inherit;
}
.text-primary {
  color: #000000;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #000000;
}
.alert {
  border-width: 1px;
  -webkit-box-shadow: 0 0 0 3px #ffffff;
  box-shadow: 0 0 0 3px #ffffff;
}
/* 26 - 13 ::  .label
-------------------------------------------------------------------------------------------------------------------------------------*/
h1 .label,
h2 .label,
h3 .label,
h4 .label,
h5 .label,
h6 .label,
p .label {
  padding: 2px 10px;
  font-weight: normal;
}
p .label {
  font-weight: bold;
}
.label {
  border-radius: 0px;
}
.label-primary {
  background-color: #128aa0;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #000000;
}
/* 26 - 14 ::  .list-group 
-------------------------------------------------------------------------------------------------------------------------------------*/
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  color: #ffffff;
  background-color: #128aa0;
  border-color: #128aa0;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #ffffff;
}
.list-group-item.active a {
  color: #ffffff;
}
.list-group-item {
  border-width: 1px;
  margin-bottom: -1px;
}
.list-group-item-text {
  color: inherit;
}
a.list-group-item-default:hover,
a.list-group-item-default:focus {
  text-decoration: none;
  color: #000000;
  background-color: #eeeeee;
}
a.list-group-item {
  padding-right: 20px;
  position: relative;
}
a.list-group-item:after {
  font-family: "FontAwesome";
  content: "\f0c1";
  position: absolute;
  right: 10px;
  top: 10px;
}
/* 26 - 15 ::  .progress
-------------------------------------------------------------------------------------------------------------------------------------*/
.progress-bar-primary.progress-bar {
  background-color: #128aa0;
}
.progress {
  background: #ffffff;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #000000;
}
.progress-bar {
  -webkit-box-shadow: none;
  box-shadow: none;
}
/* 26 - 16 :: .table
-------------------------------------------------------------------------------------------------------------------------------------*/
.table {
  background: #ffffff;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border-top: 1px solid #cccccc;
}
.table > thead > tr > th {
  border-bottom: 1px solid #cccccc;
}
.table > tbody + tbody {
  border-top: 1px solid #cccccc;
}
.table-bordered {
  border: 1px solid #cccccc;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border-color: #cccccc;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f7f7f7;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th,
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th,
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #cccccc;
  border-color: #ffffff;
}
/* 26 - 17 ::  .pager
-------------------------------------------------------------------------------------------------------------------------------------*/
.pager li > a,
.pager li > span {
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  padding: 5px 10px;
  margin-bottom: 5px;
  background: #ffffff;
  color: #000000;
}
.pager li {
  background: inherit;
}
.pager .ti {
  font-size: 80%;
}
.text-right.pager {
  text-align: right;
}
.text-left.pager {
  text-align: left;
}
.pager li > a:hover,
.pager li > a:focus {
  background-color: #000000;
  color: #ffffff;
  border-color: #000000;
}
/* 26 - 18 ::  .pagination
-------------------------------------------------------------------------------------------------------------------------------------*/
.pagination {
  border-radius: 0px;
}
.pagination > li > a,
.pagination > li > span {
  color: inherit;
  border: none;
  padding-top: 0;
  line-height: 40px;
  padding-bottom: 0;
  min-width: 43px;
  background: #ffffff;
}
.pagination > li > a,
.pagination > li > span,
.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-radius: 0px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #ffffff;
  background: #000000;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  color: #ffffff;
  background-color: #000000;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #cccccc;
  background-color: #ffffff;
  cursor: not-allowed;
}
@media (max-width: 900px) {
  .new-pagination-toggle {
    text-decoration: none;
    display: block;
    background: #ffffff;
    font-size: 18px;
    cursor: pointer;
    padding: 10px;
    margin: 0 0 5px;
  }
  .new-pagination-toggle:hover,
  .new-pagination-toggle.active {
    color: #ffffff;
    background-color: #000000;
  }
  .new-pagination-toggle:after {
    position: relative;
    left: 10px;
    content: "\e61a";
  }
  .new-pagination-toggle.active:after {
    content: "\e622";
  }
  .new-pagination {
    display: none;
  }
  .new-pagination {
    width: 99%;
    margin-top: 0;
  }
  .new-pagination > li > a,
  .new-pagination > li > span {
    width: 100%;
    margin: 0;
    height: 43px;
  }
  .new-pagination > li {
    float: left;
    width: 25%;
    padding: 1px;
  }
}
@media (min-width: 901px) {
  .new-pagination-toggle {
    display: none;
  }
  .new-pagination {
    display: inline-block !important;
    margin: 0;
  }
  .text-right .pagination > li > a,
  .text-right .pagination > li > span {
    margin-left: 2px;
  }
  .text-center .pagination > li > a,
  .text-center .pagination > li > span {
    margin: 0 1px;
  }
  .text-left .pagination > li > a,
  .text-left .pagination > li > span {
    margin-right: 2px;
  }
}
/* 26 - 19 ::  .panel (not panel-group)
-------------------------------------------------------------------------------------------------------------------------------------*/
.panel-default .panel-heading {
  background: #ffffff;
}
.panel {
  border-width: 1px;
}
.panel-heading {
  border-bottom-width: 1px;
}
.panel-footer {
  border-top-width: 1px;
}
.panel > .list-group .list-group-item {
  border-width: 1px;
}
.panel-primary {
  border-color: #128aa0;
}
.panel-primary > .panel-heading {
  color: #ffffff;
  background-color: #128aa0;
  border-color: #128aa0;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #128aa0;
}
.panel-primary > .panel-heading .badge {
  color: #128aa0;
  background-color: #ffffff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #128aa0;
}
/* 26 - 20 ::  .panel-group (accordion / collapse)
-------------------------------------------------------------------------------------------------------------------------------------*/
.panel-group .panel-heading + .panel-collapse > .panel-body {
  border: none;
  border-radius: 0px;
  background: #ffffff;
  padding: 15px;
  border-left: 2px solid #000000;
}
.panel-group,
.panel-group .panel,
.panel-group .panel-heading,
.panel-group .panel-heading a,
.panel-group .panel-title,
.panel-group .panel-title a,
.panel-group .panel-body,
.panel-group .panel-group .panel-heading + .panel-collapse > .panel-body {
  border-radius: 0px;
  border: 0;
}
.panel-group .panel-heading {
  padding: 0;
}
.panel-group .panel-heading a {
  display: block;
  background: #000000;
  color: #ffffff;
  padding: 15px;
  text-decoration: none;
  position: relative;
  padding-right: 30px;
}
.panel-group .panel-heading a.collapsed {
  background: #ffffff;
  color: inherit;
  border: none;
  border-left: 2px solid #000000;
}
.panel-group .panel-heading a:after {
  content: "\e622";
  position: absolute;
  right: 15px;
  top: 15px;
}
.panel-group .panel-heading a.collapsed:after {
  content: '\e61a';
}
.panel-group .panel-collapse {
  margin-top: 5px !important;
}
.panel-group .panel {
  background-color: transparent;
}
.panel-group .panel-body p:last-child,
.panel-group .panel-body ul:last-child,
.panel-group .panel-body ol:last-child {
  margin-bottom: 0;
}
/* --- nested panel-group --- */
.panel-group .panel-heading + .panel-collapse > .panel-body .panel-body {
  background: #f7f7f7;
}
.panel-body .panel-heading a.collapsed {
  background: #f7f7f7;
}
/* 26 - 21 ::  .dropdown-menu
-------------------------------------------------------------------------------------------------------------------------------------*/
.dropdown-menu {
  border: 0px;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-left: 1px;
  border: 1px solid #cccccc;
  background: #ffffff;
}
.dropup .dropdown-menu {
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-left: 2px;
}
.dropdown-menu > li > a {
  color: #000000;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #ffffff;
  background-color: #000000;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #000000;
}
.dropdown-menu .divider {
  background-color: #cccccc;
  height: 1px;
}
/* 26 - 22 ::  .nav-tabs
-------------------------------------------------------------------------------------------------------------------------------------*/
.nav.nav-tabs > li > a {
  padding: 15px;
  color: inherit;
  border: none;
  border-radius: 0px;
  background: #ffffff;
  border: 0px;
  margin-right: 5px;
}
.nav.nav-tabs > li.active > a,
.nav.nav-tabs > li > a:hover,
.nav.nav-tabs > li.active > a:hover,
.nav.nav-tabs > li.active > a:active,
.nav.nav-tabs > li.active > a:focus {
  outline: none;
  border: none;
  background: #000000;
  color: #ffffff;
}
.nav.nav-tabs {
  border: 0px;
  margin-bottom: 5px;
}
.tab-pane {
  background: #ffffff;
  border: 0px;
  padding: 20px;
  border-radius: 0px;
}
.tab-pane p:last-child,
.tab-pane ul:last-child,
.tab-pane ol:last-child {
  margin-bottom: 0;
}
/* ---- nested nav tabs ---- */
.tab-pane .tab-pane {
  background: #f7f7f7;
}
.tab-pane .nav.nav-tabs > li > a {
  padding: 10px 15px;
  background: #f7f7f7;
  border: 0px;
  margin-right: 5px;
}
.tab-pane .nav.nav-tabs > li.active > a,
.tab-pane .nav.nav-tabs > li > a:hover,
.tab-pane .nav.nav-tabs > li.active > a:hover,
.tab-pane .nav.nav-tabs > li.active > a:active,
.tab-pane .nav.nav-tabs > li.active > a:focus {
  outline: none;
  border: none;
  background: #000000;
  color: #ffffff;
}
/* 26 - 23 ::  .nav and .nav-pills and list-group .badge
-------------------------------------------------------------------------------------------------------------------------------------*/
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #000000;
  color: #ffffff;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #ffffff;
  background-color: #000000;
}
a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #128aa0;
  background-color: #ffffff;
}
/* 26 - 24 ::  .mini-carousel used in masonry posts and elsewhere
-------------------------------------------------------------------------------------------------------------------------------------*/
.mini-carousel {
  width: 100%;
  height: auto;
}
.post .mini-carousel {
  background: #ffffff;
}
.mini-carousel img {
  width: 100%;
  height: auto;
}
.mini-carousel .carousel-control.left,
.mini-carousel .carousel-control.right {
  background-image: none;
  filter: none;
}
.mini-carousel > .carousel-control {
  position: absolute;
  height: 40px;
  top: 50%;
  margin-top: -30px;
  filter: none;
  font-size: 25px;
  line-height: 44px;
  width: 40px;
  color: #000000;
  background-color: #ffffff;
  opacity: .7;
  text-align: center;
  text-shadow: none;
}
.mini-carousel > .carousel-control:hover {
  opacity: 1;
}
.mini-carousel .carousel-control.right {
  left: auto;
  right: 0;
}
.mini-carousel .carousel-indicators {
  position: relative;
  clear: both;
  bottom: auto;
  width: 100%;
  text-align: center;
  left: auto;
  right: auto;
  margin: 0;
  font-size: 0px;
}
.mini-carousel .carousel-indicators li {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 5px 2px;
  text-indent: -999px;
  border: 2px solid #000000;
  border-radius: 0px;
  cursor: pointer;
  background: #ffffff;
}
.mini-carousel .carousel-indicators .active {
  background-color: #000000;
  cursor: default;
  pointer-events: none;
}
.carousel-inner.mouseDown {
  cursor: url(../images/grabbing.png), auto;
}
/* 26 - 25 ::  .cross-fade for .carousel
-------------------------------------------------------------------------------------------------------------------------------------*/
.cross-fade .item {
  left: 0;
  transition: opacity 1s ease-in-out;
  opacity: 0;
}
.cross-fade .active.item {
  opacity: 1;
}
.cross-fade .active.left,
.cross-fade .active.right {
  left: 0;
  z-index: 2;
  opacity: 0;
}
.cross-fade .next,
.cross-fade .prev {
  left: 0;
  opacity: 1;
  z-index: 1;
}
.cross-fade .carousel-control {
  z-index: 3;
}
/* 26 - 26 ::code / pre
-------------------------------------------------------------------------------------------------------------------------------------*/
code,
pre {
  font-size: 100%;
  color: #000000;
  background-color: #ffffff;
  border: 0px;
}
/* 26 - 27 :: tabcollapse breakpoints for sidebar content
-------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 1199px) {
  .sidebar-tabcollapse-visible-xl {
    display: none;
  }
}
@media (min-width: 1200px) {
  .sidebar-tabcollapse-visible-xl {
    display: block !important;
  }
}
@media (min-width: 1199px) {
  .sidebar-tabcollapse-hidden-xl {
    display: none !important;
  }
}
/* 26 - 28 ::  tabcollapse breakpoints for narrow content
-------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 1199px) {
  .narrow-tabcollapse-visible-xl {
    display: none;
  }
}
@media (min-width: 1200px) {
  .narrow-tabcollapse-visible-xl {
    display: block !important;
  }
}
@media (min-width: 1199px) {
  .narrow-tabcollapse-hidden-xl {
    display: none !important;
  }
}
/* 26 - 29 :: tabcollapse breakpoints for main content (regular width not narrow)
-------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 767px) {
  .content-tabcollapse-visible-xl {
    display: none;
  }
}
@media (min-width: 768px) {
  .content-tabcollapse-visible-xl {
    display: block !important;
  }
}
@media (min-width: 767px) {
  .content-tabcollapse-hidden-xl {
    display: none !important;
  }
}
/* +++++++++++ [27. This is the Bootstrap tabs that turn into a collapse on small but the tabs are on the left ] ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* .tabs-left
-------------------------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 768px) {
  .tabs-left > .nav-tabs > li {
    float: none;
    margin: 0;
    background: transparent;
    text-align: right;
    width: 100%;
  }
  .tabs-left > .nav.nav-tabs > li > a {
    min-width: 0px;
    width: 100%;
    margin-bottom: 5px;
    text-align: right;
    background: transparent;
  }
  .tabs-left > .nav.nav-tabs {
    float: left;
    margin: 0;
    width: 30%;
  }
  .tabs-left .tab-pane {
    background: transparent;
    padding: 0 0 0 30%;
    margin: 0;
  }
  .tabs-left .pane-content {
    background: #ffffff;
    padding: 20px;
    width: 100%;
    display: inline-block;
    min-height: 400px;
    max-height: 400px;
    overflow: auto;
    position: relative;
  }
  .tabs-left .nav.nav-tabs > li.active > a,
  .tabs-left .nav.nav-tabs > li > a:hover,
  .tabs-left .nav.nav-tabs > li.active > a:hover,
  .tabs-left .nav.nav-tabs > li.active > a:active,
  .tabs-left .nav.nav-tabs > li.active > a:focus {
    background: #ffffff;
    color: #000000;
    border-left: 5px solid #000000;
  }
  /* faded out content */
  .tabs-left {
    position: relative;
  }
  .tabs-left .pane-content * {
    position: relative;
    z-index: 3;
  }
  .tabs-left:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 20%;
    height: 80px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(238, 238, 238, 0.19), rgba(238, 238, 238, 0.8), #eeeeee);
  }
}
@media (min-width: 992px) {
  .tabs-left > .nav.nav-tabs {
    width: 20%;
  }
  .tabs-left .tab-pane {
    padding: 0 0 0 20%;
  }
}
/* +++++++++++ [28. utility Classes] ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* utility classes
-------------------------------------------------------------------------------------------------------------------------------------*/
.clear {
  clear: both;
}
.no-margin {
  margin: 0px !important;
}
.no-margin-bottom {
  margin-bottom: 0px !important;
}
.no-padding-bottom {
  padding-bottom: 0px !important;
}
.no-margin-top {
  margin-top: 0;
}
.margin-top-20px {
  margin-top: 20px;
}
.margin-bottom-20px {
  margin-bottom: 20px;
}
.margin-bottom-10px {
  margin-bottom: 10px;
}
.padding-top-20px {
  padding-top: 20px;
}
.padding-bottom-20px {
  padding-bottom: 20px;
}
.padding-top-10px {
  padding-top: 10px;
}
.padding-bottom-10px {
  padding-bottom: 10px;
}
.margin-top-bottom-20px {
  margin: 20px 0;
}
.display-inline {
  display: inline;
}
.display-inline-block {
  display: inline-block;
}
.overflow {
  display: block;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin-top: 0;
}
.uppercase {
  text-transform: uppercase;
}
.full-width {
  width: 100%;
  padding: 0;
  margin: 0;
}
/*  iframe & sound wrapper
 -------------------------------------------------------------------------------------------- */
iframe {
  border: none;
  margin: 0;
}
.soundcloud-wrapper iframe {
  display: block;
  padding: 0;
  margin: 0;
  border: none;
}
.soundcloud-wrapper.loading {
  width: 100%;
  height: 200px;
}
/* column padding utilities
 -------------------------------------------------------------------------------------------- */
.no-col-padding {
  padding-left: 0;
  padding-right: 0;
}
.no-col-right-padding {
  padding-right: 0;
}
.no-col-left-padding {
  padding-left: 0;
}
/* .text-right-X responsive
 -------------------------------------------------------------------------------------------- */
@media (min-width: 768px) {
  .text-right-sm-view {
    text-align: right;
  }
}
@media (min-width: 992px) {
  .text-right-md-view {
    text-align: right;
  }
}
@media (min-width: 1200px) {
  .text-right-lg-view {
    text-align: right;
  }
}
/* .text-center-X responsive
 -------------------------------------------------------------------------------------------- */
@media (min-width: 768px) {
  .text-center-sm-view {
    text-align: center;
  }
}
@media (min-width: 992px) {
  .text-center-md-view {
    text-align: center;
  }
}
@media (min-width: 1200px) {
  .text-center-lg-view {
    text-align: center;
  }
}
/* self clearing
 -------------------------------------------------------------------------------------------- */
.widget:before,
.widget:after,
.img-widget:before,
.img-widget:after,
.media-list li:before,
.media-list li:after,
.pane-content li:before,
.pane-content li:after,
.person .inner:after,
.person .inner:before,
.comment-thread .comment:before,
.comment-thread .comment:after,
.comment-header:before,
.comment-header:after {
  content: " ";
  display: table;
}
.widget:after,
.img-widget:after,
.media-list li:after,
.comment-thread .comment:after,
.comment-header:after,
.person .inner:after,
.pane-content:after {
  clear: both;
}
/* .vertical-spacer // empty spacer
 -------------------------------------------------------------------------------------------- */
.vertical-spacer,
.vertical-spacer-xs {
  border: 0px;
  height: 10px;
  margin: 0;
}
.vertical-spacer-sm,
.vertical-spacer-md,
.vertical-spacer-lg {
  height: 20px;
}
@media (min-width: 768px) {
  .vertical-spacer-lg {
    height: 60px;
  }
  .vertical-spacer-md {
    height: 40px;
  }
}
@media (min-width: 768px) and (min-height: 1000px) {
  .vertical-spacer-lg {
    height: 80px;
  }
}
/* no zooming on touch
-------------------------------------------------------------------------------------------------------------------------------------*/
.touch select,
.touch textarea,
.touch input {
  font-size: 16px !important;
}
/* print
-------------------------------------------------------------------------------------------------------------------------------------*/
@media print {
  body,
  html {
    margin: 0;
    padding: 0;
  }
  body,
  html,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  form {
    font-family: sans-serif !important;
  }
  .equal-height-content * {
    height: auto !important;
  }
  .equal-height-content [class*="col-"] {
    width: 100% !important;
  }
  a,
  a:visited,
  a[href]:after,
  abbr[title]:after,
  a[href^="#"]:after,
  a[href^="javascript:"]:after,
  .icon-col,
  .nav-col,
  .footer,
  .owl-carousel,
  #go-to-top {
    display: none !important;
  }
  .container,
  .page-inner,
  .primary-content,
  #page {
    max-width: none!important;
    width: auto!important;
    padding-left: 0!important;
    padding-right: 0!important;
  }
  .row {
    margin-left: -1%;
  }
  [class*="col-"] {
    float: left;
    padding-left: 1%;
    padding-right: 1%;
  }
  .col-sm-12,
  .col-md-12,
  .col-lg-12 {
    width: 100%;
  }
  .col-sm-11,
  .col-md-11,
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-sm-10,
  .col-md-10,
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-sm-9,
  .col-md-9,
  .col-lg-9 {
    width: 75%;
  }
  .col-sm-8,
  .col-md-8,
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-sm-7,
  .col-md-7,
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-sm-6,
  .col-md-6,
  .col-lg-6 {
    width: 50%;
  }
  .col-sm-5,
  .col-md-5,
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-sm-4,
  .col-md-4,
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-sm-3,
  .col-md-3,
  .col-lg-3 {
    width: 25%;
  }
  .col-sm-2,
  .col-md-2,
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-sm-1,
  .col-md-1,
  .col-lg-1 {
    width: 8.33333333%;
  }
}
/* +++++++++++ [29. 240px adjustments] ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ---- 240px adjustments --- */
@media (max-width: 240px) {
  body {
    padding-right: 44px;
    padding-top: 45px;
  }
  /* body.has-tall-logo .tall-logo itself on small devices */
  body.has-tall-logo .tall-logo {
    padding-right: 44px;
  }
  .header-btn-wrapper {
    width: 44px;
  }
  .header-btn {
    height: 44px;
    line-height: 40px;
    font-size: 18px;
  }
  .menu-toggle {
    width: 44px;
  }
  .row {
    margin-left: -10px;
    margin-right: -10px;
  }
  .container {
    padding-left: 10px;
    padding-right: 10px;
  }
  [class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    float: none;
  }
  html,
  body,
  .lead {
    font-size: 13px;
    line-height: 1.4;
  }
  h1,
  .h1 {
    font-size: 16px;
  }
  h2,
  .h2 {
    font-size: 15px;
  }
  h3,
  .h3 {
    font-size: 14px;
  }
  h4,
  .h4 {
    font-size: 14px;
  }
  h5,
  .h5 {
    font-size: 14px;
  }
  h6,
  .h6 {
    font-size: 16px;
  }
  h3.h2.column-featured-headline {
    font-size: 16px;
  }
  .column-inner {
    padding: 10px;
  }
  .testimonial {
    padding: 10px;
    font-size: 13px;
    line-height: 1.4;
  }
  .testimonial {
    padding: 10px;
  }
  .testimonial blockquote {
    font-size: 13px;
    line-height: 1.4;
  }
  #nav li a {
    padding: 15px 5px;
  }
  #nav .has-children > a:before {
    right: 5px;
  }
  #nav .has-children > a {
    padding-right: 15px;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6,
  ul,
  ol,
  form,
  table,
  p,
  .lead {
    margin-bottom: 5px;
    margin-top: 5px;
  }
  .btn {
    font-size: 14px!important;
    padding: 10px;
    white-space: normal;
    margin-top: 5px;
  }
  .img-widget a {
    width: 40px;
    height: 40px;
  }
  .footer-copyright {
    padding: 10px 0 10px 5px;
    text-align: left;
  }
  #go-to-top {
    font-size: 18px;
    line-height: 40px;
    width: 44px;
  }
  .footer {
    margin-right: -44px;
  }
  .footer .footer-col {
    padding-right: 44px;
  }
}
/* +++++++++++ [30. Theme Show Case - remove this on a live site] ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* bootstrap component page css demo only
-------------------------------------------------------------------------------------------------------------------------------------*/
.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -2px;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -2px;
  margin-left: 0;
}
.theme-buttons .btn,
.theme-button-group .btn-group {
  margin: 0 5px 5px 0;
}
/* .icon-demo
-------------------------------------------------------------------------------------------------------------------------------------*/
.icon-demo {
  margin: 3% 0;
}
.icon-demo li {
  width: 33.3333%;
  float: left;
  height: 140px;
  text-align: center;
}
.icon-demo span {
  font-size: 50px;
}
.icon-demo p {
  margin: 0;
  font-size: 12px;
}
.icon-demo li {
  width: 100%;
  float: left;
  height: 140px;
  text-align: center;
  font-size: 12px;
}
.icon-demo span {
  font-size: 50px;
  padding-bottom: 10px;
  display: block;
  margin: 0 auto;
}
.icon-demo em {
  display: block;
}
.icon-demo p {
  margin: 0;
}
@media (min-width: 500px) {
  .icon-demo li {
    width: 50%;
  }
}
@media (min-width: 900px) {
  .icon-demo li {
    width: 33.333%;
  }
}
@media (min-width: 1200px) {
  .icon-demo li {
    height: 160px;
  }
  .icon-demo li {
    width: 20%;
  }
}




.form-group input
{
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 0;
}

.form-group textarea
{
display: block;
width: 100%;   
height: 99px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 0;

}