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

	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: #ff8f00;
}
#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 #009cdf;
}
#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: #1b9ad0;
}
#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 #009cdf;
    -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 #ff8f00;
}
#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: #ff8f00;
}
#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; /* hsb(213, 40, 30) - default */
    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: #ff8f00;
}

/* 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); /* #ff8f00 */
    border-color: #ff8f00;
}
#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: #ff8f00;
}
#home-slider .slide .button-colored.play-icon::after {
    border-left-color: #ff8f00;
}
#home-slider .slide .button-colored.play-icon:hover::before {
    background-color: #ff8f00;
}

/* 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: #ff8f00 !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: #ff8f00;
}
#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; /* hsb(213, 40, 30) - default */
    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: 22px;
}
#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: #ff8f00;
    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: 60px 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); /* #1b9ad0 */
}

/* 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 #1b9ad0;
    box-shadow: 0 0 5px #1b9ad0;
}
.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); /* #ff8f00 */
}
.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: #009cdf;
    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: #ff8f00;
}

/* 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: #ff8f00;
}
.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: #009cdf;
    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: #ff8f00;
}
.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: #ff8f00;
    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: #009cdf;
}
.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: #009cdf;
    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: #1b9ad0;
    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); /* #ff8f00 */
    -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: #1b9ad0;
}
.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); /* #ff8f00 */
}
.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: #1b9ad0; /* #1b9ad0 */
}

/* 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: #1b9ad0;
}
.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: #ff8f00;
}
.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: #1b9ad0;
    -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: #1b9ad0;
}
.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: #1b9ad0;
}
.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); /* #ff8f00 */
    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: #1b9ad0;
}
.stages .box-icon.secondary-color-bg::before {
    border-color: rgba(255, 188, 140, 0.5); /* #ff8f00 */
}
.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: #1b9ad0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-top: 0;
}
.feature-list.numeric-list .box-icon.secondary-color-bg {
    background-color: #1b9ad0;
}
.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: #1b9ad0;
}
.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 #1b9ad0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-top: 5px;
}
.feature-list.check-list .box-icon.secondary-color-bg {
    border-color: #1b9ad0;
}
.feature-list.check-list .box-icon i,
.feature-list.check-list .box-icon.secondary-color-bg i {
    color: #1b9ad0;
}
.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: #1b9ad0;
}
.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); /* #ff8f00 */
}
.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); /* #ff8f00 */
    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); /* #1b9ad0 */
    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); /* #ff8f00 */
    -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); /* #ff8f00 */
}

/* 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: #ff8f00;
}
.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); /* #1b9ad0 */
}
.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); /* #009cdf */
}
.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: #ff8f00;
}
.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); /* #009cdf */
}
.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); /* #009cdf */
}
.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); /* #ff8f00 */
    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: #1b9ad0;
    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: #ff8f00;
}
.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: #ff8f00;
    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: #1b9ad0;
}

/* 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: #1b9ad0;
}

/* 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: #1b9ad0;
}
.stat-data .fact-title {
    margin-bottom: 10px;
}
.stat-data .fact-title .title {
    font-weight: bold;
    color: #ff8f00;
    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: #ff8f00;
}
.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: #ff8f00;
}
.blog-list-layout article .post-meta a:hover {
    color: #1b9ad0;
}
.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: #ff8f00;
    font-weight: inherit;
}
.blog-grid-layout article .post-category a:hover {
    color: #1b9ad0;
}

/* 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); /* #ff8f00 */
}
.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); /* #ff8f00 */
}
.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: #ff8f00;
}
.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: #ff8f00;
}

/* 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); /* #1b9ad0 */
    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); /* #1b9ad0 */
}
.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: #1b9ad0;
    border-color: #1b9ad0;
}
.pricing-table .footer .button.button-colored:hover {
    color: #fff;
    background-color: #1b9ad0;
}
.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: #1b9ad0;
    border: 2px solid #1b9ad0;
    border-bottom: none;
}
.pricing-table .table-column.featured:first-child .header {
    border-left-color: #1b9ad0;
}
.pricing-table .table-column.featured:last-child .header {
    border-right-color: #1b9ad0;
}
.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)
    ); /* #ff8f00 */
}
.pricing-table .featured .price h6 span {
    color: #666;
}
.pricing-table .featured .features {
    border-left: 2px solid #1b9ad0;
    border-right: 2px solid #1b9ad0;
}
.pricing-table .table-column.featured:first-child .features {
    border-left: 2px solid #1b9ad0;
}
.pricing-table .table-column.featured:last-child .features {
    border-right: 2px solid #1b9ad0;
}
.pricing-table .featured .footer {
    background-color: rgba(255, 188, 140, 0.2); /* #ff8f00 */
    background-image: none;
    padding-bottom: 35px;
    border: 2px solid #1b9ad0;
    border-top: none;
}
.pricing-table .table-column.featured:first-child .footer {
    border-left: 2px solid #1b9ad0;
}

/* 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: #1b9ad0;
}

/* 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: #1b9ad0;
    }
    .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: #1b9ad0;
    }
    .pricing-table.extended
        .table-column.row-labels
        + .table-column.featured
        .footer {
        border-left: 2px solid #1b9ad0;
    }
    .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: #1b9ad0 !important;
        border-right-color: #1b9ad0 !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); /* #ff8f00 */
    -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: #ff8f00;
}

/* 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: #ff8f00;
    }
    .side-menu > li.current-menu-item::before,
    .side-menu > li.current-menu-ancestor::before {
        color: #ff8f00;
    }

    .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 #ff8f00;
}

/* 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: #1b9ad0;
    border-color: #1b9ad0;
}
#sidebar .widget-text-block .button.button-colored:hover {
    color: #fff;
    background-color: #1b9ad0;
}
#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: #ff8f00;
    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); /* #ff8f00 */
    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: #ff8f00;
    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); /* #1b9ad0 */
}
#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: #ff8f00;
}
#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 #ff8f00;
}

/* 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); /* #ff8f00 */
}

/* 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: #ff8f00;
}

/* 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: #ff8f00;
}
.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: #ff8f00;
}
.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); /* #ff8f00 */
    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%;
    }
}