/* ---------------------------------------------------------------------------------------------	1.	Document Setup	2.	Header Menu	3.	Homepage Hero	4.	Hero Image & Page Title	5.	Stripe Sections	6.	Picture Boxes	7.	Icon Boxes	8.	Stages	9.	Feature List	10.	Carousel Plugin	11.	Info Box	12.	Standard Gallery	13.	Gallery: Simple Metro Style	14.	Preview Image List (Image Grid)	15.	Testimonials	16.	Staff	17.	Tabs	18.	Accordion / Toggle	19.	Stat Data	20.	Venn Diagram	21.	Blog	22.	Pagination	23.	Single Post	24.	Recent Posts	25.	Split Sections	26.	Twitter Feed	27.	Flickr Photostream	28.	Standard Table	29.	Pricing Table	30.	Preview Image Overlay & Lightbox Overlay	31.	Forms	32.	Contact Info & Google Map	33.	Sidebar	34.	Footer	35.	Typography	36.	Other Elements and Misc.*//*-----------------------------------------------------------------------------------*//*	1. Document Setup/*-----------------------------------------------------------------------------------*/
body {
  background-color: #f5f6f7;
}

@media (min-width: 1921px) {
  body {
    width: 1920px;
    margin-left: auto;
    margin-right: auto;
  }
}

#header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 4;
}

#main {
  position: relative;
  z-index: 1;
}

/* "Page content" section--------------------------------------------------- */
#page-content {
  position: relative;
  padding: 0;
  overflow: hidden;
  z-index: 200;
}

/* Page layout with sidebar   Full-width layout: Page Intro + Side Menu--------------------------------------------------- */
#page-content.sidebar-layout {
  background-color: #fff;
}

@media (min-width: 768px) {
  .contact-page .contact-info.columns {
    float: right;
    background-image: url(../images/backgrounds/primary-color/royal-blue/sidebar-bg.png); /* sidebar background at page's right side */
    background-repeat: repeat-y;
  }
}

@media (min-width: 992px) {
  #main-content {
    min-height: 300px;
  }

  .side-menu-widget + #main-content:not(:last-child) {
    min-height: 500px;
  }

  #sidebar.page-right-col.columns, .side-menu-widget.columns {
    float: right;
  }

  #page-content.sidebar-layout .side-menu-widget {
    position: relative;
    z-index: 2;
  }

  #sidebar.page-right-col.columns {
    background-image: url(../images/backgrounds/primary-color/royal-blue/sidebar-bg.png); /* sidebar background at page's right side */
    background-repeat: repeat-y;
  }
}

@media (min-width: 1520px) {
  /* screen width 1600px, 1680px, 1920px */
  #page-content.sidebar-layout {
    padding-top: 100px;
  }

  #main-content {
    margin-bottom: 100px;
  }

  #main-content.page-left-col.columns {
    padding-right: 90px;
  }

  .side-menu-widget.columns {
    padding-left: 95px;
  }

  #sidebar.page-right-col.columns {
    width: calc(33.33333333% + 300px); /* 300px = (1920px - 1320px) / 2 */
    padding: 800px 315px 5000px 95px; /* 315px = 300px + 15px */
    margin: -800px -300px -5000px 0;
    background-position: left 41px top;
  }

  /* widget width - 330px (1320px/3-95px-15px) */
  #page-content.fullwidth-layout .page-intro.columns {
    padding-right: 35px;
  }

  .stripe-right .page-intro.columns {
    width: 790px; /* 790px = (1320px-90px)*2/3 - 30px */
  }

  .stripe-right .side-menu-widget.columns {
    width: 440px; /* 440px = (1320px-90px)/3 + 30px */
  }

  .contact-page .contact-info.columns {
    width: calc(41.66666667% + 300px); /* 300px = (1920px - 1320px) / 2 */
    padding: 100px 315px 1100px 95px; /* 315px = 300px + 15px */
    margin: -100px -300px -1000px 0;
    background-position: left 41px top;
  }
}

@media (min-width: 1200px) and (max-width: 1519px) {
  /* screen width: 1280px, 1360px, 1366px, 1440px */
  #page-content.sidebar-layout {
    padding-top: 90px;
  }

  #main-content {
    margin-bottom: 90px;
  }

  #main-content.page-left-col.columns {
    padding-right: 50px;
  }

  .side-menu-widget.columns {
    padding-left: 75px;
  }

  #sidebar.page-right-col.columns {
    width: calc(33.33333333% + 175px); /* 175px = (1520px - 1170px) / 2 */
    padding: 800px 190px 5000px 75px; /* 190px = 175px + 15px */
    margin: -800px -175px -5000px 0;
    background-position: left 41px top;
  }

  /* widget width - 300px (1170px/3-75px-15px) */
  #page-content.fullwidth-layout .page-intro.columns {
    padding-right: 15px;
  }

  .stripe-right .page-intro.columns {
    width: 690px; /* 690px = (1170px-90px)*2/3 - 30px */
  }

  .stripe-right .side-menu-widget.columns {
    width: 390px; /* 390px = (1170px-90px)/3 + 30px */
  }

  .contact-page .contact-info.columns {
    width: calc(41.66666667% + 175px); /* 175px = (1520px - 1170px) / 2 */
    padding: 100px 190px 1090px 75px; /* 190px = 175px + 15px */
    margin: -100px -175px -1000px 0;
    background-position: left 41px top;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  /* screen width: 1024px */
  #page-content.sidebar-layout {
    padding-top: 75px;
  }

  #main-content {
    margin-bottom: 75px;
  }

  #main-content.page-left-col.columns {
    padding-right: 62px;
  }

  .side-menu-widget.columns {
    padding-left: 28px;
  }

  #sidebar.page-right-col.columns {
    width: calc(33.33333333% + 115px); /* 115px = (1200px - 970px) / 2 */
    padding: 800px 130px 5000px 28px; /* 130px = 115px + 15px */
    margin: -800px -115px -5000px 0;
    background-position: left top;
  }

  /* widget width - 280px (970px/3-28px-15px) */
  #page-content.fullwidth-layout .page-intro.columns {
    padding-right: 32px;
  }

  .stripe-right .page-intro.columns {
    width: 572px; /* 690px = (970px-75px)*2/3 - 25px */
  }

  .stripe-right .side-menu-widget.columns {
    width: 323px; /* 323px = (970px-75px)/3 + 25px */
  }

  .contact-page .contact-info.columns {
    width: calc(41.66666667% + 115px); /* 115px = (1200px - 970px) / 2 */
    padding: 100px 130px 1090px 28px; /* 130px = 115px + 15px */
    margin: -100px -115px -1000px 0;
    background-position: left top;
  }
}

@media (max-width: 991px) {
  #page-content.fullwidth-layout .page-intro.columns {
    padding-top: 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* screen width: 768px */
  #page-content.sidebar-layout {
    padding-top: 75px;
  }

  #main-content {
    margin-bottom: 75px;
  }

  .contact-page #main-content.page-left-col.columns {
    padding-right: 35px;
  }

  .contact-page .contact-info.columns {
    width: calc(50% + 121px); /* 121px = (992px - 750px) / 2 */
    padding: 100px 136px 1090px 20px; /* 136px = 121px + 15px */
    margin: -100px -121px -1000px 0;
    background-position: left top;
  }
}

@media (max-width: 767px) {
  #page-content.sidebar-layout {
    padding-top: 75px;
  }

  #main-content {
    margin-bottom: 75px;
  }
}

@media (max-width: 479px) {
  #page-content.sidebar-layout {
    padding-top: 60px;
  }

  #main-content {
    margin-bottom: 60px;
  }
}

/* Logo--------------------------------------------------- */
#logo {
  position: absolute;
  left: 15px;
  top: 0;
  height: 100%;
}

#logo > a {
  position: relative;
  display: block;
  width: 240px; /* The width of theme's default logo image. Set the width of your logo in custom.css */
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

#logo .high-dpi {
  display: none;
}

/* for high-resolution devices */
@media (-webkit-min-device-pixel-ratio: 1.5),     (-o-min-device-pixel-ratio: 3/2),     (min-resolution: 1.5dppx),     (min-resolution: 144dpi) {
  #logo .normal-dpi {
    display: none;
  }

  #logo .high-dpi {
    display: block;
  }
}

/*-----------------------------------------------------------------------------------*//*	2. Header Menu/*-----------------------------------------------------------------------------------*/
#navigation {
  float: right;
  margin-top: 40px; /* For customizing this property, use custom.css */
}

#header.extended #navigation {
  margin-top: 10px; /* For customizing this property, use custom.css */
}

#primary-nav {
  float: right;
  margin-bottom: 30px;
}

#primary-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#primary-nav ul a {
  display: block;
  position: relative;
}

#primary-nav > ul > li > a {
  font: 500 16px/20px Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #f9f9f9;
  text-transform: uppercase;
  padding: 8px 18px;
}

#primary-nav > ul > li:not(.button-item) > a {
  height: 44px;
}

#primary-nav ul li {
  position: relative;
  margin: 0;
}

#primary-nav > ul > li {
  float: left;
}

#primary-nav > ul > li:not(.button-item):last-child > a {
  padding-right: 0;
}

#primary-nav > ul > li:not(.button-item) > a:hover, #primary-nav > ul > li:not(.button-item).sfHover > a {
  color: #dedede;
}

#primary-nav > ul > li:not(.button-item).current-menu-item > a, #primary-nav > ul > li:not(.button-item).top-current-menu-ancestor > a, #primary-nav > ul > li:not(.button-item).current-menu-item > a:hover, #primary-nav > ul > li:not(.button-item).top-current-menu-ancestor > a:hover {
  color: #ffbc8c;
}

#primary-nav > ul > li.button-item > a {
  font-size: 15px;
  letter-spacing: 0.3px;
  color: #184173;
  background-color: #e5e5e5;
  margin: 0 12px;
  padding: 8px 15px 7px;
  -webkit-border-radius: 17px;
  border-radius: 17px;
}

#primary-nav > ul > li.button-item:last-child > a {
  margin-right: 0;
}

#primary-nav > ul > li.button-item > a:hover, #primary-nav > ul > li.button-item.sfHover > a {
  color: #184173;
  background-color: #f5f5f5;
}

#primary-nav ul ul {
  position: absolute;
  top: -999em;
  width: 170px; /* left offset of submenus need to match (see below) */
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
  z-index: 2;
}

#primary-nav ul ul a {
  padding: 6px 24px;
  text-transform: none;
  overflow: hidden;
}

.js #primary-nav ul ul {
  width: auto;
  min-width: 160px;
}

.js #primary-nav ul ul a {
  white-space: nowrap;
}

#primary-nav ul ul li:not(.sf-mega-section) {
  width: 100%;
  background-color: #fff;
}

/* Item's bottom divider */
#primary-nav ul ul li.bottom-divider {
  padding-bottom: 6px;
}

#primary-nav ul ul li.bottom-divider::after {
  position: absolute;
  bottom: 0;
  left: 24px;
  right: 24px;
  height: 0;
  content: "";
  border-bottom: 1px dashed #ccc;
}

#primary-nav ul ul li.bottom-divider + li {
  padding-top: 6px;
}

#primary-nav > ul > li > ul > li:first-child {
  border-top: 2px solid #009ccc;
}

#primary-nav ul ul li:first-child {
  padding-top: 10px;
}

#primary-nav ul ul li:last-child {
  padding-bottom: 10px;
}

#primary-nav ul ul li a {
  font-size: 15px;
  line-height: 30px;
  font-weight: 400;
  color: #62758c;
}

#primary-nav ul ul li a:hover, #primary-nav ul ul li.current-menu-item a:hover, #primary-nav ul ul li.sfHover > a {
  color: #222;
}

#primary-nav ul ul li.current-menu-item > a, #primary-nav ul ul li.current-menu-ancestor > a {
  color: #222;
}

/* 3nd level */
#primary-nav ul ul ul {
  width: 170px;
}

.js #primary-nav ul ul ul {
  width: auto;
  min-width: 160px;
}

#primary-nav ul ul ul li:first-child {
}

#primary-nav ul ul ul li:last-child {
}

#primary-nav ul ul li:not(.sf-mega-section) ul {
  -webkit-box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.15);
}

#primary-nav ul ul li:not(.sf-mega-section) li {
  background-color: #fff;
}

/* Make sub menus appear */
#primary-nav ul li:hover ul, #primary-nav ul li.sfHover ul {
  left: 0;
  top: 43px; /* match top ul list item height - 1px */
}

/* Hide all subs subs (3 levels deep) */
#primary-nav ul li:hover li ul, #primary-nav ul li.sfHover li ul, #primary-nav ul li li:hover li ul, #primary-nav ul li li.sfHover li ul {
  top: -999em;
}

/* Display all subs subs (3 levels deep) */
#primary-nav ul li li:hover ul, #primary-nav ul li li.sfHover ul, #primary-nav ul li li li:hover ul, #primary-nav ul li li li.sfHover ul {
  left: 170px; /* match ul width */
  top: 0;
  z-index: 2;
}

#primary-nav ul li li.bottom-divider + li:hover > ul, #primary-nav ul li li.bottom-divider + li.sfHover > ul, #primary-nav ul li li li.bottom-divider + li:hover > ul, #primary-nav ul li li li.bottom-divider + li.sfHover > ul {
  top: 1px;
}

/* Submenu arrows */
#primary-nav .sf-arrows ul .sf-with-ul::after {
  position: absolute;
  top: 50%;
  right: 16px;
  margin-top: -6px;
  font-family: Ionicons;
  font-size: 15px;
  line-height: 1;
  color: #879ab0;
  content: "\f3d1";
}

#primary-nav .sf-arrows ul .sf-with-ul:hover::after, #primary-nav ul ul li.sfHover > .sf-with-ul::after {
  color: #f78534;
}

#primary-nav ul ul .sf-with-ul {
  padding-right: 40px;
}

/* Megamenu--------------------------------------------------- */
#primary-nav > ul {
  position: relative;
}

#primary-nav .sf-mega-parent {
  position: static;
}

#primary-nav .sf-mega {
  position: absolute;
  left: 0;
  top: -999em;
  max-width: 1036px;
  padding: 20px 28px;
  background-color: #fff;
  border-top: 2px solid #009ccc;
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
  z-index: 2;
}

#primary-nav .sf-mega > .sub-menu {
  display: table;
  width: 100%;
}

#primary-nav ul li:hover .sf-mega {
  top: 43px; /* match top ul list item height - 1px */
}

#primary-nav .sf-mega-section {
  position: static;
  display: table-cell;
  min-width: 150px;
  padding-left: 30px;
}

#primary-nav .sf-mega-section:first-child {
  min-width: 120px;
  padding-left: 0;
}

#primary-nav .sf-mega-section ul {
  position: static;
  display: block !important;
  opacity: 1 !important;
  margin-left: -12px;
}

#primary-nav .sf-mega-section h6 {
  margin-bottom: 7px;
  padding-bottom: 3px;
  border-bottom: 2px dotted #ffbc8c;
}

#primary-nav .sf-mega-section:first-child h6 {
  margin-left: 0;
  padding-left: 0;
}

#primary-nav .sf-mega-section.title-merged h6 {
  margin-left: -30px;
  padding-left: 30px;
  text-indent: -999em;
}

#primary-nav .sf-mega ul {
  position: static;
  top: auto;
  width: auto !important;
  min-width: 0 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#primary-nav .sf-mega .sf-mega-section li {
  width: auto;
  height: auto;
  background: none;
}

#primary-nav .sf-mega a {
  position: static;
  height: auto;
  padding: 4px 12px;
  overflow: visible;
  white-space: normal !important;
}

#primary-nav .sf-mega .sf-mega-section li.current-menu-item > a {
  color: #222;
}

/* Sticky menu--------------------------------------------------- */
@media (min-width: 992px) {
  body.sticky-menu-active #header {
    position: fixed; /* "top" = sticky header height:		   44px (#primary-nav height) + 25px ("sticky" #navigation margin-top) + 15px ("sticky" #primary-nav margin-bottom)		   The adjustStickyMenu JS function (custom.js) overrides #header's "top" property.		*/
    top: -84px;
    background: rgba(33, 53, 77, 0.8); /* #21354d */
    -webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
  }

  body.sticky-menu-active #navigation, body.sticky-menu-active #header.extended #navigation {
    margin-top: 25px;
  }

  body.sticky-menu-active #secondary-nav {
    display: none;
  }

  body.sticky-menu-active #primary-nav {
    margin-bottom: 15px;
  }

  body.sticky-menu-active #logo > a {
    width: auto;
    height: 64px; /* 64px = 84px (sticky header height) - 2 * 10px (space before & space after) */
  }

  body.sticky-menu-active #logo img {
    position: relative;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    max-height: 100%;
  }
}

/* Mobile side menu--------------------------------------------------- *//* Mobile menu toggle */
#mobile-nav-toggle {
  display: none;
  float: right;
  margin: 0 -10px 0 40px;
}

#mobile-menu-button {
  display: block;
  padding: 10px;
}

#mobile-menu-button span {
  display: block;
  width: 30px;
  height: 20px;
  background-image: -webkit-linear-gradient(bottom, #fff 2px, transparent 2px, transparent 9px, #fff 9px, #fff 11px, transparent 11px, transparent 18px, #fff 18px);
  background-image: -o-linear-gradient(bottom, #fff 2px, transparent 2px, transparent 9px, #fff 9px, #fff 11px, transparent 11px, transparent 18px, #fff 18px);
  background-image: linear-gradient(to top, #fff 2px, transparent 2px, transparent 9px, #fff 9px, #fff 11px, transparent 11px, transparent 18px, #fff 18px);
}

#mobile-menu-button:hover span {
}

/* Mobile menu close button */
#mobile-menu-close {
  display: inline-block;
  float: right;
  padding: 5px 10px;
}

#mobile-menu-close .fa { /* vector icons - Font Awesome */
  font-size: 16px;
  color: #b6c7db;
}

#mobile-menu-close:hover .fa {
  color: #e5e5e5;
}

/* Side menu */
.sidr {
  display: none;
  position: fixed;
  top: 0;
  right: -420px;
  height: 100%;
  width: 100%;
  max-width: 420px;
  overflow-x: visible;
  overflow-y: auto;
  z-index: 100002;
  background-color: #62758c;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}

.sidr .sidr-inner {
  padding: 15px 20px;
}

.sidr .sidr-inner:first-child {
  padding: 5px 15px 5px 20px;
  background-color: #62758c;
}

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

.sidr ul a, .sidr .sidr-class-sf-mega-section h6 {
  display: block;
  position: relative;
  padding: 0 5px;
  margin: 0;
}

.sidr ul li, .sidr .sidr-class-sf-mega-section {
  margin: 0;
  background-color: #62758c;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
  border-top: 1px dotted #62758c;
}

.sidr > .sidr-inner > ul > li:first-child {
  border-top: none;
}

.sidr ul li a, .sidr .sidr-class-sf-mega-section h6 {
  font-size: 16px;
  font-weight: 600;
  line-height: 50px;
  color: #ccc;
}

.sidr > .sidr-inner > ul > li > a {
  font-size: 18px;
  font-weight: 600;
  color: #e5e5e5;
  white-space: nowrap;
}

.sidr ul li.sidr-class-current-menu-item > a, .sidr ul ul li.sidr-class-current-menu-item a::before, .sidr ul li.sidr-class-current-menu-ancestor > a, .sidr ul ul li.sidr-class-current-menu-ancestor > a::before {
  color: #ffbc8c;
}

#sidr-id-main-menu > li > ul > li > a, .sidr .sidr-class-sf-mega-section h6 {
  padding-left: 30px;
  padding-top: 13px;
  padding-bottom: 13px;
  line-height: 24px;
}

#sidr-id-main-menu > li > ul > li > ul > li a, .sidr .sidr-class-sf-mega-section .sidr-class-sub-menu a {
  font-size: 16px;
  font-weight: 400;
  padding-left: 60px;
  padding-top: 13px;
  padding-bottom: 13px;
  line-height: 24px;
}

/* Marker for submenu item */
.sidr .sidr-class-sub-menu a::before, .sidr .sidr-class-sf-mega-section h6::before {
  position: absolute;
  left: 20px;
  top: 13px;
  font-size: 10px;
  line-height: 24px;
  content: "-";
}

.sidr ul ul .sidr-class-sub-menu a::before {
  left: 50px;
}

/* Submenu arrows */
.sidr .dropdown-toggle {
  position: absolute;
  display: block;
  top: 11px;
  right: 0;
  width: 28px;
  height: 28px;
  line-height: 18px;
  background-color: #62758c;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
  -webkit-border-radius: 50%;
  border-radius: 50%;
  padding: 5px 0;
  text-align: center;
}

.sidr .dropdown-toggle .fa { /* vector icons - Font Awesome */
  font-size: 20px;
  color: #ccc;
}

.sidr .dropdown-toggle:hover .fa {
  color: #eee;
}

.sidr a.sidr-class-sf-with-ul {
  padding-right: 46px;
}

.sidr .sidr-class-sf-mega-section .dropdown-toggle:hover {
  cursor: pointer;
}

.sidr .sidr-class-sub-menu, .sidr .sidr-class-sf-mega {
  display: none;
}

.sidr .sidr-class-sf-mega > .sidr-class-sub-menu, .sidr .sidr-class-top-current-menu-ancestor > .sidr-class-sub-menu, .sidr .sidr-class-top-current-menu-ancestor > .sidr-class-sf-mega, .sidr li .sidr-class-current-menu-ancestor > .sidr-class-sub-menu {
  display: block;
}

/* Secondary menu (Header Quick Links) + phone number--------------------------------------------------- */
#secondary-nav {
  overflow: hidden;
  margin-bottom: 10px;
}

#secondary-nav .quick-links {
  float: right;
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 0;
}

#secondary-nav .quick-links li {
  display: inline-block;
  font-size: 14px;
  line-height: 36px;
  font-weight: 600;
  margin: 0 0 0 10px;
}

#secondary-nav .quick-links li:first-child {
  margin-left: 0;
}

#secondary-nav .quick-links .menu-item a {
  display: block;
  font-weight: inherit;
  color: #dedede;
}

#secondary-nav .quick-links .menu-item a:hover {
  color: #eee;
}

#secondary-nav .quick-links .contact-phone {
  margin-left: 20px;
}

#secondary-nav .quick-links .phone-number {
  display: block;
  font-size: 18px;
  font-weight: inherit;
  color: #d4e7ff;
}

#secondary-nav .quick-links .phone-number:hover {
  color: #eee;
}

#secondary-nav .quick-links .phone-number .fa { /* vector icons - Font Awesome */
  font-size: 17px;
  margin-right: 5px;
}

/* Media queries--------------------------------------------------- */
@media (min-width: 1520px) {
  #primary-nav > ul > li > a {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  #primary-nav > ul > li > a {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (min-width: 992px) {
  #mobile-nav {
    display: none !important;
    right: -420px !important;
  }
}

@media (max-width: 991px) {
  #logo {
    top: 25px;
  }

  #logo > a {
    top: auto;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }

  .js #primary-nav, .js #secondary-nav .quick-links {
    float: none;
  }

  .js #primary-nav {
    margin-bottom: 0;
  }

  .js #secondary-nav {
    float: right;
    margin: 2px 0 0;
    overflow: visible;
  }

  .js #navigation {
    position: absolute;
    top: 35px;
    right: 25px;
    float: none;
  }

  .js #navigation, .js #header.extended #navigation {
    margin-top: 0;
  }

  .js #main-menu {
    display: none;
  }

  .js #header #mobile-nav-toggle {
    display: block;
  }
}

@media (max-width: 767px) {
  #secondary-nav .quick-links .menu-item {
    display: none;
  }

  #mobile-nav-toggle {
    margin-left: 30px;
  }
}

@media (max-width: 479px) {
  #logo > a {
    max-width: 240px !important;
  }

  .js #navigation {
    right: 15px;
  }

  #secondary-nav {
    display: none;
  }
}

/*-----------------------------------------------------------------------------------*//*	3. Homepage Hero/*-----------------------------------------------------------------------------------*/
#home-hero {
  position: relative;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  /* margin-bottom: -75px; */
  overflow: hidden;
}

#home-hero, #home-slider .slide {
  height: 600px; /* fallback: 600px = 1200/2, for 1199-1519px */
  height: calc(100vw / 2 - 20px);
}

#home-slider .slide {
  display: none;
  position: relative;
  width: 100%;
  background-attachment: fixed;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

#home-slider .slide:first-of-type {
  display: block;
}

/* #home-slider .slide::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #2e3c4d;
  opacity: 0.5;
  content: "";
} */

/* Images--------------------------------------------------- *//* NOTE: All images for the homepage slider should be set in custom.css */
#home-slider .container, #home-slider .row {
  height: 100%;
}

#home-slider .columns {
  height: 100%;
}

/* Captions */
#home-slider .page-title-wrapper {
  position: relative;
  display: table;
  height: 100%;
  z-index: 2;
}

#home-slider .page-title {
  display: table-cell;
  vertical-align: bottom;
  padding-bottom: 145px; /* 145px = 75px + 70px */
}

#home-slider h1, #home-slider h2, #home-slider h3 {
  color: #fff;
  font-family: Lora, "Times New Roman", Times, serif;
  line-height: 1.15;
  font-weight: 400;
}

#home-slider h1, #home-slider h2, #home-slider .h1-slogan, #home-slider .h2-slogan {
  font-size: 68px;
  margin-bottom: 0;
}

#home-slider h3, #home-slider .h3-slogan {
  font-size: 60px;
  margin-bottom: 0;
}

#home-slider .page-title p {
  color: #dedede;
}

#home-slider .page-title p:first-child, #home-slider .page-title p:last-child {
  margin-bottom: 0;
}

#home-slider .page-title .lead-text-large {
  font-weight: 600;
}

#home-slider .page-title .lead-text-medium {
  font-family: inherit;
  font-weight: 600;
}

#home-slider .page-title p[class*="lead-text-"] {
  display: inline-block;
  padding: 0 7px 3px;
  background-color: rgba(0, 0, 0, 0.2);
}

#home-slider .page-title h1 + p, #home-slider .page-title h2 + p, #home-slider .page-title h3 + p {
  margin-top: 7px;
}

/* Button and link--------------------------------------------------- */
#home-slider .slide .button:not(.button-medium) {
  position: relative;
  font: inherit;
  font-size: 20px;
  font-weight: bold;
  color: #dedede;
  background-color: rgba(33, 53, 77, 0.7); /* #21354d */
  border: none;
  padding: 3px 45px 6px 15px;
  -webkit-border-radius: 0;
  border-radius: 0;
}

#home-slider .slide .button:not(.button-medium):not(.play-icon)::after {
  position: absolute;
  right: 12px;
  top: 50%;
  width: 0;
  height: 0;
  margin-top: -8px;
  content: "";
  border-left: 17px solid #d4e7ff;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

#home-slider .slide .button:not(.button-medium):hover {
  background-color: rgba(33, 53, 77, 0.95); /* #21354d */
}

#home-slider .slide .button:not(.button-medium):not(.play-icon).button-colored::after {
  border-left-color: #ffbc8c;
}

/* Meidum size */
#home-slider .slide .button.button-medium {
  color: #fff;
  background-color: rgba(212, 231, 255, 0.2); /* #d4e7ff */
  border-color: #d4e7ff;
}

#home-slider .slide .button.button-medium {
  color: #fff;
  background-color: rgba(212, 231, 255, 0.2); /* #d4e7ff */
  border-color: #d4e7ff;
}

#home-slider .slide .button.button-medium:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  border-color: #fff;
}

#home-slider .slide .button-medium.button-colored {
  color: #fff;
  background-color: rgba(255, 188, 140, 0.2); /* #ffbc8c */
  border-color: #ffbc8c;
}

#home-slider .slide .button-medium.button-colored:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  border-color: #fff;
}

/* Button with "play" icon */
#home-slider .slide .button.play-icon {
  padding: 5px 20px 7px 55px;
}

#home-slider .slide .button.play-icon::before {
  border-color: #b6c7db;
}

#home-slider .slide .button.play-icon::after {
  border-left-color: #b6c7db;
}

#home-slider .slide .button.play-icon:hover::before {
  background-color: #b6c7db;
}

#home-slider .slide .button-colored.play-icon::before {
  border-color: #ffbc8c;
}

#home-slider .slide .button-colored.play-icon::after {
  border-left-color: #ffbc8c;
}

#home-slider .slide .button-colored.play-icon:hover::before {
  background-color: #ffbc8c;
}

/* Link */
#home-slider .slide a:not(.button) {
  position: relative;
  line-height: 1.5;
  font-weight: bold;
  color: #d4e7ff;
}

#home-slider .slide a:not(.button)::before {
  position: absolute;
  display: block;
  bottom: -2px;
  left: 0;
  right: 0;
  border-bottom: 2px dotted #d4e7ff;
  -webkit-transition: border-color 0.15s ease;
  -o-transition: border-color 0.15s ease;
  transition: border-color 0.15s ease;
  content: "";
}

#home-slider .slide a:not(.button):hover {
  color: #fff;
}

#home-slider .slide a:not(.button):hover::before {
  border-bottom-color: #fff;
}

#home-slider .slide a.text-secondary-color:not(.button) {
  color: #ffbc8c !important;
}

#home-slider .slide a.text-secondary-color:not(.button)::before {
  border-bottom-color: #f5f5f5;
}

#home-slider .slide a.text-secondary-color:not(.button):hover {
  color: #fff !important;
}

#home-slider .slide a.text-secondary-color:not(.button):hover::before {
  border-bottom-color: #fff;
}

/* Slide overlay and horizontal centering--------------------------------------------------- *//* Possible color and opacity values for each slide's overlay   NOTE: It is also used for the hero image on other pages (see "Hero Image & Page Title" section)*/
#main [id*="hero"] .slide[data-overlay-bg-color="royal-blue"]::after {
  background-color: #2e3c4d; /* hsb(213, 40, 30) */
}

#main [id*="hero"] .slide[data-overlay-bg-color="blue"]::after {
  background-color: #2e364d; /* hsb(224, 40, 30) */
}

#main [id*="hero"] .slide[data-overlay-bg-color="sky-blue"]::after {
  background-color: #2e404d; /* hsb(204, 40, 30) */
}

#main [id*="hero"] .slide[data-overlay-bg-color="sea-green"]::after {
  background-color: #284240; /* hsb(175, 40, 26) */
}

#main [id*="hero"] .slide[data-overlay-bg-color="red"]::after {
  background-color: #4d2e2e; /* hsb(0, 40, 30) */
}

#main [id*="hero"] .slide[data-overlay-opacity="0.1"]::after {
  opacity: 0.1;
}

#main [id*="hero"] .slide[data-overlay-opacity="0.2"]::after {
  opacity: 0.2;
}

#main [id*="hero"] .slide[data-overlay-opacity="0.3"]::after {
  opacity: 0.3;
}

#main [id*="hero"] .slide[data-overlay-opacity="0.4"]::after {
  opacity: 0.4;
}

#main [id*="hero"] .slide[data-overlay-opacity="0.5"]::after {
  opacity: 0.5;
}

#main [id*="hero"] .slide[data-overlay-opacity="0.6"]::after {
  opacity: 0.6;
}

#main [id*="hero"] .slide[data-overlay-opacity="0.7"]::after {
  opacity: 0.7;
}

#main [id*="hero"] .slide[data-overlay-opacity="0.8"]::after {
  opacity: 0.8;
}

#main [id*="hero"] .slide[data-overlay-opacity="0.9"]::after {
  opacity: 0.9;
}

/* horizontal centering */
#main [id*="hero"] .slide[data-x-centered="true"] .page-title-wrapper {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* Controls--------------------------------------------------- *//* Pager */
#home-slider .cycle-pager {
  position: absolute;
  left: 0;
  bottom: 85px;
  width: 100%;
  overflow: hidden;
  z-index: 500;
}

#home-slider .cycle-pager .container {
  text-align: right;
}

#home-slider .cycle-pager span {
  display: inline-block;
  width: 40px;
  height: 4px;
  font-size: 0;
  line-height: 0;
  margin: 7px;
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-transition: background-color 0.15s ease;
  -o-transition: background-color 0.15s ease;
  transition: background-color 0.15s ease;
  cursor: pointer;
}

#home-slider .cycle-pager span.cycle-pager-active {
  background-color: #ffbc8c;
}

#home-slider .cycle-pager span:not(.cycle-pager-active):hover {
  background-color: #fff;
}

/* Direction */
#home-slider .cycle-direction {
  position: absolute;
  display: none;
  right: 0;
  top: 50%;
  margin-top: -55px;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease;
  -o-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
  z-index: 510;
}

#home-slider[data-cycle-next*="cycle-direction"] .cycle-direction {
  display: block;
}

#home-slider:hover .cycle-direction, .touch-screen #home-slider .cycle-direction {
  opacity: 1;
}

#home-slider .cycle-prev, #home-slider .cycle-next {
  position: relative;
  width: 40px;
  height: 54px;
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-transition: background-color 0.15s ease;
  -o-transition: background-color 0.15s ease;
  transition: background-color 0.15s ease;
  cursor: pointer;
}

#home-slider .cycle-prev:hover, #home-slider .cycle-next:hover {
  background-color: rgba(255, 255, 255, 0.5);
}

#home-slider .cycle-prev {
}

#home-slider .cycle-next {
  margin-top: 1px;
}

#home-slider .cycle-direction .ion { /* vector icons - Ionicons */
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 20px;
  color: #eee;
  margin-top: -10px;
  margin-left: -5px;
}

/* Media queries--------------------------------------------------- */
@media (min-width: 1920px) {
  /* #home-hero {
    margin-bottom: -100px;
  } */

  #home-slider .slide {
    background-size: 1920px auto;
  }

  #home-hero, #home-slider .slide {
    height: 900px; /* fallback: 900px = 1920/2 - 60px */
  }

  #home-slider .page-title {
    padding-bottom: 190px; /* 190px = 100px + 90px */
  }

  #home-slider h1, #home-slider h2, #home-slider .h1-slogan, #home-slider .h2-slogan {
    font-size: 74px;
  }

  #home-slider h3, #home-slider .h3-slogan {
    font-size: 66px;
  }

  #home-slider .page-title .lead-text-large {
    font-size: 36px;
  }

  #home-slider .page-title .lead-text-medium {
    font-size: 30px;
  }

  #home-slider .page-title h1 + p, #home-slider .page-title h2 + p, #home-slider .page-title h3 + p {
    margin-top: 12px;
  }

  #home-slider .cycle-pager {
    bottom: 115px;
  }
}

@media (min-width: 1520px) and (max-width: 1919px) {
  /* #home-hero {
    margin-bottom: -90px;
  } */

  #home-hero, #home-slider .slide {
    height: 720px; /* fallback: 720px = 1520/2 - 40px */
    height: calc(100vw / 2 - 40px);
  }

  #home-slider .page-title {
    padding-bottom: 170px; /* 170px = 90px + 80px */
  }

  #home-slider .cycle-pager {
    bottom: 105px;
  }
}

@media (min-width: 1200px) {
  #home-slider .page-title .lead-text-large, #home-slider .page-title .lead-text-medium {
    line-height: inherit;
  }
}

@media (max-width: 1199px) {
  #home-slider .slide {
    background-position: center;
    background-size: cover;
    background-attachment: scroll;
  }

  #home-slider .slide .button:not(.button-medium) {
    font-size: 18px;
    padding-right: 40px;
  }

  #home-slider .slide .button:not(.button-medium):not(.play-icon)::after {
    right: 10px;
    border-left-width: 15px;
    border-top-width: 7px;
    border-bottom-width: 7px;
  }

  #home-slider .slide .button.play-icon {
    padding-left: 51px;
  }

  #home-slider .slide .button.play-icon::before {
    width: 40px;
    height: 40px;
  }

  #home-slider .slide .button.play-icon::after {
    margin: 12px 0 0 16px;
    border-left-width: 12px;
    border-top-width: 8px;
    border-bottom-width: 8px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  /* #home-hero {
    margin-bottom: -70px;
  } */

  #home-hero, #home-slider .slide {
    height: 550px; /* fallback */
    height: calc(100vw / 1.8);
  }

  #home-slider .page-title {
    padding-bottom: 120px; /* 130px = 70px + 50px */
  }

  #home-slider h1, #home-slider h2, #home-slider .h1-slogan, #home-slider .h2-slogan {
    font-size: 60px;
  }

  #home-slider h3, #home-slider .h3-slogan {
    font-size: 52px;
  }

  #home-slider .page-title .lead-text-large {
    font-size: 28px;
  }

  #home-slider .page-title .lead-text-medium {
    font-size: 23px;
  }

  #home-slider .cycle-pager {
    bottom: 80px;
  }

  #home-slider .cycle-pager span {
    width: 35px;
    height: 3px;
    margin: 5px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* #home-hero {
    margin-bottom: -70px;
  } */

  #home-hero, #home-slider .slide {
    height: 500px; /* fallback */
    height: calc(100vw / 1.5);
  }

  #home-slider .page-title {
    padding-bottom: 105px; /* 105px = 70px + 35px */
  }

  #home-slider h1, #home-slider h2, #home-slider .h1-slogan, #home-slider .h2-slogan {
    font-size: 58px;
  }

  #home-slider h3, #home-slider .h3-slogan {
    font-size: 50px;
  }

  #home-slider .page-title .lead-text-large {
    font-size: 26px;
  }

  #home-slider .page-title .lead-text-medium {
    font-size: 21px;
  }

  #home-slider .cycle-pager {
    bottom: 76px;
  }

  #home-slider .cycle-pager span {
    width: 35px;
    height: 3px;
    margin: 5px;
  }
}

@media (max-width: 767px) {
  #home-slider .slide .button:not(.button-medium) {
    font-size: 15px;
    padding-right: 40px;
  }

  #home-slider .slide .button:not(.button-medium):not(.play-icon)::after {
    right: 10px;
    border-left-width: 15px;
    border-top-width: 7px;
    border-bottom-width: 7px;
  }

  #home-slider .slide .button.play-icon {
    padding-left: 45px;
  }

  #home-slider .slide .button.play-icon::before {
    width: 34px;
    height: 34px;
  }

  #home-slider .slide .button.play-icon::after {
    margin: 11px 0 0 14px;
    border-left-width: 9px;
    border-top-width: 6px;
    border-bottom-width: 6px;
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  /* #home-hero {
    margin-bottom: -70px;
  } */

  #home-hero, #home-slider .slide {
    height: 320px; /* fallback */
    height: calc(100vw / 1.5);
  }

  #home-slider .page-title {
    padding-bottom: 100px; /* 100px = 70px + 30px */
  }

  #home-slider h1, #home-slider h2, #home-slider .h1-slogan, #home-slider .h2-slogan {
    font-size: 48px;
  }

  #home-slider h3, #home-slider .h3-slogan {
    font-size: 40px;
  }

  #home-slider .page-title .lead-text-large {
    font-size: 24px;
  }

  #home-slider .page-title .lead-text-medium {
    font-size: 20px;
  }

  #home-slider .page-title p[class*="lead-text-"] {
    margin-bottom: 15px;
  }

  #home-slider .page-title h1 + p, #home-slider .page-title h2 + p, #home-slider .page-title h3 + p {
    margin-top: 5px;
  }

  #home-slider .cycle-pager {
    bottom: 80px;
  }

  #home-slider .cycle-pager span {
    width: 30px;
    height: 2px;
    margin: 5px;
  }
}

@media (min-width: 480px) and (max-width: 570px) {
  /* #home-hero {
    margin-bottom: -40px;
  } */

  #home-slider .page-title {
    padding-bottom: 70px; /* 70px = 40px + 30px */
  }

  #home-slider h1, #home-slider h2, #home-slider .h1-slogan, #home-slider .h2-slogan {
    font-size: 45px;
  }

  #home-slider h3, #home-slider .h3-slogan {
    font-size: 37px;
  }

  #home-slider .page-title .lead-text-large {
    font-size: 22px;
  }

  #home-slider .page-title .lead-text-medium {
    font-size: 18px;
  }

  #home-slider .page-title p[class*="lead-text-"] {
    margin-bottom: 10px;
  }

  #home-slider .page-title h1 + p, #home-slider .page-title h2 + p, #home-slider .page-title h3 + p {
    margin-top: 0;
  }

  #home-slider .cycle-pager {
    bottom: 50px;
  }
}

@media (max-width: 479px) {
  /* #home-hero {
    margin-bottom: 0;
  } */

  #home-hero, #home-slider .slide {
    height: 430px;
  }

  #home-slider .page-title {
    padding-bottom: 40px;
  }

  #home-slider h1, #home-slider h2, #home-slider .h1-slogan, #home-slider .h2-slogan {
    font-size: 42px;
  }

  #home-slider h3, #home-slider .h3-slogan {
    font-size: 34px;
  }

  #home-slider h1 br, #home-slider h2 br, #home-slider h3 br, #home-slider .h1-slogan br, #home-slider .h2-slogan br, #home-slider .h3-slogan br {
    display: none;
  }

  #home-slider .page-title .lead-text-large {
    font-size: 22px;
  }

  #home-slider .page-title .lead-text-medium {
    font-size: 18px;
  }

  #home-slider .page-title p[class*="lead-text-"] {
    margin-bottom: 15px;
  }

  #home-slider .page-title p[class*="lead-text-"] br {
    display: none;
  }

  #home-slider .page-title h1 + p, #home-slider .page-title h2 + p, #home-slider .page-title h3 + p {
    margin-top: 5px;
  }

  #home-slider .cycle-pager {
    bottom: 10px;
  }

  #home-slider .cycle-pager span {
    width: 30px;
    height: 2px;
    margin: 5px;
  }
}

/*-----------------------------------------------------------------------------------*//*	4. Hero Image & Page Title/*-----------------------------------------------------------------------------------*/
#hero-image {
  position: relative;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: -75px;
  overflow: hidden;
}

/* Image/gradient background in the page header */
#hero-image, #hero-image .slide {
  height: 480px; /* fallback: 480px = 1200/2.5, for 1199-1519px */
  height: calc(100vw / 2.5 - 20px);
}

#hero-image .slide {
  position: relative;
  width: 100%;
  background-attachment: fixed;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

#hero-image.image-bg .slide::after, #hero-image.gradient-bg::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
}

/* #hero-image.image-bg .slide::after {
  background-color: #2e3c4d;
  opacity: 0.5;
} */

#hero-image.gradient-bg .slide {
  background-image: url(../images/backgrounds/primary-color/royal-blue/stripe-default-bg-pattern.svg);
  background-size: 671px 825px;
  background-position: 65% -130px;
  background-repeat: no-repeat;
}

#hero-image.gradient-bg::before {
  background-color: #21354d;
}

/* Images--------------------------------------------------- *//* NOTE: All hero images for pages should be set in custom.css */
#hero-image .container, #hero-image .row {
  height: 100%;
}

#hero-image .columns {
  height: 100%;
}

/* Page Title--------------------------------------------------- */
#hero-image .page-title-wrapper {
  position: relative;
  display: table;
  height: 100%;
  z-index: 2;
}

#hero-image .page-title {
  display: table-cell;
  vertical-align: bottom;
  padding-bottom: 145px; /* 145px = 75px + 70px */
}

#hero-image h1 {
  color: #fff;
  margin-bottom: 0;
}

#hero-image .page-title p {
  color: #ccc;
}

#hero-image .page-title p:first-child, #hero-image .page-title p:last-child {
  margin-bottom: 0;
}

#hero-image .page-title .lead-text-large {
  font-size: 52px;
}

#hero-image.image-bg .page-title p[class*="lead-text-"] {
  display: inline-block;
  padding: 0 7px;
  background-color: rgba(0, 0, 0, 0.15);
  margin-left: -4px;
}

#hero-image .page-title h1 + p {
  margin-top: 10px;
}

#hero-image.gradient-bg .page-title h1 {
  color: #d4e7ff;
}

#hero-image.gradient-bg .page-title p {
  color: #b6c7db;
}

/* Post meta */
#hero-image .page-title .post-meta {
  display: inline-block;
  font-size: 17px;
  font-weight: 400;
  margin-top: 15px;
}

#hero-image.image-bg .page-title .post-meta {
  padding: 2px 7px;
  background-color: rgba(0, 0, 0, 0.15);
  margin-left: -4px;
}

#hero-image .page-title .post-date {
  color: #b6c7db;
}

#hero-image .page-title .post-category a {
  color: #ffbc8c;
  font-weight: inherit;
  text-transform: uppercase;
}

#hero-image .page-title .post-category a:first-child {
  margin-left: 10px;
}

#hero-image .page-title .post-category:first-child a {
  margin-left: 0;
}

#hero-image .page-title .post-category a:hover {
  text-decoration: underline;
}

/* Media queries--------------------------------------------------- */
@media (min-width: 1920px) {
  #hero-image {
    margin-bottom: -100px;
  }

  #hero-image.image-bg .slide {
    background-size: 1920px auto;
  }

  #hero-image.image-bg, #hero-image.image-bg .slide {
    height: 730px; /* fallback: 730px = 1920/2.5 - 38px */
  }

  #hero-image.gradient-bg, #hero-image.gradient-bg .slide {
    height: 560px;
  }

  #hero-image.gradient-bg .slide {
    background-size: 805px 990px; /* x1.2 */
    background-position: 65% -190px;
  }

  #hero-image .page-title {
    padding-bottom: 190px; /* 190px = 100px + 90px */
  }
}

@media (min-width: 1520px) and (max-width: 1919px) {
  #hero-image {
    margin-bottom: -90px;
  }

  #hero-image.image-bg, #hero-image.image-bg .slide {
    height: 588px; /* fallback: 588px = 1520/2.5 - 20px */
    height: calc(100vw / 2.5 - 40px);
  }

  #hero-image.gradient-bg, #hero-image.gradient-bg .slide {
    height: 560px;
  }

  #hero-image.gradient-bg .slide {
    background-size: 805px 990px; /* x1.2 */
    background-position: 65% -190px;
  }

  #hero-image .page-title {
    padding-bottom: 170px; /* 170px = 90px + 80px */
  }
}

@media (min-width: 1200px) {
  #hero-image .page-title .lead-text-large {
    font-weight: bold;
    line-height: inherit;
  }
}

@media (max-width: 1199px) {
  #hero-image .slide {
    background-attachment: scroll;
  }

  #hero-image.image-bg .slide {
    background-position: center;
    background-size: cover;
  }

  #hero-image .page-title .lead-text-large {
    font-weight: 600;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  #hero-image {
    margin-bottom: -70px;
  }

  #hero-image, #hero-image .slide {
    height: 420px; /* fallback */
    height: calc(100vw / 2.3);
  }

  #hero-image.gradient-bg .slide {
    background-position: right -150px;
  }

  #hero-image .page-title {
    padding-bottom: 130px; /* 130px = 70px + 60px */
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  #hero-image {
    margin-bottom: -70px;
  }

  #hero-image, #hero-image .slide {
    height: 400px; /* fallback */
    height: calc(100vw / 1.8);
  }

  #hero-image.gradient-bg .slide {
    background-size: 537px 660px; /* x0.8 */
    background-position: 120% -130px;
  }

  #hero-image .page-title {
    padding-bottom: 120px; /* 120px = 70px + 50px */
  }

  #hero-image .page-title .lead-text-large {
    font-size: 20px;
  }

  #hero-image .page-title .post-meta {
    font-size: 16px;
    margin-top: 12px;
  }
}

@media (max-width: 767px) {
}

@media (min-width: 480px) and (max-width: 767px) {
  #hero-image {
    margin-bottom: -70px;
  }

  #hero-image, #hero-image .slide {
    height: 270px; /* fallback */
    height: calc(100vw / 1.75);
  }

  #hero-image.gradient-bg .slide {
    background-size: 537px 660px; /* x0.8 */
    background-position: 150% -160px;
  }

  #hero-image .page-title {
    padding-bottom: 110px; /* 110px = 70px + 40px */
  }

  #hero-image .page-title .lead-text-large {
    font-size: 18px;
  }

  #hero-image .page-title .post-meta {
    font-size: 16px;
    margin-top: 12px;
  }
}

@media (min-width: 480px) and (max-width: 570px) {
  #hero-image .page-title {
    padding-bottom: 100px; /* 100px = 70px + 30px */
  }

  #hero-image .page-title .lead-text-large {
    font-size: 17px;
  }
}

@media (max-width: 479px) {
  #hero-image {
    margin-bottom: 0;
  }

  #hero-image, #hero-image .slide {
    height: 340px;
  }

  #hero-image .page-title {
    padding-bottom: 40px;
  }

  #hero-image .page-title .lead-text-large {
    font-size: 17px;
  }

  #hero-image .page-title .post-meta {
    font-size: 15px;
    margin-top: 10px;
  }

  #hero-image .page-title .post-date, #hero-image .page-title .post-category {
    display: block;
  }

  #hero-image .page-title .post-category a:first-child {
    margin-left: 0;
  }
}

/*-----------------------------------------------------------------------------------*//*	5. Stripe Sections/*-----------------------------------------------------------------------------------*/
.stripe {
  position: relative;
  margin: 0 0;
  padding: 100px 0;
}

.stripe-bottom {
  margin-bottom: 0;
}

#page-content.sidebar-layout .stripe-bottom {
  margin-top: 0;
}

.stripe-narrow {
  padding: 70px 0;
}

.stripe + .stripe {
  margin-top: -60px;
}

#page-content > .stripe:first-child {
  margin-top: 0;
}

#page-content > .stripe-transparent-bg:first-child {
  background-color: #f5f6f7;
}

/* Stripes:   - all,   - first after the hero image / home slider   - left-aligned, right-aligned, box (centered) */
@media (min-width: 1520px) {
  #main [id*="hero"] + #page-content.fullwidth-layout > .stripe:first-child, #main [id*="hero"] + #page-content.fullwidth-layout > .stripe-narrow:first-child {
    padding-top: 100px;
  }

  .stripe-left > .stripe-upper-bg {
    margin-right: calc(50% - 645px); /* 645px = 1290px/2 */
  }

  .stripe-left > .container > .row {
    margin-right: 75px;
  }

  .stripe-right > .stripe-upper-bg {
    margin-left: calc(50% - 645px); /* 645px = 1290px/2 */
  }

  .stripe-right > .container > .row {
    margin-left: 75px;
  }

  .stripe-box > .stripe-upper-bg {
    margin-left: calc(50% - 645px); /* 645px = 1290px/2 */
    margin-right: calc(50% - 645px); /* 645px = 1290px/2 */
  }

  .stripe-box > .container > .row {
    margin-left: 75px;
    margin-right: 75px;
  }
}

@media (min-width: 1200px) and (max-width: 1519px) {
  #main [id*="hero"] + #page-content.fullwidth-layout > .stripe:first-child, #main [id*="hero"] + #page-content.fullwidth-layout > .stripe-narrow:first-child {
    padding-top: 90px;
  }

  .stripe-left > .stripe-upper-bg {
    margin-right: calc(50% - 570px); /* 570px = 1140px/2 */
  }

  .stripe-left > .container > .row {
    margin-right: 75px;
  }

  .stripe-right > .stripe-upper-bg {
    margin-left: calc(50% - 570px); /* 570px = 1140px/2 */
  }

  .stripe-right > .container > .row {
    margin-left: 75px;
  }

  .stripe-box > .stripe-upper-bg {
    margin-left: calc(50% - 570px); /* 570px = 1140px/2 */
    margin-right: calc(50% - 570px); /* 570px = 1140px/2 */
  }

  .stripe-box > .container > .row {
    margin-left: 75px;
    margin-right: 75px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  #main [id*="hero"] + #page-content.fullwidth-layout > .stripe:first-child, #main [id*="hero"] + #page-content.fullwidth-layout > .stripe-narrow:first-child {
    padding-top: 75px;
  }

  .stripe {
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .stripe-narrow {
    padding-top: 55px;
    padding-bottom: 55px;
  }

  .stripe-left > .stripe-upper-bg {
    margin-right: calc(50% - 470px); /* 470px = 940px/2 */
  }

  .stripe-left > .container > .row {
    margin-right: 60px;
  }

  .stripe-right > .stripe-upper-bg {
    margin-left: calc(50% - 470px); /* 470px = 940px/2 */
  }

  .stripe-right > .container > .row {
    margin-left: 60px;
  }

  .stripe-box > .stripe-upper-bg {
    margin-left: calc(50% - 470px); /* 470px = 940px/2 */
    margin-right: calc(50% - 470px); /* 470px = 940px/2 */
  }

  .stripe-box > .container > .row {
    margin-left: 60px;
    margin-right: 60px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  #main [id*="hero"] + #page-content.fullwidth-layout > .stripe:first-child, #main [id*="hero"] + #page-content.fullwidth-layout > .stripe-narrow:first-child {
    padding-top: 75px;
  }

  .stripe {
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .stripe-narrow {
    padding-top: 55px;
    padding-bottom: 55px;
  }

  .stripe-left > .stripe-upper-bg {
    margin-right: calc(50% - 360px); /* 360px = 720px/2 */
  }

  .stripe-left > .container > .row {
    margin-right: 30px;
  }

  .stripe-right > .stripe-upper-bg {
    margin-left: calc(50% - 360px); /* 360px = 720px/2 */
  }

  .stripe-right > .container > .row {
    margin-left: 30px;
  }

  .stripe-box > .stripe-upper-bg {
    margin-left: calc(50% - 360px); /* 360px = 720px/2 */
    margin-right: calc(50% - 360px); /* 360px = 720px/2 */
  }

  .stripe-box > .container > .row {
    margin-left: 30px;
    margin-right: 30px;
  }
}

@media (max-width: 767px) {
}

@media (min-width: 480px) and (max-width: 767px) {
  #main [id*="hero"] + #page-content.fullwidth-layout > .stripe:first-child, #main [id*="hero"] + #page-content.fullwidth-layout > .stripe-narrow:first-child {
    padding-top: 75px;
  }

  .stripe {
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .stripe-narrow {
    padding-top: 55px;
    padding-bottom: 55px;
  }

  .stripe-left > .stripe-upper-bg {
    margin-right: 15px;
  }

  .stripe-left > .container > .row {
    margin-right: 30px;
  }

  .stripe-right > .stripe-upper-bg {
    margin-left: 15px;
  }

  .stripe-right > .container > .row {
    margin-left: 30px;
  }

  .stripe-box > .stripe-upper-bg {
    margin-left: 15px;
    margin-right: 15px;
  }

  .stripe-box > .container > .row {
    margin-left: 30px;
    margin-right: 30px;
  }
}

@media (max-width: 479px) {
  #main [id*="hero"] + #page-content.fullwidth-layout > .stripe:first-child, #main [id*="hero"] + #page-content.fullwidth-layout > .stripe-narrow:first-child {
    padding-top: 60px;
  }

  .stripe {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .stripe-narrow {
    padding-top: 45px;
    padding-bottom: 45px;
  }
}

/* Margin BETWEEN left-aligned, right-aligned, or box (centered) stripe AND not transparent stripe */
@media (min-width: 1200px) {
  .stripe-left + .stripe:not(.stripe-transparent-bg), .stripe-right + .stripe:not(.stripe-transparent-bg), .stripe-box + .stripe:not(.stripe-transparent-bg), .stripe:not(.stripe-transparent-bg) + .stripe-left, .stripe:not(.stripe-transparent-bg) + .stripe-right, .stripe:not(.stripe-transparent-bg) + .stripe-box {
    margin-top: 120px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .stripe-left + .stripe:not(.stripe-transparent-bg), .stripe-right + .stripe:not(.stripe-transparent-bg), .stripe-box + .stripe:not(.stripe-transparent-bg), .stripe:not(.stripe-transparent-bg) + .stripe-left, .stripe:not(.stripe-transparent-bg) + .stripe-right, .stripe:not(.stripe-transparent-bg) + .stripe-box {
    margin-top: 90px;
  }
}

@media (max-width: 767px) {
  .stripe-left + .stripe:not(.stripe-transparent-bg), .stripe-right + .stripe:not(.stripe-transparent-bg), .stripe-box + .stripe:not(.stripe-transparent-bg), .stripe:not(.stripe-transparent-bg) + .stripe-left, .stripe:not(.stripe-transparent-bg) + .stripe-right, .stripe:not(.stripe-transparent-bg) + .stripe-box {
    margin-top: 75px;
  }
}

/* Padding (top/bottom) for transparent or full-width white stripe */
@media (min-width: 1200px) {
  .stripe-transparent-bg + .stripe-transparent-bg:not(.stripe-bottom), .stripe-white-bg.stripe-fullwidth + .stripe-white-bg.stripe-fullwidth:not(.stripe-bottom) {
    padding-top: 0;
  }

  .stripe:not(.stripe-transparent-bg) + .stripe-transparent-bg {
    padding-top: 115px;
    padding-bottom: 115px;
  }

  .stripe-transparent-bg + .stripe-transparent-bg.stripe-narrow:not(.stripe-bottom), .stripe-white-bg.stripe-fullwidth + .stripe-white-bg.stripe-fullwidth.stripe-narrow:not(.stripe-bottom) {
    padding-top: 0;
  }

  .stripe:not(.stripe-transparent-bg) + .stripe-transparent-bg.stripe-narrow {
    padding-top: 85px;
    padding-bottom: 85px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .stripe-transparent-bg + .stripe-transparent-bg:not(.stripe-bottom), .stripe-white-bg.stripe-fullwidth + .stripe-white-bg.stripe-fullwidth {
    padding-top: 0;
  }

  .stripe:not(.stripe-transparent-bg) + .stripe-transparent-bg {
    padding-top: 85px;
    padding-bottom: 85px;
  }

  .stripe-transparent-bg + .stripe-transparent-bg.stripe-narrow, .stripe-white-bg.stripe-fullwidth + .stripe-white-bg.stripe-fullwidth.stripe-narrow {
    padding-top: 0;
  }

  .stripe:not(.stripe-transparent-bg) + .stripe-transparent-bg.stripe-narrow {
    padding-top: 65px;
    padding-bottom: 65px;
  }
}

@media (max-width: 767px) {
  .stripe-transparent-bg + .stripe-transparent-bg:not(.stripe-bottom), .stripe-white-bg.stripe-fullwidth + .stripe-white-bg.stripe-fullwidth {
    padding-top: 0;
  }

  .stripe-transparent-bg + .stripe-transparent-bg.stripe-narrow, .stripe-white-bg.stripe-fullwidth + .stripe-white-bg.stripe-fullwidth.stripe-narrow {
    padding-top: 0;
  }
}

/* No padding (for the full-width stretched stripe with .container-fluid) */
.stripe.stripe-no-padding, .stripe.stripe-no-padding.stripe-narrow, .stripe.stripe-bottom.stripe-no-padding {
  padding-top: 0;
  padding-bottom: 0;
}

.stripe-bottom.stripe-no-padding {
  margin-bottom: 0;
}

/* Slogan text in the bottom stripe */
.stripe-bottom.dark-colored-bg .lead-text-large {
  line-height: 1.5;
}

.stripe-bottom > .container > .row > .columns .lead-text-medium {
  font-family: inherit;
}

.stripe-bottom > .container > .row > .columns .h1-slogan + .lead-text-medium, .stripe-bottom > .container > .row > .columns .h2-slogan + .lead-text-medium, .stripe-bottom > .container > .row > .columns .h3-slogan + .lead-text-medium {
  font-weight: 300;
}

.stripe-bottom > .container > .row > .columns .lead-text-large + p.text-center, .stripe-bottom > .container > .row > .columns .lead-text-medium + p.text-center {
  margin-top: 35px;
}

.stripe > .container > .row:last-child > .columns > p:last-child, .stripe > .container > .row:last-child > .columns > ul:last-child, .stripe > .container > .row:last-child > .columns > ol:last-child, .stripe > .container > .row:last-child > .columns > blockquote:last-child, .stripe > .container > .row:last-child > .columns > div > p:last-child, /* inside a block with offset */
.stripe > .container > .row:last-child > .columns > div > ul:last-child, .stripe > .container > .row:last-child > .columns > div > ol:last-child, .stripe > .container > .row:last-child > .columns > div > blockquote:last-child, #main-content .stripe > .row:last-child > .columns > p:last-child, #main-content .stripe > .row:last-child > .columns > ul:last-child, #main-content .stripe > .row:last-child > .columns > ol:last-child, #main-content .stripe > .row:last-child > .columns > blockquote:last-child, #main-content > .row:last-child > .columns > p:last-child, #main-content > .row:last-child > .columns > ul:last-child, #main-content > .row:last-child > .columns > ol:last-child, #main-content > .row:last-child > .columns > blockquote:last-child {
  margin-bottom: 0;
}

/* Upper background layer */
.stripe > .stripe-upper-bg {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.stripe > .stripe-upper-bg::before, .stripe > .stripe-upper-bg::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 50px;
  content: "";
}

/* Solid backgrounds:   - light grey   - white   - primary color   - primary color light   - primary color dark   - secondary color--------------------------------------------------- */
.stripe-light-grey-bg > .stripe-upper-bg {
  background-color: #eaeaea;
}

.stripe-white-bg > .stripe-upper-bg {
  background-color: #fff;
}

.stripe-primary-color-bg > .stripe-upper-bg {
  background-color: #184173;
}

.stripe-primary-color-light-bg > .stripe-upper-bg {
  background-color: #e1e9f2;
}

.stripe-primary-color-dark-bg > .stripe-upper-bg {
  background-color: #21354d;
}

.stripe-secondary-color-bg > .stripe-upper-bg {
  background-color: rgba(247, 133, 52, 0.65); /* #f78534 */
}

/* Page layout with right-aligned sidebar:   light grey backgrounds - gradient or solid--------------------------------------------------- */
#main-content.page-left-col .stripe-light-grey-bg > .stripe-upper-bg {
  background-color: #f5f6f7;
}

@media (min-width: 992px) {
  #main-content.page-left-col .stripe-light-grey-gradient-bg {
    background-color: #f5f6f7;
    background: -webkit-linear-gradient(right, rgba(245, 246, 247, 0), #f5f6f7 400px);
    background: -o-linear-gradient(right, rgba(245, 246, 247, 0), #f5f6f7 400px);
    background: linear-gradient(to left, rgba(245, 246, 247, 0), #f5f6f7 400px); /* #f5f6f7 */
    padding: 75px 0 75px 595px;
    margin: 50px 0 65px -595px;
  }

  #main-content.page-left-col .stripe-light-grey-bg {
    padding: 75px 50px 75px 595px;
    margin: 50px 0 65px -595px;
    border: 1px solid #eee;
    border-left: none;
  }
}

@media (max-width: 991px) {
  #main-content.page-left-col .stripe-light-grey-gradient-bg, #main-content.page-left-col .stripe-light-grey-bg {
    background-color: #f5f6f7;
    padding: 60px 136px;
    margin: 50px -136px 65px;
  }
}

/* Default background pattern, custom background image--------------------------------------------------- *//* Default background pattern */
.stripe-default-bg-pattern > .stripe-upper-bg {
  background-image: url(../images/backgrounds/primary-color/royal-blue/stripe-default-bg-pattern.svg);
  background-size: 671px 825px;
  background-repeat: no-repeat;
}

/* Custom background image */
.stripe-custom-bg-image > .stripe-upper-bg {
  background-size: auto;
}

.stripe-custom-bg-image.stripe-bg-size-cover > .stripe-upper-bg {
  background-size: cover;
}

.stripe-custom-bg-image.stripe-bg-size-fullwidth > .stripe-upper-bg {
  background-size: 100% auto;
}

.stripe-custom-bg-image.stripe-bg-position-top > .stripe-upper-bg {
  background-position: center top;
}

/* NOTE: Images for the "Custom Background Image" stripe section should be set in custom.css */
.stripe-custom-bg-image.stripe-bg-fixed > .stripe-upper-bg {
  background-attachment: fixed;
  background-position: center top;
}

.touch-screen .stripe-custom-bg-image.stripe-bg-fixed > .stripe-upper-bg {
  background-attachment: scroll;
  background-position: center;
}

@media (min-width: 1920px) {
  .stripe-default-bg-pattern > .stripe-upper-bg {
    background-size: 939px 1155px; /* x1.4 */
  }
}

@media (min-width: 1520px) and (max-width: 1919px) {
  .stripe-default-bg-pattern > .stripe-upper-bg {
    background-size: 805px 990px; /* x1.2 */
  }
}

/* Upper background layer:   - transparent (primary color)--------------------------------------------------- */
.stripe-upper-bg-transparent > .stripe-upper-bg::before {
  top: 0;
  height: 100%;
  background-color: #21354d;
  opacity: 0.85;
}

[class*="stripe-upper-bg-"].stripe-upper-bg-opacity-80 > .stripe-upper-bg::before, [class*="stripe-upper-bg-"].stripe-upper-bg-opacity-80 > .stripe-upper-bg::after {
  opacity: 0.8;
}

[class*="stripe-upper-bg-"].stripe-upper-bg-opacity-90 > .stripe-upper-bg::before, [class*="stripe-upper-bg-"].stripe-upper-bg-opacity-90 > .stripe-upper-bg::after {
  opacity: 0.9;
}

/* Geometric background at the left/right side of stripe   Arrow background at bottom right of stripe--------------------------------------------------- */
.stripe-geometric-bg-left > .stripe-upper-bg {
  background-image: url(../images/backgrounds/primary-color/royal-blue/geometric-bg-left.png);
  background-repeat: no-repeat;
  background-position: left calc(50vw - 585px - 50px) top 50px; /* 585px = 1170px/2 */
}

.stripe-geometric-bg-right > .stripe-upper-bg {
  background-image: url(../images/backgrounds/primary-color/royal-blue/geometric-bg-right.png);
  background-repeat: no-repeat;
  background-position: right calc(50vw - 585px - 50px) top 50px; /* 585px = 1170px/2 */
}

.stripe-arrows-bg > .stripe-upper-bg {
  background-image: url(../images/backgrounds/primary-color/royal-blue/arrows-up-bg.png);
  background-repeat: no-repeat;
  background-position: right calc(50vw - 585px - 100px) bottom 40px; /* 585px = 1170px/2 */
}

@media (min-width: 1520px) {
  .stripe-geometric-bg-left > .stripe-upper-bg {
    background-position: left calc(50vw - 660px - 50px) top 50px; /* 660px = 1320px/2 */
  }

  .stripe-geometric-bg-right > .stripe-upper-bg {
    background-position: right calc(50vw - 660px - 50px) top 50px; /* 660px = 1320px/2 */
  }

  .stripe-arrows-bg > .stripe-upper-bg {
    background-position: right calc(50vw - 660px - 100px) bottom 40px; /* 660px = 1320px/2 */
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .stripe-geometric-bg-left > .stripe-upper-bg {
    background-position: left calc(50vw - 485px - 90px) top 130px; /* 485px = 970px/2 */
  }

  .stripe-geometric-bg-right > .stripe-upper-bg {
    background-position: right calc(50vw - 485px - 90px) top 130px; /* 485px = 970px/2 */
  }

  .stripe-arrows-bg > .stripe-upper-bg {
    background-position: right calc(50vw - 485px - 70px) bottom 40px; /* 485px = 970px/2 */
  }
}

@media (max-width: 991px) {
  .stripe-arrows-bg > .stripe-upper-bg {
    background-image: none !important;
    background-position: 0 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .stripe-geometric-bg-left > .stripe-upper-bg {
    background-position: left calc(50vw - 375px - 180px) top 100px; /* 375px = 750px/2 */
  }

  .stripe-geometric-bg-right > .stripe-upper-bg {
    background-position: right calc(50vw - 375px - 180px) top 100px; /* 375px = 750px/2 */
  }
}

@media (max-width: 767px) {
  .stripe-geometric-bg-left > .stripe-upper-bg {
    background-position: left top -260px;
  }

  .stripe-geometric-bg-right > .stripe-upper-bg {
    background-position: right top -260px;
  }
}

/* Full-width image in stripe's left column--------------------------------------------------- */
@media (min-width: 992px) {
  .stripe-left-col-fullwidth-image, .stripe-left-col-fullwidth-image.stripe-narrow {
    padding-top: 0;
    padding-bottom: 0;
  }

  .stripe-left-col-fullwidth-image .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .stripe-left-col-fullwidth-image .columns {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }

  .stripe-left-col-fullwidth-image figure {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 15px;
    margin-left: calc(100% - 50vw);
  }

  .stripe-left-col-fullwidth-image figure img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

@media (min-width: 1920px) {
  .stripe-left-col-fullwidth-image .row {
    min-height: 580px; /* 580px = 960px / 1.33 - 140px */
  }

  .stripe-left-col-fullwidth-image .columns:last-child {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .stripe-left-col-fullwidth-image .columns:last-child > * {
    padding-left: 50px;
  }
}

@media (min-width: 1520px) and (max-width: 1919px) {
  .stripe-left-col-fullwidth-image .row {
    min-height: 540px; /* 540px = 840px / 1.33 - 90px */
  }

  .stripe-left-col-fullwidth-image .columns:last-child {
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .stripe-left-col-fullwidth-image .columns:last-child > * {
    padding-left: 40px;
  }
}

@media (min-width: 1360px) and (max-width: 1519px) {
  .stripe-left-col-fullwidth-image .row {
    min-height: 510px; /* 510px = 680px / 1.33 */
  }

  .stripe-left-col-fullwidth-image .columns:last-child {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .stripe-left-col-fullwidth-image .columns:last-child > * {
    padding-left: 30px;
  }
}

@media (min-width: 1200px) and (max-width: 1359px) {
  .stripe-left-col-fullwidth-image .row {
    min-height: 480px; /* 480px = 640px / 1.33 */
  }

  .stripe-left-col-fullwidth-image .columns:last-child {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .stripe-left-col-fullwidth-image .columns:last-child > * {
    padding-left: 30px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .stripe-left-col-fullwidth-image .row {
    min-height: 384px; /* 384px = 512px / 1.33 */
  }

  .stripe-left-col-fullwidth-image .columns:last-child {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .stripe-left-col-fullwidth-image .columns:last-child > * {
    padding-left: 20px;
  }
}

@media (max-width: 991px) {
  .stripe-left-col-fullwidth-image, .stripe-left-col-fullwidth-image.stripe-narrow {
    padding-top: 0;
    padding-bottom: 90px;
  }

  .stripe-left-col-fullwidth-image .columns:first-child {
    width: auto;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding: 0;
  }

  .stripe-left-col-fullwidth-image .columns:last-child {
    padding-top: 75px !important;
  }
}

@media (max-width: 767px) {
  .stripe-left-col-fullwidth-image, .stripe-left-col-fullwidth-image.stripe-narrow {
    padding-bottom: 70px;
  }

  .stripe-left-col-fullwidth-image .columns:last-child {
    padding-top: 60px !important;
  }
}

/* Colored background in the right column of left-aligned stripe--------------------------------------------------- *//* NOTE: The CSS classes for the column's background color should be set in custom.css */
.stripe-left.stripe-right-col-colored > .container > .row {
  margin-top: -100px;
  padding-top: 100px;
  margin-right: 0;
  margin-bottom: -100px;
  padding-bottom: 100px;
  overflow: hidden;
}

.stripe-left.stripe-right-col-colored > .container > .row > .columns:last-child::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2000px;
  content: "";
  margin: -100px 0 0 0;
}

.stripe-left.stripe-right-col-colored > .container > .row > .columns:last-child {
  padding-right: 60px;
}

.stripe-left.stripe-right-col-colored > .container > .row > .columns:last-child > * {
  position: relative;
}

@media (min-width: 992px) {
  .stripe-left.stripe-right-col-colored > .container > .row > .columns:last-child {
    padding-left: 45px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .stripe-left.stripe-right-col-colored > .container > .row {
    margin-top: -75px;
    padding-top: 75px;
    margin-bottom: -75px;
    padding-bottom: 75px;
  }

  .stripe-left.stripe-right-col-colored > .container > .row > .columns:last-child::before {
    margin-top: -75px;
  }

  .stripe-left.stripe-right-col-colored > .container > .row > .columns:last-child {
    padding-right: 50px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .stripe-left.stripe-right-col-colored > .container > .row {
    margin-left: -140px; /* fallback: -140px = 355px - 990px/2 */
    margin-left: calc(355px - 50vw);
    margin-top: 0;
    padding-top: 0;
    margin-bottom: -75px;
    padding-bottom: 0;
  }

  .stripe-left.stripe-right-col-colored > .container > .row > .columns {
    float: none;
    width: 100%;
    padding-left: 140px; /* fallback: 140px = 990px/2 - 355px */
    padding-left: calc(50vw - 355px);
  }

  .stripe-left.stripe-right-col-colored > .container > .row > .columns:last-child {
    margin-top: 75px;
    padding-top: 75px;
    padding-bottom: 75px;
    padding-right: 15px;
  }

  .stripe-left.stripe-right-col-colored > .container > .row > .columns:last-child::before {
    margin: 0;
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  .stripe-left.stripe-right-col-colored > .container > .row {
    margin-top: 0;
    padding-top: 0;
    margin-bottom: -75px;
    padding-bottom: 0;
  }

  .stripe-left.stripe-right-col-colored > .container > .row > .columns:last-child {
    margin-top: 75px;
    padding-top: 75px;
    padding-bottom: 75px;
    padding-right: 15px;
  }

  .stripe-left.stripe-right-col-colored > .container > .row > .columns:last-child::before {
    margin: 0;
  }
}

@media (max-width: 479px) {
  .stripe-left.stripe-right-col-colored > .container > .row {
    margin-top: 0;
    padding-top: 0;
    margin-right: -15px;
    margin-bottom: -60px;
    padding-bottom: 0;
  }

  .stripe-left.stripe-right-col-colored > .container > .row > .columns:last-child {
    margin-top: 60px;
    padding-top: 60px;
    padding-bottom: 60px;
    padding-right: 15px;
  }

  .stripe-left.stripe-right-col-colored > .container > .row > .columns:last-child::before {
    margin: 0;
  }
}

/* Full-width colored background in split columns--------------------------------------------------- */
@media (min-width: 992px) {
  .stripe-fullwidth-split-cols.stripe-primary-color-dark-bg .row {
    background: -webkit-linear-gradient(right, transparent 50%, #ccc 50%, #ccc calc(50% + 2px), rgba(31, 84, 148, 0.4) calc(50% + 2px));
    background: -o-linear-gradient(right, transparent 50%, #ccc 50%, #ccc calc(50% + 2px), rgba(31, 84, 148, 0.4) calc(50% + 2px));
    background: linear-gradient(to left, transparent 50%, #ccc 50%, #ccc calc(50% + 2px), rgba(31, 84, 148, 0.4) calc(50% + 2px)); /* #1f5494 */
  }

  .stripe-fullwidth-split-cols.stripe-secondary-color-bg .row {
    background: -webkit-linear-gradient(left, transparent 50%, #eee 50%, #eee calc(50% + 2px), rgba(0, 0, 0, 0.07) calc(50% + 2px));
    background: -o-linear-gradient(left, transparent 50%, #eee 50%, #eee calc(50% + 2px), rgba(0, 0, 0, 0.07) calc(50% + 2px));
    background: linear-gradient(to right, transparent 50%, #eee 50%, #eee calc(50% + 2px), rgba(0, 0, 0, 0.07) calc(50% + 2px));
  }

  .stripe-fullwidth-split-cols .row {
    margin: -100px calc(50% - 50vw);
    padding: 100px calc(50vw - 50% - 15px);
  }

  .stripe-fullwidth-split-cols.stripe-narrow .row {
    margin-top: -70px;
    margin-bottom: -70px;
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .stripe-fullwidth-split-cols .row {
    margin: -75px calc(50% - 50vw);
    padding: 75px calc(50vw - 50% - 15px);
  }

  .stripe-fullwidth-split-cols.stripe-narrow .row {
    margin-top: -55px;
    margin-bottom: -55px;
    padding-top: 55px;
    padding-bottom: 55px;
  }
}

@media (max-width: 991px) {
  .stripe-fullwidth-split-cols {
    padding: 0 !important;
  }

  .stripe-fullwidth-split-cols .columns {
    width: auto;
    margin: 0; /* fallback */
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding: 75px 15px; /* fallback */
    padding: 75px calc(50vw - 50% + 15px);
    padding-top: 75px !important;
  }

  .stripe-fullwidth-split-cols.stripe-narrow .columns {
    padding-top: 55px !important;
    padding-bottom: 55px;
  }

  .stripe-fullwidth-split-cols.stripe-primary-color-dark-bg .columns:first-child {
    background-color: rgba(31, 84, 148, 0.4); /* #1f5494 */
    border-bottom: 2px dashed #ccc;
  }

  .stripe-fullwidth-split-cols.stripe-secondary-color-bg .columns:last-child {
    background-color: rgba(0, 0, 0, 0.07);
    border-top: 2px dashed #eee;
  }
}

@media (max-width: 479px) {
  .stripe-fullwidth-split-cols .columns {
    padding-top: 60px !important;
    padding-bottom: 60px;
  }

  .stripe-fullwidth-split-cols.stripe-narrow .columns {
    padding-top: 45px !important;
    padding-bottom: 45px;
  }
}

/*-----------------------------------------------------------------------------------*//*	6. Picture Boxes/*-----------------------------------------------------------------------------------*/
.picture-boxes article {
  position: relative;
  margin-top: 55px;
}

.picture-boxes .row:first-child article {
  margin-top: 0;
}

.picture-boxes > article:first-child {
  margin-top: 0;
}

.picture-boxes .box-image {
  line-height: 0;
}

.picture-boxes .box-image img {
  display: inline;
}

.picture-boxes article h3 {
  margin-bottom: 0;
}

.picture-boxes article h4 {
  line-height: 1.4;
  margin-bottom: 0;
}

.picture-boxes article h5 {
  margin-bottom: 0;
}

.picture-boxes article h6 {
  margin-bottom: 0;
}

.picture-boxes .box-text .title a {
  padding: 5px 0;
}

.picture-boxes .box-text p {
  font-size: 16px;
  margin: 10px 0 0;
}

.picture-boxes .box-text h6 + p {
  margin-top: 7px;
}

.picture-boxes.short-description .box-text p {
  margin-top: 5px;
}

.picture-boxes .box-text .read-more-link {
  margin-top: 15px;
}

.picture-boxes .box-text .button {
  margin-top: 20px;
}

/* Box with top picture--------------------------------------------------- */
.picture-boxes.top-picture-box.centered-content article {
  text-align: center;
}

.picture-boxes.top-picture-box.centered-content .box-image {
  margin-left: auto;
  margin-right: auto;
}

.picture-boxes.top-picture-box .box-text {
  margin-top: 25px;
}

/* Round image */
.picture-boxes.top-picture-box.round-image .box-image {
  position: relative;
  width: 75%;
  max-width: 360px;
}

.picture-boxes.top-picture-box.round-image .box-image img {
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.picture-boxes.top-picture-box.round-image .columns[class*="col-"][class*="-3"] .box-image { /* 4 columns */
  max-width: 260px;
}

.picture-boxes.top-picture-box.round-image .box-text {
  margin-top: 25px;
}

/* with shadow */
.picture-boxes.top-picture-box.round-image img.img-shadow {
  -webkit-box-shadow: -7px -6px 0 5px rgba(182, 199, 219, 0.7);
  box-shadow: -7px -6px 0 5px rgba(182, 199, 219, 0.7); /* #b6c7db */
  -webkit-transition: box-shadow 0.3s ease;
  -o-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
}

.picture-boxes.top-picture-box.round-image .box-image a:hover img.img-shadow {
  -webkit-box-shadow: -7px -6px 0 5px #b6c7db;
  box-shadow: -7px -6px 0 5px #b6c7db;
}

/* for dark colored background */
.dark-colored-bg .picture-boxes.top-picture-box .box-image img {
  border: 2px solid rgba(255, 255, 255, 0.3);
  -webkit-transition: border-color 0.15s ease;
  -o-transition: border-color 0.15s ease;
  transition: border-color 0.15s ease;
}

.dark-colored-bg .picture-boxes.top-picture-box.round-image .box-image img {
  border-width: 3px;
}

.dark-colored-bg .picture-boxes.top-picture-box .box-image a:hover img {
  border-color: rgba(255, 255, 255, 0.5);
}

.dark-colored-bg .picture-boxes.top-picture-box .box-text .title, .dark-colored-bg .picture-boxes.top-picture-box .box-text .title a {
  color: #fff;
}

.dark-colored-bg .picture-boxes.top-picture-box .box-text .title a:hover {
  color: #d4e7ff;
}

.dark-colored-bg .picture-boxes.top-picture-box .box-text p {
  color: rgba(255, 255, 255, 0.8);
}

/* for secondary color background */
.stripe-secondary-color-bg .picture-boxes.top-picture-box.round-image .box-image a {
  position: relative;
  display: block;
}

.stripe-secondary-color-bg .picture-boxes.top-picture-box.round-image .box-image a::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: inset 0 0 4px 1px rgba(255, 255, 255, 0.7);
  box-shadow: inset 0 0 4px 1px rgba(255, 255, 255, 0.7);
  content: "";
}

/* Box with filled background */
.picture-boxes.top-picture-box.box-filled-bg.picture-image {
  margin: -60px -15px 0;
}

.picture-boxes.top-picture-box.box-filled-bg.picture-icon {
  margin: -20px 5px 0;
}

.picture-boxes.top-picture-box.box-filled-bg.picture-image article {
  margin: 60px 15px 0 !important;
  height: calc(100% - 60px); /* for hyperlinked box */
}

.picture-boxes.top-picture-box.box-filled-bg.picture-icon article {
  margin: 20px -5px 0 !important;
  height: calc(100% - 20px); /* for hyperlinked box */
}

.picture-boxes.top-picture-box.box-filled-bg.picture-image .box-wrapper {
  height: 100%;
  padding: 2px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 3px 0 rgba(33, 53, 77, 0.3);
  box-shadow: 0 1px 3px 0 rgba(33, 53, 77, 0.3); /* #21354d */
  -webkit-transition: box-shadow 0.3s ease;
  -o-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
}

.picture-boxes.top-picture-box.box-filled-bg.picture-icon .box-wrapper {
  height: 100%;
  padding: 30px 0 0;
  background-color: #fff;
  -webkit-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

.no-touch-screen .picture-boxes.top-picture-box.box-filled-bg.picture-image a:hover .box-wrapper {
  -webkit-box-shadow: 0 0 5px #f78534;
  box-shadow: 0 0 5px #f78534;
}

.no-touch-screen .picture-boxes.top-picture-box.box-filled-bg.picture-icon a:hover .box-wrapper {
  background-color: rgba(255, 188, 140, 0.4); /* #ffbc8c */
}

.picture-boxes.top-picture-box.box-filled-bg.picture-icon .box-image {
  max-width: 178px; /* for SVG: 178px = 128px + 25px*2 */
  width: 150px; /* 150px = 100px + 25px*2 */
  padding-left: 25px;
  padding-right: 25px;
}

.picture-boxes.top-picture-box.box-filled-bg .box-text {
  margin-top: 30px;
  padding: 0 25px 30px;
}

.picture-boxes.top-picture-box.box-filled-bg .box-text p {
  font-weight: 300;
}

.picture-boxes.top-picture-box.box-filled-bg .box-text .read-more-link {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  color: #009ccc;
  padding-bottom: 4px;
  border-bottom: 1px solid;
}

.picture-boxes.top-picture-box.box-filled-bg .box-text .read-more-link.text-secondary-color {
  border-bottom-color: #e5660b;
}

/* for white background */
.stripe-white-bg .picture-boxes.top-picture-box.box-filled-bg .box-wrapper, #page-content.sidebar-layout .picture-boxes.top-picture-box.box-filled-bg .box-wrapper {
  background-color: #f7f7f7;
}

/* Box with left picture--------------------------------------------------- */
.picture-boxes.left-picture-box article {
  margin-top: 55px;
}

.picture-boxes.left-picture-box .row:first-child article {
  margin-top: 0;
}

.picture-boxes.left-picture-box > article:first-child {
  margin-top: 0;
}

.picture-boxes.left-picture-box .box-text .sub {
  line-height: 1.5;
  font-weight: 600;
  color: #879ab0;
  margin-top: 5px;
}

/* Medium image */
.picture-boxes.left-picture-box.image-medium .box-image {
  float: left;
  width: 128px;
}

.picture-boxes.left-picture-box.image-medium .box-text {
  margin-left: 158px;
}

/* Large image */
.picture-boxes.left-picture-box.image-large article {
  margin-top: 65px;
}

.picture-boxes.left-picture-box.image-large .box-image {
  float: left;
  width: 170px;
}

.picture-boxes.left-picture-box.image-large .box-text {
  margin-left: 200px;
}

/* Box with filled background */
.picture-boxes.left-picture-box.box-filled-bg.picture-icon {
  margin: -10px 10px 0;
}

.picture-boxes.left-picture-box.box-filled-bg.picture-image {
  margin: -50px -10px 0;
}

.picture-boxes.left-picture-box.box-filled-bg.picture-icon article {
  margin: 10px -10px 0 !important;
  height: calc(100% - 10px); /* for hyperlinked box */
}

.picture-boxes.left-picture-box.box-filled-bg.picture-image article {
  margin: 50px 10px 0 !important;
  height: calc(100% - 50px); /* for hyperlinked box */
}

.picture-boxes.left-picture-box.box-filled-bg.picture-icon .box-wrapper {
  height: 100%;
  padding: 40px 40px 40px 30px;
  background-color: #fff;
  border: 2px solid transparent;
  -webkit-transition: border-color 0.3s ease;
  -o-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
}

.picture-boxes.left-picture-box.box-filled-bg.picture-icon .col-md-4 .box-wrapper { /* 3 columns */
  padding: 40px 35px 40px 25px;
}

.no-touch-screen .picture-boxes.left-picture-box.box-filled-bg.picture-icon a:hover .box-wrapper {
  border-color: #ffbc8c;
}

.picture-boxes.left-picture-box.box-filled-bg.picture-image .box-wrapper {
  position: relative;
  -webkit-box-shadow: 0 0 40px -10px rgba(33, 53, 77, 0.2);
  box-shadow: 0 0 40px -10px rgba(33, 53, 77, 0.2); /* #21354d */
}

.picture-boxes.left-picture-box.box-filled-bg.picture-icon .box-image {
  float: left;
  width: 80px;
}

.picture-boxes.left-picture-box.box-filled-bg.picture-image .box-image {
  padding-left: 20%;
}

.picture-boxes.left-picture-box.box-filled-bg.picture-image a .image-overlay {
  cursor: pointer;
}

.no-touch-screen .picture-boxes.left-picture-box.box-filled-bg.picture-image a:hover .image-overlay {
  opacity: 0.5;
}

.picture-boxes.left-picture-box.box-filled-bg.picture-icon .box-text {
  margin-left: 105px;
}

.picture-boxes.left-picture-box.box-filled-bg.picture-icon .col-md-4 .box-text { /* 3 columns */
  margin-left: 100px;
}

.picture-boxes.left-picture-box.box-filled-bg.picture-icon .box-text .read-more-link {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  color: #009ccc;
  padding-bottom: 4px;
  border-bottom: 1px solid;
}

.picture-boxes.left-picture-box.box-filled-bg.picture-icon .box-text .read-more-link.text-secondary-color {
  border-bottom-color: #e5660b;
}

.picture-boxes.left-picture-box.box-filled-bg.picture-icon .box-text .title + .read-more-link {
  margin-top: 10px;
}

.picture-boxes.left-picture-box.box-filled-bg.picture-image .box-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 45%;
  height: 100%;
  padding: 30px 25px;
  background-color: #fff;
  overflow: hidden;
  z-index: 10;
}

.picture-boxes.left-picture-box.box-filled-bg.picture-image .box-text .subtitle {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  color: #e5660b;
  margin-bottom: 10px;
}

.picture-boxes.left-picture-box.box-filled-bg.picture-image .box-text .read-more-link {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  margin-top: 0;
  padding: 30px 25px 20px;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #fff 30px);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), #fff 30px);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 30px);
  font-size: 16px;
  font-weight: 600;
  color: #009ccc;
}

.picture-boxes.left-picture-box.box-filled-bg.picture-image .box-text .read-more-link::after {
  display: inline-block;
  font-family: Ionicons;
  font-size: 13px;
  line-height: 1;
  color: #009ccc;
  padding-left: 6px;
  vertical-align: -1px;
  content: "\f3d3";
  -webkit-transition: padding 0.2s ease;
  -o-transition: padding 0.2s ease;
  transition: padding 0.2s ease;
}

.picture-boxes.left-picture-box.box-filled-bg .box-text p {
  font-weight: 300;
}

.picture-boxes.left-picture-box.box-filled-bg.picture-image a:hover .box-text .read-more-link::after {
  padding-left: 8px;
}

/* for white background */
.stripe-white-bg .picture-boxes.left-picture-box.box-filled-bg .box-wrapper, #page-content.sidebar-layout .picture-boxes.left-picture-box.box-filled-bg .box-wrapper {
  background-color: #f7f7f7;
}

/* Media queries--------------------------------------------------- */
@media (min-width: 1520px) {
  /* small column space */
  .picture-boxes.small-col-space {
    margin: 0 -10px;
  }

  .picture-boxes.small-col-space article {
    margin-left: 10px;
    margin-right: 10px;
  }

  /* medium column space */
  .picture-boxes.medium-col-space {
    margin: 0 -15px;
  }

  .picture-boxes.medium-col-space article {
    margin-left: 15px;
    margin-right: 15px;
  }

  .picture-boxes.top-picture-box.round-image.image-small .box-image {
    width: 170px !important;
  }

  /* box with filled background - left picture */
  .picture-boxes.left-picture-box.box-filled-bg.picture-image .box-image {
    padding-left: 25%;
  }

  .picture-boxes.left-picture-box.box-filled-bg.picture-image .box-text {
    width: 40%;
  }
}

@media (min-width: 1200px) and (max-width: 1519px) {
  .picture-boxes.small-col-space {
    margin: 0 -7px;
  }

  .picture-boxes.small-col-space article {
    margin-left: 7px;
    margin-right: 7px;
  }

  .picture-boxes.medium-col-space {
    margin: 0 -10px;
  }

  .picture-boxes.medium-col-space article {
    margin-left: 10px;
    margin-right: 10px;
  }

  .picture-boxes.top-picture-box.round-image.image-small .box-image {
    width: 150px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .picture-boxes.small-col-space {
    margin: 0 -3px;
  }

  .picture-boxes.small-col-space article {
    margin-left: 3px;
    margin-right: 3px;
  }

  .picture-boxes.medium-col-space {
    margin: 0 -5px;
  }

  .picture-boxes.medium-col-space article {
    margin-left: 5px;
    margin-right: 5px;
  }

  .picture-boxes.top-picture-box.round-image.image-small .box-image {
    width: 150px !important;
  }

  /* box with filled background - top picture */
  .picture-boxes.top-picture-box.box-filled-bg.picture-image {
    margin: -30px 0 0;
  }

  .picture-boxes.top-picture-box.box-filled-bg.picture-image article {
    margin: 30px 0 0 !important;
    height: calc(100% - 30px);
  }

  /* box with filled background - left picture */
  .picture-boxes.left-picture-box.box-filled-bg.picture-icon .col-md-4 .box-wrapper { /* 3 columns */
    padding: 35px 30px 35px 25px;
  }

  .picture-boxes.left-picture-box.box-filled-bg.picture-icon .col-md-4 .box-text {
    margin-left: 95px;
  }

  .picture-boxes.left-picture-box.box-filled-bg.picture-image {
    margin: -40px -5px 0;
  }

  .picture-boxes.left-picture-box.box-filled-bg.picture-image article {
    margin: 40px 5px 0 !important;
    height: calc(100% - 40px);
  }

  .picture-boxes.left-picture-box.box-filled-bg.picture-image .box-image {
    padding-left: 25%;
  }

  .picture-boxes.left-picture-box.box-filled-bg.picture-image .box-text {
    width: 50%;
    padding: 25px 20px;
  }

  .picture-boxes.left-picture-box.box-filled-bg.picture-image article h5 {
    font-size: 18px;
  }

  .picture-boxes.left-picture-box.box-filled-bg.picture-image .box-text .subtitle {
    font-size: 15px;
    margin-bottom: 5px;
  }

  .picture-boxes.left-picture-box.box-filled-bg.picture-image .box-text p {
    font-size: 15px;
  }

  .picture-boxes.left-picture-box.box-filled-bg.picture-image .box-text .read-more-link {
    padding: 30px 20px 15px;
    font-size: 15px;
  }
}

@media (min-width: 768px) {
  /* box with filled background */
  .picture-boxes.top-picture-box.box-filled-bg .row, .picture-boxes.left-picture-box.box-filled-bg .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media (min-width: 992px) {
  .picture-boxes.long-description .box-text p {
    font-size: 16px;
  }

  /* box with filled background */
  .picture-boxes.top-picture-box.box-filled-bg .col-md-4, .picture-boxes.left-picture-box.box-filled-bg .col-md-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.25%; /* 33.25% instead of 33.333333% for iOS fix */
    -ms-flex: 0 0 33.25%;
    flex: 0 0 33.25%;
    max-width: 33.25%;
  }

  .picture-boxes.left-picture-box.box-filled-bg .col-md-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 49.9%; /* 49.9% instead of 50% for iOS fix */
    -ms-flex: 0 0 49.9%;
    flex: 0 0 49.9%;
    max-width: 49.9%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .picture-boxes.top-picture-box.round-image.image-small .box-image {
    width: 120px !important;
  }

  /* for long description in .box-text - 3 or 4 columns >>1 column */
  .picture-boxes.top-picture-box .col-sm-12.col-md-3 article, .picture-boxes.top-picture-box .col-sm-12.col-md-4 article {
    margin-top: 50px !important;
    text-align: left;
  }

  .picture-boxes.top-picture-box .row:first-child .col-sm-12.col-md-3:first-child article, .picture-boxes.top-picture-box .row:first-child .col-sm-12.col-md-4:first-child article {
    margin-top: 0 !important;
  }

  .picture-boxes.top-picture-box .col-sm-12.col-md-3 .box-image, .picture-boxes.top-picture-box .col-sm-12.col-md-4 .box-image {
    display: table-cell;
    width: 250px !important;
  }

  .picture-boxes.top-picture-box.round-image .col-sm-12.col-md-3 .box-image, .picture-boxes.top-picture-box.round-image .col-sm-12.col-md-4 .box-image {
    width: 150px !important;
  }

  .picture-boxes.top-picture-box.round-image .col-sm-12.col-md-3 .box-image .image-overlay, .picture-boxes.top-picture-box.round-image .col-sm-12.col-md-4 .box-image .image-overlay {
    height: 150px;
  }

  .picture-boxes.top-picture-box .col-sm-12.col-md-3 .box-text, .picture-boxes.top-picture-box .col-sm-12.col-md-4 .box-text {
    display: table-cell;
    vertical-align: middle;
    margin-top: 0;
    padding-left: 30px;
    padding-bottom: 15px;
  }

  /* for short description in .box-text - 4 columns >>2 columns */
  .picture-boxes.top-picture-box .col-sm-6.col-md-3 article {
    margin-top: 50px !important;
  }

  .picture-boxes.top-picture-box.round-image .col-sm-6.col-md-3 article {
    text-align: left;
  }

  .picture-boxes.top-picture-box .row:first-child .col-sm-6.col-md-3:nth-child(1) article, .picture-boxes.top-picture-box .row:first-child .col-sm-6.col-md-3:nth-child(2) article {
    margin-top: 0 !important;
  }

  .picture-boxes.top-picture-box.round-image .col-sm-6.col-md-3 .box-image {
    float: left;
    width: 150px !important;
  }

  .picture-boxes.top-picture-box.round-image .col-sm-6.col-md-3 .box-text {
    margin: 0 0 0 175px;
    padding-top: 25px;
  }

  /* 2 columns >>1 column */
  .picture-boxes.left-picture-box .col-sm-12.col-md-6 article {
    margin-top: 50px;
  }

  .picture-boxes.left-picture-box.image-large .col-sm-12.col-md-6 article {
    margin-top: 60px;
  }

  .picture-boxes.left-picture-box .row:first-child .col-sm-12.col-md-6:first-child article {
    margin-top: 0;
  }

  /* box with filled background - top picture */
  .picture-boxes.top-picture-box.box-filled-bg.picture-image {
    margin: -40px -5px 0;
  }

  .picture-boxes.top-picture-box.box-filled-bg .col-sm-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 49.9%; /* 49.9% instead of 50% for iOS fix */
    -ms-flex: 0 0 49.9%;
    flex: 0 0 49.9%;
    max-width: 49.9%;
  }

  .picture-boxes.top-picture-box.box-filled-bg.picture-image article {
    margin: 40px 5px 0 !important;
    height: calc(100% - 40px);
  }

  /* box with filled background - left picture */
  .picture-boxes.left-picture-box.box-filled-bg.picture-image .box-image {
    padding-left: 30%;
  }

  .picture-boxes.left-picture-box.box-filled-bg.picture-image .box-text {
    width: 40%;
  }
}

@media (max-width: 767px) {
  .picture-boxes article, .picture-boxes .row:first-child article {
    margin-top: 45px;
  }

  .picture-boxes.left-picture-box article, .picture-boxes.left-picture-box .row:first-child article {
    margin-top: 45px;
  }

  .picture-boxes.left-picture-box.image-large article, .picture-boxes.left-picture-box.image-large .row:first-child article {
    margin-top: 65px;
  }

  .picture-boxes .row:first-child .columns:first-child article {
    margin-top: 0;
  }

  .picture-boxes.top-picture-box:not(.owl-carousel):not(.round-image) article {
    max-width: 540px; /* the width is limited to 540px */
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  .picture-boxes.top-picture-box.round-image.image-small .box-image {
    width: 140px !important;
  }

  .picture-boxes.top-picture-box:not(.owl-carousel):not(.round-image) .columns {
    padding-left: 15%;
    padding-right: 15%;
  }

  .picture-boxes.top-picture-box:not(.owl-carousel).round-image article {
    text-align: left;
  }

  .picture-boxes.top-picture-box:not(.owl-carousel).round-image .box-image {
    display: table-cell;
    width: 150px !important;
  }

  .picture-boxes.top-picture-box:not(.owl-carousel).round-image .box-image .image-overlay {
    height: 150px;
  }

  .picture-boxes.top-picture-box:not(.owl-carousel).round-image .box-text {
    display: table-cell;
    vertical-align: middle;
    padding-left: 30px;
    padding-bottom: 15px;
  }
}

@media (max-width: 479px) {
  .picture-boxes.top-picture-box.round-image.image-small .box-image {
    width: 170px !important;
  }

  .picture-boxes.left-picture-box article {
    text-align: center;
  }

  .picture-boxes.left-picture-box.image-medium .box-image, .picture-boxes.left-picture-box.image-large .box-image, .picture-boxes.left-picture-box.box-filled-bg.picture-icon .box-image {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }

  .picture-boxes.left-picture-box.image-medium .box-text {
    margin: 30px 0 0;
  }

  .picture-boxes.left-picture-box.image-large .box-text {
    margin: 20px 0 0;
  }

  /* box with filled background - left picture */
  .picture-boxes.left-picture-box.box-filled-bg.picture-icon .box-text, .picture-boxes.left-picture-box.box-filled-bg.picture-icon .col-md-4 .box-text {
    margin: 20px 0 0;
  }

  .picture-boxes.left-picture-box.box-filled-bg.picture-image article {
    text-align: left;
  }

  .picture-boxes.left-picture-box.box-filled-bg.picture-image .box-text {
    width: 50%;
    padding: 20px 15px;
  }

  .picture-boxes.left-picture-box.box-filled-bg.picture-image article h5 {
    font-size: 17px;
  }

  .picture-boxes.left-picture-box.box-filled-bg.picture-image .box-text .subtitle {
    font-size: 14px;
    margin-bottom: 5px;
  }

  .picture-boxes.left-picture-box.box-filled-bg.picture-image .box-text p {
    font-size: 14px;
  }

  .picture-boxes.left-picture-box.box-filled-bg.picture-image .box-text .read-more-link {
    padding: 30px 15px 10px;
    font-size: 14px;
  }
}

/*-----------------------------------------------------------------------------------*//*	7. Icon Boxes/*-----------------------------------------------------------------------------------*/
.icon-boxes article {
  position: relative;
  margin-top: 45px;
}

.icon-boxes .row:first-child article {
  margin-top: 0;
}

.icon-boxes article h4 {
  line-height: 1.4;
  margin-bottom: 0;
}

.icon-boxes article h5 {
  margin-bottom: 0;
}

.icon-boxes article h6 {
  margin-bottom: 0;
}

.icon-boxes .box-text .title a {
  padding: 5px 0;
}

.icon-boxes .box-text p {
  font-size: 16px;
  margin: 10px 0 0;
}

.icon-boxes .box-text h6 + p {
  margin-top: 7px;
}

.icon-boxes.short-description .box-text p {
  margin-top: 5px;
}

.icon-boxes .box-text .read-more-link {
  margin-top: 12px;
}

.icon-boxes .box-text .button {
  margin-top: 20px;
}

/* for dark colored background */
.dark-colored-bg .icon-boxes .box-text .title, .dark-colored-bg .icon-boxes .box-text .title a {
  color: #fff;
}

.dark-colored-bg .icon-boxes .box-text .title a:hover {
  color: #d4e7ff;
}

.dark-colored-bg .icon-boxes .box-text p {
  color: rgba(255, 255, 255, 0.8);
}

.ion-fw { /* fixed width for Ionicons */
  width: 1.2em;
  text-align: center;
}

/* Box with top icon--------------------------------------------------- */
.icon-boxes.top-icon-box article {
  text-align: center;
}

.icon-boxes.top-icon-box .box-text {
  margin-top: 20px;
}

/* Large icon on round background */
.icon-boxes.top-icon-box.icon-large-round-bg .box-icon {
  position: relative;
  width: 140px;
  height: 140px;
  margin-left: auto;
  margin-right: auto;
  background-color: #f78534;
  border: 15px solid #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.icon-boxes.top-icon-box.icon-large-round-bg .box-icon::before {
  position: absolute;
  display: block;
  top: -15px;
  bottom: -15px;
  left: -15px;
  right: -15px;
  border: 15px solid rgba(255, 188, 140, 0.5); /* #ffbc8c */
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  content: "";
}

.icon-boxes.top-icon-box.icon-large-round-bg .box-icon.secondary-color-bg, .icon-boxes.top-icon-box.icon-medium-round-bg .box-icon.secondary-color-bg {
  background-color: #f78534;
}

.icon-boxes.top-icon-box.icon-large-round-bg .box-icon.secondary-color-bg::before, .icon-boxes.top-icon-box.icon-medium-round-bg .box-icon.secondary-color-bg::before {
  border-color: rgba(255, 188, 140, 0.5); /* #ffbc8c */
}

.icon-boxes.top-icon-box.icon-large-round-bg .box-icon.primary-color-bg, .icon-boxes.top-icon-box.icon-medium-round-bg .box-icon.primary-color-bg {
  background-color: #879ab0;
}

.icon-boxes.top-icon-box.icon-large-round-bg .box-icon.primary-color-bg::before, .icon-boxes.top-icon-box.icon-medium-round-bg .box-icon.primary-color-bg::before {
  border-color: rgba(182, 199, 219, 0.5); /* #b6c7db; */
}

.icon-boxes.top-icon-box.icon-large-round-bg .box-icon a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.icon-boxes.top-icon-box.icon-large-round-bg .box-icon:hover::before {
  opacity: 0.8;
}

.icon-boxes.top-icon-box.icon-large-round-bg .box-icon i, .icon-boxes.top-icon-box.icon-medium-round-bg .box-icon i {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  line-height: 1;
  color: #fff;
}

.icon-boxes.top-icon-box.icon-large-round-bg .box-icon .fa { /* vector icons - Font Awesome */
  font-size: 56px;
  margin-top: -28px;
  margin-left: -36px; /* 72px - fixed width (.fa-fw) */
}

.icon-boxes.top-icon-box.icon-large-round-bg .box-icon .ion { /* vector icons - Ionicons */
  font-size: 70px;
  margin-top: -35px;
  margin-left: -42px; /* 84px - fixed width (.ion-fw) */
}

/* Medium icon on round background */
.icon-boxes.top-icon-box.icon-medium-round-bg .box-icon {
  position: relative;
  width: 100px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  background-color: #879ab0;
  border: 10px solid #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.icon-boxes.top-icon-box.icon-medium-round-bg .box-icon::before {
  position: absolute;
  display: block;
  top: -10px;
  bottom: -10px;
  left: -10px;
  right: -10px;
  border: 10px solid rgba(182, 199, 219, 0.5); /* #b6c7db; */
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  content: "";
}

.icon-boxes.top-icon-box.icon-medium-round-bg .box-icon a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.icon-boxes.top-icon-box.icon-medium-round-bg .box-icon:hover::before {
  opacity: 0.8;
}

.icon-boxes.top-icon-box.icon-medium-round-bg .box-icon .fa { /* vector icons - Font Awesome */
  font-size: 42px;
  margin-top: -21px;
  margin-left: -27px; /* 54px - fixed width (.fa-fw) */
}

.icon-boxes.top-icon-box.icon-medium-round-bg .box-icon .ion { /* vector icons - Ionicons */
  font-size: 52px;
  margin-top: -26px;
  margin-left: -31px; /* 62px - fixed width (.ion-fw) */
}

/* Number at the left top of circle background */
.icon-boxes.top-icon-box.icon-large-round-bg.number-icon-box .box-icon .digit, .icon-boxes.top-icon-box.icon-medium-round-bg.number-icon-box .box-icon .digit {
  position: relative;
  display: block;
  top: -10px;
  left: -10px;
  width: 38px;
  height: 38px;
  font: 18px/32px Verdana, Geneva, sans-serif;
  color: #fff;
  border: 3px solid #f5f5f5;
  text-align: center;
  background-color: #879ab0;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.icon-boxes.top-icon-box.icon-medium-round-bg.number-icon-box .box-icon .digit {
  width: 32px;
  height: 32px;
  font-size: 17px;
  line-height: 28px;
  border-width: 2px;
}

.icon-boxes.top-icon-box.icon-large-round-bg.number-icon-box .box-icon.primary-color-bg .digit, .icon-boxes.top-icon-box.icon-medium-round-bg.number-icon-box .box-icon.primary-color-bg .digit {
  background-color: rgba(247, 133, 52, 0.8); /* #f78534 */
}

/* Large icon without background */
.icon-boxes.top-icon-box.icon-large .box-icon {
  position: relative;
  height: 90px;
}

.icon-boxes.top-icon-box.icon-large .box-icon i, .icon-boxes.top-icon-box.icon-small .box-icon i, .icon-boxes.top-icon-box.box-filled-bg .box-icon i {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  line-height: 1;
}

.icon-boxes.top-icon-box.icon-large .box-icon .fa { /* vector icons - Font Awesome */
  font-size: 76px;
  margin-top: -38px;
  margin-left: -49px; /* 98px - fixed width (.fa-fw) */
}

.icon-boxes.top-icon-box.icon-large .box-icon .ion { /* vector icons - Ionicons */
  font-size: 90px;
  margin-top: -45px;
  margin-left: -54px; /* 108px - fixed width (.ion-fw) */
}

.icon-boxes.top-icon-box.icon-large .box-icon.primary-color i, .icon-boxes.top-icon-box.icon-small .box-icon.primary-color i, .icon-boxes.top-icon-box.box-filled-bg .box-icon.primary-color i {
  color: #1f5494;
}

.icon-boxes.top-icon-box.icon-large .box-icon.primary-color-dark i, .icon-boxes.top-icon-box.icon-small .box-icon.primary-color-dark i, .icon-boxes.top-icon-box.box-filled-bg .box-icon.primary-color-dark i {
  color: #184173;
}

.icon-boxes.top-icon-box.icon-large .box-icon.primary-color-light i, .icon-boxes.top-icon-box.icon-small .box-icon.primary-color-light i, .icon-boxes.top-icon-box.box-filled-bg .box-icon.primary-color-light i {
  color: #879ab0;
}

.icon-boxes.top-icon-box.icon-large .box-icon.secondary-color i, .icon-boxes.top-icon-box.icon-small .box-icon.secondary-color i, .icon-boxes.top-icon-box.box-filled-bg .box-icon.secondary-color i {
  color: #f78534;
}

.icon-boxes.top-icon-box.icon-large .box-text, .icon-boxes.top-icon-box.icon-small .box-text {
  margin-top: 15px;
}

/* Small icon without background */
.icon-boxes.top-icon-box.icon-small .box-icon {
  position: relative;
  height: 42px;
}

.icon-boxes.top-icon-box.icon-small .box-icon .fa { /* vector icons - Font Awesome */
  font-size: 36px;
  margin-top: -18px;
  margin-left: -23px; /* 46px - fixed width (.fa-fw) */
}

.icon-boxes.top-icon-box.icon-small .box-icon .ion { /* vector icons - Ionicons */
  font-size: 42px;
  margin-top: -21px;
  margin-left: -25px; /* 50px - fixed width (.ion-fw) */
}

/* Box with filled background */
.icon-boxes.top-icon-box.box-filled-bg {
  margin: -10px 10px 0;
}

.icon-boxes.top-icon-box.box-filled-bg article {
  margin: 10px -10px 0 !important;
  height: calc(100% - 10px); /* for hyperlinked box */
}

.icon-boxes.top-icon-box.box-filled-bg .box-wrapper {
  height: 100%;
  padding: 25px 30px 35px;
  background-color: #fff;
  border: 2px solid transparent;
  -webkit-transition: border-color 0.3s ease;
  -o-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
}

.icon-boxes.top-icon-box.box-filled-bg .col-md-4 .box-wrapper { /* 3 columns */
  padding: 40px 35px 40px 25px;
}

.no-touch-screen .icon-boxes.top-icon-box.box-filled-bg a:hover .box-wrapper {
  border-color: #ffbc8c;
}

.icon-boxes.top-icon-box.box-filled-bg .box-icon {
  position: relative;
  height: 58px;
}

.icon-boxes.top-icon-box.box-filled-bg .box-icon .fa { /* vector icons - Font Awesome */
  font-size: 48px;
  margin-top: -24px;
  margin-left: -31px; /* 62px - fixed width (.fa-fw) */
}

.icon-boxes.top-icon-box.box-filled-bg .box-icon .ion { /* vector icons - Ionicons */
  font-size: 58px;
  margin-top: -29px;
  margin-left: -35px; /* 70px - fixed width (.ion-fw) */
}

.icon-boxes.top-icon-box.box-filled-bg .box-text {
  margin-top: 15px;
}

.icon-boxes.top-icon-box.box-filled-bg .box-text p {
  font-weight: 300;
}

/* for white background */
.stripe-white-bg .icon-boxes.top-icon-box.box-filled-bg .box-wrapper, #page-content.sidebar-layout .icon-boxes.top-icon-box.box-filled-bg .box-wrapper {
  background-color: #f7f7f7;
}

/* Box with left icon--------------------------------------------------- */
.icon-boxes.left-icon-box article {
  margin-top: 40px;
}

.icon-boxes.left-icon-box .row:first-child article {
  margin-top: 0;
}

.icon-boxes.left-icon-box > article:first-child {
  margin-top: 0;
}

/* Small icon on round background */
.icon-boxes.left-icon-box.icon-small-round-bg .box-icon {
  position: relative;
  float: left;
  width: 70px;
  height: 70px;
  background-color: #f78534;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-top: 3px;
}

.icon-boxes.left-icon-box.icon-small-round-bg .box-icon.secondary-color-bg {
  background-color: #f78534;
}

.icon-boxes.left-icon-box.icon-small-round-bg .box-icon.primary-color-bg {
  background-color: #879ab0;
}

.icon-boxes.left-icon-box.icon-small-round-bg .box-icon i {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  line-height: 1;
  color: #fff;
}

.icon-boxes.left-icon-box.icon-small-round-bg .box-icon .fa { /* vector icons - Font Awesome */
  font-size: 34px;
  margin-top: -17px;
  margin-left: -22px; /* 44px - fixed width (.fa-fw) */
}

.icon-boxes.left-icon-box.icon-small-round-bg .box-icon .ion { /* vector icons - Ionicons */
  font-size: 38px;
  margin-top: -19px;
  margin-left: -23px; /* 46px - fixed width (.ion-fw) */
}

.icon-boxes.left-icon-box.icon-small-round-bg .box-text {
  margin-left: 100px;
}

/* Large icon without background */
.icon-boxes.left-icon-box.icon-large .box-icon {
  position: relative;
  float: left;
  width: 108px;
  height: 90px;
}

.icon-boxes.left-icon-box.icon-large .box-icon i, .icon-boxes.left-icon-box.icon-medium .box-icon i, .icon-boxes.left-icon-box.icon-heading .box-icon i {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  line-height: 1;
}

.icon-boxes.left-icon-box.icon-large .box-icon .fa { /* vector icons - Font Awesome */
  font-size: 76px;
  margin-top: -38px;
  margin-left: -49px; /* 98px - fixed width (.fa-fw) */
}

.icon-boxes.left-icon-box.icon-large .box-icon .ion { /* vector icons - Ionicons */
  font-size: 90px;
  margin-top: -45px;
  margin-left: -54px; /* 108px - fixed width (.ion-fw) */
}

.icon-boxes.left-icon-box.icon-large .box-icon.primary-color i, .icon-boxes.left-icon-box.icon-medium .box-icon.primary-color i, .icon-boxes.left-icon-box.icon-heading .box-icon.primary-color i {
  color: #1f5494;
}

.icon-boxes.left-icon-box.icon-large .box-icon.primary-color-dark i, .icon-boxes.left-icon-box.icon-medium .box-icon.primary-color-dark i, .icon-boxes.left-icon-box.icon-heading .box-icon.primary-color-dark i {
  color: #184173;
}

.icon-boxes.left-icon-box.icon-large .box-icon.primary-color-light i, .icon-boxes.left-icon-box.icon-medium .box-icon.primary-color-light i, .icon-boxes.left-icon-box.icon-heading .box-icon.primary-color-light i {
  color: #879ab0;
}

.icon-boxes.left-icon-box.icon-large .box-icon.secondary-color i, .icon-boxes.left-icon-box.icon-medium .box-icon.secondary-color i, .icon-boxes.left-icon-box.icon-heading .box-icon.secondary-color i {
  color: #f78534;
}

.icon-boxes.left-icon-box.icon-large .box-text {
  margin-left: 123px;
}

/* Medium icon without background */
.icon-boxes.left-icon-box.icon-medium article {
  margin-top: 30px;
}

.icon-boxes.left-icon-box.icon-medium > article:first-child {
  margin-top: 0;
}

.icon-boxes.left-icon-box.icon-medium .box-icon {
  position: relative;
  float: left;
  width: 62px;
  height: 52px;
}

.icon-boxes.left-icon-box.icon-medium .box-icon .fa, /* vector icons - Font Awesome */
.icon-boxes.left-icon-box.icon-heading .box-icon .fa {
  font-size: 42px;
  margin-top: -21px;
  margin-left: -27px; /* 54px - fixed width (.fa-fw) */
}

.icon-boxes.left-icon-box.icon-medium .box-icon .ion, /* vector icons - Ionicons */
.icon-boxes.left-icon-box.icon-heading .box-icon .ion {
  font-size: 52px;
  margin-top: -26px;
  margin-left: -31px; /* 62px - fixed width (.ion-fw) */
}

.icon-boxes.left-icon-box.icon-medium .box-text {
  margin-left: 77px;
}

/* Icon in box heading */
.icon-boxes.left-icon-box.icon-heading article header {
  position: relative;
  height: 52px;
}

.icon-boxes.left-icon-box.icon-heading .box-icon {
  position: relative;
  left: -7px;
  width: 62px;
  height: 52px;
}

.icon-boxes.left-icon-box.icon-heading .box-heading {
  position: absolute;
  top: 50%;
  left: 65px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.icon-boxes.left-icon-box.icon-heading article p {
  margin: 20px 0 0;
}

.icon-boxes.left-icon-box.icon-heading article header + p {
  margin-top: 15px;
}

/* Media queries--------------------------------------------------- */
@media (min-width: 1520px) {
  /* small column space */
  .icon-boxes.small-col-space {
    margin: 0 -10px;
  }

  .icon-boxes.small-col-space article {
    margin-left: 10px;
    margin-right: 10px;
  }

  /* medium column space */
  .icon-boxes.medium-col-space {
    margin: 0 -15px;
  }

  .icon-boxes.medium-col-space article {
    margin-left: 15px;
    margin-right: 15px;
  }
}

@media (min-width: 1200px) and (max-width: 1519px) {
  .icon-boxes.small-col-space {
    margin: 0 -7px;
  }

  .icon-boxes.small-col-space article {
    margin-left: 7px;
    margin-right: 7px;
  }

  .icon-boxes.medium-col-space {
    margin: 0 -10px;
  }

  .icon-boxes.medium-col-space article {
    margin-left: 10px;
    margin-right: 10px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .icon-boxes.small-col-space {
    margin: 0 -3px;
  }

  .icon-boxes.small-col-space article {
    margin-left: 3px;
    margin-right: 3px;
  }

  .icon-boxes.medium-col-space {
    margin: 0 -5px;
  }

  .icon-boxes.medium-col-space article {
    margin-left: 5px;
    margin-right: 5px;
  }
}

@media (max-width: 991px) {
  .icon-boxes.top-icon-box.icon-large-round-bg .box-icon {
    width: 110px;
    height: 110px;
    border-width: 10px;
  }

  .icon-boxes.top-icon-box.icon-large-round-bg .box-icon::before {
    top: -10px;
    bottom: -10px;
    left: -10px;
    right: -10px;
    border-width: 10px;
  }

  .icon-boxes.top-icon-box.icon-large-round-bg .box-icon .fa { /* vector icons - Font Awesome */
    font-size: 42px;
    margin-top: -21px;
    margin-left: -27px; /* 54px - fixed width (.fa-fw) */
  }

  .icon-boxes.top-icon-box.icon-large-round-bg .box-icon .ion { /* vector icons - Ionicons */
    font-size: 52px;
    margin-top: -26px;
    margin-left: -31px; /* 62px - fixed width (.ion-fw) */
  }

  .icon-boxes.top-icon-box .box-text {
    margin-top: 15px;
  }

  .icon-boxes.top-icon-box.icon-large-round-bg.number-icon-box .box-icon .digit {
    width: 34px;
    height: 34px;
    font-size: 17px;
    line-height: 30px;
    border-width: 2px;
  }
}

@media (min-width: 768px) {
  /* box with filled background */
  .icon-boxes.top-icon-box.box-filled-bg .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .icon-boxes.top-icon-box.box-filled-bg .col-sm-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.25%; /* 33.25% instead of 33.333333% for iOS fix */
    -ms-flex: 0 0 33.25%;
    flex: 0 0 33.25%;
    max-width: 33.25%;
  }

  .icon-boxes.top-icon-box.box-filled-bg .col-sm-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 49.9%; /* 49.9% instead of 50% for iOS fix */
    -ms-flex: 0 0 49.9%;
    flex: 0 0 49.9%;
    max-width: 49.9%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* 3 or 4 columns >>1 column */
  .icon-boxes.top-icon-box:not(.box-filled-bg) .col-sm-12.col-md-3 article, .icon-boxes.top-icon-box:not(.box-filled-bg) .col-sm-12.col-md-4 article, .icon-boxes.top-icon-box:not(.box-filled-bg) .row:first-child .col-sm-12.col-md-3 article, .icon-boxes.top-icon-box:not(.box-filled-bg) .row:first-child .col-sm-12.col-md-4 article {
    margin-top: 35px;
    text-align: left;
  }

  .icon-boxes.top-icon-box:not(.box-filled-bg) .row:first-child .col-sm-12.col-md-3:first-child article, .icon-boxes.top-icon-box:not(.box-filled-bg) .row:first-child .col-sm-12.col-md-4:first-child article {
    margin-top: 0;
  }

  .icon-boxes.top-icon-box:not(.box-filled-bg) .col-sm-12.col-md-3 .box-icon, .icon-boxes.top-icon-box:not(.box-filled-bg) .col-sm-12.col-md-4 .box-icon {
    float: left;
    margin: 0;
  }

  .icon-boxes.top-icon-box:not(.box-filled-bg).icon-large .col-sm-12.col-md-3 .box-icon, .icon-boxes.top-icon-box:not(.box-filled-bg).icon-large .col-sm-12.col-md-4 .box-icon {
    width: 108px;
  }

  .icon-boxes.top-icon-box:not(.box-filled-bg).icon-small .col-sm-12.col-md-3 .box-icon, .icon-boxes.top-icon-box:not(.box-filled-bg).icon-small .col-sm-12.col-md-4 .box-icon {
    width: 50px;
  }

  .icon-boxes.top-icon-box:not(.box-filled-bg).icon-large-round-bg .col-sm-12.col-md-3 .box-text, .icon-boxes.top-icon-box:not(.box-filled-bg).icon-large-round-bg .col-sm-12.col-md-4 .box-text {
    margin: 5px 0 0 135px;
  }

  .icon-boxes.top-icon-box:not(.box-filled-bg).icon-medium-round-bg .col-sm-12.col-md-3 .box-text, .icon-boxes.top-icon-box:not(.box-filled-bg).icon-medium-round-bg .col-sm-12.col-md-4 .box-text {
    margin: 5px 0 0 125px;
  }

  .icon-boxes.top-icon-box:not(.box-filled-bg).icon-large .col-sm-12.col-md-3 .box-text, .icon-boxes.top-icon-box:not(.box-filled-bg).icon-large .col-sm-12.col-md-4 .box-text {
    margin: 5px 0 0 123px;
  }

  .icon-boxes.top-icon-box:not(.box-filled-bg).icon-small .col-sm-12.col-md-3 .box-text, .icon-boxes.top-icon-box:not(.box-filled-bg).icon-small .col-sm-12.col-md-4 .box-text {
    margin: 0 0 0 65px;
  }

  /* Large icon without background - 4 columns */
  .icon-boxes.top-icon-box.icon-large .col-sm-3 .box-icon {
    height: 70px;
  }

  .icon-boxes.top-icon-box.icon-large .col-sm-3 .box-icon .fa { /* vector icons - Font Awesome */
    font-size: 56px;
    margin-top: -28px;
    margin-left: -36px; /* 72px - fixed width (.fa-fw) */
  }

  .icon-boxes.top-icon-box.icon-large .col-sm-3 .box-icon .ion { /* vector icons - Ionicons */
    font-size: 70px;
    margin-top: -35px;
    margin-left: -42px; /* 84px - fixed width (.ion-fw) */
  }

  /* 2 columns >>1 column */
  .icon-boxes.left-icon-box .col-sm-12.col-md-6 article {
    margin-top: 35px !important;
  }

  .icon-boxes.left-icon-box.icon-medium .col-sm-12.col-md-6 article {
    margin-top: 30px !important;
  }

  .icon-boxes.left-icon-box .row:first-child .col-sm-12.col-md-6:first-child article {
    margin-top: 0 !important;
  }

  /* box with filled background */
  .icon-boxes.top-icon-box.box-filled-bg .box-wrapper {
    padding: 25px 25px 35px;
  }
}

@media (max-width: 767px) {
  .icon-boxes article, .icon-boxes.left-icon-box article, .icon-boxes .row:first-child article, .icon-boxes.left-icon-box .row:first-child article {
    margin-top: 35px;
  }

  .icon-boxes.left-icon-box.icon-medium article, .icon-boxes.left-icon-box.icon-medium .row:first-child article {
    margin-top: 30px;
  }

  .icon-boxes .row:first-child .columns:first-child article, .icon-boxes.left-icon-box.icon-medium .row:first-child .columns:first-child article {
    margin-top: 0;
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  .icon-boxes.top-icon-box:not(.box-filled-bg):not(.owl-carousel) article {
    text-align: left;
  }

  .icon-boxes.top-icon-box:not(.box-filled-bg):not(.owl-carousel) .box-icon {
    float: left;
    margin: 0;
  }

  .icon-boxes.top-icon-box:not(.box-filled-bg):not(.owl-carousel).icon-large .box-icon {
    width: 108px;
  }

  .icon-boxes.top-icon-box:not(.box-filled-bg):not(.owl-carousel).icon-small .box-icon {
    width: 50px;
  }

  .icon-boxes.top-icon-box:not(.box-filled-bg):not(.owl-carousel).icon-large-round-bg .box-text {
    margin: 5px 0 0 135px;
  }

  .icon-boxes.top-icon-box:not(.box-filled-bg):not(.owl-carousel).icon-medium-round-bg .box-text {
    margin: 5px 0 0 125px;
  }

  .icon-boxes.top-icon-box:not(.box-filled-bg):not(.owl-carousel).icon-large .box-text {
    margin: 5px 0 0 123px;
  }

  .icon-boxes.top-icon-box:not(.box-filled-bg):not(.owl-carousel).icon-small .box-text {
    margin: 0 0 0 65px;
  }
}

@media (max-width: 479px) {
  .icon-boxes.left-icon-box.icon-small-round-bg article, .icon-boxes.left-icon-box.icon-large article, .icon-boxes.left-icon-box.icon-medium article {
    text-align: center;
  }

  .icon-boxes.left-icon-box.icon-small-round-bg .box-icon, .icon-boxes.left-icon-box.icon-large .box-icon, .icon-boxes.left-icon-box.icon-medium .box-icon {
    float: none;
    margin: 0 auto;
  }

  .icon-boxes.left-icon-box.icon-small-round-bg .box-text, .icon-boxes.left-icon-box.icon-large .box-text, .icon-boxes.left-icon-box.icon-medium .box-text {
    margin: 15px 0 0;
  }

  .icon-boxes.left-icon-box.icon-small-round-bg .box-text h4 + p, .icon-boxes.left-icon-box.icon-small-round-bg .box-text h5 + p {
    margin-top: 15px;
  }
}

/*-----------------------------------------------------------------------------------*//*	8. Stages/*-----------------------------------------------------------------------------------*/
.stages article {
  position: relative;
  margin-top: 50px;
}

.stages > article:first-child {
  margin-top: 0;
}

.stages article::before {
  position: absolute;
  display: block;
  top: 88px; /* 88px = 80px (height) + 8px (border width) */
  bottom: -42px; /* 42px = 50px (margin) - 8px (border width) */
  left: 39px;
  width: 2px;
  background-color: rgba(255, 188, 140, 0.5); /* #ffbc8c */
  content: "";
}

.stages.stage-digit article::before {
  top: 68px;
  left: 29px;
}

.stages article:last-child::before {
  display: none;
}

.stages article h4 {
  line-height: 1.4;
  margin-bottom: 0;
}

.stages article h5 {
  margin-bottom: 0;
}

.stages article h6 {
  margin-bottom: 0;
}

.stages .box-text p {
  margin: 10px 0 0;
}

.stages .box-text h6 + p {
  margin-top: 7px;
}

.stages.short-description .box-text p {
  margin-top: 5px;
}

.stages .box-icon {
  position: relative;
  float: left;
  width: 80px;
  height: 80px;
  background-color: #879ab0;
  border: 8px solid #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.stages .box-icon::before {
  position: absolute;
  display: block;
  top: -8px;
  bottom: -8px;
  left: -8px;
  right: -8px;
  border: 8px solid rgba(182, 199, 219, 0.5); /* #b6c7db; */
  -webkit-border-radius: 50%;
  border-radius: 50%;
  content: "";
}

.stages.stage-digit .box-icon {
  width: 60px;
  height: 60px;
}

.stages .box-icon.primary-color-bg {
  background-color: #879ab0;
}

.stages .box-icon.primary-color-bg::before {
  border-color: rgba(182, 199, 219, 0.5); /* #b6c7db; */
}

.stages .box-icon.secondary-color-bg {
  background-color: #f78534;
}

.stages .box-icon.secondary-color-bg::before {
  border-color: rgba(255, 188, 140, 0.5); /* #ffbc8c */
}

.stages .box-icon i {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  line-height: 1;
  color: #fff;
}

.stages.stage-year .box-icon .number, /* year - XXXX */
.stages.stage-digit .box-icon .number { /* digit - X */
  top: 0;
  left: 0;
  width: 100%;
  font: 19px/64px Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: bold;
  letter-spacing: 1px;
  text-align: center;
}

.stages.stage-digit .box-icon .number {
  font-size: 20px;
  line-height: 44px;
  font-weight: bold;
}

.stages .box-icon .fa { /* vector icons - Font Awesome */
  font-size: 28px;
  margin-top: -14px;
  margin-left: -18px; /* 36px - fixed width (.fa-fw) */
}

.stages .box-icon .ion { /* vector icons - Ionicons */
  font-size: 32px;
  margin-top: -16px;
  margin-left: -19px; /* 38px - fixed width (.ion-fw) */
}

.stages .box-text {
  margin-left: 115px;
}

.stages.stage-digit .box-text {
  margin-left: 90px;
}

/* Media queries--------------------------------------------------- */
@media (min-width: 480px) and (max-width: 767px) {
  .stages article {
    margin-top: 45px;
  }

  .stages article::before {
    bottom: -37px; /* 37px = 45px (margin) - 8px (border width) */
  }
}

@media (max-width: 479px) {
  .stages article {
    text-align: center;
    line-height: 0;
  }

  .stages article::before, .stages.stage-digit article::before {
    position: relative;
    display: inline-block;
    top: -7px;
    left: auto;
    height: 25px;
    margin-top: -25px;
  }

  .stages article:first-child::before {
    display: none;
  }

  .stages article:last-child::before {
    display: inline-block;
  }

  .stages .box-icon {
    float: none;
    margin: 0 auto;
  }

  .stages .box-text, .stages.stage-digit .box-text {
    margin: 15px 0 0;
  }

  .stages .box-text p {
    line-height: 1.6; /* needed to override .stages article {line-height: 0;} */
  }

  .stages .box-text h4 + p, .stages .box-text h5 + p {
    margin-top: 15px;
  }
}

/*-----------------------------------------------------------------------------------*//*	9. Feature List/*-----------------------------------------------------------------------------------*/
.feature-list article {
  position: relative;
  margin-top: 30px;
}

.feature-list .row:first-child article {
  margin-top: 0;
}

.feature-list.long-description > article {
  margin-top: 40px;
}

.feature-list > article:first-child {
  margin-top: 0;
}

.feature-list article h4 {
  font-family: inherit;
  line-height: 1.3;
  font-weight: 500;
  margin-bottom: 0;
}

.feature-list article h5 {
  margin-bottom: 0;
}

.feature-list article h6 {
  margin-bottom: 0;
}

.feature-list .box-text p {
  margin: 10px 0 0;
}

.feature-list .box-text p:first-child {
  margin-top: 2px;
}

.feature-list .box-text ul {
  margin: 15px 0 0;
}

.feature-list .box-text h6 + p {
  margin-top: 7px;
}

.feature-list.short-description .box-text p:not(:first-child) {
  margin-top: 5px;
}

/* Numeric list */
.feature-list.numeric-list .box-icon {
  position: relative;
  float: left;
  width: 36px;
  height: 36px;
  background-color: #f78534;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-top: 0;
}

.feature-list.numeric-list .box-icon.secondary-color-bg {
  background-color: #f78534;
}

.feature-list.numeric-list .box-icon.primary-color-bg {
  background-color: #879ab0;
}

.feature-list.numeric-list .box-icon.extra-color-bg {
  background-color: rgba(237, 95, 74, 0.8); /* #ed5f4a */
}

.feature-list.numeric-list .box-icon i, .feature-list.check-list .box-icon i, .feature-list.arrow-list .box-icon i {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  line-height: 1;
}

.feature-list.numeric-list .box-icon i {
  color: #fff;
}

.feature-list.numeric-list .box-icon .number {
  top: 0;
  left: 0;
  width: 100%;
  font: 18px/36px Verdana, Geneva, sans-serif;
  text-align: center;
}

.feature-list.numeric-list .box-text {
  margin-left: 52px;
}

/* Dot list */
.feature-list.dot-list > article {
  margin-top: 30px;
}

.feature-list.dot-list > article:first-child {
  margin-top: 0;
}

.feature-list.dot-list > article::before {
  position: absolute;
  display: block;
  top: 24px; /* 24px = 20px (height) + 4px (border width) */
  bottom: -34px; /* 34px = 30px (margin) + 4px (border width) */
  left: 9px;
  width: 2px;
  background-color: rgba(182, 199, 219, 0.25); /* #b6c7db */
  content: "";
}

.feature-list.dot-list > article:last-child::before {
  display: none;
}

.feature-list.dot-list .box-icon {
  position: relative;
  top: 6px;
  float: left;
  width: 20px;
  height: 20px;
  background-color: #879ab0;
  border: 4px solid #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.feature-list.dot-list .box-icon.primary-color-bg {
  background-color: #879ab0;
}

.feature-list.dot-list .box-icon.secondary-color-bg {
  background-color: #f78534;
}

.feature-list.dot-list .box-text {
  margin-left: 40px;
}

/* for white background */
.stripe-white-bg .feature-list.dot-list .box-icon, #page-content.sidebar-layout .feature-list.dot-list .box-icon {
  border-color: #f7f7f7;
}

/* Check list */
.feature-list.check-list .box-icon {
  position: relative;
  float: left;
  width: 37px;
  height: 37px;
  border: 1px solid #f78534;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-top: 5px;
}

.feature-list.check-list .box-icon.secondary-color-bg {
  border-color: #f78534;
}

.feature-list.check-list .box-icon i, .feature-list.check-list .box-icon.secondary-color-bg i {
  color: #f78534;
}

.feature-list.check-list .box-icon.primary-color-bg {
  border-color: #879ab0;
}

.feature-list.check-list .box-icon.primary-color-bg i {
  color: #879ab0;
}

.feature-list.check-list .box-icon .fa { /* vector icons - Font Awesome */
  font-size: 18px;
  margin-top: -9px;
  margin-left: -11px; /* 23px - fixed width (.fa-fw) */
}

.feature-list.check-list .box-icon .ion { /* vector icons - Ionicons */
  font-size: 19px;
  margin-top: -10px;
  margin-left: -10px; /* 23px - fixed width (.ion-fw) */
}

.feature-list.check-list .box-text {
  margin-left: 50px;
}

.feature-list.check-list .box-text h4 + p:first-of-type:last-child, .feature-list.check-list .box-text h6 + p:first-of-type:last-child, .feature-list.check-list .box-text h5 + p:first-of-type:last-child {
  margin-top: 5px;
}

/* Arrow list */
.feature-list.arrow-list .box-icon {
  position: relative;
  float: left;
  left: -6px;
  width: 26px;
  height: 22px;
  margin-top: 5px;
}

.feature-list.arrow-list .box-icon i, .feature-list.arrow-list .box-icon.extra-color i {
  color: #ed5f4a;
}

.feature-list.arrow-list .box-icon.primary-color i {
  color: #879ab0;
}

.feature-list.arrow-list .box-icon.secondary-color i {
  color: #f78534;
}

.feature-list.arrow-list .box-icon .fa { /* vector icons - Font Awesome */
  font-size: 20px;
  margin-top: -10px;
  margin-left: -13px; /* 26px - fixed width (.fa-fw) */
}

.feature-list.arrow-list .box-icon .ion { /* vector icons - Ionicons */
  font-size: 22px;
  margin-top: -11px;
  margin-left: -13px; /* 26px - fixed width (.ion-fw) */
}

.feature-list.arrow-list .box-text {
  margin-left: 28px;
}

.feature-list.arrow-list .box-text h4 {
  margin-top: -3px;
}

.feature-list.arrow-list .box-text h5 {
  margin-top: -1px;
}

/* Media queries--------------------------------------------------- */
@media (min-width: 1520px) {
  /* small column space */
  .feature-list.small-col-space {
    margin: 0 -10px;
  }

  .feature-list.small-col-space article {
    margin-left: 10px;
    margin-right: 10px;
  }

  /* medium column space */
  .feature-list.medium-col-space {
    margin: 0 -15px;
  }

  .feature-list.medium-col-space article {
    margin-left: 15px;
    margin-right: 15px;
  }
}

@media (min-width: 1200px) and (max-width: 1519px) {
  .feature-list.small-col-space {
    margin: 0 -7px;
  }

  .feature-list.small-col-space article {
    margin-left: 7px;
    margin-right: 7px;
  }

  .feature-list.medium-col-space {
    margin: 0 -10px;
  }

  .feature-list.medium-col-space article {
    margin-left: 10px;
    margin-right: 10px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .feature-list.small-col-space {
    margin: 0 -3px;
  }

  .feature-list.small-col-space article {
    margin-left: 3px;
    margin-right: 3px;
  }

  .feature-list.medium-col-space {
    margin: 0 -5px;
  }

  .feature-list.medium-col-space article {
    margin-left: 5px;
    margin-right: 5px;
  }
}

@media (min-width: 768px) {
  .feature-list article h4 {
    font-size: 25px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* 2/3 columns >>1 column */
  .feature-list .col-sm-12.col-md-6 article, .feature-list .col-sm-12.col-md-4 article {
    margin-top: 30px !important;
  }

  .feature-list .row:first-child .col-sm-12.col-md-6:first-child article, .feature-list .row:first-child .col-sm-12.col-md-4:first-child article {
    margin-top: 0 !important;
  }
}

@media (max-width: 767px) {
  .feature-list .row:first-child article {
    margin-top: 30px;
  }

  .feature-list .row:first-child .columns:first-child article {
    margin-top: 0;
  }
}

/*-----------------------------------------------------------------------------------*//*	10. Carousel Plugin/*-----------------------------------------------------------------------------------*/
.owl-carousel.picture-boxes article, .owl-carousel.icon-boxes article {
  margin-top: 0 !important;
}

.owl-carousel.picture-boxes .owl-item img {
  display: inline;
  width: auto;
}

/* picture box with filled background - left picture */
.owl-carousel.picture-boxes.left-picture-box.box-filled-bg {
  margin: 0 !important;
}

.owl-carousel.picture-boxes.left-picture-box.box-filled-bg .owl-stage {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.owl-carousel.picture-boxes.left-picture-box.box-filled-bg .carousel-item {
  height: 100%;
}

.owl-carousel.picture-boxes.left-picture-box.box-filled-bg article {
  margin: 0 !important;
  height: 100%; /* for hyperlinked box */
}

.owl-carousel.picture-boxes.left-picture-box.box-filled-bg .box-wrapper {
  padding: 30px 25px 30px 30px;
}

/* dots navigation */
.owl-carousel.owl-theme .owl-dots, .owl-carousel.owl-theme .owl-nav.disabled + .owl-dots {
  margin: 20px 0 -9px;
}

.owl-carousel.owl-theme .owl-dots .owl-dot.active span, .owl-carousel.owl-theme .owl-dots .owl-dot:hover span {
  background-color: #879ab0;
}

/* next/prev buttons */
.owl-carousel.owl-theme .owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -47px;
}

.owl-carousel.owl-theme[data-dots="false"] .owl-nav {
  margin-top: -22px;
}

.owl-carousel.owl-theme .owl-nav [class*='owl-'] {
  position: absolute;
  width: 44px;
  height: 44px;
  line-height: 1;
  margin: 0;
  padding: 0;
  background-color: #e5e5e5;
  border: 2px solid #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  opacity: 0.7;
}

.owl-carousel.owl-theme .owl-nav [class*='owl-']:hover {
  background-color: #eee;
  opacity: 1;
}

.owl-carousel.owl-theme .owl-nav .owl-prev {
  left: -35px;
}

.owl-carousel.owl-theme .owl-nav .owl-next {
  right: -35px;
}

.owl-carousel.owl-theme .owl-nav [class*='owl-']::before {
  display: block;
  font-family: Ionicons;
  font-size: 28px;
  line-height: 1;
  color: #879ab0;
  margin-top: 6px;
}

.owl-carousel.owl-theme .owl-nav .owl-prev::before {
  content: "\f3cf";
}

.owl-carousel.owl-theme .owl-nav .owl-next::before {
  content: "\f3d1";
}

/* for dark colored background */
.dark-colored-bg .owl-carousel.owl-theme .owl-dots .owl-dot span {
  background-color: #879ab0;
}

.dark-colored-bg .owl-carousel.owl-theme .owl-dots .owl-dot.active span, .dark-colored-bg .owl-carousel.owl-theme .owl-dots .owl-dot:hover span {
  background-color: #b6c7db;
}

.dark-colored-bg .owl-carousel.owl-theme .owl-nav [class*='owl-'] {
  width: 40px;
  height: 40px;
  border: none;
  opacity: 0.5;
}

.dark-colored-bg .owl-carousel.owl-theme .owl-nav [class*='owl-']:hover {
  opacity: 0.7;
}

.dark-colored-bg .owl-carousel.owl-theme .owl-nav [class*='owl-']::before {
  margin-top: 6px;
}

/* for secondary color background */
.stripe-secondary-color-bg .owl-carousel.owl-theme .owl-dots .owl-dot span {
  background-color: rgba(0, 0, 0, 0.2);
}

.stripe-secondary-color-bg .owl-carousel.owl-theme .owl-dots .owl-dot.active span, .stripe-secondary-color-bg .owl-carousel.owl-theme .owl-dots .owl-dot:hover span {
  background-color: rgba(0, 0, 0, 0.5);
}

.stripe-secondary-color-bg .owl-carousel.owl-theme .owl-nav [class*='owl-'] {
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.7);
  border: none;
  opacity: 0.5;
}

.stripe-secondary-color-bg .owl-carousel.owl-theme .owl-nav [class*='owl-']:hover {
  background-color: rgba(255, 255, 255, 0.7);
  opacity: 0.8;
}

.stripe-secondary-color-bg .owl-carousel.owl-theme .owl-nav [class*='owl-']::before {
  color: rgba(0, 0, 0, 0.6);
  margin-top: 6px;
}

/* Image Slider--------------------------------------------------- *//* dots navigation */
.owl-carousel.image-slider .owl-dots {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 0 15px 3px 0;
}

.owl-carousel.image-slider .owl-nav.disabled + .owl-dots {
  margin: 0 15px 3px 0;
}

.owl-carousel.image-slider .owl-dots .owl-dot span {
  background: none;
  border: 2px solid #fff;
  -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3);
}

.owl-carousel.image-slider .owl-dots .owl-dot.active span, .owl-carousel.image-slider .owl-dots .owl-dot:hover span {
  background: #fff !important;
}

/* next/prev buttons */
.owl-carousel.image-slider .owl-nav, .owl-carousel.image-slider[data-dots="false"] .owl-nav {
  margin-top: -36px;
}

.owl-carousel.image-slider .owl-nav [class*='owl-'] {
  width: 36px;
  height: 72px;
  background-color: rgba(0, 0, 0, 0.3);
  border: none;
  -webkit-transition: opacity 0.3s, background 0.15s;
  -o-transition: opacity 0.3s, background 0.15s;
  transition: opacity 0.3s, background 0.15s;
}

.owl-carousel.image-slider .owl-stage-outer:hover + .owl-nav [class*='owl-'] {
  opacity: 1;
}

.owl-carousel.image-slider .owl-nav [class*='owl-']:hover {
  background-color: rgba(255, 188, 140, 0.5); /* #ffbc8c */
}

.owl-carousel.image-slider .owl-nav .owl-prev {
  left: 0 !important;
  -webkit-border-radius: 0 36px 36px 0;
  border-radius: 0 36px 36px 0;
}

.owl-carousel.image-slider .owl-nav .owl-next {
  right: 0 !important;
  -webkit-border-radius: 36px 0 0 36px;
  border-radius: 36px 0 0 36px;
}

.owl-carousel.image-slider .owl-nav [class*='owl-']::before {
  position: relative;
  color: #fff !important;
  margin-top: 22px;
}

.owl-carousel.image-slider .owl-nav .owl-prev::before {
  left: -2px;
}

.owl-carousel.image-slider .owl-nav .owl-next::before {
  left: 2px;
}

/* captions */
.image-slider .slide .item-label {
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  margin-top: 0;
  padding: 5px 12px;
  color: #fff;
  background: rgba(0, 0, 0, 0.4);
  text-align: left;
  cursor: default;
  z-index: 15;
}

/* Media queries--------------------------------------------------- */
@media (min-width: 768px) and (max-width: 991px) {
  .owl-carousel.owl-theme .owl-nav .owl-prev {
    left: -20px;
  }

  .owl-carousel.owl-theme .owl-nav .owl-next {
    right: -20px;
  }
}

@media (max-width: 767px) {
  .owl-carousel.owl-theme .owl-nav .owl-prev {
    left: -15px;
  }

  .owl-carousel.owl-theme .owl-nav .owl-next {
    right: -15px;
  }
}

/*-----------------------------------------------------------------------------------*//*	11. Info Box/*-----------------------------------------------------------------------------------*//* White (or transparent) background */
.info-box {
  position: relative;
}

.info-box .info-media + .info-text, .info-box.shadow .info-media + .info-text {
  padding-top: 25px;
}

.info-box .info-text > p:last-child, .info-box .info-text > ul:last-child, .info-box .info-text > ol:last-child, .info-box .info-text > blockquote:last-child {
  margin-bottom: 0;
}

.info-box.shadow {
  background-color: #fff; /* on transparent bg */
  -webkit-box-shadow: 0 1px 3px 0 rgba(33, 53, 77, 0.3);
  box-shadow: 0 1px 3px 0 rgba(33, 53, 77, 0.3); /* #21354d */
}

.stripe-white-bg .info-box.shadow, #page-content.sidebar-layout .info-box.shadow {
  background-color: #fafafa; /* on white bg */
}

.info-box.shadow .info-media {
  padding: 2px 2px 0 2px;
}

.info-box.shadow .info-text {
  padding: 35px 30px 40px;
}

.info-box .info-text .button {
  max-width: 100%;
  overflow: hidden;
}

.info-box .info-text .button.button-medium {
  border-width: 1px;
}

/* Light grey background */
.info-box.light-grey-bg {
  background-color: #eaeaea;
}

.stripe-white-bg .info-box.light-grey-bg, #page-content.sidebar-layout .info-box.light-grey-bg {
  background-color: #f5f5f5;
}

.info-box.light-grey-bg .info-text {
  padding: 40px 40px 50px;
}

.info-box.light-grey-bg .info-media + .info-text {
  padding-top: 35px;
}

/* "Info" sign, "Quote" sign */
.info-box.info-sign .info-text, .info-box.quote-sign .info-text {
  padding-top: 40px;
}

.info-box.info-sign::before, .info-box.quote-sign::before {
  position: absolute;
  display: block;
  left: -15px;
  top: -15px;
  width: 50px;
  height: 50px;
  font-family: FontAwesome;
  color: rgba(255, 188, 140, 0.5); /* #ffbc8c */
  text-align: center;
  background-color: #f5f6f7; /* on transparent bg */
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.stripe-white-bg .info-box.info-sign::before, .stripe-white-bg .info-box.quote-sign::before, #page-content.sidebar-layout .info-box.info-sign::before, #page-content.sidebar-layout .info-box.quote-sign::before {
  background-color: #fff; /* on white bg */
}

.info-box.info-sign::before {
  padding-left: 5px;
  content: "\f129";
  font-size: 30px;
  line-height: 54px;
}

.info-box.quote-sign::before {
  padding-left: 1px;
  content: "\f10d";
  font-size: 27px;
  line-height: 50px;
}

/* In the right column (with colored background) of left-aligned stripe */
.stripe-left.stripe-right-col-colored .info-box .info-text {
  padding: 0;
}

.stripe-left.stripe-right-col-colored .info-box .info-media + .info-text {
  padding-top: 45px;
}

/* Media queries--------------------------------------------------- */
@media (min-width: 992px) {
  .stripe-left.stripe-right-col-colored > .container > .row > .columns:last-child .info-box .info-media {
    margin: -100px -60px 0 -45px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .stripe-left.stripe-right-col-colored > .container > .row > .columns:last-child .info-box .info-media {
    margin: -75px -50px 0 -45px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .col-sm-12 .info-box {
    max-width: 600px; /* the width is limited to 600px */
    margin-left: auto;
    margin-right: auto;
  }

  .stripe-left.stripe-right-col-colored > .container > .row > .columns .info-box {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }

  .stripe-left.stripe-right-col-colored > .container > .row > .columns:last-child .info-box .info-media {
    margin: -75px -15px 0 -140px; /* fallback: -140px = 355px - 990px/2 */
    margin-left: calc(355px - 50vw);
  }
}

@media (max-width: 767px) {
  .info-box {
    max-width: 540px; /* the width is limited to 540px */
    margin-left: auto;
    margin-right: auto;
  }

  .stripe-left.stripe-right-col-colored > .container > .row > .columns .info-box {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }

  .stripe-left.stripe-right-col-colored > .container > .row > .columns:last-child .info-box .info-media {
    margin: -75px -15px 0;
  }
}

@media (max-width: 479px) {
  .stripe-left.stripe-right-col-colored > .container > .row > .columns:last-child .info-box .info-media {
    margin: -60px -15px 0;
  }

  .info-box.light-grey-bg .info-text {
    padding: 40px 30px 45px;
  }
}

/*-----------------------------------------------------------------------------------*//*	12. Standard Gallery/*-----------------------------------------------------------------------------------*/
.gallery-standard {
  margin: -5px;
}

.gallery-2-cols .gallery-item {
  width: 50%;
}

.gallery-3-cols .gallery-item {
  width: 33.33333333%;
}

.gallery-4-cols .gallery-item {
  width: 25%;
}

.gallery-5-cols .gallery-item {
  width: 20%;
}

.gallery-6-cols .gallery-item {
  width: 16.66666667%;
}

.gallery-7-cols .gallery-item {
  width: 14.28571429%;
}

.gallery-8-cols .gallery-item {
  width: 12.5%;
}

.gallery-item {
  position: relative;
  float: left;
  padding: 5px;
}

.gallery-item .item-label {
  position: absolute;
  display: block;
  left: 5px;
  bottom: 5px;
  margin: 0 5px 0 0;
  padding: 3px 10px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.25);
  cursor: default;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
  z-index: 15;
}

.gallery-item:hover .item-label, .gallery-item:hover .overlay-enabled .image-overlay {
  opacity: 1;
}

/* Touch-screen devices */
.touch-screen .gallery-item .item-label {
  display: none;
}

/* Media queries--------------------------------------------------- */
@media (min-width: 1200px) and (max-width: 1519px) {
  .container-fluid .col-sm-12 .gallery-3-cols:not(.preview-image-list) {
    margin-right: -51%;
  }

  .container-fluid .col-sm-12 .gallery-4-cols:not(.preview-image-list) {
    margin-right: -34%;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .container-fluid .col-sm-12 .gallery-3-cols:not(.preview-image-list) {
    margin-right: -51%;
  }

  .container-fluid .col-sm-12 .gallery-4-cols:not(.preview-image-list) {
    margin-right: -34%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* 2 columns >>4 columns */
  .col-sm-12.col-md-3 .gallery-2-cols .gallery-item, .col-sm-12.col-md-4 .gallery-2-cols .gallery-item {
    width: 25%;
  }

  /* 2 columns >>3 columns */
  .col-sm-12.col-md-5 .gallery-2-cols .gallery-item {
    width: 33.33333333%;
  }

  /* 3 columns >>5 columns */
  .col-sm-12.col-md-4 .gallery-3-cols .gallery-item {
    width: 20%;
  }

  /* 3 columns >>4 columns */
  .col-sm-12.col-md-5 .gallery-3-cols .gallery-item {
    width: 25%;
  }

  /* 3 columns >>2 columns */
  .col-sm-4 .gallery-3-cols .gallery-item, .col-sm-5 .gallery-3-cols .gallery-item {
    width: 50%;
  }

  /* 4 columns >>5 columns */
  .col-sm-12.col-md-5 .gallery-4-cols .gallery-item {
    width: 20%;
  }

  /* 4 columns >>3 columns */
  .col-sm-5 .gallery-4-cols .gallery-item, .col-sm-6 .gallery-4-cols .gallery-item {
    width: 33.33333333%;
  }

  /* 5 columns >>3 columns */
  .col-sm-6 .gallery-5-cols .gallery-item {
    width: 33.33333333%;
  }

  /* 5 columns >>4 columns */
  .col-sm-7 .gallery-5-cols .gallery-item, .col-sm-8 .gallery-5-cols .gallery-item {
    width: 25%;
  }

  /* 6 columns >>4 columns */
  .col-sm-7 .gallery-6-cols .gallery-item, .col-sm-8 .gallery-6-cols .gallery-item {
    width: 25%;
  }

  /* 7 columns >>6 columns */
  .gallery-7-cols .gallery-item {
    width: 16.66666667%;
  }

  /* 7 columns >>5 columns */
  .col-sm-8 .gallery-7-cols .gallery-item {
    width: 20%;
  }

  /* 8 columns >>6 columns */
  .gallery-8-cols .gallery-item {
    width: 16.66666667%;
  }

  /* 8 columns >>5 columns */
  .col-sm-9 .gallery-8-cols .gallery-item {
    width: 20%;
  }

  .container-fluid .col-sm-12 .gallery-3-cols:not(.preview-image-list) {
    margin-right: -52%;
  }

  .container-fluid .col-sm-12 .gallery-4-cols:not(.preview-image-list) {
    margin-right: -103%;
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  /* 2 columns >>4 columns */
  .col-md-3 .gallery-2-cols .gallery-item, .col-sm-3 .gallery-2-cols .gallery-item, .col-md-4 .gallery-2-cols .gallery-item, .col-sm-4 .gallery-2-cols .gallery-item {
    width: 25%;
  }

  /* 2 columns >>3 columns */
  .col-md-5 .gallery-2-cols .gallery-item, .col-sm-5 .gallery-2-cols .gallery-item {
    width: 33.33333333%;
  }

  /* 3 columns >>2 columns */
  .gallery-3-cols .gallery-item {
    width: 50%;
  }

  /* 3 columns >>5 columns */
  .col-md-4 .gallery-3-cols .gallery-item, .col-sm-4 .gallery-3-cols .gallery-item {
    width: 20%;
  }

  /* 3 columns >>4 columns */
  .col-md-5 .gallery-3-cols .gallery-item, .col-sm-5 .gallery-3-cols .gallery-item {
    width: 25%;
  }

  /* 3 columns */
  .col-md-6 .gallery-3-cols .gallery-item, .col-sm-6 .gallery-3-cols .gallery-item, .col-md-7 .gallery-3-cols .gallery-item, .col-sm-7 .gallery-3-cols .gallery-item, .col-md-8 .gallery-3-cols .gallery-item, .col-sm-8 .gallery-3-cols .gallery-item, .col-md-9 .gallery-3-cols .gallery-item, .col-sm-9 .gallery-3-cols .gallery-item {
    width: 33.33333333%;
  }

  /* 4 columns >>3 columns */
  .gallery-4-cols .gallery-item {
    width: 33.33333333%;
  }

  /* 4 columns >>5 columns */
  .col-md-5 .gallery-4-cols .gallery-item, .col-sm-5 .gallery-4-cols .gallery-item {
    width: 20%;
  }

  /* 4 columns */
  .col-md-6 .gallery-4-cols .gallery-item, .col-sm-6 .gallery-4-cols .gallery-item, .col-md-7 .gallery-4-cols .gallery-item, .col-sm-7 .gallery-4-cols .gallery-item, .col-md-8 .gallery-4-cols .gallery-item, .col-sm-8 .gallery-4-cols .gallery-item, .col-md-9 .gallery-4-cols .gallery-item, .col-sm-9 .gallery-4-cols .gallery-item {
    width: 25%;
  }

  /* 5 columns >>4 columns */
  .gallery-5-cols .gallery-item {
    width: 25%;
  }

  /* 5 columns */
  .col-md-6 .gallery-5-cols .gallery-item, .col-sm-6 .gallery-5-cols .gallery-item, .col-md-7 .gallery-5-cols .gallery-item, .col-sm-7 .gallery-5-cols .gallery-item, .col-md-8 .gallery-5-cols .gallery-item, .col-sm-8 .gallery-5-cols .gallery-item, .col-md-9 .gallery-5-cols .gallery-item, .col-sm-9 .gallery-5-cols .gallery-item {
    width: 20%;
  }

  /* 6 columns >>4 columns */
  .gallery-6-cols .gallery-item {
    width: 25%;
  }

  /* 6 columns >>5 columns */
  .col-md-7 .gallery-6-cols .gallery-item, .col-sm-7 .gallery-6-cols .gallery-item, .col-md-8 .gallery-6-cols .gallery-item, .col-sm-8 .gallery-6-cols .gallery-item, .col-md-9 .gallery-6-cols .gallery-item, .col-sm-9 .gallery-6-cols .gallery-item {
    width: 20%;
  }

  /* 7 columns >>5 columns */
  .gallery-7-cols .gallery-item {
    width: 20%;
  }

  /* 8 columns >>5 columns */
  .gallery-8-cols .gallery-item {
    width: 20%;
  }

  .container-fluid .col-sm-12 .gallery-3-cols:not(.preview-image-list) {
    margin-right: -52%;
  }

  .container-fluid .col-sm-12 .gallery-3-cols:not(.preview-image-list) .gallery-item {
    width: 33.33333333%;
  }

  .container-fluid .col-sm-12 .gallery-4-cols:not(.preview-image-list) {
    margin-right: -103%;
  }

  .container-fluid .col-sm-12 .gallery-4-cols:not(.preview-image-list) .gallery-item {
    width: 25%;
  }
}

@media (max-width: 479px) {
  .gallery-2-cols, .gallery-3-cols {
    max-width: 370px; /* the width is limited to 370px */
    margin-left: auto;
    margin-right: auto;
  }

  /* 2-3 columns >>1 column */
  .gallery-2-cols .gallery-item, .gallery-3-cols .gallery-item {
    width: 100%;
  }

  .col-md-3 .gallery-2-cols, .col-sm-3 .gallery-2-cols, .col-md-4 .gallery-2-cols, .col-sm-4 .gallery-2-cols, .col-md-5 .gallery-2-cols, .col-sm-5 .gallery-2-cols, .col-md-4 .gallery-3-cols, .col-sm-4 .gallery-3-cols, .col-md-5 .gallery-3-cols, .col-sm-5 .gallery-3-cols, .col-md-6 .gallery-3-cols, .col-sm-6 .gallery-3-cols, .col-md-7 .gallery-3-cols, .col-sm-7 .gallery-3-cols, .col-md-8 .gallery-3-cols, .col-sm-8 .gallery-3-cols, .col-md-9 .gallery-3-cols, .col-sm-9 .gallery-3-cols {
    max-width: none;
    margin-right: -5px;
    margin-left: -5px;
  }

  /* 3 columns */
  .col-md-3 .gallery-2-cols .gallery-item, .col-sm-3 .gallery-2-cols .gallery-item, .col-md-4 .gallery-3-cols .gallery-item, .col-sm-4 .gallery-3-cols .gallery-item, .col-md-5 .gallery-3-cols .gallery-item, .col-sm-5 .gallery-3-cols .gallery-item {
    width: 33.33333333%;
  }

  /* 3 columns >>2 columns */
  .col-md-4 .gallery-2-cols .gallery-item, .col-sm-4 .gallery-2-cols .gallery-item, .col-md-5 .gallery-2-cols .gallery-item, .col-sm-5 .gallery-2-cols .gallery-item, .col-md-6 .gallery-3-cols .gallery-item, .col-sm-6 .gallery-3-cols .gallery-item, .col-md-7 .gallery-3-cols .gallery-item, .col-sm-7 .gallery-3-cols .gallery-item, .col-md-8 .gallery-3-cols .gallery-item, .col-sm-8 .gallery-3-cols .gallery-item, .col-md-9 .gallery-3-cols .gallery-item, .col-sm-9 .gallery-3-cols .gallery-item {
    width: 50%;
  }

  /* 4 columns >>2 columns */
  .gallery-4-cols .gallery-item {
    width: 50%;
  }

  /* 4 columns >>3 columns */
  .col-md-5 .gallery-4-cols .gallery-item, .col-sm-5 .gallery-4-cols .gallery-item, .col-md-6 .gallery-4-cols .gallery-item, .col-sm-6 .gallery-4-cols .gallery-item, .col-md-7 .gallery-4-cols .gallery-item, .col-sm-7 .gallery-4-cols .gallery-item, .col-md-8 .gallery-4-cols .gallery-item, .col-sm-8 .gallery-4-cols .gallery-item {
    width: 33.33333333%;
  }

  /* 5 columns >>2 columns */
  .gallery-5-cols .gallery-item {
    width: 50%;
  }

  /* 5 columns >>3 columns */
  .col-md-6 .gallery-5-cols .gallery-item, .col-sm-6 .gallery-5-cols .gallery-item, .col-md-7 .gallery-5-cols .gallery-item, .col-sm-7 .gallery-5-cols .gallery-item, .col-md-8 .gallery-5-cols .gallery-item, .col-sm-8 .gallery-5-cols .gallery-item, .col-md-9 .gallery-5-cols .gallery-item, .col-sm-9 .gallery-5-cols .gallery-item {
    width: 33.33333333%;
  }

  /* 6 columns >>3 columns */
  .gallery-6-cols .gallery-item {
    width: 33.33333333%;
  }

  /* 7 columns >>3 columns */
  .gallery-7-cols .gallery-item {
    width: 33.33333333%;
  }

  /* 8 columns >>3 columns */
  .gallery-8-cols .gallery-item {
    width: 33.33333333%;
  }

  .container-fluid .col-sm-12 .gallery-3-cols:not(.preview-image-list), .container-fluid .col-sm-12 .gallery-4-cols:not(.preview-image-list) {
    max-width: none;
    margin-left: -5px;
    margin-right: -5px;
  }

  .container-fluid .col-sm-12 .gallery-4-cols:not(.preview-image-list) .gallery-item {
    width: 50%;
  }
}

/*-----------------------------------------------------------------------------------*//*	13. Gallery: Simple Metro Style/*-----------------------------------------------------------------------------------*/
.gallery-metro {
  margin: -5px;
}

.gallery-metro-3-cols .gallery-item {
  width: 33.33333333%;
}

.gallery-metro-3-cols .gallery-item[class*="item-big"] {
  width: 66.66666667%;
}

.gallery-metro-4-cols .gallery-item {
  width: 25%;
}

.gallery-metro-4-cols .gallery-item[class*="item-big"] {
  width: 50%;
}

.gallery-metro-5-cols .gallery-item {
  width: 20%;
}

.gallery-metro-5-cols .gallery-item[class*="item-big"] {
  width: 40%;
}

.gallery-metro-6-cols .gallery-item {
  width: 16.66666667%;
}

.gallery-metro-6-cols .gallery-item[class*="item-big"] {
  width: 33.33333333%;
}

.gallery-metro .gallery-item {
  padding: 0;
}

.gallery-metro .gallery-item.item-big-top-right {
  float: right;
}

.gallery-metro .gallery-item .overlay-enabled::before {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 5px solid #fff;
  content: "";
  z-index: 2;
}

.js .gallery-metro .gallery-item .overlay-enabled::before {
  display: none;
}

.js .gallery-metro .gallery-item img {
  visibility: hidden;
}

.gallery-metro .gallery-item .image-overlay {
  left: 5px;
  top: 5px;
  right: 5px;
  bottom: 5px;
}

/* after running JS function and adding "bg-image-active" class */
.gallery-metro .gallery-item.bg-image-active img {
  visibility: hidden;
}

.gallery-metro .gallery-item.bg-image-active .overlay-enabled::before {
  display: none;
}

.gallery-metro .gallery-item.bg-image-active .item-bg-image {
  position: absolute;
  display: block;
  left: 5px;
  top: 5px;
  right: 5px;
  bottom: 5px;
  background-size: cover;
  z-index: 1;
}

/* Media queries--------------------------------------------------- */
@media (min-width: 768px) and (max-width: 991px) {
  /* 3 columns >>5 columns */
  .col-sm-12.col-md-4 .gallery-metro-3-cols .gallery-item {
    width: 20%;
  }

  .col-sm-12.col-md-4 .gallery-metro-3-cols .gallery-item[class*="item-big"] {
    width: 40%;
  }

  /* 3 columns >>4 columns */
  .col-sm-12.col-md-5 .gallery-metro-3-cols .gallery-item {
    width: 25%;
  }

  .col-sm-12.col-md-5 .gallery-metro-3-cols .gallery-item[class*="item-big"] {
    width: 50%;
  }

  /* 3 columns >>2 columns */
  .col-sm-4 .gallery-metro-3-cols .gallery-item, .col-sm-5 .gallery-metro-3-cols .gallery-item {
    width: 50%;
  }

  .col-sm-4 .gallery-metro-3-cols .gallery-item[class*="item-big"], .col-sm-5 .gallery-metro-3-cols .gallery-item[class*="item-big"] {
    width: 100%;
  }

  /* 4 columns >>5 columns */
  .col-sm-12.col-md-5 .gallery-metro-4-cols .gallery-item {
    width: 20%;
  }

  .col-sm-12.col-md-5 .gallery-metro-4-cols .gallery-item[class*="item-big"] {
    width: 40%;
  }

  /* 4 columns >>3 columns */
  .col-sm-5 .gallery-metro-4-cols .gallery-item, .col-sm-6 .gallery-metro-4-cols .gallery-item {
    width: 33.33333333%;
  }

  .col-sm-5 .gallery-metro-4-cols .gallery-item[class*="item-big"], .col-sm-6 .gallery-metro-4-cols .gallery-item[class*="item-big"] {
    width: 66.66666667%;
  }

  /* 5 columns >>3 columns */
  .col-sm-6 .gallery-metro-5-cols .gallery-item {
    width: 33.33333333%;
  }

  .col-sm-6 .gallery-metro-5-cols .gallery-item[class*="item-big"] {
    width: 66.66666667%;
  }

  /* 5 columns >>4 columns */
  .col-sm-7 .gallery-metro-5-cols .gallery-item, .col-sm-8 .gallery-metro-5-cols .gallery-item {
    width: 25%;
  }

  .col-sm-7 .gallery-metro-5-cols .gallery-item[class*="item-big"], .col-sm-8 .gallery-metro-5-cols .gallery-item[class*="item-big"] {
    width: 50%;
  }

  /* 6 columns >>4 columns */
  .col-sm-7 .gallery-metro-6-cols .gallery-item, .col-sm-8 .gallery-metro-6-cols .gallery-item {
    width: 25%;
  }

  .col-sm-7 .gallery-metro-6-cols .gallery-item[class*="item-big"], .col-sm-8 .gallery-metro-6-cols .gallery-item[class*="item-big"] {
    width: 50%;
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  /* 3 columns >>2 columns */
  .gallery-metro-3-cols .gallery-item {
    width: 50%;
  }

  .gallery-metro-3-cols .gallery-item[class*="item-big"] {
    width: 100%;
  }

  /* 3 columns >>5 columns */
  .col-md-4 .gallery-metro-3-cols .gallery-item, .col-sm-4 .gallery-metro-3-cols .gallery-item {
    width: 20%;
  }

  .col-md-4 .gallery-metro-3-cols .gallery-item[class*="item-big"], .col-sm-4 .gallery-metro-3-cols .gallery-item[class*="item-big"] {
    width: 40%;
  }

  /* 3 columns >>4 columns */
  .col-md-5 .gallery-metro-3-cols .gallery-item, .col-sm-5 .gallery-metro-3-cols .gallery-item {
    width: 25%;
  }

  .col-md-5 .gallery-metro-3-cols .gallery-item[class*="item-big"], .col-sm-5 .gallery-metro-3-cols .gallery-item[class*="item-big"] {
    width: 50%;
  }

  /* 3 columns */
  .col-md-6 .gallery-metro-3-cols .gallery-item, .col-sm-6 .gallery-metro-3-cols .gallery-item, .col-md-7 .gallery-metro-3-cols .gallery-item, .col-sm-7 .gallery-metro-3-cols .gallery-item, .col-md-8 .gallery-metro-3-cols .gallery-item, .col-sm-8 .gallery-metro-3-cols .gallery-item, .col-md-9 .gallery-metro-3-cols .gallery-item, .col-sm-9 .gallery-metro-3-cols .gallery-item {
    width: 33.33333333%;
  }

  .col-md-6 .gallery-metro-3-cols .gallery-item[class*="item-big"], .col-sm-6 .gallery-metro-3-cols .gallery-item[class*="item-big"], .col-md-7 .gallery-metro-3-cols .gallery-item[class*="item-big"], .col-sm-7 .gallery-metro-3-cols .gallery-item[class*="item-big"], .col-md-8 .gallery-metro-3-cols .gallery-item[class*="item-big"], .col-sm-8 .gallery-metro-3-cols .gallery-item[class*="item-big"], .col-md-9 .gallery-metro-3-cols .gallery-item[class*="item-big"], .col-sm-9 .gallery-metro-3-cols .gallery-item[class*="item-big"] {
    width: 66.66666667%;
  }

  /* 4 columns >>3 columns */
  .gallery-metro-4-cols .gallery-item {
    width: 33.33333333%;
  }

  .gallery-metro-4-cols .gallery-item[class*="item-big"] {
    width: 66.66666667%;
  }

  /* 4 columns */
  .col-md-6 .gallery-metro-4-cols .gallery-item, .col-sm-6 .gallery-metro-4-cols .gallery-item, .col-md-7 .gallery-metro-4-cols .gallery-item, .col-sm-7 .gallery-metro-4-cols .gallery-item, .col-md-8 .gallery-metro-4-cols .gallery-item, .col-sm-8 .gallery-metro-4-cols .gallery-item, .col-md-9 .gallery-metro-4-cols .gallery-item, .col-sm-9 .gallery-metro-4-cols .gallery-item {
    width: 25%;
  }

  .col-md-6 .gallery-metro-4-cols .gallery-item[class*="item-big"], .col-sm-6 .gallery-metro-4-cols .gallery-item[class*="item-big"], .col-md-7 .gallery-metro-4-cols .gallery-item[class*="item-big"], .col-sm-7 .gallery-metro-4-cols .gallery-item[class*="item-big"], .col-md-8 .gallery-metro-4-cols .gallery-item[class*="item-big"], .col-sm-8 .gallery-metro-4-cols .gallery-item[class*="item-big"], .col-md-9 .gallery-metro-4-cols .gallery-item[class*="item-big"], .col-sm-9 .gallery-metro-4-cols .gallery-item[class*="item-big"] {
    width: 50%;
  }

  /* 4 columns >>5 columns */
  .col-md-5 .gallery-metro-4-cols .gallery-item, .col-sm-5 .gallery-metro-4-cols .gallery-item {
    width: 20%;
  }

  .col-md-5 .gallery-metro-4-cols .gallery-item[class*="item-big"], .col-sm-5 .gallery-metro-4-cols .gallery-item[class*="item-big"] {
    width: 40%;
  }

  /* 5 columns >>4 columns */
  .gallery-metro-5-cols .gallery-item {
    width: 25%;
  }

  .gallery-metro-5-cols .gallery-item[class*="item-big"] {
    width: 50%;
  }

  /* 5 columns */
  .col-md-6 .gallery-metro-5-cols .gallery-item, .col-sm-6 .gallery-metro-5-cols .gallery-item, .col-md-7 .gallery-metro-5-cols .gallery-item, .col-sm-7 .gallery-metro-5-cols .gallery-item, .col-md-8 .gallery-metro-5-cols .gallery-item, .col-sm-8 .gallery-metro-5-cols .gallery-item, .col-md-9 .gallery-metro-5-cols .gallery-item, .col-sm-9 .gallery-metro-5-cols .gallery-item {
    width: 20%;
  }

  .col-md-6 .gallery-metro-5-cols .gallery-item[class*="item-big"], .col-sm-6 .gallery-metro-5-cols .gallery-item[class*="item-big"], .col-md-7 .gallery-metro-5-cols .gallery-item[class*="item-big"], .col-sm-7 .gallery-metro-5-cols .gallery-item[class*="item-big"], .col-md-8 .gallery-metro-5-cols .gallery-item[class*="item-big"], .col-sm-8 .gallery-metro-5-cols .gallery-item[class*="item-big"], .col-md-9 .gallery-metro-5-cols .gallery-item[class*="item-big"], .col-sm-9 .gallery-metro-5-cols .gallery-item[class*="item-big"] {
    width: 40%;
  }

  /* 6 columns >>4 columns */
  .gallery-metro-6-cols .gallery-item {
    width: 25%;
  }

  .gallery-metro-6-cols .gallery-item[class*="item-big"] {
    width: 50%;
  }

  /* 6 columns >>5 columns */
  .col-md-7 .gallery-metro-6-cols .gallery-item, .col-sm-7 .gallery-metro-6-cols .gallery-item, .col-md-8 .gallery-metro-6-cols .gallery-item, .col-sm-8 .gallery-metro-6-cols .gallery-item, .col-md-9 .gallery-metro-6-cols .gallery-item, .col-sm-9 .gallery-metro-6-cols .gallery-item {
    width: 20%;
  }

  .col-md-7 .gallery-metro-6-cols .gallery-item[class*="item-big"], .col-sm-7 .gallery-metro-6-cols .gallery-item[class*="item-big"], .col-md-8 .gallery-metro-6-cols .gallery-item[class*="item-big"], .col-sm-8 .gallery-metro-6-cols .gallery-item[class*="item-big"], .col-md-9 .gallery-metro-6-cols .gallery-item[class*="item-big"], .col-sm-9 .gallery-metro-6-cols .gallery-item[class*="item-big"] {
    width: 40%;
  }
}

@media (max-width: 479px) {
  .gallery-metro-3-cols {
    max-width: 370px; /* the width is limited to 370px */
    margin-right: auto;
    margin-left: auto;
  }

  /* 3 columns >>1 column */
  .gallery-metro-3-cols .gallery-item, .gallery-metro-3-cols .gallery-item[class*="item-big"] {
    width: 100%;
  }

  .col-md-4 .gallery-metro-3-cols, .col-sm-4 .gallery-metro-3-cols, .col-md-5 .gallery-metro-3-cols, .col-sm-5 .gallery-metro-3-cols, .col-md-6 .gallery-metro-3-cols, .col-sm-6 .gallery-metro-3-cols, .col-md-7 .gallery-metro-3-cols, .col-sm-7 .gallery-metro-3-cols, .col-md-8 .gallery-metro-3-cols, .col-sm-8 .gallery-metro-3-cols, .col-md-9 .gallery-metro-3-cols, .col-sm-9 .gallery-metro-3-cols {
    max-width: none;
    margin-right: -5px;
    margin-left: -5px;
  }

  /* 3 columns */
  .col-md-4 .gallery-metro-3-cols .gallery-item, .col-sm-4 .gallery-metro-3-cols .gallery-item, .col-md-5 .gallery-metro-3-cols .gallery-item, .col-sm-5 .gallery-metro-3-cols .gallery-item {
    width: 33.33333333%;
  }

  .col-md-4 .gallery-metro-3-cols .gallery-item[class*="item-big"], .col-sm-4 .gallery-metro-3-cols .gallery-item[class*="item-big"], .col-md-5 .gallery-metro-3-cols .gallery-item[class*="item-big"], .col-sm-5 .gallery-metro-3-cols .gallery-item[class*="item-big"] {
    width: 66.66666667%;
  }

  /* 3 columns >>2 columns */
  .col-md-6 .gallery-metro-3-cols .gallery-item, .col-sm-6 .gallery-metro-3-cols .gallery-item, .col-md-7 .gallery-metro-3-cols .gallery-item, .col-sm-7 .gallery-metro-3-cols .gallery-item, .col-md-8 .gallery-metro-3-cols .gallery-item, .col-sm-8 .gallery-metro-3-cols .gallery-item, .col-md-9 .gallery-metro-3-cols .gallery-item, .col-sm-9 .gallery-metro-3-cols .gallery-item {
    width: 50%;
  }

  .col-md-6 .gallery-metro-3-cols .gallery-item[class*="item-big"], .col-sm-6 .gallery-metro-3-cols .gallery-item[class*="item-big"], .col-md-7 .gallery-metro-3-cols .gallery-item[class*="item-big"], .col-sm-7 .gallery-metro-3-cols .gallery-item[class*="item-big"], .col-md-8 .gallery-metro-3-cols .gallery-item[class*="item-big"], .col-sm-8 .gallery-metro-3-cols .gallery-item[class*="item-big"], .col-md-9 .gallery-metro-3-cols .gallery-item[class*="item-big"], .col-sm-9 .gallery-metro-3-cols .gallery-item[class*="item-big"] {
    width: 100%;
  }

  /* 4 columns >>2 columns */
  .gallery-metro-4-cols .gallery-item {
    width: 50%;
  }

  .gallery-metro-4-cols .gallery-item[class*="item-big"] {
    width: 100%;
  }

  /* 4 columns >>3 columns */
  .col-md-5 .gallery-metro-4-cols .gallery-item, .col-sm-5 .gallery-metro-4-cols .gallery-item, .col-md-6 .gallery-metro-4-cols .gallery-item, .col-sm-6 .gallery-metro-4-cols .gallery-item, .col-md-7 .gallery-metro-4-cols .gallery-item, .col-sm-7 .gallery-metro-4-cols .gallery-item, .col-md-8 .gallery-metro-4-cols .gallery-item, .col-sm-8 .gallery-metro-4-cols .gallery-item {
    width: 33.33333333%;
  }

  .col-md-5 .gallery-metro-4-cols .gallery-item[class*="item-big"], .col-sm-5 .gallery-metro-4-cols .gallery-item[class*="item-big"], .col-md-6 .gallery-metro-4-cols .gallery-item[class*="item-big"], .col-sm-6 .gallery-metro-4-cols .gallery-item[class*="item-big"], .col-md-7 .gallery-metro-4-cols .gallery-item[class*="item-big"], .col-sm-7 .gallery-metro-4-cols .gallery-item[class*="item-big"], .col-md-8 .gallery-metro-4-cols .gallery-item[class*="item-big"], .col-sm-8 .gallery-metro-4-cols .gallery-item[class*="item-big"] {
    width: 66.66666667%;
  }

  /* 5 columns >>2 columns */
  .gallery-metro-5-cols .gallery-item {
    width: 50%;
  }

  .gallery-metro-5-cols .gallery-item[class*="item-big"] {
    width: 100%;
  }

  /* 5 columns >>3 columns */
  .col-md-6 .gallery-metro-5-cols .gallery-item, .col-sm-6 .gallery-metro-5-cols .gallery-item, .col-md-7 .gallery-metro-5-cols .gallery-item, .col-sm-7 .gallery-metro-5-cols .gallery-item, .col-md-8 .gallery-metro-5-cols .gallery-item, .col-sm-8 .gallery-metro-5-cols .gallery-item, .col-md-9 .gallery-metro-5-cols .gallery-item, .col-sm-9 .gallery-metro-5-cols .gallery-item {
    width: 33.33333333%;
  }

  .col-md-6 .gallery-metro-5-cols .gallery-item[class*="item-big"], .col-sm-6 .gallery-metro-5-cols .gallery-item[class*="item-big"], .col-md-7 .gallery-metro-5-cols .gallery-item[class*="item-big"], .col-sm-7 .gallery-metro-5-cols .gallery-item[class*="item-big"], .col-md-8 .gallery-metro-5-cols .gallery-item[class*="item-big"], .col-sm-8 .gallery-metro-5-cols .gallery-item[class*="item-big"], .col-md-9 .gallery-metro-5-cols .gallery-item[class*="item-big"], .col-sm-9 .gallery-metro-5-cols .gallery-item[class*="item-big"] {
    width: 66.66666667%;
  }

  /* 6 columns >>3 columns */
  .gallery-metro-6-cols .gallery-item {
    width: 33.33333333%;
  }

  .gallery-metro-6-cols .gallery-item[class*="item-big"] {
    width: 66.66666667%;
  }
}

/*-----------------------------------------------------------------------------------*//*	14. Preview Image List (Image Grid)/*-----------------------------------------------------------------------------------*/
.preview-image-list.gallery-standard {
  margin: -1px;
  overflow: hidden;
}

.preview-image-list.gallery-standard .gallery-item {
  padding: 1px;
  overflow: hidden;
}

.preview-image-list.gallery-standard .gallery-item .item-label {
  top: 50%;
  bottom: auto;
  left: 1px;
  right: 1px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  line-height: 1.5;
  font-weight: 400;
  margin: 0;
  padding: 15px;
  background: none;
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  z-index: 9;
}

.preview-image-list.gallery-standard .gallery-item .image-overlay {
  background: none;
}

.preview-image-list.gallery-standard .gallery-item::after {
  position: absolute;
  display: block;
  top: 1px;
  left: 1px;
  bottom: 1px;
  right: 1px;
  background-color: rgba(247, 133, 52, 0.9); /* #f78534 */
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  content: "";
}

.preview-image-list.gallery-standard .gallery-item:hover::after {
  opacity: 1;
}

/* Touch-screen devices */
.touch-screen .preview-image-list.gallery-standard .gallery-item::after {
  display: none;
}

.touch-screen .preview-image-list.gallery-standard .gallery-item.label-bg-active::after {
  display: block;
  opacity: 1;
}

/* Media queries--------------------------------------------------- */
@media (min-width: 1681px) {
  .stripe .container-fluid .preview-image-list.gallery-standard {
    max-width: 1680px;
    margin-left: auto;
    margin-right: auto;
  }

  .preview-image-list.gallery-standard .gallery-item .item-label {
    padding: 25px;
  }
}

@media (min-width: 992px) {
  .preview-image-list.gallery-standard .gallery-item .item-label {
    font-size: inherit;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .stripe .container-fluid .preview-image-list.gallery-7-cols .gallery-item {
    width: 14.28571429%; /* leave 7 columns */
  }

  .preview-image-list.gallery-5-cols .gallery-item .item-label, .preview-image-list.gallery-6-cols .gallery-item .item-label, .preview-image-list.gallery-7-cols .gallery-item .item-label {
    padding: 10px;
  }
}

@media (max-width: 767px) {
  .preview-image-list.gallery-standard .gallery-item .item-label {
    padding: 10px;
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  .stripe .container-fluid .preview-image-list.gallery-4-cols .gallery-item {
    width: 25%; /* leave 4 columns */
  }

  .stripe .container-fluid .preview-image-list.gallery-5-cols .gallery-item {
    width: 33.33333333%; /* 5 columns >>3 columns */
  }

  .preview-image-list.gallery-standard .gallery-item .item-label {
    line-height: 1.25;
  }

  .preview-image-list.gallery-5-cols .gallery-item .item-label {
    line-height: 1.5;
  }
}

/*-----------------------------------------------------------------------------------*//*	15. Testimonials/*-----------------------------------------------------------------------------------*//* Testimonial boxes--------------------------------------------------- */
.testimonial-boxes .columns {
  margin-top: 30px;
  padding: 35px 45px;
  overflow: hidden;
}

.testimonial-boxes .row:first-child .columns:first-child {
  margin-top: 0;
}

.testimonial-boxes .columns::before {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 15px;
  right: 15px;
  content: "";
  background-color: #fff;
  border: 1px solid rgba(135, 154, 176, 0.2); /* #879ab0 */
}

.testimonial-boxes .columns::after {
  position: absolute;
  display: block;
  right: 30px;
  bottom: -10px;
  height: 110px;
  content: '"';
  font: italic 300px/1 Verdana, Geneva, sans-serif;
  color: rgba(255, 188, 140, 0.07); /* #ffbc8c */
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.testimonial-boxes > article {
  margin-top: 40px;
}

.testimonial-boxes > article:first-child {
  margin-top: 0;
}

.testimonial-boxes article {
  position: relative;
}

.testimonial-boxes .testimonial-image {
  float: left;
}

.testimonial-boxes .testimonial-image img {
  width: 90px;
  height: 90px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.testimonial-boxes .testimonial-image span { /* placeholder for the author's photo */
  display: block;
  width: 90px;
  height: 90px;
  background-color: #879ab0;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.testimonial-boxes .testimonial-image i {
  display: block;
  font-size: 54px;
  line-height: 90px;
  color: #fff;
  text-align: center;
}

.testimonial-boxes .testimonial-content {
  position: relative;
  z-index: 1;
}

.testimonial-boxes .testimonial-image + .testimonial-content {
  margin-left: 120px;
}

.testimonial-boxes .testimonial-content blockquote {
  font-size: inherit;
  line-height: inherit;
  font-style: normal;
  letter-spacing: 0;
  border-left: none;
  margin-bottom: 0;
  padding: 0;
}

.testimonial-boxes .testimonial-content blockquote p {
  font-family: inherit;
  color: inherit;
}

.testimonial-boxes .testimonial-content .author-info {
  font-size: 15px;
  line-height: 1.5;
  color: #666;
  margin-top: 15px;
}

.testimonial-boxes .testimonial-content .author-info::before {
  content: "\2014 \00A0";
}

.testimonial-boxes .testimonial-content .author-info span {
  font-style: italic;
}

/* for white background */
.stripe-white-bg .testimonial-boxes .columns::before, #page-content.sidebar-layout .testimonial-boxes .columns::before {
  background-color: #f5f5f5;
}

.stripe-white-bg .testimonial-boxes .columns::after, #page-content.sidebar-layout .testimonial-boxes .columns::after {
  color: rgba(135, 154, 176, 0.03); /* #879ab0 */
}

/* for secondary color background */
.stripe-secondary-color-bg .testimonial-boxes .columns::before {
  background-color: rgba(255, 255, 255, 0.7);
  border: none;
}

.stripe-secondary-color-bg .testimonial-boxes .columns::after {
  color: rgba(255, 188, 140, 0.07); /* #ffbc8c */
}

/* for dark colored background */
.dark-colored-bg .testimonial-boxes .columns::before {
  background-color: #f5f5f5;
  border: none;
}

/* Testimonial in sidebar widget--------------------------------------------------- */
.testimonial-aside {
  position: relative;
}

.testimonial-aside::before {
  position: absolute;
  display: block;
  top: -22px;
  left: -15px;
  width: 60px;
  height: 60px;
  background: url(../images/icons/left-quotes-dark.svg) no-repeat left top;
  background-size: 60px 60px;
  content: "";
}

.testimonial-aside .testimonial-item blockquote {
  border-left: none;
  margin-bottom: 0;
  padding: 0;
}

.testimonial-aside .testimonial-item blockquote p {
  color: #62758c;
}

.testimonial-aside .testimonial-item .testimonial-author {
  display: table;
  margin-top: 15px;
}

.testimonial-aside .testimonial-item .author-image {
  display: table-cell;
  width: 75px;
  vertical-align: middle;
}

.testimonial-aside .testimonial-item .author-image img {
  width: 60px;
  height: 60px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.testimonial-aside .testimonial-item .author-image span { /* placeholder for the author's photo */
  display: block;
  width: 60px;
  height: 60px;
  background-color: #879ab0;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.testimonial-aside .testimonial-item .author-image i {
  display: block;
  font-size: 36px;
  line-height: 60px;
  color: #fff;
  text-align: center;
}

.testimonial-aside .testimonial-item .author-info {
  display: table-cell;
  vertical-align: middle;
  font-size: 16px;
  line-height: 1.5;
}

.testimonial-aside .testimonial-item .author-info span {
  font-style: italic;
  color: #666;
}

/* Testimonial - main style 1--------------------------------------------------- */
.testimonial-main-style-1 {
  position: relative;
  height: 450px;
  margin-top: -100px;
  margin-bottom: -100px;
  background: url(../images/icons/left-quotes-dark.svg) no-repeat left 390px top 50px;
  background-size: 100px 100px;
}

.stripe-narrow .testimonial-main-style-1 {
  margin-top: -70px;
  margin-bottom: -70px;
}

.testimonial-main-style-1 .testimonial-item {
  position: relative;
  height: 450px;
  padding-left: 420px;
  padding-top: 80px;
  padding-bottom: 80px;
}

.testimonial-main-style-1 .testimonial-item .testimonial-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 360px;
  height: 450px;
}

.testimonial-main-style-1 .testimonial-item .testimonial-image figure {
  position: relative;
  right: 0;
  height: 100%;
}

.testimonial-main-style-1 .testimonial-item .testimonial-image figure::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
}

.testimonial-main-style-1 .testimonial-item .testimonial-image figure img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.testimonial-main-style-1 .testimonial-item .testimonial-title {
  position: relative;
  height: 60px;
}

.testimonial-main-style-1 .testimonial-item .testimonial-title > * { /* h3, h4 */
  position: absolute;
  left: 0;
  bottom: 0;
  font-weight: 500;
  margin-bottom: 0;
}

.testimonial-main-style-1 .testimonial-item .testimonial-text {
  margin-top: 20px;
}

.testimonial-main-style-1 .testimonial-item .testimonial-text p {
  max-height: 175px; /* 175px = 35px * 5 */
  overflow: hidden;
  font: italic 20px/1.75 Lora, "Times New Roman", Times, serif;
  letter-spacing: 0.8px;
  margin-bottom: 0;
}

.testimonial-main-style-1 .testimonial-item .testimonial-author {
  margin-top: 10px;
}

.testimonial-main-style-1 .testimonial-item .author-info {
  line-height: 1.5;
  text-align: right;
}

.testimonial-main-style-1 .testimonial-item .author-info span {
  display: block;
  color: #666;
}

.testimonial-main-style-1 .testimonial-item .author-info span a {
  color: inherit;
}

.testimonial-main-style-1 .testimonial-item .author-info span a:hover {
  color: #222;
}

/* for dark colored background */
.dark-colored-bg .testimonial-main-style-1 {
  background-image: url(../images/icons/left-quotes-light.svg);
}

.dark-colored-bg .testimonial-main-style-1 .testimonial-item .testimonial-image figure::after {
  background-color: rgba(33, 53, 77, 0.2); /* #21354d */
}

.dark-colored-bg .testimonial-main-style-1 .testimonial-item .testimonial-title > * {
  font-weight: 400;
  color: #fff;
}

.dark-colored-bg .testimonial-main-style-1 .testimonial-item .testimonial-text p {
  color: rgba(255, 255, 255, 0.8);
}

.dark-colored-bg .testimonial-main-style-1 .testimonial-item .author-info, .dark-colored-bg .testimonial-main-style-1 .testimonial-item .author-info span {
  color: #ffbc8c;
}

.dark-colored-bg .testimonial-main-style-1 .testimonial-item .author-info span a:hover {
  color: #d4e7ff;
}

/* for secondary color background */
.stripe-secondary-color-bg .testimonial-main-style-1 .testimonial-item .testimonial-image figure::after {
  background-color: rgba(247, 133, 52, 0.05); /* #f78534 */
}

.stripe-secondary-color-bg .testimonial-main-style-1 .testimonial-item .testimonial-title > * {
  color: rgba(0, 0, 0, 0.75);
}

.stripe-secondary-color-bg .testimonial-main-style-1 .testimonial-item .author-info span {
  color: inherit;
}

.stripe-secondary-color-bg .testimonial-main-style-1 .testimonial-item .author-info span a:hover {
  color: #000;
}

/* Testimonial - main style 2--------------------------------------------------- */
.testimonial-main-style-2 {
  position: relative;
}

.testimonial-main-style-2 .testimonial-item {
  padding-left: 150px;
}

.testimonial-main-style-2 .testimonial-item .testimonial-text {
  position: relative;
  padding-top: 17px;
  z-index: 2;
}

.testimonial-main-style-2 .testimonial-item .testimonial-text p {
  font-size: 26px;
  font-weight: 400;
  color: #444;
  margin-bottom: 0;
}

.testimonial-main-style-2 .testimonial-item .author-image {
  position: absolute;
  top: 0;
  left: 0;
}

.testimonial-main-style-2 .testimonial-item .author-image img {
  width: 124px;
  height: 124px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.testimonial-main-style-2 .testimonial-item .author-image::before {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: inset 0 0 4px 1px rgba(255, 255, 255, 0.3);
  box-shadow: inset 0 0 4px 1px rgba(255, 255, 255, 0.3);
  content: "";
}

.testimonial-main-style-2 .testimonial-item .author-image::after {
  position: absolute;
  top: -45px;
  left: 113px;
  width: 90px;
  height: 87px;
  content: "";
  background: url(../images/icons/quotes-light.png) no-repeat left top;
  opacity: 0.3;
}

.testimonial-main-style-2 .testimonial-item .author-image span { /* placeholder for the author's photo */
  position: relative;
  display: block;
  top: 2px;
  left: 2px;
  width: 120px;
  height: 120px;
  background-color: #879ab0;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.testimonial-main-style-2 .testimonial-item .author-image i {
  display: block;
  font-size: 64px;
  line-height: 120px;
  color: #fff;
  text-align: center;
}

.testimonial-main-style-2 .testimonial-item .author-info {
  line-height: 1.5;
  text-align: right;
  margin: 15px 0 -20px;
}

.testimonial-main-style-2 .testimonial-item .author-info span {
  display: block;
  color: #666;
}

.testimonial-main-style-2.author-info-inline .testimonial-item .author-info span {
  display: inline;
}

.testimonial-main-style-2.author-info-inline .testimonial-item .author-info strong::after {
  content: ", ";
  font-weight: normal;
}

.testimonial-main-style-2 .testimonial-item .author-info span a {
  color: inherit;
}

.testimonial-main-style-2 .testimonial-item .author-info span a:hover {
  color: #222;
}

/* for white background */
.stripe-white-bg .testimonial-main-style-2 .testimonial-item .author-image::after, #page-content.sidebar-layout .testimonial-main-style-2 .testimonial-item .author-image::after {
  background-image: url(../images/icons/quotes-dark.png);
  opacity: 0.5;
}

/* for dark colored background */
.dark-colored-bg .testimonial-main-style-2 .testimonial-item .testimonial-text p {
  color: rgba(255, 255, 255, 0.9);
  font-weight: inherit;
}

.dark-colored-bg .testimonial-main-style-2 .testimonial-item .author-image img {
  width: 126px;
  height: 126px;
  border: 3px solid rgba(255, 255, 255, 0.15);
  opacity: 0.9;
}

.dark-colored-bg .testimonial-main-style-2 .testimonial-item .author-image::after {
  opacity: 0.25;
}

.dark-colored-bg .testimonial-main-style-2 .testimonial-item .author-image span {
  background-color: rgba(0, 156, 204, 0.5); /* #009ccc */
}

.dark-colored-bg .testimonial-main-style-2 .testimonial-item .author-image i {
  color: #eee;
}

.dark-colored-bg .testimonial-main-style-2 > .testimonial-item .author-info {
  margin: 20px 0 -10px;
  text-align: left;
}

.dark-colored-bg .testimonial-main-style-2 .testimonial-item .author-info, .dark-colored-bg .testimonial-main-style-2 .testimonial-item .author-info span {
  color: #ffbc8c;
}

.dark-colored-bg .testimonial-main-style-2 .testimonial-item .author-info span a:hover {
  color: #d4e7ff;
}

/* for secondary color background */
.stripe-secondary-color-bg .testimonial-main-style-2 .testimonial-item .testimonial-text p {
  color: inherit;
}

.stripe-secondary-color-bg .testimonial-main-style-2 .testimonial-item .author-image img {
  border-color: rgba(255, 255, 255, 0.2);
}

.stripe-secondary-color-bg .testimonial-main-style-2 .testimonial-item .author-image::before {
  display: block;
}

.stripe-secondary-color-bg .testimonial-main-style-2 .testimonial-item .author-image::after {
  opacity: 0.5;
}

.stripe-secondary-color-bg .testimonial-main-style-2 .testimonial-item .author-image span {
  background-color: rgba(0, 156, 204, 0.7); /* #009ccc */
}

.stripe-secondary-color-bg .testimonial-main-style-2 > .testimonial-item .author-info {
  margin: 20px 0 -10px;
  text-align: left;
}

.stripe-secondary-color-bg .testimonial-main-style-2 .testimonial-item .author-info span {
  color: inherit;
}

.stripe-secondary-color-bg .testimonial-main-style-2 .testimonial-item .author-info span a:hover {
  color: #000;
}

/* Testimonial - main style 3--------------------------------------------------- */
.testimonial-main-style-3.top-icon-enabled .top-icon {
  margin-bottom: 10px;
  text-align: center;
}

.testimonial-main-style-3.top-icon-enabled .top-icon .fa { /* vector icons - Font Awesome */
  font-size: 40px;
  color: #b6c7db;
}

.testimonial-main-style-3 .testimonial-item .testimonial-text {
  text-align: center;
}

.testimonial-main-style-3 .testimonial-item .testimonial-text p {
  font-family: Lora, "Times New Roman", Times, serif;
  font-size: 28px;
  font-style: italic;
  margin-bottom: 0;
}

.testimonial-main-style-3 .testimonial-item .testimonial-author {
  position: relative;
  margin-top: 20px;
  line-height: 0;
  text-align: center;
  overflow: hidden;
}

.testimonial-main-style-3.author-info-inline .testimonial-item .testimonial-author {
  margin-bottom: 15px;
}

.testimonial-main-style-3 .testimonial-item .author-image {
  position: relative;
  display: inline-block;
}

.testimonial-main-style-3 .testimonial-item .author-image img {
  width: 80px;
  height: 80px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.testimonial-main-style-3 .testimonial-item .author-image::after {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: inset 0 0 4px 3px rgba(255, 255, 255, 0.7);
  box-shadow: inset 0 0 4px 3px rgba(255, 255, 255, 0.7);
  content: "";
}

.testimonial-main-style-3 .testimonial-item .author-image span { /* placeholder for the author's photo */
  position: relative;
  display: block;
  width: 80px;
  height: 80px;
  background-color: #879ab0;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  z-index: 2;
}

.testimonial-main-style-3 .testimonial-item .author-image i {
  display: block;
  font-size: 46px;
  line-height: 80px;
  color: #fff;
  text-align: center;
}

.testimonial-main-style-3 .testimonial-item .author-info {
  line-height: 1.5;
}

.testimonial-main-style-3 .testimonial-item .author-image + .author-info {
  margin-top: 15px;
}

.testimonial-main-style-3 .testimonial-item .author-info span {
  display: block;
  color: #666;
}

.testimonial-main-style-3.author-info-inline .testimonial-item .author-info span {
  display: inline;
}

.testimonial-main-style-3.author-info-inline .testimonial-item .author-info strong::after {
  content: ", ";
  font-weight: normal;
}

.testimonial-main-style-3 .testimonial-item .author-info span a {
  color: inherit;
}

.testimonial-main-style-3 .testimonial-item .author-info span a:hover {
  color: #222;
}

/* for dark colored background */
.dark-colored-bg .testimonial-main-style-3.top-icon-enabled .top-icon .fa {
  color: #b6c7db;
}

.dark-colored-bg .testimonial-main-style-3 .testimonial-item .testimonial-text p {
  color: #b6c7db;
}

.dark-colored-bg .testimonial-main-style-3 .testimonial-item .author-image::after {
  display: block;
}

.dark-colored-bg .testimonial-main-style-3 .testimonial-item .author-info {
  color: #fff;
}

.dark-colored-bg .testimonial-main-style-3 .testimonial-item .author-info span {
  color: #eee;
}

.dark-colored-bg .testimonial-main-style-3 .testimonial-item .author-info span a:hover {
  color: #d4e7ff;
}

/* for secondary color background */
.stripe-secondary-color-bg .testimonial-main-style-3.top-icon-enabled .top-icon .fa {
  color: rgba(255, 255, 255, 0.5);
}

.stripe-secondary-color-bg .testimonial-main-style-3 .testimonial-item .author-image::after {
  display: block;
  -webkit-box-shadow: inset 0 0 4px 1px rgba(255, 255, 255, 0.7);
  box-shadow: inset 0 0 4px 1px rgba(255, 255, 255, 0.7);
}

.stripe-secondary-color-bg .testimonial-main-style-3 .testimonial-item .author-image span {
  background-color: rgba(0, 156, 204, 0.7); /* #009ccc */
}

.stripe-secondary-color-bg .testimonial-main-style-3 .testimonial-item .author-info span {
  color: inherit;
}

.stripe-secondary-color-bg .testimonial-main-style-3 .testimonial-item .author-info span a:hover {
  color: #000;
}

/* Slider controls--------------------------------------------------- */
.testimonial-slider .testimonial-item {
  display: none;
}

.testimonial-slider .testimonial-item:first-of-type {
  display: block;
}

.testimonial-slider .cycle-pager {
  position: relative;
  margin-top: 10px;
  text-align: center;
}

.testimonial-main-style-1 .testimonial-slider .cycle-pager {
  position: absolute;
  left: 0;
  bottom: 50px;
  z-index: 200;
  margin-left: 415px;
  text-align: left;
}

.testimonial-main-style-2 .testimonial-slider .cycle-pager {
  margin: 40px 0 -10px;
  line-height: 0;
}

.testimonial-main-style-3 .testimonial-slider .cycle-pager {
  position: absolute;
  top: 22px;
  left: 0;
  right: 0;
  margin-top: 0;
  line-height: 0;
}

.testimonial-slider .cycle-pager .paging-control {
  display: inline-block;
}

.testimonial-slider .cycle-pager span {
  display: block;
  width: 8px;
  height: 8px;
  float: left;
  font-size: 0;
  line-height: 0;
  border: 1px solid #879ab0;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin: 5px;
  cursor: pointer;
}

.testimonial-slider .cycle-pager span.cycle-pager-active {
  background-color: #879ab0;
}

.testimonial-main-style-1 .testimonial-slider .cycle-pager span {
  width: 10px;
  height: 10px;
  margin: 9px 7px 5px 7px;
  background-color: #879ab0;
}

.testimonial-main-style-1 .testimonial-slider .cycle-pager span.cycle-pager-active {
  background-color: #62758c;
  border-color: #62758c;
}

.testimonial-slider .cycle-prev, .testimonial-slider .cycle-next {
  display: inline-block;
  height: 36px;
  padding: 6px 10px;
  cursor: pointer;
  opacity: 0.7;
  -webkit-transition: opacity 0.15s ease;
  -o-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
}

.testimonial-slider .cycle-prev {
  margin-right: 20px;
}

.testimonial-slider .cycle-next {
  margin-left: 20px;
}

.testimonial-main-style-1 .testimonial-slider .cycle-prev + .cycle-next, .testimonial-main-style-2 .testimonial-slider .cycle-prev + .cycle-next {
  margin-left: -20px;
}

.testimonial-main-style-3 .testimonial-slider .cycle-prev {
  margin-right: 70px;
}

.testimonial-main-style-3 .testimonial-slider .cycle-next {
  margin-left: 70px;
}

.testimonial-slider .cycle-prev:hover, .testimonial-slider .cycle-next:hover {
  opacity: 1;
}

.testimonial-slider .cycle-pager .fa { /* vector icons - Font Awesome */
  font-size: 24px;
  line-height: 1;
  color: #879ab0;
}

/* for dark colored background */
.dark-colored-bg .testimonial-slider .cycle-pager span {
  border-color: #b6c7db;
}

.dark-colored-bg .testimonial-slider .cycle-pager span.cycle-pager-active {
  background-color: #b6c7db;
}

.dark-colored-bg .testimonial-slider .cycle-pager .fa {
  color: #b6c7db;
}

.dark-colored-bg .testimonial-main-style-1 .testimonial-slider .cycle-pager span {
  background-color: #62758c;
  border-color: #62758c;
}

.dark-colored-bg .testimonial-main-style-1 .testimonial-slider .cycle-pager span.cycle-pager-active {
  background-color: #b6c7db;
  border-color: #b6c7db;
}

/* for secondary color background */
.stripe-secondary-color-bg .testimonial-slider .cycle-pager span {
  border-color: rgba(0, 0, 0, 0.5);
}

.stripe-secondary-color-bg .testimonial-slider .cycle-pager span.cycle-pager-active {
  background-color: rgba(0, 0, 0, 0.5);
}

.stripe-secondary-color-bg .testimonial-slider .cycle-pager .fa {
  color: rgba(0, 0, 0, 0.5);
}

.stripe-secondary-color-bg .testimonial-main-style-1 .testimonial-slider .cycle-pager span {
  background-color: rgba(0, 0, 0, 0.3);
  border-color: transparent;
}

.stripe-secondary-color-bg .testimonial-main-style-1 .testimonial-slider .cycle-pager span.cycle-pager-active {
  background-color: rgba(0, 0, 0, 0.5);
}

/* Media queries--------------------------------------------------- *//* for high-resolution devices */
@media (-webkit-min-device-pixel-ratio: 1.5),     (-o-min-device-pixel-ratio: 3/2),     (min-resolution: 1.5dppx),     (min-resolution: 144dpi) {
  .testimonial-main-style-2 .testimonial-item .author-image::after {
    background-image: url(../images/icons/quotes-light-2x.png);
    background-size: 90px 87px;
  }

  .stripe-white-bg .testimonial-main-style-2 .testimonial-item .author-image::after, #page-content.sidebar-layout .testimonial-main-style-2 .testimonial-item .author-image::after {
    background-image: url(../images/icons/quotes-dark-2x.png);
    background-size: 90px 87px;
  }
}

@media (min-width: 1920px) {
  .testimonial-main-style-1 {
    height: 490px;
    background-position: left 400px top 70px;
  }

  .testimonial-main-style-1 .testimonial-item {
    height: 490px;
    padding-left: 430px;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .testimonial-main-style-1 .testimonial-item .testimonial-image {
    height: 490px;
  }

  .testimonial-main-style-1 .testimonial-slider .cycle-pager {
    bottom: 70px;
    margin-left: 425px;
  }
}

@media (min-width: 1520px) {
  .testimonial-main-style-1 .testimonial-item .testimonial-image figure {
    margin-left: calc(1290px / 2 - 50vw);
  }
}

@media (min-width: 1200px) and (max-width: 1519px) {
  .testimonial-main-style-1 .testimonial-item .testimonial-image figure {
    margin-left: calc(1140px / 2 - 50vw);
  }
}

@media (min-width: 992px) {
  .testimonial-boxes .col-md-6 {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }

  .testimonial-boxes .row:first-child .col-sm-6, .testimonial-boxes .row:first-child .col-md-6 {
    margin-top: 0;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .testimonial-boxes .columns {
    padding: 30px 40px;
  }

  .testimonial-boxes .testimonial-image + .testimonial-content {
    margin-left: 110px;
  }

  .testimonial-main-style-1 {
    margin-top: -75px;
    margin-bottom: -75px;
    background-position: left 380px top 35px;
  }

  .stripe-narrow .testimonial-main-style-1 {
    margin-top: -55px;
    margin-bottom: -55px;
  }

  .testimonial-main-style-1 .testimonial-item {
    padding-left: 410px;
    padding-top: 65px;
    padding-bottom: 65px;
  }

  .testimonial-main-style-1 .testimonial-item .testimonial-image figure {
    margin-left: calc(940px / 2 - 50vw);
  }

  .testimonial-main-style-1 .testimonial-item .testimonial-text {
    margin-top: 15px;
  }

  .testimonial-main-style-1 .testimonial-item .testimonial-text p {
    max-height: 210px; /* 210px = 35px * 6 */
    letter-spacing: 0.3px;
  }

  .testimonial-main-style-1 .testimonial-slider .cycle-pager {
    bottom: 35px;
    margin-left: 405px;
  }
}

@media (min-width: 768px) {
  .testimonial-boxes .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .testimonial-boxes .col-sm-6 {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 30px 40px;
  }

  .testimonial-boxes .row:first-child .col-sm-6 {
    margin-top: 0;
  }

  .testimonial-boxes .col-sm-6 .testimonial-image + .testimonial-content {
    margin-left: 110px;
  }

  .testimonial-main-style-1 {
    margin-top: -75px;
    margin-bottom: -75px;
    background-position: left 365px top 25px;
  }

  .stripe-narrow .testimonial-main-style-1 {
    margin-top: -55px;
    margin-bottom: -55px;
  }

  .testimonial-main-style-1 .testimonial-item {
    padding-left: 390px;
    padding-top: 65px;
    padding-bottom: 65px;
  }

  .testimonial-main-style-1 .testimonial-item .testimonial-image figure {
    margin-left: calc(720px / 2 - 50vw);
  }

  .testimonial-main-style-1 .testimonial-item .testimonial-title {
    height: 50px;
  }

  .testimonial-main-style-1 .testimonial-item .testimonial-title > * {
    font-size: 24px;
  }

  .testimonial-main-style-1 .testimonial-item .testimonial-text {
    margin-top: 10px;
  }

  .testimonial-main-style-1 .testimonial-item .testimonial-text p {
    font-family: inherit;
    font-size: 17px;
    line-height: 1.65;
    font-weight: inherit;
    max-height: 225px; /* 225px = 28.05px * 8 */
    letter-spacing: 0;
  }

  .testimonial-main-style-1 .testimonial-slider .cycle-pager {
    right: 385px;
    bottom: 20px;
    margin-left: 0;
    text-align: center;
  }

  .testimonial-main-style-1 .testimonial-slider .cycle-pager span {
    width: 12px;
    height: 12px;
    margin: 16px 10px 4px 10px;
    background-color: #ccc !important;
    border-color: #ccc !important;
  }

  .testimonial-main-style-1 .testimonial-slider .cycle-pager span.cycle-pager-active {
    background-color: #fff !important;
    border-color: #fff !important;
  }

  .testimonial-main-style-1 .testimonial-slider .cycle-pager .fa {
    color: #ccc;
  }

  .testimonial-main-style-2 .testimonial-item .testimonial-text {
    padding-top: 13px;
  }

  .testimonial-main-style-2 .testimonial-item .testimonial-text p {
    font-size: 22px;
  }
}

@media (max-width: 767px) {
  .testimonial-aside::before {
    left: -10px;
  }

  .testimonial-main-style-2 .testimonial-item {
    padding-left: 120px;
  }

  .testimonial-main-style-2 .testimonial-item .testimonial-text {
    padding-top: 7px;
  }

  .testimonial-main-style-2 .testimonial-item .testimonial-text p {
    font-size: 19px;
  }

  .testimonial-main-style-2 .testimonial-item .author-image img {
    width: 104px;
    height: 104px;
  }

  .dark-colored-bg .testimonial-main-style-2 .testimonial-item .author-image img {
    width: 106px;
    height: 106px;
  }

  .testimonial-main-style-2 .testimonial-item .author-image::after {
    left: 85px;
    width: 70px;
    height: 68px;
    background-size: 70px 68px;
  }

  .stripe-white-bg .testimonial-main-style-2 .testimonial-item .author-image::after, #page-content.sidebar-layout .testimonial-main-style-2 .testimonial-item .author-image::after {
    background-size: 70px 68px;
  }

  .testimonial-main-style-2 .testimonial-item .author-image span {
    width: 100px;
    height: 100px;
  }

  .testimonial-main-style-2 .testimonial-item .author-image i {
    font-size: 54px;
    line-height: 100px;
  }

  .testimonial-main-style-3 .testimonial-item .testimonial-text p {
    font-size: 24px;
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  .testimonial-main-style-1 {
    height: 400px;
    margin-top: -75px;
    margin-bottom: -75px;
    background-position: left 305px top 10px;
  }

  .stripe-narrow .testimonial-main-style-1 {
    margin-top: -55px;
    margin-bottom: -55px;
  }

  .testimonial-main-style-1 .testimonial-item {
    height: 400px;
    padding-left: 330px;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .testimonial-main-style-1 .testimonial-item .testimonial-image {
    width: 300px;
    height: 400px;
  }

  .testimonial-main-style-1 .testimonial-item .testimonial-image figure {
    margin-left: -15px;
  }

  .testimonial-main-style-1 .testimonial-item .testimonial-title {
    height: 40px;
  }

  .testimonial-main-style-1 .testimonial-item .testimonial-title > * {
    font-size: 23px;
  }

  .testimonial-main-style-1 .testimonial-item .testimonial-text {
    margin-top: 5px;
  }

  .testimonial-main-style-1 .testimonial-item .testimonial-text p {
    font-family: inherit;
    font-size: 16px;
    line-height: 1.65;
    font-weight: inherit;
    max-height: 212px; /* 212px = 26.4px * 8 */
    letter-spacing: 0;
  }

  .testimonial-main-style-1 .testimonial-slider .cycle-pager {
    bottom: 20px;
    width: 280px;
    margin-left: 0;
    text-align: center;
  }

  .testimonial-main-style-1 .testimonial-slider .cycle-pager span {
    width: 12px;
    height: 12px;
    margin: 16px 10px 4px 10px;
    background-color: #ccc !important;
    border-color: #ccc !important;
  }

  .testimonial-main-style-1 .testimonial-slider .cycle-pager span.cycle-pager-active {
    background-color: #fff !important;
    border-color: #fff !important;
  }

  .testimonial-main-style-1 .testimonial-slider .cycle-pager .fa {
    color: #ccc;
  }
}

@media (max-width: 479px) {
  .testimonial-boxes .columns {
    padding: 30px 40px;
  }

  .testimonial-boxes .testimonial-image {
    margin: 5px 20px 12px 0;
  }

  .testimonial-boxes .testimonial-image img, .testimonial-boxes .testimonial-image span {
    width: 80px;
    height: 80px;
  }

  .testimonial-boxes .testimonial-image i {
    font-size: 48px;
    line-height: 80px;
  }

  .testimonial-boxes .testimonial-image + .testimonial-content {
    margin-left: 0;
  }

  .testimonial-boxes .testimonial-content blockquote {
    min-height: 95px;
  }

  .testimonial-main-style-1 {
    height: auto;
    margin: -60px -15px 0;
    padding: 0 15px;
    background-position: left 0 top 280px;
  }

  .stripe-narrow .testimonial-main-style-1 {
    margin: -45px 0 0;
  }

  .testimonial-main-style-1 .testimonial-item {
    height: auto;
    padding: 0;
  }

  .testimonial-main-style-1 .testimonial-item .testimonial-image {
    position: static;
    width: 100%;
    height: 280px;
    margin-bottom: 50px;
  }

  .testimonial-main-style-1 .testimonial-item .testimonial-image figure {
    margin: 0 -15px;
  }

  .testimonial-main-style-1 .testimonial-item .testimonial-title {
    height: auto;
  }

  .testimonial-main-style-1 .testimonial-item .testimonial-title > * {
    position: static;
  }

  .testimonial-main-style-1 .testimonial-item .testimonial-text {
    margin-top: 10px;
  }

  .testimonial-main-style-1 .testimonial-item .testimonial-text p {
    max-height: none;
    overflow: visible;
    font-size: 18px;
  }

  .testimonial-main-style-1 .testimonial-slider .cycle-pager {
    position: static;
    right: auto;
    bottom: auto;
    margin: 30px 0 0;
    text-align: center;
  }

  .testimonial-main-style-2 .testimonial-item {
    padding-left: 0;
  }

  .testimonial-main-style-2 .testimonial-item .testimonial-text {
    padding-top: 15px;
  }

  .testimonial-main-style-2 .testimonial-item .testimonial-text::before {
    display: block;
    float: left;
    width: 120px;
    height: 110px;
    content: "";
  }

  .testimonial-main-style-2 .testimonial-item .author-image::after {
    top: -30px;
    left: 93px;
  }
}

/*-----------------------------------------------------------------------------------*//*	16. Staff/*-----------------------------------------------------------------------------------*/
.staff.picture-boxes.left-picture-box > article {
  margin-top: 80px;
}

.staff.picture-boxes.left-picture-box > article:first-child {
  margin-top: 0;
}

.staff.picture-boxes.left-picture-box .box-image {
  float: left;
  width: 330px;
}

.staff.picture-boxes.left-picture-box .box-text {
  margin-left: 390px;
}

.staff.picture-boxes.top-picture-box .box-image .image-overlay {
  background-color: rgba(33, 53, 77, 0.7); /* #21354d */
}

.staff.picture-boxes.top-picture-box .box-image .image-overlay a {
  display: block;
  width: 100%;
  height: 100%;
}

.staff.picture-boxes.top-picture-box .box-image .image-overlay .label { /* SPAN with "view profile" label */
  top: 50%;
  height: auto;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  font-weight: 700;
  line-height: 1.5;
  color: #fff;
  padding: 30px 12px;
  text-align: center;
}

.staff.picture-boxes .box-text .sub {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  color: #62758c;
  margin-top: 5px;
}

.staff.picture-boxes .box-text .sub:not(:last-child) {
  font-size: 15px;
  color: inherit;
  text-transform: uppercase;
}

.staff .box-text .contact-details {
  margin-top: 12px;
  overflow: hidden; /* to break floating */
}

.staff .box-text .contact-phone .phone-number, .staff .box-text .contact-email a {
  font-weight: 400;
  color: #62758c;
  background-color: rgba(255, 188, 140, 0.2); /* #ffbc8c */
  padding: 2px 5px 4px;
}

.staff .box-text .contact-phone .phone-number:hover, .staff .box-text .contact-email a:hover {
  color: #222;
}

.staff .box-text .contact-phone + .contact-email {
  margin-top: 5px;
}

.staff .box-text .contact-email {
  float: left;
}

.staff .box-text .fa-icon-list {
  margin: 6px 0 0;
}

.staff .box-text .contact-email + .fa-icon-list {
  margin: 1px 0 0;
}

.staff .box-text .contact-phone + .contact-email + .fa-icon-list {
  margin: 6px 0 0;
}

.staff .box-text .fa-icon-list li {
  margin: 0 0 5px 5px;
}

.staff .box-text .fa-icon-list li:first-child {
  margin-left: 20px;
}

.staff .box-text .fa-icon-list:first-child li:first-child {
  margin-left: 0;
}

.staff .box-text .fa-icon-list li a {
  display: block;
  width: 27px;
  height: 27px;
  text-align: center;
  color: #f78534;
  background-color: #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.staff .box-text .fa-icon-list li a:hover {
  color: #e5660b;
}

.staff .box-text .fa-icon-list li .fa {
  width: 23px;
  font-size: 15px;
  line-height: 27px;
}

.staff .box-text p {
}

.staff .box-text .profile-description {
  font-size: 16px;
  margin-top: 20px;
}

.staff .box-text .profile-description h5 {
  margin: 0 0 10px;
}

.staff .box-text .profile-description h6 {
  font-size: inherit;
  margin: 0 0 10px;
}

.staff .box-text .profile-description p, .staff .box-text .profile-description ul, .staff .box-text .profile-description ol {
  margin: 0 0 20px;
}

.staff .box-text .profile-description > *:last-child {
  margin-bottom: 0;
}

.staff.picture-boxes .box-text .read-more-link {
  margin-top: 0;
}

/* Staff member profile--------------------------------------------------- */
.staff-member-profile .profile-header {
  margin-bottom: 25px;
}

.staff-member-profile .profile-header .title {
  margin-bottom: 0;
}

.staff-member-profile .profile-header .subtitle {
  color: #e5660b;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  margin: 5px 0 0;
}

.staff-member-profile .profile-header .subtitle + p {
  font-size: 15px;
  font-weight: 400;
  color: #879ab0;
}

.staff-member-profile .profile-header > *:last-child {
  margin-bottom: 0;
}

/* Contact details */
.staff-member-profile .contact-details {
  margin-top: 20px;
}

.staff-member-profile .contact-details > div[class*="contact-"] {
  font-weight: 600;
  margin-top: 7px;
}

.staff-member-profile .contact-details > div[class*="contact-"]:first-child {
  margin-top: 0;
}

.staff-member-profile .contact-email div, .staff-member-profile .contact-phone div, .staff-member-profile .contact-skype div {
  margin-left: 26px;
}

.staff-member-profile .contact-email .fa { /* vector icons - Font Awesome */
  float: left;
  font-size: 14px;
  color: #b6c7db;
  margin: 8px 0 0 0;
}

.staff-member-profile .contact-phone .fa {
  float: left;
  font-size: 21px;
  color: #b6c7db;
  margin: 4px 0 0 3px;
}

.staff-member-profile .contact-skype .fa {
  float: left;
  font-size: 15px;
  color: #b6c7db;
  margin: 7px 0 0 0;
}

.staff-member-profile .contact-email a, .staff-member-profile .contact-phone .phone-number, .staff-member-profile .contact-skype {
  font-weight: inherit;
  color: #62758c;
}

.staff-member-profile .contact-email a:hover, .staff-member-profile .contact-phone .phone-number:hover {
  color: #879ab0;
}

.staff-member-profile .contact-email a {
  white-space: normal;
  word-wrap: break-word;
}

.staff-member-profile .fa-icon-list {
  margin-top: 20px;
}

.staff-member-profile .fa-icon-list li a {
  display: block;
  width: 33px;
  height: 33px;
  text-align: center;
  background-color: #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-transition: box-shadow 0.15s ease;
  -o-transition: box-shadow 0.15s ease;
  transition: box-shadow 0.15s ease;
}

.staff-member-profile .fa-icon-list li a:hover {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
}

.staff-member-profile .fa-icon-list li .fa {
  width: 23px;
  line-height: 33px;
}

/* Profile in popup */
.mfp-content .staff-member-profile .profile-header .subtitle {
  line-height: 1.5;
}

.mfp-content .staff-member-profile .fa-icon-list li .fa {
  color: #62758c;
}

/* Profile on single page */
.single-staff .staff-member-profile .contact-details {
  margin-top: 10px;
}

.single-staff .staff-member-profile .fa-icon-list li .fa {
  color: #62758c;
}

.single-staff .staff-member-profile .profile-description {
  margin-top: 65px;
}

.single-staff .staff-member-profile .profile-description > *:last-child {
  margin-bottom: 0;
}

/* Media queries--------------------------------------------------- */
@media (min-width: 1520px) {
  .staff.picture-boxes.left-picture-box .box-text {
    margin-left: 400px;
  }

  /* Profile on single page */
  .single-staff .staff-member-profile .profile-header.columns, .single-staff .staff-member-profile .profile-info.columns {
    padding-left: 60px;
  }

  .stripe-box .single-staff .staff-member-profile .profile-image figure, .stripe-right .single-staff .staff-member-profile .profile-image figure {
    margin: -100px -15px 0 -90px;
  }
}

@media (min-width: 992px) {
  /* Profile in popup */
  .mfp-content .staff-member-profile .profile-header.columns {
    float: right;
    padding-left: 35px;
  }

  .mfp-content .staff-member-profile .profile-description.columns {
    padding-left: 35px;
  }
}

@media (min-width: 768px) {
  /* Profile on single page */
  .single-staff .staff-member-profile .profile-header.columns {
    float: right;
  }

  .stripe-fullwidth .single-staff .staff-member-profile .profile-header .title, .stripe-left .single-staff .staff-member-profile .profile-header .title {
    margin-top: 15px;
  }
}

@media (min-width: 1200px) and (max-width: 1519px) {
  /* Profile on single page */
  .single-staff .staff-member-profile .profile-header.columns, .single-staff .staff-member-profile .profile-info.columns {
    padding-left: 50px;
  }

  .stripe-box .single-staff .staff-member-profile .profile-image figure, .stripe-right .single-staff .staff-member-profile .profile-image figure {
    margin: -90px -15px 0 -90px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .staff.picture-boxes.left-picture-box .box-image {
    width: 300px;
  }

  .staff.picture-boxes.left-picture-box .box-text {
    margin-left: 340px;
  }

  /* Profile on single page */
  .single-staff .staff-member-profile .profile-header.columns, .single-staff .staff-member-profile .profile-info.columns {
    padding-left: 35px;
  }

  .stripe-box .single-staff .staff-member-profile .profile-image figure, .stripe-right .single-staff .staff-member-profile .profile-image figure {
    margin: -75px -15px 0 -75px;
  }

  .single-staff .staff-member-profile .contact-details {
    margin-top: 5px;
  }
}

@media (max-width: 991px) {
  /* Profile in popup */
  .mfp-content .staff-member-profile .profile-description.columns {
    margin-top: 45px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .staff.picture-boxes.left-picture-box .box-image {
    width: 260px;
  }

  .staff.picture-boxes.left-picture-box .box-text {
    margin-left: 290px;
  }

  .staff .box-text .contact-phone .phone-number, .staff .box-text .contact-email a {
    font-size: 16px;
  }

  .staff .box-text .contact-email {
    float: none;
  }

  .staff .box-text .fa-icon-list:not(:first-child) {
    margin-top: 15px !important;
  }

  .staff .box-text .fa-icon-list li:first-child {
    margin-left: 0;
  }

  /* Profile on single page */
  .single-staff .staff-member-profile .profile-header.columns, .single-staff .staff-member-profile .profile-info.columns {
    padding-left: 30px;
  }

  .single-staff .staff-member-profile .profile-header .title {
    margin-top: -15px;
  }

  .stripe-box .single-staff .staff-member-profile .profile-image figure, .stripe-right .single-staff .staff-member-profile .profile-image figure {
    margin: -75px -15px 0 -45px;
  }

  .single-staff .staff-member-profile .contact-details {
    margin-top: 0;
  }

  .single-staff .staff-member-profile .contact-details > div[class*="contact-"] {
    font-size: 16px;
  }

  .single-staff .staff-member-profile .contact-email .fa {
    margin-top: 7px;
  }

  .single-staff .staff-member-profile .contact-phone .fa {
    margin-top: 3px;
  }

  .single-staff .staff-member-profile .contact-skype .fa {
    margin-top: 6px;
  }
}

@media (max-width: 767px) {
  .staff.picture-boxes .box-text .sub:not(:last-child) {
    font-size: 14px;
  }

  .staff .box-text .contact-email {
    float: none;
  }

  .staff .box-text .fa-icon-list:not(:first-child) {
    margin-top: 15px !important;
  }

  .staff .box-text .fa-icon-list li:first-child {
    margin-left: 0;
  }

  .staff-member-profile .contact-email .fa {
    margin-top: 7px;
  }

  .staff-member-profile .contact-phone .fa {
    margin-top: 3px;
  }

  .staff-member-profile .contact-skype .fa {
    margin-top: 6px;
  }

  /* Profile on single page */
  .single-staff .staff-member-profile .contact-details {
    margin-top: 25px;
  }

  .single-staff .staff-member-profile .profile-description {
    margin-top: 50px;
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  .staff.picture-boxes.left-picture-box .box-image {
    width: 200px;
    margin-right: 30px;
    margin-bottom: 20px;
  }

  .staff.picture-boxes.left-picture-box .box-text {
    margin-left: 0;
  }
}

@media (max-width: 479px) {
  .staff.picture-boxes.left-picture-box article {
    text-align: left;
  }

  .staff.picture-boxes.left-picture-box .box-image {
    float: none;
    width: auto;
  }

  .staff.picture-boxes.left-picture-box .box-text {
    margin: 30px 0 0 0;
  }

  /* Profile in popup */
  .mfp-content .staff-member-profile .profile-header.columns, .mfp-content .staff-member-profile .profile-info.columns, .mfp-content .staff-member-profile .profile-description.columns {
    padding-left: 0;
    padding-right: 0;
  }

  .mfp-content .staff-member-profile .contact-email div {
    margin-right: -10px;
  }
}

/*-----------------------------------------------------------------------------------*//*	17. Tabs/*-----------------------------------------------------------------------------------*//* Standard--------------------------------------------------- */
.tabs .tabs-nav .tabs-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.tabs .tabs-nav .tabs-list li {
  display: inline-block;
  font-weight: bold;
  margin: 0 30px 0 0;
}

.tabs .tabs-nav .tabs-list li:last-child {
  margin-right: 0;
}

.tabs .tabs-nav .tabs-list a {
  display: block;
  font-weight: inherit;
  border-bottom: 2px solid transparent;
}

.tabs .tabs-nav .tabs-list li.active a {
  color: #62758c;
  border-bottom-color: #f78534;
}

/* for dark colored background */
.dark-colored-bg .tabs .tabs-nav .tabs-list a {
  color: #b6c7db;
}

.dark-colored-bg .tabs .tabs-nav .tabs-list a:hover {
  color: #d4e7ff;
}

.dark-colored-bg .tabs .tabs-nav .tabs-list li.active a {
  color: #d4e7ff;
  border-bottom-color: #d4e7ff;
}

/* for secondary color background */
.stripe-secondary-color-bg .tabs .tabs-nav .tabs-list a {
  color: #fff;
}

.stripe-secondary-color-bg .tabs .tabs-nav .tabs-list a:hover {
  color: #f5f5f5;
}

.stripe-secondary-color-bg .tabs .tabs-nav .tabs-list li.active a {
  color: #fff;
  border-bottom-color: #f9f9f9;
}

.tabs .tabs-content {
  margin-top: 20px;
}

.tabs .tabs-content.top-margin-large {
  margin-top: 40px;
}

.tabs .tabs-content .tab-pane {
  display: none;
}

.tabs .tabs-content .tab-pane:first-child {
  display: block;
}

.tabs .tab-pane p:last-child, .tabs .tab-pane ul:last-child, .tabs .tab-pane ol:last-child, .tabs .tab-pane blockquote:last-child {
  margin-bottom: 0;
}

/* Full-width--------------------------------------------------- */
.stripe + .tabs-full-width, .tabs-full-width .tabs-content, .tabs-full-width + .stripe {
  margin-top: -60px;
}

.tabs-full-width .tabs-nav .tabs-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.tabs-full-width .tabs-nav .tabs-list li {
  display: inline-block;
  font-weight: 600;
  margin: 0 30px 0 0;
}

.tabs-full-width .tabs-nav .tabs-list li:last-child {
  margin-right: 0;
}

.tabs-full-width .tabs-nav .tabs-list a {
  display: block;
  font-weight: inherit;
  padding-bottom: 2px;
  border-bottom: 2px dotted transparent;
}

.tabs-full-width .tabs-nav .tabs-list li.active a {
  color: #62758c;
  border-bottom-color: #f78534;
}

/* for dark colored background */
.tabs-full-width .tabs-nav .dark-colored-bg .tabs-list li {
  font-weight: normal;
}

.tabs-full-width .tabs-nav .dark-colored-bg .tabs-list a {
  color: #b6c7db;
}

.tabs-full-width .tabs-nav .dark-colored-bg .tabs-list a:hover {
  color: #d4e7ff;
}

.tabs-full-width .tabs-nav .dark-colored-bg .tabs-list li.active a {
  color: #d4e7ff;
  border-bottom-color: #d4e7ff;
}

/* for secondary color background */
.tabs-full-width .tabs-nav .stripe-secondary-color-bg .tabs-list a {
  color: rgba(33, 53, 77, 0.8); /* #21354d */
}

.tabs-full-width .tabs-nav .stripe-secondary-color-bg .tabs-list a:hover {
  color: #21354d;
}

.tabs-full-width .tabs-nav .stripe-secondary-color-bg .tabs-list li.active a {
  color: rgba(0, 0, 0, 0.8);
  border-bottom-color: #fff;
}

.tabs-full-width .tabs-content .tab-pane {
  display: none;
}

.tabs-full-width .tabs-content .tab-pane:first-child {
  display: block;
}

/* Media queries--------------------------------------------------- */
@media (min-width: 992px) and (max-width: 1199px) {
  .tabs .tabs-nav .tabs-list li {
    margin-right: 25px;
  }
}

@media (max-width: 991px) {
  .tabs-full-width .tabs-nav .tabs-list {
    font-size: inherit;
  }

  .tabs-full-width .tabs-nav .tabs-list li {
    line-height: 1.3;
    margin: 0 20px 5px 0;
  }

  .tabs-full-width .tabs-nav .tabs-list a {
    padding-bottom: 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .tabs .tabs-nav .tabs-list li {
    margin-right: 20px;
  }
}

@media (max-width: 767px) {
  .tabs .tabs-nav .tabs-list li {
    line-height: 1.5;
    margin: 0 20px 5px 0;
  }

  .tabs-full-width .tabs-nav .dark-colored-bg .tabs-list a {
    border-bottom-width: 1px;
  }
}

/*-----------------------------------------------------------------------------------*//*	18. Accordion / Toggle/*-----------------------------------------------------------------------------------*/
.toggle-trigger {
  position: relative;
  border-top: 1px dotted #c3c3c3;
  padding: 22px 60px 22px 0;
  cursor: pointer;
}

.stripe-white-bg .toggle-trigger, #page-content.sidebar-layout .toggle-trigger {
  border-top-color: #ccc; /* on white bg */
}

.toggle-trigger:first-child {
  border-top: none;
  margin-top: -22px;
}

.toggle-trigger::after {
  position: absolute;
  display: block;
  top: 50%;
  right: 10px;
  width: 28px;
  height: 28px;
  margin-top: -14px;
  font-family: FontAwesome;
  content: "\f107";
  font-size: 28px;
  line-height: 1;
  color: #879ab0;
  text-align: center;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.toggle-trigger.active::after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.toggle-trigger a {
  display: block;
  padding: 0;
}

.toggle-trigger .title {
  margin-bottom: 0;
}

.toggle-trigger h5.title {
  font-weight: 500;
}

.toggle-trigger:hover a {
  color: #1f5494;
}

.toggle-trigger:hover::after {
  color: #62758c;
}

.toggle-container .toggle-content {
  padding: 0 0 35px;
}

.toggle-container:last-child .toggle-content {
  padding-bottom: 16px;
}

.toggle-container .toggle-content > *:last-child {
  margin-bottom: 0;
}

.toggle-container {
  display: none;
}

.accordion .toggle-trigger:first-child + .toggle-container, .toggles .toggle-trigger:first-child + .toggle-container {
  display: block;
}

/* Numbered list of items */
.accordion.numbered-items, .toggles.numbered-items {
  counter-reset: question;
}

.accordion.numbered-items .toggle-trigger a:before, .toggles.numbered-items .toggle-trigger a:before {
  content: counter(question) ". ";
  counter-increment: question;
  color: #879ab0;
}

/*-----------------------------------------------------------------------------------*//*	19. Stat Data/*-----------------------------------------------------------------------------------*/
.stat-data[class*="-cols"] .columns {
  position: relative;
}

.stat-data[class*="-cols"] .columns::before {
  position: absolute;
  display: block;
  right: -1px;
  top: -100px;
  bottom: -100px;
  border-left-style: dashed;
  border-left-color: #ccc;
}

.stat-data[class*="-cols"]:only-child .columns::before {
  content: "";
}

.stat-data.stat-2-cols .columns::before {
  border-left-width: 3px;
}

.stat-data.stat-3-cols .columns::before {
  border-left-width: 2px;
}

.stat-data[class*="-cols"] .columns:last-child::before {
  display: none;
}

.stripe-narrow .stat-data[class*="-cols"] .columns::before {
  top: -70px;
  bottom: -70px;
}

.stat-data > article {
  margin-top: 25px;
}

.stat-data > article:first-child {
  margin-top: 0;
}

.stat-data.stat-2-cols article {
  text-align: center;
}

.stat-data .fact-number {
  font: 700 42px/1 Verdana, Geneva, sans-serif;
  color: rgba(33, 53, 77, 0.8); /* #21354d */
  margin-bottom: 15px;
}

.stat-data.stat-2-cols .fact-number {
  font-size: 48px;
  margin-bottom: 5px;
}

.stat-data > article .fact-number {
  color: #f78534;
}

.stat-data .fact-title {
  margin-bottom: 10px;
}

.stat-data .fact-title .title {
  font-weight: bold;
  color: #e5660b;
  margin-bottom: 0;
}

.stat-data .fact-statement p {
  font-size: 20px;
  line-height: 1.3;
  font-weight: 400;
  margin-bottom: 0;
}

.stat-data.stat-2-cols .fact-statement p {
  line-height: 1.5;
}

.stat-data.stat-3-cols .fact-statement p {
  font-size: 22px;
}

.stat-data .fact-statement cite {
  display: block;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 400;
  color: #879ab0;
  margin-top: 10px;
}

/* for dark colored background */
.dark-colored-bg .stat-data[class*="-cols"] .columns::before {
  border-left-color: #b5b5b5;
}

.dark-colored-bg .stat-data .fact-number {
  color: rgba(255, 255, 255, 0.85);
}

.dark-colored-bg .stat-data .fact-title .title {
  color: #ffbc8c;
}

.dark-colored-bg .stat-data.stat-2-cols .fact-statement p {
  color: #e5e5e5;
}

.dark-colored-bg .stat-data.stat-3-cols .fact-statement p {
  color: #fff;
}

.dark-colored-bg .stat-data .fact-statement cite {
  color: #b6c7db;
}

.dark-colored-bg .stat-data .fact-statement cite a {
  color: #d4e7ff;
}

.dark-colored-bg .stat-data .fact-statement cite a:hover {
  color: inherit;
}

/* for secondary color background */
.stripe-secondary-color-bg .stat-data[class*="-cols"] .columns::before {
  border-left-color: rgba(0, 0, 0, 0.25);
}

.stripe-secondary-color-bg .stat-data .fact-number {
  color: rgba(0, 0, 0, 0.6);
}

.stripe-secondary-color-bg .stat-data .fact-title .title {
  color: #fff;
}

.stripe-secondary-color-bg .stat-data .fact-statement cite {
  color: #666;
}

.stripe-secondary-color-bg .stat-data .fact-statement cite a {
  color: rgba(0, 0, 0, 0.6);
}

.stripe-secondary-color-bg .stat-data .fact-statement cite a:hover {
  color: inherit;
}

/* Media queries--------------------------------------------------- */
@media (min-width: 1520px) {
  .stat-data.stat-2-cols {
    margin-left: -40px;
    margin-right: -40px;
  }

  .stat-data.stat-2-cols article {
    margin-left: 40px;
    margin-right: 40px;
  }

  .stat-data.stat-3-cols {
    margin-left: -35px;
    margin-right: -35px;
  }

  .stat-data.stat-3-cols article {
    margin-left: 35px;
    margin-right: 35px;
  }
}

@media (min-width: 1200px) and (max-width: 1519px) {
  .stat-data.stat-2-cols {
    margin-left: -35px;
    margin-right: -35px;
  }

  .stat-data.stat-2-cols article {
    margin-left: 35px;
    margin-right: 35px;
  }

  .stat-data.stat-3-cols {
    margin-left: -30px;
    margin-right: -30px;
  }

  .stat-data.stat-3-cols article {
    margin-left: 30px;
    margin-right: 30px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .stat-data.stat-2-cols {
    margin-left: -30px;
    margin-right: -30px;
  }

  .stat-data.stat-2-cols article {
    margin-left: 30px;
    margin-right: 30px;
  }

  .stat-data.stat-3-cols {
    margin-left: -15px;
    margin-right: -15px;
  }

  .stat-data.stat-3-cols article {
    margin-left: 15px;
    margin-right: 15px;
  }

  .stat-data[class*="-cols"] .columns::before {
    top: -75px;
    bottom: -75px;
  }

  .stripe-narrow .stat-data[class*="-cols"] .columns::before {
    top: -55px;
    bottom: -55px;
  }
}

@media (min-width: 768px) {
  .stat-data[class*="-cols"] .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .stat-data[class*="-cols"] .columns {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .stat-data.stat-2-cols {
    margin-left: -25px;
    margin-right: -25px;
  }

  .stat-data.stat-2-cols article {
    margin-left: 25px;
    margin-right: 25px;
  }

  .stat-data.stat-3-cols {
    margin-left: -7px;
    margin-right: -7px;
  }

  .stat-data.stat-3-cols article {
    margin-left: 7px;
    margin-right: 7px;
  }

  .stat-data.stat-2-cols .fact-number {
    font-size: 44px;
  }

  .stat-data.stat-3-cols .fact-number {
    font-size: 40px;
  }

  .stat-data[class*="-cols"] .fact-statement p {
    font-size: inherit;
  }

  .stat-data.stat-3-cols .fact-statement p {
    font-size: 20px;
  }

  .stat-data[class*="-cols"] .columns::before {
    top: -75px;
    bottom: -75px;
  }

  .stripe-narrow .stat-data[class*="-cols"] .columns::before {
    top: -55px;
    bottom: -55px;
  }
}

@media (max-width: 767px) {
  .stat-data.stat-2-cols .columns article {
    margin-top: 40px;
  }

  .stat-data.stat-3-cols .columns article {
    margin-top: 35px;
  }

  .stat-data[class*="-cols"] .columns:first-child article {
    margin-top: 0;
  }

  .stat-data[class*="-cols"] .columns::before {
    display: none;
  }

  .stat-data.stat-2-cols .fact-number {
    font-size: 44px;
  }

  .stat-data.stat-3-cols .fact-number, .stat-data > article .fact-number {
    font-size: 40px;
  }

  .stat-data .fact-statement p {
    font-size: inherit;
  }

  .stat-data.stat-3-cols .fact-statement p, .stat-data > article .fact-statement p {
    font-size: 20px;
  }
}

/*-----------------------------------------------------------------------------------*//*	20. Venn Diagram/*-----------------------------------------------------------------------------------*/
.venn-diagram {
  position: relative;
  margin-top: 10px;
}

.venn-diagram .circle {
  float: left;
  width: 250px;
  height: 250px;
  background-color: rgba(237, 95, 74, 0.85); /* #ed5f4a */
  border: 2px solid #ed5f4a;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.venn-diagram.three-sets .circle1 {
  margin-top: 130px; /* 130px = (250px - 40%) * 0.866 */
  margin-right: -175px; /* 175px = 250px - (250px - 40%) * 0.5 */
}

.venn-diagram.three-sets .circle3 {
  margin-top: 130px; /* 130px =(250px - 40%) * 0.866 */
  margin-left: -175px; /* 175px = 250px - (250px - 40%) * 0.5 */
}

.venn-diagram.three-sets .overlap {
  position: absolute;
  top: 180px;
  left: 150px; /* 150px = (250px - 20%) - 100px/2 */
  width: 100px;
  height: 70px;
}

.venn-diagram .label-wrapper {
  position: relative;
  display: table;
  width: 100%;
  height: 100%;
}

.venn-diagram.three-sets .circle1 .label-wrapper {
  width: 160px;
  margin-top: 15px;
  margin-left: 10px;
  z-index: 1;
}

.venn-diagram.three-sets .circle2 .label-wrapper {
  height: 70%;
  z-index: 2;
}

.venn-diagram.three-sets .circle3 .label-wrapper {
  width: 160px;
  margin-top: 15px;
  margin-left: 75px;
  z-index: 3;
}

.venn-diagram .label {
  display: table-cell;
  font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 20px;
  line-height: 1.1;
  font-weight: 500;
  color: #fff;
  text-align: center;
  vertical-align: middle;
}

.venn-diagram .circle .label {
  text-transform: uppercase;
}

.venn-diagram .overlap .label {
  font-style: italic;
}

/* Two sets */
.venn-diagram.two-sets .circle2 {
  margin-top: 125px; /* 125px = 250px - 50% */
  margin-left: -250px;
}

.venn-diagram.two-sets .circle1 .label-wrapper {
  height: 65%;
  z-index: 1;
}

.venn-diagram.two-sets .circle2 .label-wrapper {
  height: 65%;
  margin-top: 35%;
  z-index: 2;
}

.venn-diagram.two-sets .overlap {
  position: absolute;
  top: 50%;
  left: 30px;
  width: 190px;
  height: 90px;
  margin-top: -45px;
}

/* Media queries--------------------------------------------------- */
@media (min-width: 992px) {
  /* Centering a diagram */
  .widget.align-only-md-center .venn-diagram {
    width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .venn-diagram .circle {
    width: 240px;
    height: 240px;
  }

  .venn-diagram.three-sets .circle1 {
    margin-top: 125px; /* 125px = (240px - 40%) * 0.866 */
    margin-right: -168px; /* 168px = 240px - (240px - 40%) * 0.5 */
  }

  .venn-diagram.three-sets .circle3 {
    margin-top: 125px; /* 125px =(240px - 40%) * 0.866 */
    margin-left: -168px; /* 168px = 240px - (240px - 40%) * 0.5 */
  }

  .venn-diagram.three-sets .overlap {
    top: 170px;
    left: 147px; /* 147px = (240px - 20%) - 90px/2 */
    width: 90px;
  }

  .venn-diagram.three-sets .circle1 .label-wrapper {
    width: 155px;
  }

  .venn-diagram.three-sets .circle3 .label-wrapper {
    width: 155px;
    margin-left: 70px;
  }

  .venn-diagram .label {
    font-size: 19px;
  }

  .venn-diagram.two-sets .circle2 {
    margin-top: 120px; /* 120px = 240px - 50% */
    margin-left: -240px;
  }

  .venn-diagram.two-sets .overlap {
    width: 180px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .col-sm-6 .venn-diagram .circle, .col-sm-7 .venn-diagram .circle, .col-sm-8 .venn-diagram .circle {
    width: 210px;
    height: 210px;
  }

  .col-sm-6 .venn-diagram.three-sets .circle1, .col-sm-7 .venn-diagram.three-sets .circle1, .col-sm-8 .venn-diagram.three-sets .circle1 {
    margin-top: 109px; /* 109px = (210px - 40%) * 0.866 */
    margin-right: -147px; /* 147px = 210px - (210px - 40%) * 0.5 */
  }

  .col-sm-6 .venn-diagram.three-sets .circle3, .col-sm-7 .venn-diagram.three-sets .circle3, .col-sm-8 .venn-diagram.three-sets .circle3 {
    margin-top: 109px; /* 109px = (210px - 40%) * 0.866 */
    margin-left: -147px; /* 147px = 210px - (210px - 40%) * 0.5 */
  }

  .col-sm-6 .venn-diagram.three-sets .overlap, .col-sm-7 .venn-diagram.three-sets .overlap, .col-sm-8 .venn-diagram.three-sets .overlap {
    top: 145px;
    left: 123px; /* 123px = (210px - 20%) - 90px/2 */
    width: 90px;
  }

  .col-sm-6 .venn-diagram.three-sets .circle1 .label-wrapper, .col-sm-7 .venn-diagram.three-sets .circle1 .label-wrapper, .col-sm-8 .venn-diagram.three-sets .circle1 .label-wrapper {
    width: 135px;
  }

  .col-sm-6 .venn-diagram.three-sets .circle3 .label-wrapper, .col-sm-7 .venn-diagram.three-sets .circle3 .label-wrapper, .col-sm-8 .venn-diagram.three-sets .circle3 .label-wrapper {
    width: 135px;
    margin-left: 55px;
  }

  .col-sm-6 .venn-diagram .label, .col-sm-7 .venn-diagram .label, .col-sm-8 .venn-diagram .label {
    font-size: 18px;
    line-height: 20px;
  }

  .col-sm-6 .venn-diagram.two-sets .circle2, .col-sm-7 .venn-diagram.two-sets .circle2, .col-sm-8 .venn-diagram.two-sets .circle2 {
    margin-top: 105px; /* 105px = 210px - 50% */
    margin-left: -210px;
  }

  .col-sm-6 .venn-diagram.two-sets .overlap, .col-sm-7 .venn-diagram.two-sets .overlap, .col-sm-8 .venn-diagram.two-sets .overlap {
    width: 150px;
  }

  /* Centering a diagram */
  .widget.align-only-sm-center .venn-diagram {
    width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 767px) {
  /* Centering a diagram */
  .widget.align-only-xs-center .venn-diagram {
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  .venn-diagram.three-sets {
    width: 400px !important;
    max-width: none;
  }

  .venn-diagram.two-sets {
    width: 250px !important;
  }
}

@media (max-width: 479px) {
  .venn-diagram.three-sets {
    width: 295px !important;
    max-width: none;
  }

  .venn-diagram.two-sets {
    width: 184px !important;
  }

  .venn-diagram .circle {
    width: 184px;
    height: 184px;
  }

  .venn-diagram.three-sets .circle1 {
    margin-top: 96px; /* 96px = (184px - 40%) * 0.866 */
    margin-right: -129px; /* 129px = 184px - (184px - 40%) * 0.5 */
  }

  .venn-diagram.three-sets .circle3 {
    margin-top: 96px; /* 96px = (184px - 40%) * 0.866 */
    margin-left: -129px; /* 129px = 184px - (184px - 40%) * 0.5 */
  }

  .venn-diagram.three-sets .overlap {
    top: 125px;
    left: 107px; /* 107px = (184px - 20%) - 80px/2 */
    width: 80px;
  }

  .venn-diagram.three-sets .circle1 .label-wrapper {
    width: 115px;
  }

  .venn-diagram.three-sets .circle3 .label-wrapper {
    width: 115px;
    margin-left: 40px;
  }

  .venn-diagram .label {
    font-size: 16px;
    line-height: 19px;
  }

  .venn-diagram.two-sets .circle2 {
    margin-top: 92px; /* 92px = 184px - 50% */
    margin-left: -184px;
  }

  .venn-diagram.two-sets .overlap {
    width: 124px;
  }
}

/*-----------------------------------------------------------------------------------*//*	21. Blog/*-----------------------------------------------------------------------------------*//* Category navigation--------------------------------------------------- */
.category-navigation {
  list-style: none;
  padding: 0;
  margin: -20px 0 45px;
  text-align: center;
}

.category-navigation li {
  display: inline-block;
  margin: 0 15px 10px 0;
}

.category-navigation li:last-child {
  margin-right: 0;
}

.category-navigation li a {
  display: block;
  font-size: 19px;
  line-height: 1.25;
  font-weight: 600;
  color: #62758c;
  padding: 2px 3px;
}

.category-navigation li a:hover {
  color: #222;
}

/* Blog - list layout--------------------------------------------------- */
.blog-list-layout article {
  position: relative;
  margin-left: -20px;
  padding: 50px 0 50px 20px;
}

.blog-list-layout article .entry-wrapper {
  position: relative;
}

.blog-list-layout article:first-child {
  padding-top: 0;
}

.blog-list-layout article:last-child {
  padding-bottom: 0;
}

.blog-list-layout article::before {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  width: 100%;
  height: 2px;
  border-top: 2px dotted #dedede;
  content: "";
}

.blog-list-layout article:first-child::before {
  border: none;
}

.blog-list-layout .post-media.overlay-enabled.inline-block {
  display: inline-block;
  margin-bottom: 6px;
}

/* Post date */
.blog-list-layout article .post-date {
  position: absolute;
  top: 10px;
  left: 0;
  width: 90px;
  padding-right: 15px;
  text-align: right;
}

.blog-list-layout article .post-date .day {
  display: block;
  font-size: 22px;
  line-height: 1;
  font-weight: 600;
  color: #879ab0;
  margin-top: 2px;
  letter-spacing: -1px;
  white-space: nowrap;
}

.blog-list-layout article .post-date .year {
  display: block;
  margin-top: 1px;
  padding-right: 1px;
  font: 16px/24px Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #909090;
}

.blog-list-layout article .post-date::after {
  position: absolute;
  display: block;
  top: 2px;
  right: 0;
  width: 3px;
  height: 54px;
  background-color: #e5e5e5;
  content: "";
  -webkit-transform: skew(-8deg);
  -ms-transform: skew(-8deg);
  -o-transform: skew(-8deg);
  transform: skew(-8deg);
  -webkit-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%;
}

/* Post content */
.blog-list-layout article .post-content {
  margin-left: 130px;
}

.blog-list-layout article .post-content .title {
  margin-bottom: 0;
}

.blog-list-layout article .post-content h2.title, #main-content .blog-list-layout article .post-content h2.title {
  font-size: 32px;
  line-height: 1.3;
  font-weight: 500;
}

.blog-list-layout article .post-content .title a {
  color: inherit;
  padding: 5px 0;
}

.blog-list-layout article .post-content .title a:hover {
  color: #1f5494;
}

.blog-list-layout article .post-meta {
  font-size: 16px;
  color: #666;
  font-style: italic;
  margin-top: 10px;
}

.blog-list-layout article .post-meta a {
  font-size: inherit;
  font-weight: 400;
  color: #e5660b;
}

.blog-list-layout article .post-meta a:hover {
  color: #f78534;
}

.blog-list-layout article .post-media {
  margin-top: 15px;
}

.blog-list-layout article .post-excerpt {
  margin-top: 15px;
}

.blog-list-layout article .post-media + .post-excerpt {
  margin-top: 30px;
}

.blog-list-layout article .post-excerpt p:last-of-type {
  margin-bottom: 0;
}

.blog-list-layout article .post-excerpt .read-more-link {
  margin-top: 15px;
  font-size: 14px;
  text-transform: uppercase;
}

.blog-list-layout article .post-excerpt .read-more-link::after {
  font-size: 12px;
  vertical-align: 0;
}

/* Blog - grid layout--------------------------------------------------- */
.blog-grid-layout {
  margin: -60px -15px 0;
}

.blog-grid-layout article {
  margin: 60px 15px 0;
  height: calc(100% - 60px);
}

.blog-grid-layout article .post-content {
  position: relative;
  height: 100%;
  padding: 2px 2px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 3px 0 rgba(33, 53, 77, 0.3);
  box-shadow: 0 1px 3px 0 rgba(33, 53, 77, 0.3); /* #21354d */
}

.no-touch-screen .blog-grid-layout .post-content:hover .image-overlay, .no-touch-screen .overlay-enabled:hover .image-overlay {
  opacity: 1;
}

/* Post tag */
.blog-grid-layout article .post-category {
  font-size: 16px;
  font-weight: 400;
  padding: 20px 20px 10px;
}

.blog-grid-layout article .post-category a {
  color: #e5660b;
  font-weight: inherit;
}

.blog-grid-layout article .post-category a:hover {
  color: #f78534;
}

/* Post description */
.blog-grid-layout article .post-description {
  position: relative;
  padding: 25px 20px;
}

.blog-grid-layout article .post-category + .post-description {
  padding-top: 0;
}

.blog-grid-layout article .post-description .title {
  margin-bottom: 0;
}

.blog-grid-layout article .post-description h4.title, #main-content .blog-grid-layout article .post-description h4.title {
  font-size: 22px;
  line-height: 1.5;
  font-weight: 500;
}

.blog-grid-layout article .post-description .title a {
  color: inherit;
  padding: 5px 0;
}

.blog-grid-layout article .post-description .title a:hover {
  color: #1f5494;
}

/* Post meta */
.blog-grid-layout article .post-meta {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  font-size: 13px;
  font-weight: 400;
  color: #879ab0;
  padding: 0 20px 20px;
}

.blog-grid-layout article .post-meta .ion { /* vector icons - Ionicons */
  font-size: 19px;
  vertical-align: -2px;
  padding-right: 5px;
}

.blog-grid-layout article .post-author {
  float: right;
}

.blog-grid-layout article .post-meta a {
  color: inherit;
  font-weight: inherit;
  font-style: italic;
}

.blog-grid-layout article .post-meta a:hover {
  text-decoration: underline;
}

/* Featured article */
.blog-grid-layout.featured-article {
  margin: 0;
}

.blog-grid-layout article.sticky-newest {
  margin: 0;
  height: auto;
}

.blog-grid-layout article.sticky-newest .post-content {
  height: auto;
  padding: 0;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.blog-grid-layout article.sticky-newest .post-meta {
  position: static;
  width: auto;
  font-size: 15px;
  margin: 0 0 20px 5px;
  padding: 0;
}

.blog-grid-layout article.sticky-newest .post-author {
  float: none;
}

.blog-grid-layout article.sticky-newest .post-author a {
  font-weight: 600;
  font-style: normal;
}

.blog-grid-layout article.sticky-newest .post-media {
  float: left;
  width: 640px;
}

.blog-grid-layout article.sticky-newest .post-category {
  font-size: 17px;
  margin-top: 10px;
  padding: 0;
}

.blog-grid-layout article.sticky-newest .post-description {
  margin: 0 0 0 680px;
  padding: 0;
}

.blog-grid-layout article.sticky-newest .post-description p {
  margin: 20px 0 0;
}

.blog-grid-layout article.sticky-newest .post-description .read-more-link {
  margin-top: 15px;
}

#main-content .blog-grid-layout article.sticky-newest {
  margin-bottom: 80px;
}

#main-content .blog-grid-layout article.sticky-newest .post-media {
  width: 450px;
}

#main-content .blog-grid-layout article.sticky-newest .post-description {
  margin-left: 480px;
}

#main-content .blog-grid-layout article.sticky-newest .post-excerpt {
  margin-top: 25px;
}

#main-content .blog-grid-layout article.sticky-newest .post-excerpt p {
  margin-bottom: 0;
}

#main-content .blog-grid-layout article.sticky-newest .post-excerpt .read-more-link {
  margin-top: 15px;
}

/* Grid: album view */
.blog-grid-layout.blog-grid-album .row {
}

/* Media queries--------------------------------------------------- */
@media (min-width: 1520px) {
  .blog-grid-layout article.sticky-newest .post-media {
    width: 720px;
  }

  .blog-grid-layout article.sticky-newest .post-description {
    margin-left: 770px;
  }

  #main-content .blog-grid-layout article.sticky-newest .post-media {
    width: 520px;
  }

  #main-content .blog-grid-layout article.sticky-newest .post-description {
    margin-left: 555px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .category-navigation li {
    margin: 0 12px 10px 0;
  }

  .blog-list-layout article .post-date {
    width: 80px;
    padding-right: 12px;
  }

  .blog-list-layout article .post-date .month {
    font-size: 21px;
  }

  .blog-list-layout article .post-date::after {
    height: 52px;
  }

  .blog-list-layout article .post-content {
    margin-left: 115px;
  }

  .blog-grid-layout {
    margin: -30px 0 0;
  }

  .blog-grid-layout article {
    margin: 30px 0 0;
    height: calc(100% - 30px);
  }

  .blog-grid-layout article.sticky-newest .post-media {
    width: 500px;
  }

  .blog-grid-layout article.sticky-newest .post-description {
    margin-left: 530px;
  }

  #main-content .blog-grid-layout article.sticky-newest .post-media {
    width: 340px;
  }

  #main-content .blog-grid-layout article.sticky-newest .post-description {
    margin-left: 365px;
  }
}

@media (max-width: 991px) {
  .blog-list-layout article {
    margin: 0;
    padding: 50px 0;
  }

  .blog-list-layout article::before {
    height: 1px;
    border-top: 1px solid #dedede;
  }
}

@media (min-width: 768px) {
  .blog-grid-layout:not(.featured-article) .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .blog-grid-layout:not(.featured-article) .col-sm-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 49.9%; /* 49.9% instead of 50% for iOS fix */
    -ms-flex: 0 0 49.9%;
    flex: 0 0 49.9%;
    max-width: 49.9%;
  }
}

@media (min-width: 992px) {
  .blog-grid-layout:not(.featured-article) .col-md-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.25%; /* 33.25% instead of 33.333333% for iOS fix */
    -ms-flex: 0 0 33.25%;
    flex: 0 0 33.25%;
    max-width: 33.25%;
  }

  .blog-grid-layout.blog-grid-album .col-md-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 49.9%; /* 49.9% instead of 50% for iOS fix */
    -ms-flex: 0 0 49.9%;
    flex: 0 0 49.9%;
    max-width: 49.9%;
  }
}

@media (min-width: 480px) {
  /* Grid: album view */
  .blog-grid-layout.blog-grid-album .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .blog-grid-layout.blog-grid-album article .post-content {
    height: 174px; /* iOS fix */
    background-color: rgba(255, 255, 255, 0.75);
    padding: 2px 20px 0 2px;
    -webkit-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
  }

  .no-touch-screen .blog-grid-layout.blog-grid-album .post-content:hover {
    background-color: rgba(255, 255, 255, 0.9);
  }

  .blog-grid-layout.blog-grid-album article .post-media {
    position: relative;
    float: left;
    width: 170px;
    margin-bottom: 2px;
    z-index: 2;
  }

  .blog-grid-layout.blog-grid-album article .post-category {
    padding: 10px 0 0 190px;
    margin-bottom: -5px;
  }

  .blog-grid-layout.blog-grid-album article .post-description {
    padding: 10px 0 0 190px;
  }

  .blog-grid-layout.blog-grid-album article .post-meta {
    padding: 0 20px 10px 190px;
  }

  .blog-grid-layout.blog-grid-album article .post-description h4.title {
    height: 90px; /* 3 x line-height */
    line-height: 1.35 !important;
    overflow: hidden;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .category-navigation li {
    margin: 0 10px 8px 0;
  }

  .category-navigation li a {
    font-size: 18px;
  }

  .blog-grid-layout {
    margin: -40px -5px 0;
  }

  .blog-grid-layout article {
    margin: 40px 5px 0;
    height: calc(100% - 40px);
  }

  #page-content.fullwidth-layout .blog-grid-layout article.sticky-newest .post-media {
    float: none;
    width: auto;
  }

  #page-content.fullwidth-layout .blog-grid-layout article.sticky-newest .post-description {
    margin: 35px 0 0;
  }

  #main-content .blog-grid-layout article.sticky-newest .post-media {
    width: 420px;
  }

  #main-content .blog-grid-layout article.sticky-newest .post-description {
    margin-left: 450px;
  }
}

@media (max-width: 767px) {
  .category-navigation li {
    margin: 0 10px 7px 0;
  }

  .category-navigation li a {
    font-size: 17px;
  }

  .blog-list-layout article .post-content h2.title, #main-content .blog-list-layout article .post-content h2.title {
    font-size: 28px;
  }

  .blog-grid-layout {
    margin-left: 0;
    margin-right: 0;
  }

  .blog-grid-layout article:not(.sticky-newest) {
    max-width: 540px; /* the width is limited to 540px */
    margin-left: auto;
    margin-right: auto;
  }

  .blog-grid-layout article .post-description h4.title {
    min-height: 50px; /* 1.5 x line-height */
  }

  .blog-grid-layout article.sticky-newest .post-media, #main-content .blog-grid-layout article.sticky-newest .post-media {
    float: none;
    width: auto;
  }

  .blog-grid-layout article.sticky-newest .post-description, #main-content .blog-grid-layout article.sticky-newest .post-description {
    margin: 35px 0 0;
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  .blog-list-layout article .post-date {
    width: 75px;
    padding-right: 10px;
  }

  .blog-list-layout article .post-date .month {
    font-size: 20px;
  }

  .blog-list-layout article .post-date .year {
    font-size: 15px;
  }

  .blog-list-layout article .post-date::after {
    height: 50px;
  }

  .blog-list-layout article .post-content {
    margin-left: 105px;
  }

  .blog-grid-layout:not(.featured-article) .columns {
    padding-left: 15%;
    padding-right: 15%;
  }

  .blog-grid-layout.blog-grid-album .columns {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .blog-grid-layout.blog-grid-album article {
    max-width: none;
  }
}

@media (max-width: 479px) {
  .blog-list-layout article .post-date {
    position: static;
    display: block;
    width: auto;
    margin-bottom: 7px;
    padding: 0;
    text-align: left;
  }

  .blog-list-layout article .post-date .day, .blog-list-layout article .post-date .year {
    display: inline;
    font: inherit;
    font-size: 15px;
    font-weight: 600;
  }

  .blog-list-layout article .post-date .day {
    color: #909090 !important;
    letter-spacing: 0;
  }

  .blog-list-layout article .post-date .day::after {
    content: ", ";
  }

  .blog-list-layout article .post-date .year {
    margin: 0;
    padding: 0;
  }

  .blog-list-layout article .post-date .month {
    font: inherit;
    text-transform: none;
  }

  .blog-list-layout article .post-date::after {
    display: none;
  }

  .blog-list-layout article .post-content {
    margin-left: 0;
  }

  .blog-grid-layout.blog-grid-album article {
    max-width: 300px; /* the width is limited to 300px */
  }
}

/*-----------------------------------------------------------------------------------*//*	22.	Pagination/*-----------------------------------------------------------------------------------*/
.post-pagination {
  margin-top: 50px;
  margin-bottom: 20px;
}

.blog-posts.blog-list-layout + .post-pagination {
  position: relative;
  margin-left: -20px;
  padding: 35px 0 0 20px;
}

.blog-posts.blog-list-layout + .post-pagination::before {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  width: 100%;
  height: 2px;
  border-top: 2px dotted #dedede;
  content: "";
}

.blog-posts.blog-grid-layout + .post-pagination {
  margin-top: 60px;
  margin-bottom: 0;
  text-align: center;
}

.post-pagination a, .post-pagination > span {
  display: inline-block;
  width: 40px;
  height: 40px;
  font: 18px/40px Verdana, Geneva, sans-serif;
  text-align: center;
  background-color: transparent;
  margin: 0 2px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.post-pagination a:first-child, .post-pagination > span:first-child, .post-pagination > span.current:first-child {
  margin-left: 0;
}

.post-pagination a:last-child, .post-pagination > span:last-child, .post-pagination > span.current:last-child {
  margin-right: 0;
}

.post-pagination span.current {
  color: #fff;
  background-color: #879ab0;
  margin: 0 8px;
}

.post-pagination span.dots {
  color: #666;
}

.post-pagination .prev .ion, /* vector icons - Ionicons */
.post-pagination .next .ion {
  font-size: 18px;
}

.post-pagination a {
  color: #62758c;
}

.post-pagination a:hover {
  color: #222;
}

/* Media queries--------------------------------------------------- */
@media (max-width: 991px) {
  .blog-posts.blog-list-layout + .post-pagination {
    margin-left: 0;
    padding-left: 0;
  }

  .blog-posts.blog-list-layout + .post-pagination::before {
    height: 1px;
    border-top: 1px solid #dedede;
  }
}

@media (max-width: 479px) {
  .post-pagination a, .post-pagination > span {
    width: 36px;
    height: 36px;
    font-size: 17px;
    line-height: 36px;
    margin: 0;
  }

  .post-pagination span.current {
    margin: 0 6px;
  }
}

/*-----------------------------------------------------------------------------------*//*	23. Single Post/*-----------------------------------------------------------------------------------*//* Post content */
.single-post .blog-post .post-content > p:last-child, .single-post .blog-post .post-content > ul:last-child, .single-post .blog-post .post-content > ol:last-child, .single-post .blog-post .post-content > blockquote:last-child, .single-post .blog-post .post-content > .video-container:last-child, .single-post .blog-post .post-content > .html5-video-container:last-child {
  margin-bottom: 0;
}

.single-post .blog-post .post-content > .video-container:first-child, .single-post .blog-post .post-content > .html5-video-container:first-child {
  margin-bottom: 45px;
}

/* Post details--------------------------------------------------- *//* Author info */
.single-post-details .post-author .author-info .title {
  text-align: center;
  margin: 7px 0 0;
}

.single-post-details .post-author .author-info .title .by-author {
  font-style: italic;
}

.single-post-details .post-author .author-info .subtitle {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  color: #666;
  text-align: center;
  margin: 5px 0 0;
}

/* Post share - at the left side */
.single-post-details .post-share {
  margin-top: 40px;
  padding-top: 20px;
  border-top: 2px solid rgba(255, 188, 140, 0.5); /* #ffbc8c */
}

.single-post-details .post-share .title {
  text-align: center;
  margin-bottom: 20px;
}

.single-post-details .post-share .social-share {
  width: 44px;
  margin: 0 auto -12px;
  text-align: center;
}

.single-post-details .post-share .fa-icon-list li {
  display: list-item;
  margin: 0 0 12px;
}

/* Social share icons */
.fa-icon-list.social-share li a {
  display: block;
  width: 44px;
  height: 44px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.4);
  border: 2px solid rgba(135, 154, 176, 0.4); /* #879ab0 */
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.fa-icon-list.social-share li a:hover {
  border-color: rgba(237, 95, 74, 0.7); /* #ed5f4a */
}

.fa-icon-list.social-share li .fa {
  line-height: 40px;
  color: #ed5f4a;
}

/* Post share - below the article text */
.single-post .blog-post article .post-share {
  margin-top: 45px;
}

.single-post .blog-post article .post-share .title {
  float: left;
  color: #666;
  margin: 0 15px 0 0;
  padding-top: 5px;
}

.single-post .blog-post article .post-share .social-share li a {
  width: 38px;
  height: 38px;
}

.single-post .blog-post article .post-share .social-share li .fa {
  font-size: 16px;
  line-height: 34px;
}

/* Post tags */
.single-post-details .post-tags:not(:first-child) {
  margin-top: 40px;
  padding-top: 20px;
  border-top: 2px solid rgba(255, 188, 140, 0.5); /* #ffbc8c */
}

.single-post-details .post-tags .title {
  text-align: center;
  margin-bottom: 10px;
}

.single-post-details .post-tags .tagcloud {
  text-align: center;
  line-height: 22px;
}

.single-post-details .post-tags .tagcloud a {
  font: 700 13px/22px Verdana, Geneva, sans-serif;
  color: #62758c;
}

.single-post-details .post-tags .tagcloud a::after {
  font-weight: normal;
  content: ", ";
}

.single-post-details .post-tags .tagcloud a:last-child::after {
  content: "";
}

.single-post-details .post-tags .tagcloud a:hover {
  color: #222;
}

/* Comments--------------------------------------------------- */
#comments {
  margin-top: 65px;
}

#comments > .title:first-child {
  color: #62758c;
  margin-bottom: 40px;
  padding-bottom: 10px;
  border-bottom: 2px dotted #b6c7db;
}

.comment-list {
  list-style: none;
  margin: 30px 0 0;
  padding: 0;
}

.comment-list .comment {
  border-top: 1px dotted #b5b5b5;
  margin: 30px 0 0;
  padding: 25px 0 0;
}

.comment-list .comment:first-child {
  border: none;
  margin-top: 0;
  padding-top: 0;
}

.comment-list article {
  border: none;
  margin: 0;
  padding: 0;
}

.comment-list .comment-avatar {
  float: left;
  width: 62px;
  height: 62px;
  margin-bottom: 10px;
}

.comment-list .comment-avatar img {
  border: 1px solid #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.comment-list .comment-meta {
  margin: 0 0 10px 85px;
}

.comment-list .comment-meta span {
  padding: 0 6px 0 3px;
}

.comment-list .comment-meta .date {
  display: block;
  font-size: 15px;
  font-weight: 400;
  font-style: italic;
}

.comment-list .comment-meta .date a {
  color: #879ab0;
  font-weight: inherit;
}

.comment-list .comment-meta .date a:hover, .comment-list .comment-meta .date a:hover * {
  color: #62758c;
}

.comment-list .comment-content {
  margin-left: 85px;
  word-wrap: break-word;
}

.comment-list .comment-content > *:last-child {
  margin-bottom: 0;
}

.comment-list.avatars-disabled .comment-meta, .comment-list.avatars-disabled .comment-content {
  margin-left: 0;
}

.comment-list .comment-content p {
  font-size: 16px;
  margin-bottom: 15px;
}

.comment-list .comment-reply-link {
  float: right;
  font-size: 15px;
  font-weight: 400;
  color: #666;
}

.comment-list .comment-reply-link .ion { /* vector icons - Ionicons */
  margin-right: 5px;
}

.comment-list .comment-reply-link:hover {
  text-decoration: underline;
}

.comment-list .comment .children {
  list-style: none;
  margin: 0;
  padding: 0 0 0 50px;
}

.comment-list .comment .children .comment {
  border-top: 1px dotted #b5b5b5;
  margin: 30px 0 0;
  padding-top: 25px;
}

/* Media queries--------------------------------------------------- */
@media (min-width: 1520px) {
  .single-post .blog-post {
    padding: 0 230px;
  }
}

@media (min-width: 1200px) and (max-width: 1519px) {
  .single-post .blog-post {
    padding: 0 195px;
  }
}

@media (min-width: 992px) {
  .single-post-details {
    position: absolute;
    top: 0;
    left: 15px;
    width: 120px;
    margin: 0;
  }

  .single-post-details .post-author .author-image {
    width: 100px;
    margin: 0 auto;
    text-align: center;
  }

  .single-post-details .post-author .author-image img {
    display: inline;
  }

  .single-post-details .post-author .author-info .title .by-author {
    display: none;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .single-post .blog-post {
    padding: 0 135px;
  }

  .single-post-details {
    width: 100px;
  }

  .single-post-details .post-author .author-image {
    width: 90px;
  }
}

@media (max-width: 991px) {
  .single-post-details {
    background-color: #fff;
    margin: -75px -135px 50px;
    padding: 7px 135px;
  }

  .single-post-details .post-author .author-image {
    float: left;
    width: 50px;
  }

  .single-post-details .post-author .author-info {
    font-size: 16px;
    margin-left: 70px;
  }

  .single-post-details .post-author .author-info .title {
    display: inline-block;
    font-family: inherit;
    font-size: inherit;
    font-weight: normal;
    text-align: left;
    margin: 0;
    padding-top: 12px;
  }

  .single-post-details .post-author .author-info .title a {
    color: inherit;
    font-weight: 600;
    padding: 0;
  }

  .single-post-details .post-author .author-info .title a:hover {
    text-decoration: underline;
  }

  .single-post-details .post-author .author-info .subtitle {
    display: inline-block;
    font-size: inherit;
    font-style: italic;
    color: inherit;
    margin: 0;
    text-align: left;
  }

  .single-post-details .post-author .author-info .title:not(:last-child)::after {
    content: ", ";
  }

  .single-post-details .post-share, .single-post-details .post-tags {
    display: none;
  }
}

@media (max-width: 479px) {
  .single-post-details {
    margin-top: -60px;
  }

  .single-post-details .post-author .author-info .subtitle, .single-post-details .post-author .author-info .title:not(:last-child)::after {
    display: none;
  }

  .comment-list .comment-meta, .comment-list .comment-content {
    margin-left: 75px;
  }

  .comment-list .comment .children {
    list-style: none;
    padding: 0 0 0 30px;
  }
}

/*-----------------------------------------------------------------------------------*//*	24. Recent Posts/*-----------------------------------------------------------------------------------*/
.recent-posts.picture-boxes.top-picture-box .box-text {
  margin-top: 20px;
}

.recent-posts.picture-boxes .box-text p, .recent-posts.picture-boxes .box-text .post-meta {
  font-size: 14px;
  font-weight: 400;
  font-style: italic;
  color: #666;
  margin-top: 5px;
}

/* for dark colored background */
.dark-colored-bg .recent-posts.picture-boxes.top-picture-box .box-image img {
  border-width: 0;
}

.dark-colored-bg .recent-posts.picture-boxes.top-picture-box.round-image .box-image img {
  border-width: 3px;
}

.dark-colored-bg .recent-posts.picture-boxes .box-text p, .dark-colored-bg .recent-posts.picture-boxes .box-text .post-meta {
  color: #ccc;
}

/* for secondary color background */
.stripe-secondary-color-bg .recent-posts.picture-boxes .box-text p, .stripe-secondary-color-bg .recent-posts.picture-boxes .box-text .post-meta {
  color: #fff;
}

/* Media queries--------------------------------------------------- */
@media (min-width: 992px) {
  .recent-posts.picture-boxes.round-image .box-image {
    width: 150px !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .recent-posts.picture-boxes.round-image .box-image {
    width: 110px !important;
  }

  .recent-posts.picture-boxes.round-image .col-sm-12.col-md-3 .box-image .image-overlay {
    height: 110px;
  }

  /* 4 columns */
  .recent-posts.picture-boxes .col-sm-3 article h6 {
    font-size: 16px;
  }

  .recent-posts.picture-boxes .col-sm-3 .box-text .post-meta {
    font-size: 13px;
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  .recent-posts.picture-boxes.round-image .box-image {
    width: 130px !important;
  }

  .recent-posts.picture-boxes:not(.owl-carousel).round-image .box-image .image-overlay {
    height: 130px;
  }
}

@media (max-width: 479px) {
  .recent-posts.picture-boxes.round-image .box-image {
    width: 170px !important;
  }
}

/*-----------------------------------------------------------------------------------*//*	25. Split Sections/*-----------------------------------------------------------------------------------*/
.split-sections .box-text {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  background-color: #fff;
  text-align: center;
}

.split-sections .box-text p {
  margin-bottom: 15px;
}

.split-sections .box-text > *:last-child {
  margin-bottom: 0;
}

/* for white background */
.stripe-white-bg .split-sections .box-text, #page-content.sidebar-layout .split-sections .box-text {
  background-color: #f5f5f5;
}

/* Media queries--------------------------------------------------- */
@media (max-width: 991px) {
  .split-sections .box-image {
    margin-top: 60px;
  }

  .split-sections .row:first-child .box-image {
    margin-top: 0;
  }

  .split-sections .columns, .split-sections .box-text, .split-sections .box-image {
    height: auto;
  }

  .split-sections .box-text {
    padding: 35px 40px 40px;
  }
}

@media (max-width: 479px) {
  .split-sections .box-text {
    padding: 30px 30px 35px;
  }
}

@media (min-width: 992px) {
  .split-sections .row:nth-child(odd) .columns:first-child {
    float: right;
  }

  .split-sections .row:nth-child(odd) .columns:nth-child(odd), .split-sections .row:nth-child(even) .columns:nth-child(even) {
    padding-left: 0;
    overflow: hidden;
  }

  .split-sections .row:nth-child(odd) .columns:nth-child(even), .split-sections .row:nth-child(even) .columns:nth-child(odd) {
    padding-right: 0;
    overflow: hidden;
  }

  .split-sections .box-text::after {
    position: absolute;
    display: block;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40px;
    content: "";
    background-image: -webkit-linear-gradient(bottom, #fff 20px, rgba(245, 245, 245, 0));
    background-image: -o-linear-gradient(bottom, #fff 20px, rgba(245, 245, 245, 0));
    background-image: linear-gradient(to top, #fff 20px, rgba(245, 245, 245, 0));
  }

  .stripe-white-bg .split-sections .box-text::after, /* for white background */
  #page-content.sidebar-layout .split-sections .box-text::after {
    background-image: -webkit-linear-gradient(bottom, #f5f5f5 20px, rgba(245, 245, 245, 0));
    background-image: -o-linear-gradient(bottom, #f5f5f5 20px, rgba(245, 245, 245, 0));
    background-image: linear-gradient(to top, #f5f5f5 20px, rgba(245, 245, 245, 0));
  }

  .split-sections .box-image {
    overflow: hidden;
  }

  .split-sections .box-image figure {
    position: relative;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}

@media (min-width: 1520px) {
  .split-sections .columns, .split-sections .box-text, .split-sections .box-image {
    height: 400px;
  }

  .split-sections .box-text {
    padding: 30px 60px;
  }
}

@media (min-width: 1200px) and (max-width: 1519px) {
  .split-sections .columns, .split-sections .box-text, .split-sections .box-image {
    height: 380px;
  }

  .split-sections .box-text {
    padding: 30px 50px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .split-sections .columns, .split-sections .box-text, .split-sections .box-image {
    height: 350px;
  }

  .split-sections .box-text {
    padding: 30px 40px;
  }
}

/*-----------------------------------------------------------------------------------*//*	26. Twitter Feed/*-----------------------------------------------------------------------------------*/
.twitter-feed > p { /* for script notifications */
  font-size: 16px;
  color: #666;
}

.twitter-feed .tweet_list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.twitter-feed .tweet_list li {
  margin-bottom: 15px;
  word-wrap: break-word;
}

.twitter-feed .tweet_even:last-child, .twitter-feed .tweet_odd:last-child {
  margin-bottom: 0;
}

.twitter-feed .tweet_text {
  display: block;
}

.twitter-feed .tweet_time {
  display: block;
  font-size: 15px;
  font-style: italic;
  margin-top: 5px;
}

.twitter-feed .tweet_text, .twitter-feed .tweet_time {
  line-height: 1.5;
  margin-left: 23px;
}

.twitter-feed .tweet_time a {
  font-weight: inherit;
  color: #909090;
}

.twitter-feed .tweet_time a:hover {
  color: #666;
}

.twitter-feed[data-avatar="yes"] .tweet_text, .twitter-feed[data-avatar="yes"] .tweet_time {
  margin-left: 38px;
}

.twitter-feed .tweet_avatar {
  padding-right: 10px;
  float: left;
}

.twitter-feed[data-avatar="no"] .tweet_list li {
  position: relative;
}

.twitter-feed[data-avatar="no"] .tweet_list li::before {
  position: absolute;
  top: 6px;
  left: -2px;
  font-family: FontAwesome;
  font-size: 19px;
  line-height: 1;
  color: rgba(85, 172, 238, 0.5);
  content: "\f099";
}

/* Tweet boxes--------------------------------------------------- */
.twitter-feed.tweet-boxes {
  margin: 0 -12px;
}

.twitter-feed.tweet-boxes > p {
  text-align: center;
}

.twitter-feed.tweet-boxes .tweet_list li {
  position: relative;
  display: block;
  float: left;
  width: 30%;
  width: calc(33.33333333% - 24px);
  margin: 0 12px;
  padding: 20px 25px;
  background-color: #fff;
  border: 1px solid #e1e8ed;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
  line-height: 0;
}

.twitter-feed.tweet-boxes .tweet_list li::before {
  display: none;
}

.twitter-feed.tweet-boxes .tweet_avatar {
  position: absolute;
  display: block;
  float: none;
  top: 25px;
  left: 25px;
  margin-top: 0;
}

.twitter-feed.tweet-boxes .tweet_avatar img {
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.twitter-feed.tweet-boxes .tweet_brand {
  position: absolute;
  display: block;
  top: 25px;
  right: 25px;
}

.twitter-feed.tweet-boxes .tweet_brand::before {
  font-family: FontAwesome;
  font-size: 26px;
  line-height: 1;
  color: rgba(85, 172, 238, 0.5);
  content: "\f099";
}

.twitter-feed.tweet-boxes .tweet_screen_name {
  display: block;
  line-height: 1.5;
  font-weight: 700;
  margin-top: 3px;
  margin-left: 60px;
}

.twitter-feed.tweet-boxes .tweet_user {
  display: inline-block;
  font-size: 16px;
  line-height: 1.5;
  font-weight: inherit;
  color: #999;
  margin: -5px 0 0 60px;
}

.twitter-feed.tweet-boxes .tweet_user:hover {
  color: #666;
}

.twitter-feed.tweet-boxes .tweet_text {
  margin: 10px 0 0;
}

.twitter-feed.tweet-boxes .tweet_time {
  font-size: 16px;
  margin-left: 0;
}

.twitter-feed.tweet-boxes .tweet_text a, .twitter-feed.tweet-boxes .tweet_time a {
  font-weight: inherit;
}

/* In the sidebar or info box--------------------------------------------------- */
aside .twitter-feed .tweet_text {
  font-size: 16px;
  line-height: 1.75;
  font-weight: 400;
  color: #666;
}

/* Inside the wrapper--------------------------------------------------- */
.twitter-feed-wrapper {
  text-align: center;
}

.twitter-feed-wrapper .top-icon {
  margin: -10px 0 25px;
}

.twitter-feed-wrapper .top-icon .fa { /* vector icons - Font Awesome */
  font-size: 48px;
  color: rgba(85, 172, 238, 0.5);
}

.twitter-feed-wrapper .twitter-feed .tweet_list li {
  margin-bottom: 25px;
}

.twitter-feed-wrapper .twitter-feed .tweet_even:last-child, .twitter-feed-wrapper .twitter-feed .tweet_odd:last-child {
  margin-bottom: 0;
}

.twitter-feed-wrapper .twitter-feed .tweet_list li::before, .twitter-feed-wrapper .twitter-feed .tweet_avatar {
  display: none;
}

.twitter-feed-wrapper .twitter-feed .tweet_text {
  font-size: 19px;
  line-height: 1.5;
  font-weight: 400;
  color: inherit;
  margin-left: 0;
}

.twitter-feed-wrapper .twitter-feed .tweet_time {
  font-size: 18px;
  margin: 10px 0 0;
}

/* for dark colored background */
.dark-colored-bg .twitter-feed-wrapper .top-icon .fa {
  color: #b6c7db;
}

.dark-colored-bg .twitter-feed-wrapper .twitter-feed, .dark-colored-bg .twitter-feed-wrapper .twitter-feed .tweet_text {
  color: #fff;
}

.dark-colored-bg .twitter-feed-wrapper .twitter-feed .tweet_text a {
  color: #d4e7ff;
}

.dark-colored-bg .twitter-feed-wrapper .twitter-feed .tweet_text a:hover {
  color: #ffbc8c;
}

.dark-colored-bg .twitter-feed-wrapper .twitter-feed .tweet_time a {
  color: #b6c7db;
}

.dark-colored-bg .twitter-feed-wrapper .twitter-feed .tweet_time a:hover {
  color: #e5e5e5;
}

/* for secondary color background */
.stripe-secondary-color-bg .twitter-feed-wrapper .top-icon .fa {
  color: rgba(0, 0, 0, 0.25);
}

.stripe-secondary-color-bg .twitter-feed-wrapper .twitter-feed .tweet_text a {
  color: #fff;
}

.stripe-secondary-color-bg .twitter-feed-wrapper .twitter-feed .tweet_text a:hover {
  color: #eee;
}

.stripe-secondary-color-bg .twitter-feed-wrapper .twitter-feed .tweet_time a {
  color: #666;
}

.stripe-secondary-color-bg .twitter-feed-wrapper .twitter-feed .tweet_time a:hover {
  color: #222;
}

/* Media queries--------------------------------------------------- */
@media (min-width: 1520px) {
  .twitter-feed.tweet-boxes {
    margin: 0 -15px;
  }

  .twitter-feed.tweet-boxes .tweet_list li {
    width: calc(33.33333333% - 30px);
    margin: 0 15px;
  }
}

@media (min-width: 992px) {
  .twitter-feed-wrapper .twitter-feed .tweet_text {
    font-size: 21px;
  }
}

@media (max-width: 991px) {
  .twitter-feed.tweet-boxes {
    margin: 0;
  }

  .twitter-feed.tweet-boxes .tweet_list li {
    float: none;
    width: auto;
    margin: 15px 0 0;
  }

  .twitter-feed.tweet-boxes .tweet_list li:first-child {
    margin-top: 0;
  }
}

/*-----------------------------------------------------------------------------------*//*	27. Flickr Photostream/*-----------------------------------------------------------------------------------*/
.flickr-photostream {
  margin: -20px -20px 0 0;
}

.flickr-photostream img {
  -webkit-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}

.flickr-photostream .flickr_badge_image {
  float: left;
  width: 75px;
  height: 75px;
  margin: 20px 20px 0 0;
}

.flickr-photostream a:hover img {
  opacity: 0.8;
}

/*-----------------------------------------------------------------------------------*//*	28. Standard Table/*-----------------------------------------------------------------------------------*/
[class$="-layout"] table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: rgba(255, 255, 255, 0.8);
  margin-bottom: 20px;
}

.standard-table-wrapper {
  margin-bottom: 20px;
}

.standard-table-wrapper table.standard-table {
  margin-bottom: 0;
}

[class$="-layout"] table th, [class$="-layout"] table thead td {
  font-size: 16px;
  line-height: 1.5;
  font-weight: bold;
  border: 1px solid rgba(135, 154, 176, 0.4); /* #879ab0 */
  border-bottom-color: rgba(135, 154, 176, 0.8); /* #879ab0 */
  background-color: rgba(135, 154, 176, 0.15); /* #879ab0 */
  padding: 8px 15px;
  vertical-align: top;
}

[class$="-layout"] table td {
  font-size: 16px;
  line-height: 1.5;
  border: 1px solid rgba(135, 154, 176, 0.4); /* #879ab0 */
  padding: 8px 15px;
  vertical-align: middle;
}

[class$="-layout"] table caption {
  font-size: 15px;
  color: #909090;
  text-align: right;
  font-style: italic;
  padding-bottom: 7px;
}

/* Highlighted first column */
table.standard-table.first-col-bg tr th:first-child, table.standard-table.first-col-bg thead td:first-child {
  background: none;
}

table.standard-table.first-col-bg td:first-child {
  font-weight: normal;
  background-color: rgba(135, 154, 176, 0.1); /* #879ab0 */
}

/* Header with dark colored background */
table.standard-table.dark-bg-header th {
  color: #fff;
  background-color: #62758c;
  border-color: #62758c;
  border-right-color: #b6c7db;
  letter-spacing: 0.3px;
}

table.standard-table.dark-bg-header th:last-child {
  border-right-color: #62758c;
}

table.standard-table.dark-bg-header.first-col-bg th:first-child {
  border-color: rgba(135, 154, 176, 0.4); /* #879ab0 */
  border-right-color: #879ab0;
}

/* Checkmark */
table.standard-table td .fa { /* .fa-check */
  color: #ed5f4a;
}

/* Small text */
table.standard-table.text-small th, table.standard-table.text-small td {
  font-size: inherit;
}

/* Footer trim */
table.standard-table .footer-trim td {
  border-bottom-color: rgba(135, 154, 176, 0.8); /* #879ab0 */
}

table.standard-table .footer.no-links td {
  font-weight: bold;
}

/* for white background */
.stripe-white-bg table.standard-table:not(.dark-bg-header) th, #page-content.sidebar-layout table.standard-table:not(.dark-bg-header) th {
  background-color: rgba(135, 154, 176, 0.1); /* #879ab0 */
}

/* for dark colored background */
.dark-colored-bg table {
  background-color: rgba(255, 255, 255, 0.15);
}

.dark-colored-bg table th, .dark-colored-bg table thead td {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.25) !important;
  border: none;
  border-right: 1px solid rgba(33, 53, 77, 0.6); /* #21354d */
  padding-top: 10px;
  padding-bottom: 10px;
}

.dark-colored-bg table th:last-child, .dark-colored-bg table thead td:last-child {
  border-right: none;
}

.dark-colored-bg table td {
  color: #e5e5e5;
  border-color: rgba(33, 53, 77, 0.6); /* #21354d */
}

.dark-colored-bg table td:first-child {
  border-left: none;
}

.dark-colored-bg table td:last-child {
  border-right: none;
}

.dark-colored-bg table.standard-table tr:first-child + tr td, .dark-colored-bg table tbody tr:first-child td {
  border-top: none;
}

.dark-colored-bg table tr:last-child td {
  border-bottom: none;
}

.dark-colored-bg table caption {
  color: #d5d5d5;
}

.dark-colored-bg table.standard-table.first-col-bg tr th:first-child, .dark-colored-bg table.standard-table.first-col-bg thead td:first-child {
  background: none !important;
}

.dark-colored-bg table.standard-table.first-col-bg td:first-child {
  font-weight: 600;
  background-color: rgba(255, 255, 255, 0.25);
}

.dark-colored-bg table td .fa {
  color: #ffbc8c;
}

/* for secondary color background */
.stripe-secondary-color-bg table {
  background-color: rgba(255, 255, 255, 0.2);
}

.stripe-secondary-color-bg table th, .stripe-secondary-color-bg table thead td {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.25) !important;
  border: none;
  border-right: 1px solid rgba(247, 133, 52, 0.7); /* #f78534 */
  letter-spacing: 0.3px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.stripe-secondary-color-bg table th:last-child, .stripe-secondary-color-bg table thead td:last-child {
  border-right: none;
}

.stripe-secondary-color-bg table td {
  color: rgba(0, 0, 0, 0.75);
  border-color: rgba(247, 133, 52, 0.7); /* #f78534 */
}

.stripe-secondary-color-bg table td:first-child {
  border-left: none;
}

.stripe-secondary-color-bg table td:last-child {
  border-right: none;
}

.stripe-secondary-color-bg table.standard-table tr:first-child + tr td, .stripe-secondary-color-bg table tbody tr:first-child td {
  border-top: none;
}

.stripe-secondary-color-bg table tr:last-child td {
  border-bottom: none;
}

.stripe-secondary-color-bg table caption {
  color: #666;
}

.stripe-secondary-color-bg table.standard-table.first-col-bg tr th:first-child, .stripe-secondary-color-bg table.standard-table.first-col-bg thead td:first-child {
  background: none !important;
}

.stripe-secondary-color-bg table.standard-table.first-col-bg td:first-child {
  font-weight: 600;
  background-color: rgba(255, 255, 255, 0.25);
}

/* Media queries--------------------------------------------------- */
@media (max-width: 991px) {
  [class$="-layout"] table th, [class$="-layout"] table td {
    font-size: 15px;
    padding-left: 8px;
    padding-right: 8px;
  }
}

@media (max-width: 767px) {
  .standard-table-wrapper {
    overflow-x: auto;
    overflow-y: visible;
    width: 100%;
  }

  .standard-table-wrapper table.standard-table {
    margin-bottom: 10px;
  }

  [class$="-layout"] table caption {
    text-align: left;
  }
}

/*-----------------------------------------------------------------------------------*//*	29. Pricing Table/*-----------------------------------------------------------------------------------*/
.pricing-table .table-column {
  float: left;
  position: relative;
  margin-bottom: 10px;
  padding: 15px 0;
}

.pricing-table.two-cols .table-column {
  width: 50%;
}

.pricing-table.three-cols .table-column {
  width: 33.333333%;
}

.pricing-table.four-cols .table-column {
  width: 25%;
}

.pricing-table.five-cols .table-column {
  width: 20%;
}

/* Column's header--------------------------------------------------- */
.pricing-table .header {
  background-color: #fff;
  border-left: 1px solid #dedede;
  border-top: 2px solid rgba(135, 154, 176, 0.2); /* #879ab0 */
  text-align: center;
}

.pricing-table .table-column:first-child .header {
  border-left: 2px solid rgba(135, 154, 176, 0.2); /* #879ab0 */
}

.pricing-table .table-column:last-child .header {
  border-right: 2px solid rgba(135, 154, 176, 0.2); /* #879ab0 */
}

.pricing-table .title {
  height: 54px; /* 34px + 20px */
  line-height: 34px;
  margin: 0;
  padding: 20px 15px 0;
  overflow: hidden;
}

.pricing-table .header.short .title {
  height: 41px; /* 34px + 7px */
  padding-top: 7px;
}

.pricing-table .description {
  font-size: 16px;
  line-height: 24px; /* important: used in JS function */
  font-weight: 400;
  color: #62758c;
  padding: 7px 15px 0;
}

.pricing-table .price {
  height: 62px; /* 36px + 26px */
  background-color: rgba(135, 154, 176, 0.2); /* #879ab0 */
  margin: 20px 0 0;
  padding: 13px 15px;
  overflow: hidden;
}

.pricing-table .header.short .price {
  margin-top: 7px;
}

.pricing-table .price h6 {
  font: 36px/1 Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #444;
  margin-bottom: 0;
}

.pricing-table .price h6 span {
  font-size: 14px;
  color: #666;
}

.pricing-table .price .sub {
}

/* Column's content--------------------------------------------------- */
.pricing-table .features {
  list-style: none;
  margin: 0;
  padding: 0;
  border-left: 1px solid #dedede;
}

.pricing-table .table-column:first-child .features {
  border-left: 2px solid rgba(135, 154, 176, 0.2); /* #879ab0 */
}

.pricing-table .table-column:last-child .features {
  border-right: 2px solid rgba(135, 154, 176, 0.2); /* #879ab0 */
}

.pricing-table .features li {
  line-height: 25px; /* important: used in JS function */
  color: #62758c;
  background-color: #fff;
  margin: 0;
  padding: 10px 10px;
  text-align: center;
}

.pricing-table .features li:nth-child(even) {
  background-color: #fafafa;
}

.pricing-table .features li .fa { /* .fa-check */
  color: #ed5f4a;
}

/* Column's footer--------------------------------------------------- */
.pricing-table .footer {
  background-color: #fff;
  background-image: -webkit-linear-gradient(left, rgba(135, 154, 176, 0.2), rgba(135, 154, 176, 0.2));
  background-image: -o-linear-gradient(left, rgba(135, 154, 176, 0.2), rgba(135, 154, 176, 0.2));
  background-image: linear-gradient(to right, rgba(135, 154, 176, 0.2), rgba(135, 154, 176, 0.2)); /* #879ab0 */
  border-left: 1px solid #dedede;
  padding: 20px 15px;
  text-align: center;
}

.pricing-table .table-column:first-child .footer {
  border-left: none;
}

.pricing-table .footer .button {
  border-width: 1px;
  background-color: #fff;
}

.pricing-table .footer .button:not(.button-grey):not(.button-colored) {
  color: #62758c;
  border-color: #62758c;
}

.pricing-table .footer .button:not(.button-grey):not(.button-colored):hover {
  color: #fff;
  background-color: #62758c;
}

.pricing-table .footer .button.button-colored {
  color: #f78534;
  border-color: #f78534;
}

.pricing-table .footer .button.button-colored:hover {
  color: #fff;
  background-color: #f78534;
}

.pricing-table .footer .button.button-grey {
  color: #727378;
  border-color: #727378;
}

.pricing-table .footer .button.button-grey:hover {
  color: #fff;
  background-color: #727378;
}

.pricing-table .footer .button::after {
  display: none;
}

/* Table without footer */
.pricing-table.no-footer .footer {
  padding: 2px 15px 0;
}

.pricing-table.no-footer .featured .footer {
  padding: 1px 15px 0;
}

/* Featured column--------------------------------------------------- */
.pricing-table .featured {
  -webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.15);
  z-index: 1;
  padding-top: 0;
  padding-bottom: 0;
}

.pricing-table .featured .header {
  background-color: #f78534;
  border: 2px solid #f78534;
  border-bottom: none;
}

.pricing-table .table-column.featured:first-child .header {
  border-left-color: #f78534;
}

.pricing-table .table-column.featured:last-child .header {
  border-right-color: #f78534;
}

.pricing-table .featured .title {
  height: 69px; /* 34px + 35px */
  padding-top: 35px;
  color: #fff;
}

.pricing-table .featured .header.short .title {
  height: 56px; /* 34px + 22px */
  padding-top: 22px;
}

.pricing-table .featured .description {
  color: #fff;
}

.pricing-table .featured .price {
  background-color: #fff;
  background-image: -webkit-linear-gradient(left, rgba(255, 188, 140, 0.2), rgba(255, 188, 140, 0.2));
  background-image: -o-linear-gradient(left, rgba(255, 188, 140, 0.2), rgba(255, 188, 140, 0.2));
  background-image: linear-gradient(to right, rgba(255, 188, 140, 0.2), rgba(255, 188, 140, 0.2)); /* #ffbc8c */
}

.pricing-table .featured .price h6 span {
  color: #666;
}

.pricing-table .featured .features {
  border-left: 2px solid #f78534;
  border-right: 2px solid #f78534;
}

.pricing-table .table-column.featured:first-child .features {
  border-left: 2px solid #f78534;
}

.pricing-table .table-column.featured:last-child .features {
  border-right: 2px solid #f78534;
}

.pricing-table .featured .footer {
  background-color: rgba(255, 188, 140, 0.2); /* #ffbc8c */
  background-image: none;
  padding-bottom: 35px;
  border: 2px solid #f78534;
  border-top: none;
}

.pricing-table .table-column.featured:first-child .footer {
  border-left: 2px solid #f78534;
}

/* the next column after featured one */
.pricing-table .featured + .table-column .header, .pricing-table .featured + .table-column .features, .pricing-table .featured + .table-column .footer {
  border-left: none;
}

/* First column as row labels--------------------------------------------------- */
.pricing-table .table-column.row-labels .header {
  background: none;
  border-top-color: transparent;
  border-left: none;
}

.pricing-table .table-column.row-labels .price h6 span {
  font-size: 15px;
  font-weight: 600;
  color: inherit;
}

.pricing-table .table-column.row-labels .features li {
  font-weight: normal;
}

.pricing-table .table-column.row-labels .footer {
  background: none;
  border-top: 1px solid rgba(135, 154, 176, 0.2); /* #879ab0 */
  padding: 1px 10px 0;
}

.pricing-table .table-column.row-labels + .table-column .footer {
  border-left: none;
}

.pricing-table .table-column.row-labels.text-align-left .header, .pricing-table .table-column.row-labels.text-align-left .features li {
  text-align: left;
}

.pricing-table .table-column.row-labels.text-align-right .header, .pricing-table .table-column.row-labels.text-align-right .features li {
  text-align: right;
}

/* Row with empty price and recurrence--------------------------------------------------- */
.pricing-table .header.empty-price-row .price {
  height: 2px;
  padding: 0 15px;
}

.pricing-table .featured .header.empty-price-row .price {
  background: #f78534;
}

/* Tooltip--------------------------------------------------- */
.pricing-table .features li[data-tooltip] {
  position: relative;
  cursor: help;
  -webkit-transition: color 0.15s ease;
  -o-transition: color 0.15s ease;
  transition: color 0.15s ease;
}

.pricing-table .features li[data-tooltip]:hover {
  color: #21354d;
}

.pricing-table .features li[data-tooltip]:hover::before {
  position: absolute;
  display: block;
  width: 250px;
  left: 100px;
  bottom: 42px;
  content: attr(data-tooltip);
  background-color: #fcfbed;
  border: 1px solid #ede8bf;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font: 14px/21px Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #7c6c28;
  text-align: left;
  padding: 7px 10px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  z-index: 3;
}

.pricing-table .features li[data-tooltip]:hover::after {
  position: absolute;
  width: 10px;
  height: 10px;
  left: 120px;
  bottom: 37px;
  content: "";
  background-color: #fcfbed;
  border-bottom: 1px solid #ede8bf;
  border-right: 1px solid #ede8bf;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.03);
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.03);
  z-index: 4;
}

.pricing-table .features.tooltip-150px li[data-tooltip]:hover::before {
  width: 150px;
}

.pricing-table .features.tooltip-200px li[data-tooltip]:hover::before {
  width: 200px;
}

.pricing-table .features.tooltip-300px li[data-tooltip]:hover::before {
  width: 300px;
}

.touch-screen .pricing-table .features li[data-tooltip]::before, .touch-screen .pricing-table .features li[data-tooltip]::after {
  display: none;
}

/* Media queries--------------------------------------------------- */
@media (min-width: 992px) and (max-width: 1199px) {
  .pricing-table .title, .pricing-table .description, .pricing-table .price, .pricing-table .footer {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .pricing-table .title, .pricing-table .description, .pricing-table .price, .pricing-table .footer {
    padding-left: 7px;
    padding-right: 7px;
  }

  .pricing-table h4.title {
    font-size: 21px;
  }

  .pricing-table h5.title {
    font-size: 19px;
  }

  .pricing-table .title {
    font-weight: 500;
  }

  .pricing-table .price {
    height: 58px; /* 32px + 26px */
  }

  .pricing-table .price h6 {
    font-size: 32px;
  }

  .pricing-table .price h6 span {
    font-size: 13px;
  }

  .pricing-table .footer .button {
    padding-left: 12px;
    padding-right: 12px;
  }
}

@media (max-width: 767px) {
  .pricing-table {
    margin-top: -25px;
  }

  .pricing-table .table-column {
    margin-top: 25px;
    margin-bottom: 0;
  }

  .pricing-table .table-column.row-labels {
    display: none;
  }

  .pricing-table .table-column.row-labels ~ .table-column .features li:before {
    content: attr(data-feature) ':';
    display: block;
    font-weight: 600;
    text-align: center;
  }
}

@media (min-width: 480px) {
  /* For equal cell height in a row */
  /* r = line-height (25px) */
  .pricing-table .features li.r1 {
    height: 45px; /* 20px + r */
  }

  .pricing-table .features li.r2 {
    height: 70px;
  }

  .pricing-table .features li.r3 {
    height: 95px;
  }

  .pricing-table .features li.r4 {
    height: 120px;
  }

  .pricing-table .features li.r5 {
    height: 145px;
  }

  .pricing-table .features li.r6 {
    height: 170px;
  }

  /* r = line-height (24px) */
  .pricing-table .description.r1 {
    height: 31px; /* 7px + r */
  }

  .pricing-table .description.r2 {
    height: 55px;
  }

  .pricing-table .description.r3 {
    height: 79px;
  }

  .pricing-table .description.r4 {
    height: 103px;
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  .pricing-table .table-column {
    width: 50% !important;
  }

  .pricing-table.basic .table-column:nth-child(odd) .header, .pricing-table.basic .table-column:nth-child(odd) .features, .pricing-table.extended .table-column:nth-child(even) .header, .pricing-table.extended .table-column:nth-child(even) .features {
    border-left: 2px solid rgba(135, 154, 176, 0.2); /* #879ab0 */
  }

  .pricing-table.basic .table-column.featured:nth-child(odd) .header, .pricing-table.basic .table-column.featured:nth-child(odd) .features, .pricing-table.extended .table-column.featured:nth-child(even) .header, .pricing-table.extended .table-column.featured:nth-child(even) .features {
    border-left-color: #f78534;
  }

  .pricing-table.basic .table-column:nth-child(even) .header, .pricing-table.basic .table-column:nth-child(even) .features, .pricing-table.extended .table-column:nth-child(odd) .header, .pricing-table.extended .table-column:nth-child(odd) .features {
    border-right: 2px solid rgba(135, 154, 176, 0.2); /* #879ab0 */
  }

  .pricing-table.basic .table-column.featured:nth-child(even) .header, .pricing-table.basic .table-column.featured:nth-child(even) .features, .pricing-table.extended .table-column.featured:nth-child(odd) .header, .pricing-table.extended .table-column.featured:nth-child(odd) .features {
    border-right-color: #f78534;
  }

  .pricing-table.extended .table-column.row-labels + .table-column.featured .footer {
    border-left: 2px solid #f78534;
  }

  .pricing-table .title, .pricing-table .description, .pricing-table .price, .pricing-table .footer {
    padding-left: 7px;
    padding-right: 7px;
  }

  .pricing-table h4.title {
    font-size: 21px;
  }

  .pricing-table h5.title {
    font-size: 19px;
  }

  .pricing-table .title {
    font-weight: 500;
  }

  .pricing-table .price {
    height: 58px; /* 32px + 26px */
  }

  .pricing-table .price h6 {
    font-size: 32px;
  }
}

@media (max-width: 479px) {
  .pricing-table .table-column {
    width: 100% !important;
    margin-top: 0;
    padding: 35px 0 0;
  }

  .pricing-table .table-column .header, .pricing-table .table-column .features {
    border-left: 2px solid rgba(135, 154, 176, 0.2) !important; /* #879ab0 */
    border-right: 2px solid rgba(135, 154, 176, 0.2) !important; /* #879ab0 */
  }

  .pricing-table .featured {
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .pricing-table .featured .header, .pricing-table .featured .features {
    border-left-color: #f78534 !important;
    border-right-color: #f78534 !important;
  }
}

/*-----------------------------------------------------------------------------------*//*	30. Preview Image Overlay & Lightbox Overlay/*-----------------------------------------------------------------------------------*/
.overlay-enabled {
  position: relative;
  max-width: 100%;
}

/* Image overlay--------------------------------------------------- */
.image-overlay {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background-color: rgba(33, 53, 77, 0.4); /* #21354d */
  cursor: pointer;
  -webkit-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
  opacity: 0;
}

.round-image .image-overlay, .img-round + .image-overlay {
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.image-overlay.default-cursor {
  cursor: default;
}

.image-overlay span {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.image-overlay span::before {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-family: Ionicons;
  line-height: 1;
  color: #fff;
}

.image-overlay .link::before {
  font-size: 48px;
  content: "\f2c7";
}

.image-overlay .zoom::before {
  font-size: 40px;
  content: "\f386";
}

.image-overlay .video::before {
  width: 42px;
  height: 42px;
  background-color: rgba(255, 255, 255, 0.25);
  -webkit-border-radius: 50%;
  border-radius: 50%;
  content: "";
}

.image-overlay .video::after {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  margin: -12px 0 0 -6px;
  border-left: 16px solid #fff;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  content: "";
}

.no-touch-screen .overlay-enabled:hover .image-overlay {
  opacity: 1;
}

/* Touch-screen devices */
.touch-screen .overlay-enabled .image-overlay a.mfp-lightbox span {
  display: none;
}

.touch-screen .owl-carousel .overlay-enabled .image-overlay span {
  display: block;
}

/* Video preview--------------------------------------------------- */
.video-preview {
  max-width: 100%;
}

.video-preview a.mfp-lightbox {
  position: relative;
  display: block;
  max-width: 100%;
}

.video-preview .overlay {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background-color: rgba(255, 188, 140, 0.1); /* #ffbc8c */
  -webkit-transition: background-color 0.3s ease-out;
  -o-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
}

.video-preview .img-round + .overlay {
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.video-preview .play-button {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 84px;
  height: 84px;
  margin: -42px 0 0 -42px;
  background-color: rgba(0, 0, 0, 0.4);
  border: 7px solid #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.1);
  -webkit-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  opacity: 0.8;
  cursor: pointer;
}

.video-preview .play-button::after {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  margin: -20px 0 0 -10px;
  border-left: 28px solid #fff;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  content: "";
}

.no-touch-screen .video-preview a.mfp-lightbox:hover .overlay {
  background-color: rgba(98, 117, 140, 0.3); /* #62758c */
}

.no-touch-screen .video-preview a.mfp-lightbox:hover .overlay .play-button {
  opacity: 0.95;
}

/* Lightbox overlay--------------------------------------------------- *//* Fade animation */
.mfp-fade.mfp-bg { /* overlay at start */
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready { /* overlay animate in */
  opacity: 0.8;
}

.mfp-fade.mfp-bg.mfp-removing { /* overlay animate out */
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content { /* content at start */
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content { /* content animate it */
  opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content { /* content animate out */
  opacity: 0;
}

/* Zoom animation */
.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden; /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
  opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
  opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}

/* Popup with inline element */
.white-bg-popup {
  position: relative;
  width: auto;
  width: 1100px;
  max-width: 95%;
  background: #fff;
  margin: 20px auto;
  padding: 40px;
}

/*-----------------------------------------------------------------------------------*//*	31. Forms/*-----------------------------------------------------------------------------------*//* Submit button */
.comment-form input[type="submit"], #page-content .contact-form input[type="submit"], #main .subscription-form input[type="submit"] {
  background-color: #62758c;
}

.comment-form input[type="submit"]:hover, #page-content .contact-form input[type="submit"]:hover, #main .subscription-form input[type="submit"]:hover {
  background-color: #333;
}

/* Notification */
#comment-form-message.success p, #page-content #contact-form-message.success p, #main .subscription-form-message.success p {
  font-weight: bold;
}

#comment-form-message.error p, #page-content #contact-form-message.error p, #main .subscription-form-message.error p {
  color: #ff5555;
  font-weight: bold;
}

/* Comment Form--------------------------------------------------- */
#comments + .comment-respond {
  margin-top: 60px;
}

.comment-respond .title {
  color: #62758c;
  margin-bottom: 10px;
}

.comment-form .comment-notes {
  color: #666;
  margin-bottom: 10px;
}

.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] {
  width: 60%;
  min-width: 290px;
  background-color: #fff;
  border: 2px solid rgba(135, 154, 176, 0.25); /* #879ab0 */
}

.comment-form textarea {
  height: 150px;
  background-color: #fff;
  border: 2px solid rgba(135, 154, 176, 0.25); /* #879ab0 */
}

.comment-form input[type="text"]:focus, .comment-form input[type="email"]:focus, .comment-form input[type="url"]:focus, .comment-form textarea:focus {
  border-color: rgba(135, 154, 176, 0.4); /* #879ab0 */
}

/* Placeholders */
.comment-form ::-webkit-input-placeholder {
  color: #879ab0;
  opacity: 1;
  -webkit-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
}

.comment-form :-moz-placeholder { /* Firefox 18- */
  color: #879ab0;
  opacity: 1;
  -moz-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
}

.comment-form ::-moz-placeholder { /* Firefox 19+ */
  color: #879ab0;
  opacity: 1;
  transition: opacity 0.15s ease;
}

.comment-form :-ms-input-placeholder {
  color: #879ab0;
  opacity: 1;
  transition: opacity 0.15s ease;
}

.comment-form :focus::-webkit-input-placeholder {
  opacity: 0.6;
}

.comment-form :focus::-moz-placeholder {
  opacity: 0.6;
}

.comment-form :focus:-moz-placeholder {
  opacity: 0.6;
}

.comment-form :focus:-ms-input-placeholder { /* native IE10+ placeholder behavior - disappearing text on focus */
}

/* Submit */
.comment-form .field-submit {
  margin-top: 25px;
}

.comment-form .field-submit .loader {
  display: inline-block;
  width: 16px;
  height: 11px;
  background: url(../images/icons/ajax-loader.gif) no-repeat 0 0;
  margin-left: 30px;
}

.comment-form div.error > input, .comment-form div.error > textarea {
  border-bottom-color: #ff8888;
}

#comment-form-message p {
  font-size: 15px;
  margin: 10px 0 0;
}

/* Contact Form--------------------------------------------------- */
#page-content .contact-form {
  width: 80%;
}

#page-content .contact-form label {
  font-weight: 600;
  margin-bottom: 5px;
}

#page-content .contact-form label a {
  font-weight: inherit;
}

#page-content .contact-form label span {
  font-weight: normal;
}

#page-content .contact-form span.required {
  color: #ff5555;
}

#page-content .contact-form input[type="text"], #page-content .contact-form input[type="email"], #page-content .contact-form input[type="url"] {
  background-color: #f1f1f1;
  border: none;
  border-bottom: 2px solid #f1f1f1;
  padding: 6px 12px 7px;
}

#page-content .contact-form textarea {
  height: 150px;
  background-color: #f1f1f1;
  border: none;
  border-bottom: 2px solid #f1f1f1;
}

#page-content .contact-form input[type="text"]:focus, #page-content .contact-form input[type="email"]:focus, #page-content .contact-form input[type="url"]:focus, #page-content .contact-form textarea:focus, #page-content .contact-form div.error > textarea:focus {
  background-color: #f5f5f5;
  border-bottom-color: #ffbc8c;
}

/* Select */
#page-content .contact-form .select-wrapper::after {
  border-left-width: 6px;
  border-right-width: 6px;
  border-top-width: 7px;
}

#page-content .contact-form select {
  background-color: #f1f1f1;
  border: none;
  border-bottom: 2px solid #f1f1f1;
  padding-top: 5px;
  padding-bottom: 6px;
}

#page-content .contact-form select:focus {
  background-color: #f5f5f5;
}

#page-content .contact-form select:focus > option {
  background-color: #fff;
}

/* Checkbox */
.contact-form input[type="checkbox"] {
  position: relative;
  top: 1px;
  margin-right: 5px;
}

.contact-form .field-checkbox label {
  display: inline;
  margin-bottom: 0;
}

/* Submit */
#page-content .contact-form .field-submit {
  margin-top: 25px;
}

#page-content .contact-form .field-submit .loader {
  display: inline-block;
  width: 16px;
  height: 11px;
  background: url(../images/icons/ajax-loader.gif) no-repeat 0 0;
  margin-left: 30px;
}

#page-content .contact-form div.error > input, #page-content .contact-form div.error > textarea, #page-content .contact-form div.error > select {
  border-bottom-color: #ff8888;
}

#page-content #contact-form-message p {
  font-size: 15px;
  margin: 10px 0 0;
}

/* Subscription Form--------------------------------------------------- */
#main .subscription-form input[type="text"], #main .subscription-form input[type="email"] {
  border: none;
  border-bottom: 1px solid #b6c7db;
  background-color: rgba(255, 255, 255, 0.85);
}

#main .subscription-form input[type="text"]:focus, #main .subscription-form input[type="email"]:focus {
  border-bottom-color: #879ab0;
  background-color: #fff;
}

/* for white background */
#main .stripe-white-bg .subscription-form input[type="text"], #main-content .subscription-form input[type="text"], #main .stripe-white-bg .subscription-form input[type="email"], #main-content .subscription-form input[type="email"] {
  background-color: #f9f9f9;
}

#main .stripe-white-bg .subscription-form input[type="text"]:focus, #main-content .subscription-form input[type="text"]:focus, #main .stripe-white-bg .subscription-form input[type="email"]:focus, #main-content .subscription-form input[type="email"]:focus {
  background-color: #f7f7f7;
}

/* Submit */
#main .subscription-form .field-submit .loader {
  display: inline-block;
  width: 16px;
  height: 11px;
  background: url(../images/icons/ajax-loader.gif) no-repeat 0 0;
  margin-left: 30px;
}

#main .subscription-form div.error > input {
  border-color: #ff8888;
}

#main .subscription-form-message p {
  font-size: 15px;
  margin: 10px 0 0;
}

/* Media queries--------------------------------------------------- */
@media (min-width: 992px) and (max-width: 1199px) {
  #page-content .contact-form {
    width: 90%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  #page-content .contact-form {
    width: 95%;
  }
}

@media (max-width: 479px) {
  #page-content .contact-form {
    width: 100%;
  }
}

/*-----------------------------------------------------------------------------------*//*	32. Contact Info & Google Map/*-----------------------------------------------------------------------------------*//* Contact Information--------------------------------------------------- *//* Contact details */
.contact-page .contact-info .contact-details div[class*="contact-"] + div[class*="contact-"] {
  margin-top: 7px;
}

.contact-page .contact-info .contact-email div, .contact-page .contact-info .contact-phone div, .contact-page .contact-info .contact-skype div {
  font-size: 19px;
  font-weight: 600;
  margin-left: 35px;
}

.contact-page .contact-info .contact-phone .fa { /* vector icons - Font Awesome */
  float: left;
  font-size: 35px;
  color: #b6c7db;
  margin: -1px 0 0 3px;
}

.contact-page .contact-info .contact-email .fa {
  float: left;
  font-size: 22px;
  color: #b6c7db;
  margin: 4px 0 0 0;
}

.contact-page .contact-info .contact-skype .fa {
  float: left;
  font-size: 24px;
  color: #b6c7db;
  margin: 5px 0 0 0;
}

.contact-page .contact-info .contact-email a, .contact-page .contact-info .contact-phone .phone-number, .contact-page .contact-info .contact-skype {
  font-weight: inherit;
  color: #62758c;
}

.contact-page .contact-info .contact-email a:hover, .contact-page .contact-info .contact-phone .phone-number:hover {
  color: #222;
}

.contact-page .contact-info .social-share {
  margin-top: 30px;
}

.phone-number * {
  color: inherit !important; /* overwrite style applied by iOS for automatically detected phone numbers */
}

/* Address details */
.contact-page .contact-info .address-details {
  margin-top: 40px;
}

.contact-page .contact-info .tabs-nav {
  padding: 0 0 15px 0;
}

.contact-page .contact-info .tabs-nav .title {
  font-family: inherit;
  margin-bottom: 0;
}

.contact-page .contact-info .tabs-list li {
  margin-right: 20px;
}

.contact-page .contact-info .tabs-list a {
  border-bottom: 2px dotted transparent;
}

.contact-page .contact-info .tabs-list li.active a {
  color: inherit;
}

.contact-page .contact-info .tabs-content {
  position: relative;
  background-color: #e1e9f2;
  margin-top: 0;
  padding-top: 40px;
  padding-bottom: 40px;
  overflow: hidden;
}

.contact-page .contact-info .tabs-content .tab-pane {
  position: relative;
  z-index: 2;
}

.contact-page .contact-info .contact-location .fa { /* vector icons - Font Awesome */
  float: left;
  font-size: 30px;
  color: #b6c7db;
  margin: -3px 0 0 3px;
}

.contact-page .contact-info .contact-envelope .fa {
  float: left;
  font-size: 21px;
  color: #b6c7db;
  margin: 1px 0 0 0;
}

.contact-page .contact-info .tabs-content .title {
  font-size: 16px;
  color: #21354d;
  margin-left: 35px;
  text-transform: uppercase;
}

.contact-page .contact-info .tabs-content p {
  font-weight: 400;
}

/* Google Maps--------------------------------------------------- */
.stripe.map-wrapper {
  padding: 0;
}

.stripe.map-wrapper .columns {
  float: none;
}

.google-map {
  position: relative;
  width: 100%;
  height: 400px;
}

.google-map > span {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  display: block;
  font-size: 15px;
  text-align: center;
  color: #666;
  margin-top: -15px;
}

.google-map .gm-title {
  font: 700 17px/26px Arial, "Helvetica Neue", Helvetica, sans-serif;
  margin-bottom: 3px;
}

.google-map p {
  font: 14px/21px Arial, "Helvetica Neue", Helvetica, sans-serif;
  margin-bottom: 5px;
}

/* Media queries--------------------------------------------------- */
@media (min-width: 1520px) {
  .contact-page .contact-info .tabs-list li {
    margin-right: 25px;
  }

  .contact-page .contact-info .tabs-content {
    padding-left: 54px;
    padding-right: 54px;
    margin-left: -54px;
  }
}

@media (min-width: 1200px) and (max-width: 1519px) {
  .contact-page .contact-info .tabs-content {
    padding-left: 34px;
    padding-right: 34px;
    margin-left: -34px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .contact-page .contact-info .tabs-list li {
    margin-right: 15px;
  }

  .contact-page .contact-info .tabs-content {
    padding-left: 28px;
    padding-right: 28px;
    margin-left: -28px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .contact-page .contact-info .tabs-list li {
    margin-right: 10px;
  }

  .contact-page .contact-info .tabs-content {
    padding-left: 20px;
    padding-right: 20px;
    margin-left: -20px;
  }
}

@media (max-width: 767px) {
  .contact-page .contact-info .tabs-content {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  .contact-page .contact-info {
    margin-top: -15px;
  }

  .contact-page .contact-info .tabs-content br {
    display: none;
  }
}

/*-----------------------------------------------------------------------------------*//*	33. Sidebar/*-----------------------------------------------------------------------------------*//* Side menu--------------------------------------------------- */
.side-menu, .side-menu > li ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

@media (min-width: 992px) {
  #page-content.fullwidth-layout .side-menu-widget {
    margin-bottom: 20px;
  }

  #page-content.sidebar-layout .side-menu-widget {
    margin-bottom: 70px;
  }

  .side-menu {
    margin-top: -6px;
  }

  .side-menu > li {
    position: relative;
    margin-bottom: 0;
  }

  .side-menu > li::before {
    position: absolute;
    top: 6px;
    left: 0;
    color: #909090;
    content: "\2013 \00A0";
  }

  .side-menu > li > a {
    display: block;
    font-size: 19px;
    line-height: 28px;
    font-weight: 700;
    color: #909090;
    padding: 6px 30px 6px 18px;
  }

  .side-menu > li > a:hover {
    color: #333;
  }

  .side-menu > li.current-menu-item > a, .side-menu > li.current-menu-ancestor > a {
    color: #e5660b;
  }

  .side-menu > li.current-menu-item::before, .side-menu > li.current-menu-ancestor::before {
    color: #e5660b;
  }

  .side-menu > li ul li {
    margin-bottom: 10px;
    padding-left: 28px;
  }

  .side-menu > li ul li a {
    position: relative;
    display: block;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 400;
    color: #909090;
  }

  .side-menu > li ul li a::before {
    position: absolute;
    top: 0;
    left: -10px;
    font-size: 20px;
    line-height: 22px;
    color: #909090;
    content: "\00B7 \00A0";
  }

  .side-menu > li ul li:first-child {
    margin-top: 5px;
  }

  .side-menu > li ul li:last-child {
    margin-bottom: 15px;
  }

  .side-menu > li ul li a:hover, .side-menu > li ul li.current-menu-item a {
    color: #333;
  }
}

@media (max-width: 991px) {
  #page-content .side-menu-widget {
    width: auto;
    line-height: 0;
    background-color: #fff;
    margin: -75px -120px 60px -120px;
    padding: 25px 135px 20px 135px;
  }

  #page-content .stripe-right .side-menu-widget {
    margin: -75px -120px 60px -30px;
    padding: 23px 135px 14px 45px;
  }

  #page-content .stripe-white-bg .side-menu-widget, #page-content.sidebar-layout .side-menu-widget {
    background-color: #f5f6f7; /* on white bg */
  }

  .side-menu > li {
    display: inline-block;
    line-height: 28px;
    margin: 0 20px 5px 0;
  }

  .side-menu > li:last-child {
    margin-right: 0;
  }

  .side-menu > li > a {
    display: block;
    font: 400 16px/28px Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif;
    line-height: inherit;
    color: #62758c;
  }

  .side-menu > li > a:hover {
    color: #222;
  }

  .side-menu > li.current-menu-item > a, .side-menu > li.current-menu-ancestor > a {
    color: #222;
  }

  .side-menu > li.menu-item-has-children > ul {
    display: none;
  }
}

@media (max-width: 767px) {
  .side-menu > li {
    margin-right: 15px;
  }
}

@media (max-width: 479px) {
  #page-content .side-menu-widget {
    display: none;
    margin-top: -60px;
  }
}

/* Sidebar widgets--------------------------------------------------- */
#sidebar .widget {
  margin-bottom: 60px;
}

#sidebar .widget .widget-title {
  font-size: 17px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

/* Widget title underline */
#sidebar .widget.title-underline .widget-title {
  position: relative;
  margin-bottom: 30px;
}

#sidebar .widget.title-underline .widget-title::before {
  position: absolute;
  left: -5px;
  bottom: -7px;
  width: 80%;
  height: 0;
  content: "";
  border-top: 2px dotted #ffbc8c;
}

/* Recent Posts widget--------------------------------------------------- */
#sidebar .widget-recent-posts {
  margin-bottom: 55px;
}

#sidebar .widget-recent-posts ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#sidebar .widget-recent-posts li {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 15px;
}

#sidebar .widget-recent-posts li:last-child {
  margin-bottom: 0;
}

#sidebar .widget-recent-posts ul a {
  font-weight: bold;
  padding: 6px 0;
}

#sidebar .widget-recent-posts .post-date {
  display: block;
  font-size: 13px;
  font-weight: 400;
  color: #909090;
  margin-top: 7px;
}

/* Text Block widget--------------------------------------------------- */
#sidebar .widget-text-block .widget-title {
  margin-bottom: 10px;
}

#sidebar .widget-text-block p:last-child, #sidebar .widget-text-block ul:last-child, #sidebar .widget-text-block ol:last-child, #sidebar .widget-text-block blockquote:last-child {
  margin-bottom: 0;
}

#sidebar .widget-text-block .button {
  width: 100%;
}

/* Button */
#sidebar .widget-text-block .widget-title + .text-wrapper > .button:first-child, #sidebar .widget-text-block .widget-title + .text-wrapper > p:first-child .button:first-child {
  margin-top: 10px;
}

#sidebar .widget-text-block .button {
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-border-radius: 0;
  border-radius: 0;
}

#sidebar .widget-text-block .button:not(.button-medium) {
  padding: 12px 18px;
}

#sidebar .widget-text-block .button-medium {
  border-width: 1px;
}

#sidebar .widget-text-block .button:not(.button-grey):not(.button-colored) {
  color: #62758c;
  border-color: #62758c;
}

#sidebar .widget-text-block .button:not(.button-grey):not(.button-colored):hover {
  color: #fff;
  background-color: #62758c;
}

#sidebar .widget-text-block .button.button-colored {
  color: #f78534;
  border-color: #f78534;
}

#sidebar .widget-text-block .button.button-colored:hover {
  color: #fff;
  background-color: #f78534;
}

#sidebar .widget-text-block .button.button-grey {
  color: #727378;
  border-color: #727378;
}

#sidebar .widget-text-block .button.button-grey:hover {
  color: #fff;
  background-color: #727378;
}

/* Info Box widget--------------------------------------------------- */
#sidebar .widget-info-box .info-box .info-text {
  padding-top: 20px;
}

/* Featured Article widget--------------------------------------------------- */
#sidebar .widget-featured-article .info-box .info-text {
  padding-top: 25px;
}

#sidebar .widget-featured-article .info-text .title {
  margin-bottom: 10px;
}

#sidebar .widget-featured-article .info-text p {
  font-size: 16px;
  margin-bottom: 0;
}

#sidebar .widget-featured-article .info-text .post-meta {
  font-size: 13px;
  font-weight: 400;
  color: #909090;
  margin-top: 12px;
}

#sidebar .widget-featured-article .info-text .post-meta a {
  font-weight: inherit;
  font-style: italic;
}

/* Testimonials widget--------------------------------------------------- */
#sidebar .widget-testimonials .widget-title {
  margin-bottom: 25px;
}

#sidebar .widget-testimonials.title-underline .widget-title {
  margin-bottom: 35px;
}

/* Social Profiles widget--------------------------------------------------- */
#sidebar .widget-social-profiles {
  margin-top: 2px;
  margin-bottom: 55px;
}

#sidebar .widget-social-profiles .widget-title {
  float: left;
  color: #62758c;
  margin: 0 15px 0 0;
  padding-top: 2px;
  text-transform: none;
}

.widget-social-profiles .fa-icon-list {
  margin: 0 0 -8px;
}

.widget-social-profiles .fa-icon-list li {
  margin: 0 8px 8px 0;
}

.widget-social-profiles .fa-icon-list li:last-child {
  margin-right: 0;
}

.widget-social-profiles .fa-icon-list li a {
  display: block;
  width: 29px;
  height: 29px;
  text-align: center;
  background-color: #1f5494;
  border: none;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  opacity: 0.8;
}

.widget-social-profiles .fa-icon-list li a:hover {
  opacity: 1;
}

.widget-social-profiles .fa-icon-list li[class*="icon-"] a {
  opacity: 0.7;
}

.widget-social-profiles .fa-icon-list li[class*="icon-"] a:hover {
  opacity: 0.9;
}

.widget-social-profiles .fa-icon-list li.icon-twitter a {
  background-color: #55acee;
}

.widget-social-profiles .fa-icon-list li.icon-facebook a {
  background-color: #3b5998;
}

.widget-social-profiles .fa-icon-list li.icon-linkedin a {
  background-color: #0077b5;
}

.widget-social-profiles .fa-icon-list li.icon-google-plus a {
  background-color: #dd4b39;
}

.widget-social-profiles .fa-icon-list li.icon-pinterest a {
  background-color: #bd081c;
}

.widget-social-profiles .fa-icon-list li.icon-instagram a {
  background-color: #e4405f;
}

.widget-social-profiles .fa-icon-list li.icon-youtube a {
  background-color: #cd201f;
}

.widget-social-profiles .fa-icon-list li.icon-vimeo a {
  background-color: #1ab7ea;
}

.widget-social-profiles .fa-icon-list li.icon-vk a {
  background-color: #4c75a3;
}

.widget-social-profiles .fa-icon-list li.icon-dribbble a {
  background-color: #ea4c89;
}

.widget-social-profiles .fa-icon-list li.icon-behance a {
  background-color: #131418;
}

.widget-social-profiles .fa-icon-list li .fa {
  width: 23px;
  color: #fff;
  line-height: 29px;
}

.widget-social-profiles .fa-icon-list li > .fa { /* if url is not specified */
  color: #b5b5b5;
}

/* Subscription Form widget--------------------------------------------------- */
#sidebar .widget-subscription-form {
  background: rgba(204, 204, 204, 0.25);
  padding-top: 40px;
  padding-bottom: 40px;
}

#sidebar .widget-subscription-form .widget-title {
  text-align: center;
  margin-bottom: 10px;
}

#sidebar .widget-subscription-form p.text-aside {
  text-align: center;
}

#sidebar .widget-subscription-form .subscription-form .field-submit {
  position: relative;
  text-align: center;
}

#sidebar .widget-subscription-form .subscription-form .field-submit .loader {
  position: absolute;
  top: 50px;
  left: 50%;
  margin-left: -8px;
}

#sidebar .widget-subscription-form .subscription-form-message p {
  text-align: center;
  margin-top: 15px;
}

/* Banner widget--------------------------------------------------- */
#sidebar .widget-banner {
  position: relative;
  width: 300px;
  overflow: hidden;
}

#sidebar .widget-banner.banner-portrait { /* width/height ratio = 4/5 */
  height: 375px;
}

#sidebar .widget-banner.banner-square { /* width/height ratio = 1/1 */
  height: 300px;
}

#sidebar .widget-banner a.block-link {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

#sidebar .widget-banner img {
  position: relative;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
  -webkit-filter: saturate(70%);
  filter: saturate(70%);
  z-index: 1;
}

#sidebar .widget-banner a.block-link:hover img {
  opacity: 0.9;
}

#sidebar .widget-banner::before {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #1f5494;
  opacity: 0.5;
  content: "";
  z-index: 2;
}

#sidebar .widget-banner.primary-color-bg::before {
  background-color: #1f5494;
  -webkit-filter: saturate(30%);
  filter: saturate(30%);
}

#sidebar .widget-banner.secondary-color-bg::before {
  background-color: #e5660b;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
  -webkit-filter: saturate(40%);
  filter: saturate(40%);
}

#sidebar .widget-banner .banner-text-wrapper {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}

#sidebar .widget-banner .banner-text {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

#sidebar .widget-banner .banner-text .banner-title {
  color: #fff;
  margin: 0 20px 15px;
}

#sidebar .widget-banner .banner-text .h2-title {
  font-size: 60px;
  line-height: 0.9;
  font-weight: normal;
}

#sidebar .widget-banner .banner-text .h3-title {
  font-size: 50px;
  line-height: 0.95;
  font-weight: normal;
}

#sidebar .widget-banner .banner-text .h4-title {
  font-size: 40px;
  line-height: 1;
  font-weight: normal;
}

#sidebar .widget-banner .banner-text .banner-description {
  position: relative;
  padding: 12px 20px;
}

#sidebar .widget-banner .banner-text .banner-description::before {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  -webkit-filter: saturate(50%);
  filter: saturate(50%);
  z-index: 1;
}

#sidebar .widget-banner.primary-color-bg .banner-text .banner-description::before {
  background-color: rgba(98, 117, 140, 0.7); /* #62758c */
  background-image: -webkit-linear-gradient(top, rgba(51, 51, 51, 0.2), rgba(51, 51, 51, 0.4));
  background-image: -o-linear-gradient(top, rgba(51, 51, 51, 0.2), rgba(51, 51, 51, 0.4));
  background-image: linear-gradient(to bottom, rgba(51, 51, 51, 0.2), rgba(51, 51, 51, 0.4));
}

#sidebar .widget-banner.secondary-color-bg .banner-text .banner-description::before {
  background-color: rgba(229, 102, 11, 0.5); /* #e5660b */
  background-image: -webkit-linear-gradient(top, rgba(51, 51, 51, 0.5), rgba(51, 51, 51, 0.7));
  background-image: -o-linear-gradient(top, rgba(51, 51, 51, 0.5), rgba(51, 51, 51, 0.7));
  background-image: linear-gradient(to bottom, rgba(51, 51, 51, 0.5), rgba(51, 51, 51, 0.7));
}

#sidebar .widget-banner .banner-text .banner-description > * {
  position: relative;
  z-index: 2;
}

#sidebar .widget-banner .banner-text .banner-description p {
  color: #fff;
  line-height: 1.2;
  font-weight: normal;
  margin-bottom: 0;
}

#sidebar .widget-banner .banner-text .banner-description .lead-text-medium {
  font-family: inherit;
  font-size: 23px;
}

#sidebar .widget-banner .banner-text .banner-description .banner-link {
  color: #ffbc8c;
  font-weight: normal;
  margin: 5px 0 0;
}

#sidebar .widget-banner .banner-text .banner-description .banner-link .fa { /* vector icons - Font Awesome */
  font-size: 13px;
  margin-left: 10px;
  -webkit-transition: color 0.15s ease;
  -o-transition: color 0.15s ease;
  transition: color 0.15s ease;
}

#sidebar .widget-banner a.block-link:hover .banner-text .banner-link .fa {
  color: #eee;
}

/* Stats widget--------------------------------------------------- */
#sidebar .widget-stats .stat-data {
  padding: 35px 30px;
  background-color: #b6c7db;
}

#sidebar .widget-stats.primary-color-bg .stat-data {
  background-color: #b6c7db;
}

#sidebar .widget-stats.secondary-color-bg .stat-data {
  background-color: rgba(247, 133, 52, 0.65); /* #f78534 */
}

#sidebar .widget-stats .stat-data .fact-number {
  color: #62758c;
}

#sidebar .widget-stats.secondary-color-bg .stat-data .fact-number, #sidebar .widget-stats.secondary-color-bg .stat-data .fact-statement p {
  color: #fff;
}

/* Twitter Feed widget--------------------------------------------------- */
#sidebar .widget-twitter-feed {
  margin-bottom: 55px;
}

/* Flickr Photostream widget--------------------------------------------------- */
#sidebar .widget-flickr-photostream .description {
  font-size: 16px;
  font-weight: 400;
  color: #666;
  margin-top: 15px;
}

/* Video widget--------------------------------------------------- */
#sidebar .widget-video .video-description {
  font-size: 16px;
  margin-top: 15px;
}

/* Tag Cloud widget--------------------------------------------------- */
#sidebar .widget-tag-cloud {
  margin-bottom: 50px;
}

#sidebar .widget-tag-cloud a {
  display: inline;
  float: left;
  font: 13px/22px Verdana, Geneva, sans-serif;
  color: #444;
  padding: 2px 10px 3px;
  margin: 0 7px 7px 0;
  background-color: rgba(135, 154, 176, 0.15); /* #879ab0 */
}

#sidebar .widget-tag-cloud a:hover {
  color: #fff;
  background-color: #62758c;
}

/* Archive widget--------------------------------------------------- */
#sidebar .widget-archive ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#sidebar .widget-archive li {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 7px;
}

#sidebar .widget-archive li:last-child {
  margin-bottom: 0;
}

#sidebar .widget-archive select {
  background-color: #f9f9f9;
}

#sidebar .widget-archive select:focus {
  background-color: #f3f3f3;
}

#sidebar .widget-archive select:focus > option {
  background-color: #fff;
}

/* Media queries--------------------------------------------------- *//* Disable auto zoom in input/textarea/select fields - Safari on iPhone */
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 0) {
  #sidebar .widget-archive select {
    font-size: 16px;
  }
}

@media (min-width: 1520px) {
  #sidebar .widget-info-box .info-box, #sidebar .widget-featured-article .info-box {
    margin-left: -54px;
  }

  #sidebar .widget-info-box .info-box .info-text, #sidebar .widget-featured-article .info-box .info-text {
    padding-left: 54px;
  }

  #sidebar .widget-subscription-form {
    padding-left: 54px;
    padding-right: 54px;
    margin-left: -54px;
  }

  #sidebar .widget-banner {
    width: 384px; /* 384px = 330px + 54px */
    margin-left: -54px;
  }

  #sidebar .widget-banner.banner-portrait {
    height: 480px;
  }

  #sidebar .widget-banner.banner-square {
    height: 384px;
  }

  #sidebar .widget-banner .banner-text .banner-title {
    margin: 0 20px 15px 54px; /* 54px equals to .widget-banner "margin-left" */
  }

  #sidebar .widget-banner .banner-text .banner-description {
    padding: 12px 20px 12px 54px; /* 54px equals to .widget-banner "margin-left" */
  }

  #sidebar .widget-stats .stat-data {
    padding-left: 54px;
    padding-right: 54px;
    margin-left: -54px;
  }

  #sidebar .widget-video .video-container {
    margin-left: -54px;
  }
}

@media (min-width: 1200px) and (max-width: 1519px) {
  #sidebar .widget-info-box .info-box, #sidebar .widget-featured-article .info-box {
    margin-left: -34px;
  }

  #sidebar .widget-info-box .info-box .info-text, #sidebar .widget-featured-article .info-box .info-text {
    padding-left: 34px;
  }

  #sidebar .widget-subscription-form {
    padding-left: 34px;
    padding-right: 34px;
    margin-left: -34px;
  }

  #sidebar .widget-banner {
    width: 334px; /* 334px = 300px + 34px */
    margin-left: -34px;
  }

  #sidebar .widget-banner.banner-portrait {
    height: 417px;
  }

  #sidebar .widget-banner.banner-square {
    height: 334px;
  }

  #sidebar .widget-banner .banner-text .banner-title {
    margin: 0 20px 15px 34px; /* 34px equals to .widget-banner "margin-left" */
  }

  #sidebar .widget-banner .banner-text .banner-description {
    padding: 12px 20px 12px 34px; /* 34px equals to .widget-banner "margin-left" */
  }

  #sidebar .widget-stats .stat-data {
    padding-left: 34px;
    padding-right: 34px;
    margin-left: -34px;
  }

  #sidebar .widget-video .video-container {
    margin-left: -34px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  #sidebar .widget-info-box .info-box, #sidebar .widget-featured-article .info-box {
    margin-left: -28px;
  }

  #sidebar .widget-info-box .info-box .info-text, #sidebar .widget-featured-article .info-box .info-text {
    padding-left: 28px;
  }

  #sidebar .widget-subscription-form {
    padding-left: 28px;
    padding-right: 28px;
    margin-left: -28px;
  }

  #sidebar .widget-banner {
    width: 308px; /* 308px = 280px + 28px */
    margin-left: -28px;
  }

  #sidebar .widget-banner.banner-portrait {
    height: 385px;
  }

  #sidebar .widget-banner.banner-square {
    height: 308px;
  }

  #sidebar .widget-banner .banner-text .banner-title {
    margin: 0 20px 15px 28px; /* 28px equals to .widget-banner "margin-left" */
  }

  #sidebar .widget-banner .banner-text .banner-description {
    padding: 12px 20px 12px 28px; /* 28px equals to .widget-banner "margin-left" */
  }

  #sidebar .widget-stats .stat-data {
    padding-left: 28px;
    padding-right: 28px;
    margin-left: -28px;
  }

  #sidebar .widget-video .video-container {
    margin-left: -28px;
  }
}

@media (max-width: 991px) {
  /* top border gradient if the sidebar contains visible widgets */
  #sidebar.sidebar-visible-sm-down {
    padding-top: 65px;
  }

  #sidebar.sidebar-visible-sm-down::before {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    height: 85px;
    margin: 0 -15px; /* fallback */
    margin: 0 calc(50% - 50vw);
    background-image: -webkit-linear-gradient(top, #f5f6f7 20px, rgba(245, 246, 247, 0));
    background-image: -o-linear-gradient(top, #f5f6f7 20px, rgba(245, 246, 247, 0));
    background-image: linear-gradient(to bottom, #f5f6f7 20px, rgba(245, 246, 247, 0)); /* #f5f6f7 */
    border-top: 1px solid #eee;
    content: "";
  }

  /* space between the last visible widget in sidebar and the "bottom stripe" section */
  #sidebar .widget.mb-last-child {
    margin-bottom: 75px;
  }

  #sidebar .widget-recent-posts.mb-last-child, #sidebar .widget-twitter-feed.mb-last-child, #sidebar .widget-social-profiles.mb-last-child {
    margin-bottom: 70px;
  }

  #sidebar .widget-tag-cloud.mb-last-child {
    margin-bottom: 65px;
  }

  #sidebar .widget-subscription-form {
    background: #f5f5f5;
    margin-left: 0;
    margin-right: 0;
    padding: 40px 35px;
  }
}

@media (min-width: 480px) and (max-width: 991px) {
  #sidebar .widget-banner.banner-portrait {
    height: 540px;
  }

  #sidebar .widget-banner.banner-square {
    height: 432px;
  }
}

@media (min-width: 571px) and (max-width: 991px) {
  /* the width of content inside the sidebar is limited to 540px */
  #sidebar .widget {
    max-width: 540px;
    margin-right: auto;
    margin-left: auto;
  }

  #sidebar .widget-banner {
    width: 540px;
  }

  #sidebar .widget-flickr-photostream .flickr-photostream {
    margin: -18px -18px 0 0;
  }

  #sidebar .widget-flickr-photostream .flickr-photostream .flickr_badge_image {
    margin: 18px 18px 0 0;
  }
}

@media (max-width: 767px) {
  #sidebar .widget-banner .banner-text .banner-description .banner-link .fa {
    font-size: 12px;
  }
}

@media (max-width: 570px) {
  #sidebar .widget-banner {
    width: 100%;
  }
}

@media (max-width: 329px) {
  #sidebar .widget-banner.banner-portrait {
    height: 362px;
  }

  #sidebar .widget-banner.banner-square {
    height: 290px;
  }
}

/*-----------------------------------------------------------------------------------*//*	34. Footer/*-----------------------------------------------------------------------------------*/
#footer {
  position: relative;
  padding: 90px 0 40px;
}

#footer .title {
  margin-bottom: 40px;
}

#footer.footer-style-2 .title {
  position: relative;
  margin-bottom: 35px;
}

#footer.footer-style-2 .title::before {
  position: absolute;
  left: -5px;
  bottom: -7px;
  width: 80%;
  height: 0;
  content: "";
  border-top: 2px dotted #909090;
}

#footer p {
  margin-bottom: 0;
}

/* Contact Details--------------------------------------------------- */
#footer .contact-details {
}

#footer .contact-address {
  margin-top: 15px;
}

#footer .contact-phone {
  font-size: 19px;
  font-weight: 700;
  margin-top: 15px;
}

#footer .phone-number {
  font-weight: inherit;
  color: #62758c;
}

#footer .phone-number:hover {
  color: #222;
}

#footer .contact-email {
  font-weight: 400;
  margin-top: 15px;
}

#footer .contact-phone + .contact-email {
  margin-top: 5px;
}

#footer .contact-email a {
  color: #62758c;
  font-weight: inherit;
}

#footer .contact-email a:hover {
  color: #222;
}

/* Social profile icons */
#footer .fa-icon-list {
  margin-bottom: 0;
}

#footer .fa-icon-list li {
  margin: 0 20px 12px 0;
}

#footer .fa-icon-list li a {
  display: block;
  color: #e5660b;
}

#footer .fa-icon-list li a:hover {
  color: #222;
}

#footer .fa-icon-list li .fa {
  font-size: 23px;
}

/* Subscription Form--------------------------------------------------- */
#footer .subscription-form .subscription-fields-wrapper {
  position: relative;
  max-width: 90%;
}

#footer .subscription-form input[type="text"], #footer .subscription-form input[type="email"] {
  border: none;
  border-bottom: 1px solid #b6c7db;
  background-color: rgba(182, 199, 219, 0.15); /* #b6c7db */
}

#footer .subscription-form input[type="text"]:focus, #footer .subscription-form input[type="email"]:focus {
  border-bottom-color: #879ab0;
  background-color: rgba(182, 199, 219, 0.18); /* #b6c7db */
}

#footer .subscription-form input[type="submit"] {
  background: #62758c;
}

#footer .subscription-form input[type="submit"]:hover {
  background-color: #333;
}

#footer .subscription-form div.error > input {
  border-color: #ff8888;
}

#footer .subscription-form .field-submit .loader {
  display: inline-block;
  width: 16px;
  height: 11px;
  background: url(../images/icons/ajax-loader.gif) no-repeat 0 0;
  margin-left: 30px;
}

#footer .subscription-form-message p {
  font-size: 15px;
  line-height: 25px;
  margin-top: 15px;
}

#footer .subscription-form-message.success {
  font-weight: bold;
}

#footer .subscription-form-message.error {
  color: #ff5555;
  font-weight: bold;
}

/* Footer menu--------------------------------------------------- */
#footer .footer-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

#footer .footer-menu li {
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 10px;
}

#footer .footer-menu li:last-child {
  margin-bottom: 0;
}

#footer .footer-menu a {
  color: #62758c;
  font-weight: inherit;
  padding: 6px 0;
}

#footer .footer-menu a:hover {
  color: #222;
}

/* Recent posts--------------------------------------------------- */
#footer .recent-posts {
  list-style: none;
  margin: 0;
  padding: 0;
}

#footer .recent-posts li {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 15px;
}

#footer .recent-posts li:last-child {
  margin-bottom: 0;
}

#footer .recent-posts a {
  font-weight: 600;
  color: #62758c;
  padding: 6px 0;
}

#footer .recent-posts a:hover {
  color: #222;
}

#footer .recent-posts .post-date {
  display: block;
  font-size: 13px;
  font-weight: 400;
  color: #909090;
  margin-top: 7px;
}

/* Footer Bottom--------------------------------------------------- */
#footer-bottom {
  position: relative;
  padding-top: 20px;
  padding-bottom: 50px;
}

#footer-bottom .columns.bottom-left-col {
  float: left;
}

#footer-bottom .columns.bottom-right-col {
  float: right;
}

#footer-bottom * {
  font-size: 15px;
  line-height: 25px;
}

#footer-bottom p {
  font-weight: 400;
  margin: 0;
}

#footer-bottom .bottom-notes {
  margin-bottom: 30px;
  padding: 15px 20px;
  background-color: #eaeaea;
}

#footer-bottom .bottom-notes p {
  font-size: 13px;
  font-weight: inherit;
  color: #666;
}

/* Scroll Top */
#footer-bottom .scroll-top {
  position: fixed;
  bottom: 40px;
  right: 20px;
  width: 44px;
  height: 44px;
  z-index: 100;
  padding-top: 9px;
  text-align: center;
  cursor: pointer;
  background-color: #b6c7db;
  opacity: 1;
  -webkit-transition: background-color 0.15s ease;
  -o-transition: background-color 0.15s ease;
  transition: background-color 0.15s ease;
}

#footer-bottom .scroll-top:hover {
  background-color: #879ab0;
}

#footer-bottom .scroll-top .ion { /* vector icons - Ionicons */
  font-size: 24px;
  color: #fff;
}

#footer-bottom:not(.scrolltop-active) .scroll-top {
  display: none;
}

/* Bottom Links */
#footer-bottom .links {
  float: right;
  list-style: none;
  margin: 0;
  padding: 0;
}

#footer-bottom .links li {
  display: inline-block;
  font-weight: 400;
  margin: 0 12px 0 0;
}

#footer-bottom .links li:last-child {
  margin-right: 0;
}

#footer-bottom .links a {
  color: #62758c;
  font-weight: inherit;
}

#footer-bottom .links a:hover {
  color: #222;
}

/* Media queries--------------------------------------------------- */
@media (min-width: 1520px) {
  #footer .container, #footer .container .columns {
    padding-left: 50px;
    padding-right: 50px;
  }

  #footer .row {
    margin-left: -85px;
    margin-right: -85px;
  }
}

@media (min-width: 1200px) and (max-width: 1519px) {
  #footer .container, #footer .container .columns {
    padding-left: 35px;
    padding-right: 35px;
  }

  #footer .row {
    margin-left: -55px;
    margin-right: -55px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  #footer .container, #footer .container .columns {
    padding-left: 30px;
    padding-right: 30px;
  }

  #footer .row {
    margin-left: -45px;
    margin-right: -45px;
  }
}

@media (max-width: 991px) {
  #footer-bottom .scroll-top {
    bottom: 5px;
  }
}

@media (min-width: 571px) and (max-width: 991px) {
  #footer {
    padding-top: 75px;
  }

  #footer .col-xs-12 {
    float: none;
    overflow: hidden;
  }

  #footer.footer-style-1 .col-xs-12 {
    padding-top: 30px;
    border-top: 2px dotted #b5b5b5;
  }

  #footer .col-xs-5, #footer .col-xs-7 {
    margin-bottom: 40px;
  }

  #footer .title {
    margin-bottom: 25px;
  }

  #footer-bottom {
    padding-top: 15px;
    padding-bottom: 40px;
  }

  #footer-bottom:not(.bottom-notes-inside) {
    padding: 25px 0;
    background-color: #eaeaea;
  }
}

@media (max-width: 767px) {
  #footer-bottom {
    padding-top: 10px;
    padding-bottom: 30px;
  }

  #footer-bottom .columns.bottom-left-col, #footer-bottom .columns.bottom-right-col, #footer-bottom .links {
    float: none;
  }

  #footer-bottom .columns {
    text-align: center;
  }

  #footer-bottom .links {
    margin-top: 5px;
  }
}

@media (max-width: 570px) {
  #footer {
    padding-top: 60px;
  }

  #footer .columns {
    float: none;
    width: 100%;
    margin-top: 40px;
  }

  #footer .columns:first-child {
    margin-top: 0;
  }

  #footer .title {
    margin-bottom: 25px;
  }

  #footer .contact-address br {
    display: none;
  }

  #footer-bottom:not(.bottom-notes-inside) {
    padding: 25px 0;
    background-color: #eaeaea;
  }

  #footer-bottom .scroll-top {
    bottom: 15px;
  }
}

/*-----------------------------------------------------------------------------------*//*	35. Typography/*-----------------------------------------------------------------------------------*//* Highlights--------------------------------------------------- */
.highlight {
  color: #7c6c28;
  font-weight: 400;
  background-color: #fcfbe2;
  padding: 1px 4px 3px;
}

.highlight-dashline {
  font-weight: bold;
  border-bottom: 1px dashed #e5660b;
}

/* Lists--------------------------------------------------- */
.check-list, .check-small-list, .arrow-list, .dot-list, .dash-list {
  display: block;
  list-style: none;
  padding: 0;
}

/* Check marker - normal size */
.check-list li {
  position: relative;
  padding-left: 40px;
  margin-bottom: 20px;
}

.check-list li::before {
  position: absolute;
  top: 0;
  left: 0;
  font-family: FontAwesome;
  font-size: 165%;
  font-weight: normal;
  line-height: 1;
  color: #ed5f4a;
  content: "\f00c";
}

.check-list.lead-text-basic li::before {
  top: 1px;
  font-size: 28px;
}

/* Check marker - small size */
.check-small-list li {
  position: relative;
  padding-left: 29px;
  margin-bottom: 15px;
}

.check-small-list li::before {
  position: absolute;
  top: 5px;
  left: 0;
  font-family: FontAwesome;
  font-size: 100%;
  font-weight: normal;
  line-height: 1;
  color: #ed5f4a;
  content: "\f00c";
}

.check-small-list.lead-text-basic li::before {
  top: 7px;
  font-size: 17px;
}

/* Arrow marker */
.arrow-list li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 15px;
}

.arrow-list li::before {
  position: absolute;
  top: 6px;
  left: 0;
  font-family: FontAwesome;
  font-size: 100%;
  font-weight: normal;
  line-height: 1;
  color: #ed5f4a;
  content: "\f054";
}

.arrow-list.lead-text-basic li::before {
  top: 7px;
  font-size: 17px;
}

/* Dot marker */
.dot-list li {
  position: relative;
  padding-left: 15px;
}

.dot-list li::before {
  position: absolute;
  top: 12px;
  left: 0;
  font-family: FontAwesome;
  font-size: 32%;
  font-weight: normal;
  line-height: 1;
  color: #ed5f4a;
  content: "\f04d";
}

.dot-list.lead-text-basic li::before {
  top: 14px;
  font-size: 5px;
}

/* Dash marker */
.dash-list li {
  margin-bottom: 15px;
}

.dash-list li::before {
  font-size: 18px;
  font-weight: 700;
  content: "\2014 \00A0\00A0\00A0";
}

.check-list.marker-white li::before, .check-small-list.marker-white li::before, .arrow-list.marker-white li::before, .dot-list.marker-white li::before, .dash-list.marker-white li::before {
  color: rgba(255, 255, 255, 0.8);
}

.check-list li:last-child, .check-small-list li:last-child, .arrow-list li:last-child, .dot-list li:last-child, .dash-list li:last-child {
  margin-bottom: 0;
}

.check-list.indent-small, .check-small-list.indent-small, .arrow-list.indent-small, .dot-list.indent-small, .dash-list.indent-small {
  padding-left: 10px;
}

.check-list.indent-medium, .check-small-list.indent-medium, .arrow-list.indent-medium, .dot-list.indent-medium, .dash-list.indent-medium {
  padding-left: 20px;
}

.check-list.indent-large, .check-small-list.indent-large, .arrow-list.indent-large, .dot-list.indent-large, .dash-list.indent-large {
  padding-left: 30px;
}

/* Dividers--------------------------------------------------- */
.divider-line {
  position: relative;
  height: 0;
  margin-bottom: 0;
  border-bottom: 1px solid #dedede;
}

.divider-line.double {
  border-bottom-width: 2px;
}

.divider-line.triple {
  border-bottom-width: 3px;
}

.divider-line.grey-divider {
  border-bottom-color: #dedede;
}

.divider-line.white-divider {
  border-bottom-color: #fff;
}

.divider-line.colored-divider {
  border-bottom-color: rgba(255, 188, 140, 0.5); /* #ffbc8c */
}

/* Gradient line with "arrow down" */
.divider-gradient {
  position: relative;
  height: 0;
  margin-bottom: 0;
  border-bottom: 1px solid #dedede;
  border-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 4%, #e5e5e5 30%, #e5e5e5 48%, rgba(255, 255, 255, 0) 48%, rgba(255, 255, 255, 0) 52%, #e5e5e5 52%, #e5e5e5 70%, rgba(255, 255, 255, 0) 96%) 1;
  border-image: -o-linear-gradient(right, rgba(255, 255, 255, 0) 4%, #e5e5e5 30%, #e5e5e5 48%, rgba(255, 255, 255, 0) 48%, rgba(255, 255, 255, 0) 52%, #e5e5e5 52%, #e5e5e5 70%, rgba(255, 255, 255, 0) 96%) 1;
  border-image: linear-gradient(to left, rgba(255, 255, 255, 0) 4%, #e5e5e5 30%, #e5e5e5 48%, rgba(255, 255, 255, 0) 48%, rgba(255, 255, 255, 0) 52%, #e5e5e5 52%, #e5e5e5 70%, rgba(255, 255, 255, 0) 96%) 1;
}

.divider-gradient::after {
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  width: 28px;
  height: 28px;
  margin-top: -12px;
  margin-left: -14px;
  font-family: FontAwesome;
  font-size: 28px;
  line-height: 1;
  color: #e5e5e5;
  text-align: center;
  content: "\f107";
}

.divider-gradient.double {
  border-bottom-width: 2px;
}

/* Dotted line */
.divider-dotline {
  position: relative;
  height: 0;
  margin-bottom: 0;
  border-bottom: 1px dotted #dedede;
}

.divider-dotline.grey-divider {
  border-bottom-color: #ccc;
}

.divider-dotline.colored-divider {
  border-bottom-color: #ffbc8c;
}

/* Small bar */
.small-bar {
  position: relative;
  width: 100%;
  height: 1px;
  padding-top: 2px;
  margin-bottom: 30px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.small-bar::before {
  position: absolute;
  display: block;
  left: 0;
  top: 2px;
  width: 80px;
  height: 2px;
  background-color: #b9b9b9;
  content: "";
}

.small-bar.grey-bar::before {
  background-color: #b9b9b9;
}

.small-bar.colored-bar::before {
  background-color: #e5660b;
}

.small-bar.text-center::before, .small-bar[style*="text-align: center"]::before {
  left: 50%;
  width: 80px;
  margin-left: -40px;
}

/* Note separator */
.note-separator {
  width: 25px;
  height: 0;
  padding-top: 10px;
  border-bottom: 2px solid #d5d5d5;
  margin-bottom: 15px;
}

.note-separator.grey-separator {
  border-bottom-color: #a5a5a5;
}

.note-separator.colored-separator {
  border-bottom-color: #e5660b;
}

.note-separator.text-center, .note-separator[style*="text-align: center"] {
  margin-left: auto;
  margin-right: auto;
}

/* For IE10 and higher */
@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /*.small-bar::after {		top: 3px;		height: 6px;	}*/
}

/*-----------------------------------------------------------------------------------*//*	36. Other Elements and Misc./*-----------------------------------------------------------------------------------*//* Vector icons - Font Awesome--------------------------------------------------- */
.fa-icon-list {
  list-style: none;
  margin: 0 0 -10px;
  padding: 0;
  font-size: 0;
  line-height: 0;
}

.fa-icon-list li {
  display: inline-block;
  margin: 0 10px 10px 0;
}

.fa-icon-list li:last-child {
  margin-right: 0;
}

.fa-icon-list li .fa {
  font-size: 17px;
  color: inherit;
}

/* Dot leaders--------------------------------------------------- */
.dot-leaders {
  list-style: none;
  margin: 0;
  padding: 0;
}

.dot-leaders li {
  display: table;
  width: 100%;
}

.dot-leaders li > span {
  display: table-cell;
  vertical-align: bottom;
}

.dot-leaders span.param {
  padding-right: 6px;
  white-space: nowrap;
}

.dot-leaders span.dotted-separator {
  width: 100%;
  height: 10px;
  background-image: -webkit-radial-gradient(#ccc 1px, transparent 0px);
  background-image: -o-radial-gradient(#ccc 1px, transparent 0px);
  background-image: radial-gradient(#ccc 1px, transparent 0px);
  background-size: 6px 6px;
  background-repeat: repeat-x;
  background-position: left 0 bottom 6px;
}

.dot-leaders span.value {
  padding-left: 6px;
  white-space: nowrap;
}

@media (max-width: 570px) {
  .dot-leaders span.param {
    white-space: normal;
  }

  .dot-leaders span.dotted-separator {
    width: 30px;
  }

  .dot-leaders span.value {
    width: 1%;
  }
}

/* Videos (inline player)--------------------------------------------------- */
video {
  max-width: 100%;
}

.html5-video-container {
  position: relative;
  max-width: 100%;
}

.html5-video-container .player {
  position: absolute;
  left: 0;
  top: 0;
  width: 100% !important;
  height: 100% !important;
}

/* YouTube, Vimeo, and other oEmbed videos */
iframe[src*="oembed"] {
  max-width: 100%;
}

.video-container {
  position: relative;
}

.video-container iframe {
  border: none;
}

.fluid-width-video-wrapper {
  width: 100%;
  position: relative;
  padding-top: 56.25%;
}

.fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/* Misc.--------------------------------------------------- */
.error-404 {
  font: 220px/1 Verdana, Geneva, sans-serif;
  color: rgba(255, 188, 140, 0.3); /* #ffbc8c */
  text-align: center;
}

.grid-col {
  background-color: #e5e5e5;
  padding: 5px 0;
  margin-bottom: 2px;
  text-align: center;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .error-404 {
    font-size: 200px;
  }
}

@media (max-width: 991px) {
  .error-404 {
    font-size: 180px;
    margin-top: -30px;
  }
}

@media (max-width: 479px) {
  .error-404 {
    font-size: 140px;
  }
}

/* Fixing known bug with fixed background images in IE 10 and higher---------------------------------------------------------------------- */
@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html {
    overflow: hidden;
    height: 100%;
  }

  body {
    overflow: auto;
    height: 100%;
  }
}