/*
Theme Name: Business Trust
Theme URI: https://www.gulfthemes.com/product/business-trust-wordpress-theme/
Author URI: https://gulfthemes.com
Author: Gulf Themes
Description: Business Trust is a fully customizable free WordPress theme with many amazing features. You can use this theme for blog, portfolio, business web site, online store, storefront and eCommerce websites with WooCommerce and creating a business website is a pretty easy task. It also has a featured slider where you can showcase your business details and contents. The theme uses bootstrap and he responsive design of the theme will render on all viewing devices. Business Trust also has many sections to highlight different aspects of your business.
Version: 1.0.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: business-trust
Tags: e-commerce, blog, theme-options, portfolio, one-column, two-columns, left-sidebar, right-sidebar, flexible-header, custom-header, custom-colors, custom-menu, custom-logo, featured-images, footer-widgets, post-formats, sticky-post, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Business-Trust is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
* Normalize
* Typography
* Elements
* Forms
* Navigation
* Links
* Menus
* Accessibility
* Grid
* Alignments
* Clearings
* Widgets
* Content
* Posts | pages
* Comments
* Media
* Captions
* Gallery

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

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust:     100%;
}

body {
    margin: 0;
}
#page {
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    background-color: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

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

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

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

a:active,
a:hover {

}

a:focus, 
a:hover {
     text-decoration: none; 
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

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

figure {
    margin: 0;
}

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

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

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

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

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

input {
    line-height: normal;
}

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

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

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

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

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

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

td,
th {
    padding: 10px;
    border: 1px solid #ddd;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
    color: #727272;
    font-size: 16px;
    line-height: 1.6;
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    font-family: 'Lato', sans-serif;
    line-height: 1.3;
    text-transform: capitalize;
    margin: 0.5em 0;
    color: #000;
    font-weight: 500;
}

h1 { font-size: 52px; }
h2 { font-size: 42px; }
h3 { font-size: 32px; }
h4 { font-size: 22px; }
h5 { font-size: 18px; }
h6 { font-size: 14px; }

p {
    margin: 1em 0 0;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 1.5em 0;
    padding: 20px;
    background-color: #fff;
    border-left: 5px solid #eee;
}

blockquote p {
    margin-top: 0;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
    box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

body {
    background: #fff; /* Fallback for when there is no custom background color defined. */
    overflow-x: hidden; 
    font-family: 'Raleway', sans-serif;
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul,
ol {
    margin: 0 0 0 0.5em;
    padding-left: 1em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

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

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

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

#wp-calendar caption {
    text-transform: uppercase;
    font-weight: 600;
    color: #000;
    margin-bottom: 1em;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 1px solid #4e73e8;
    border-radius: 0;
    background: #4e73e8;
    color:#fff;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1;
    padding: 15px;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: #4e73e8;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    border-color: #4e73e8;
    background-color: #4e73e8;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #404040;
    border: 1px solid #ccc;
    border-radius: 0;
    padding: 0 15px;
}

select {
    border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    color: #404040;
    border: 1px solid #4e73e8;
}

textarea {
    width: 100%;
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    color: #4e73e8;
    text-decoration: none;
}

a:hover,
a:focus,
a:active {
    color: #000;
}

a:hover,
a:active {
    outline: 0;
}

a.post-edit-link {
    background-color: #4e73e8;
    color: #fff;
    padding: 8px 20px;
    display: inline-block;
    margin-top: 15px;
}
a.post-edit-link:hover,
a.post-edit-link:focus {
    background-color: #000;
    color: #fff;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#masthead {
    box-shadow: 0 1px rgba(34, 34, 34, 0.1);
	background-size: cover;
	background-color: #040c22;
}
.site-branding {
    padding: 20px 0 0;
    position: relative;
}
.site-branding img {
    width: auto;
    max-height: 80px;
    display: block;
    margin: 0 auto 15px;
}
.site-title a {
    color: #000;
}
.site-title a:hover,
.site-title a:focus {
    color: #4e73e8;
}
#site-header {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    text-align: center;
    padding-right: 40px;
}
#masthead .container {
    padding: 0;
}
.main-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    clear: both;
    display: none;
}
#site-navigation {
    text-align: center;
}
#site-navigation ul {
    text-align: left;
    border-top: 1px solid rgba(34, 34, 34, 0.3);
}
#site-navigation ul li:not(:last-child) {
    border-bottom: 1px solid rgba(34, 34, 34, 0.3);
}
.black-header #masthead #site-navigation ul li:not(:last-child) {
    border-bottom-color: #444;
}
#site-navigation li {
    position: relative;
}
#site-navigation li a {
    font-weight: 500;
    color: #000;
    padding: 12px 0;
    display: block;
}

.main-navigation ul ul > li {
    border-bottom: 1px solid #444;
}
.main-navigation ul ul > li:last-child {
    border-bottom: none;
}
#site-navigation ul ul li a {
    padding-left: 20px;
}
#site-navigation ul ul ul li a {
    padding-left: 40px;
}
#site-navigation ul ul ul ul li a {
    padding-left: 60px;
}
#site-navigation ul ul ul ul ul li a {
    padding-left: 80px;
}
#site-navigation ul ul ul ul ul ul li a {
    padding-left: 100px;
}
.site-title {
    margin: 0;
    font-size: 25px;
    font-weight: 600;
    line-height: 1;
}
.site-description {
    color: #727272;
    margin-top: 5px;
}
.main-navigation ul ul {
    background-color: #fff;
    min-width: 200px;
    padding: 0;
    border-top: 3px solid #4e73e8;
}
.main-navigation ul ul > li > a {
    color: #c5cfdd;
    padding: 15px 20px;
    min-width: 200px;
    width:auto;
    font-weight: 300;
}
.dropdown-toggle {
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
    border: none;
    color: #000;
    width: 50px;
}
.dropdown-toggle:hover,
.dropdown-toggle:focus {
    background-color: transparent;
}
button.dropdown-toggle .fa {
    font-size: 18px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
button.dropdown-toggle.active .fa {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.menu-toggle {
    background-color: transparent;
    width: 70px;
    height: 65px;
    float: none;
    border: none;
}
.menu-toggle:hover,
.menu-toggle:focus {
    background-color: transparent;
}
.icon-bar {
    background-color: #000;
    width: 35px;
    height: 2px;
    display: block;
    margin: 8px 0;
}
.icon-bar:first-child {
    margin-top: 0;
}
.icon-bar:last-child {
    margin-bottom: 0;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
}

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

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}
.site-main .navigation .nav-links .page-numbers,
.site-main .navigation .nav-links a {
    background-color: #4e73e8;
    border: 1px solid #4e73e8;
    padding: 10px 20px;
    display: inline-block;
    color: #fff;
    border-radius: 25px;
}
.site-main .navigation.post-navigation .nav-links .nav-previous a:before,
.site-main .navigation.posts-navigation .nav-links .nav-previous a:before {
    content: "\f100";
    font-family: "FontAwesome";
    margin-right: 10px;
}
.site-main .navigation.post-navigation .nav-links .nav-next a:after,
.site-main .navigation.posts-navigation .nav-links .nav-next a:after {
    content: "\f101";
    font-family: "FontAwesome";
    margin-left: 10px;
}
.site-main .post-navigation, 
.site-main .posts-navigation {
    margin-bottom: 50px;
    clear: both;
}
.navigation.pagination {
    clear: both;
    display: block;
    text-align: center;
}
.navigation.pagination .page-numbers.current {
    background-color: #000;
    border-color: #000;
}
.navigation.pagination {
    margin-top: 25px;
    display: inline-block;
    text-align: center;
    width: 100%;
}
.navigation.posts-navigation,
.navigation.post-navigation {
    margin-top: 10px;
    display: inline-block;
    width: 100%;
}
.navigation.posts-navigation {
    margin-bottom: 0;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

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

/* # Grid and Components */
.panel-grid {
    position: relative;
}
.container {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    padding: 60px 0;
}
div[row_stretch="wrapper"] {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1170px;
    width: 90%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding: 60px 0;
}
div[row_stretch="wrapper"].full-width,
div[row_stretch="wrapper"].full-width-stretched {
    width: 100%;
    max-width: 100%;
    padding: 0;
}
section,
article,
.relative {
    position: relative;
}
.page-section {
    padding: 80px 0;
    position: relative;
    display: block;
}
.btn {
    display: inline-block;
    position: relative;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
    background-color: #4e73e8;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    border: none;
    border-radius: 50px;
    text-transform: uppercase;
    text-decoration: none;
}
.btn-primary {
    background-color: #4e73e8;
    color: #fff;
}
.btn-default {
    background-color: #fff;
    color: #4e73e8;
}
.btn:hover,
.btn:focus,
.btn-primary:hover,
.btn-primary:focus {
    background-color: #000;
    color: #fff;
}
.read-more a:not(:last-child) {
    margin: 0 10px 10px;
}
.panel-grid {
    margin-bottom: 0 !important;
}
.entry-header.align-center,
.section-header.align-center {
    text-align: center;
}
.align-center .entry-title:before,
.align-center .entry-title:after,
.align-center .section-title:before,
.align-center .section-title:after {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

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

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

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

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

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

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    position: relative;
}
.widget:not(:last-child) {
    margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
    max-width: 100%;
}


#footer-widgets .widget-title,
#secondary .widget-title {
    font-size: 32px;
}
.calendar_wrap caption {
    padding-top: 0;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
    display: block;
}

.hentry {
    margin: 0 0 1.5em;
}

.home .hentry {
    margin: 0;
}

.updated:not(.published) {
    display: none;
}

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

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}
.entry-summary,
.entry-summary p {
    margin-top: 0;
}
.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

.page-content form {
    margin-top: 1em;
}

body:not(.home) #primary .entry-container .entry-content p:first-child, 
body:not(.single) #primary .entry-container .entry-content p:first-child {
    margin-top: 0;
}

.page-content input[type="submit"] {
    margin-top: 15px;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

#respond label {
    font-weight: 400;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
    display: none;
}

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

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

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

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin: -5px;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
    padding: 5px;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}

/*--------------------------------------------------------------
# Transitions
--------------------------------------------------------------*/
.icon-container .fa,
.featured-title a,
.btn {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.widget_featured_slider .entry-title a:hover,
.widget_featured_slider .entry-title a:focus,
.navbar-brand:hover .navbar-brand:hover
.navbar-brand:hover .navbar-brand:focus,
b.fn a:hover, b.fn a:focus {
    color: #4e73e8;
}
/*--------------------------------------------------------------
## Titles
--------------------------------------------------------------*/
.entry-title {
    font-size: 32px;
    margin: 0 0 15px;
    text-transform: capitalize;
    position: relative;
    display: inline-block;
    width: 100%;
}
ul.social-icons li {
    display: inline-block;
    margin-right: 15px;
}
ul.social-icons li:last-child {
    margin-right: 0;
}
/*--------------------------------------------------------------
# Social Icons
--------------------------------------------------------------*/
.social-icons li a:before {
    font-family: "FontAwesome";
    visibility: visible;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    color: #fff;
}
.social-icons li a[href*="facebook.com"]:before,
.social-icons li a[href*="fb.com"]:before {
  content: "\f09a";
}

.social-icons li a[href*="twitter.com"]:before {
  content: "\f099";
}

.social-icons li a[href*="linkedin.com"]:before {
  content: "\f0e1";
}

.social-icons li a[href*="plus.google.com"]:before {
  content: "\f0d5";
}

.social-icons li a[href*="youtube.com"]:before {
  content: "\f04b";
}

.social-icons li a[href*="dribbble.com"]:before {
  content: "\f17d";
}

.social-icons li a[href*="pinterest.com"]:before {
  content: "\f0d2";
}

.social-icons li a[href*="bitbucket.org"]:before {
  content: "\f171";
}

.social-icons li a[href*="github.com"]:before {
  content: "\f113";
}

.social-icons li a[href*="codepen.io"]:before {
  content: "\f1cb";
}

.social-icons li a[href*="flickr.com"]:before {
  content: "\f16e";
}

.social-icons li a[href$="/feed/"]:before {
  content: "\f09e";
}

.social-icons li a[href*="foursquare.com"]:before {
  content: "\f180";
}

.social-icons li a[href*="instagram.com"]:before {
  content: "\f16d";
}

.social-icons li a[href*="tumblr.com"]:before {
  content: "\f173";
}

.social-icons li a[href*="reddit.com"]:before {
  content: "\f1a1";
}

.social-icons li a[href*="vimeo.com"]:before {
  content: "\f194";
}

.social-icons li a[href*="digg.com"]:before {
  content: "\f1a6";
}

.social-icons li a[href*="twitch.tv"]:before {
  content: "\f1e8";
}

.social-icons li a[href*="stumbleupon.com"]:before {
  content: "\f1a4";
}

.social-icons li a[href*="delicious.com"]:before {
  content: "\f1a5";
}

.social-icons li a[href*="mailto:"]:before {
  content: "\f0e0";
}
.social-icons li a[href*="soundcloud.com"]:before {
  content: "\f1be";
}
.social-icons li a[href*="wordpress.org"]:before {
  content: "\f19a";
}
.social-icons li a[href*="wordpress.com"]:before {
  content: "\f19a";
}

.social-icons li a[href*="jsfiddle.net"]:before {
  content: "\f1cc";
}

.social-icons li a[href*="tripadvisor.com"]:before {
  content: "\f262";
}

.social-icons li a[href*="foursquare.com"]:before {
  content: "\f180";
}

.social-icons li a[href*="angel.co"]:before {
  content: "\f209";
}

.social-icons li a[href*="slack.com"]:before {
  content: "\f198";
}

.social-icons li a:before {
    background-color: #db4437;
}
.social-icons li a[href*="facebook.com"]:hover:before,
.social-icons li a[href*="fb.com"]:hover:before {
    background-color: #3b5998;
    color: #fff;
    color: #fff;
}
.social-icons li a[href*="twitter.com"]:hover:before {
    background-color: #1da1f2;
    color: #fff;
}
.social-icons li a[href*="linkedin.com"]:hover:before {
    background-color: #0077B5;
    color: #fff;
}
.social-icons li a[href*="plus.google.com"]:hover:before {
    background-color: #db4437;
    color: #fff;
}

.social-icons li a[href*="youtube.com"]:hover:before {
    background-color: #cc181e;
    color: #fff;
}

.social-icons li a[href*="dribbble.com"]:hover:before {
    background-color: #f4a09c;
    color: #fff;
}

.social-icons li a[href*="pinterest.com"]:hover:before {
    background-color: #BD081C;
    color: #fff;
}

.social-icons li a[href*="bitbucket.org"]:hover:before {
    background-color: #205081;
    color: #fff;
}

.social-icons li a[href*="github.com"]:hover:before {
    background-color: #323131;
    color: #fff;
}

.social-icons li a[href*="codepen.io"]:hover:before {
    background-color: #000000;
    color: #fff;
}

.social-icons li a[href*="flickr.com"]:hover:before {
    background-color: #025FDF;
    color: #fff;
}

.social-icons li a[href$="/feed/"]:hover:before {
    background-color: #089DE3;
    color: #fff;
}

.social-icons li a[href*="foursquare.com"]:hover:before {
    background-color: #F94877;
    color: #fff;
}

.social-icons li a[href*="instagram.com"]:hover:before {
    background-color: #6E52C3;
    color: #fff;
}

.social-icons li a[href*="tumblr.com"]:hover:before {
    background-color: #56BC8A;
    color: #fff;
}

.social-icons li a[href*="reddit.com"]:hover:before {
    background-color: #FF4500;
    color: #fff;
}

.social-icons li a[href*="vimeo.com"]:hover:before {
    background-color: #00ADEF;
    color: #fff;
}

.social-icons li a[href*="digg.com"]:hover:before {
    background-color: #00ADEF;
    color: #fff;
}

.social-icons li a[href*="twitch.tv"]:hover:before {
    background-color: #0E9DD9;
    color: #fff;
}

.social-icons li a[href*="stumbleupon.com"]:hover:before {
    background-color: #EB4924;
    color: #fff;
}

.social-icons li a[href*="delicious.com"]:hover:before {
    background-color: #0076E8;
    color: #fff;
}

.social-icons li a[href*="mailto:"]:hover:before {
    background-color: #4169E1;
    color: #fff;
}
.social-icons li a[href*="soundcloud.com"]:hover:before {
    background-color: #FF5500;
    color: #fff;
}
.social-icons li a[href*="wordpress.org"]:hover:before {
    background-color: #0073AA;
    color: #fff;
}
.social-icons li a[href*="wordpress.com"]:hover:before {
    background-color: #00AADC;
    color: #fff;
}

.social-icons li a[href*="jsfiddle.net"]:hover:before {
    background-color: #396AB1;
    color: #fff;
}

.social-icons li a[href*="tripadvisor.com"]:hover:before {
    background-color: #FFE090;
    color: #fff;
}

.social-icons li a[href*="angel.co"]:hover:before {
    background-color: #000000;
    color: #fff;
}
/*--------------------------------------------------------------
# Latest Posts
--------------------------------------------------------------*/
#latest-post .no-post-thumbnail .entry-container {
    width: 100%;
    height: auto;
}
#latest-post article, 
.blog-archive-wrapper article {
    padding: 0 10px;
    margin-bottom: 20px;
}
#latest-post article:last-child, 
.blog-archive-wrapper article:last-child {
    margin-bottom: 0;
}
.post-wrapper {
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    text-align: center;
}
#latest-post header.entry-header {
    margin-bottom: 15px;
}
#latest-post .read-more {
    margin-top: 15px;
}
#latest-post .read-more a {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    margin-top: 10px;
}
#latest-post .read-more a:hover {
    text-decoration: none;
}
#latest-post .entry-title:before,
#latest-post .entry-title:after {
    display: none;
}
#latest-post .entry-title {
    font-size: 20px;
    margin: 0;
    padding: 0;
}
#latest-post .entry-title a {
    color: #000;
}
#latest-post .entry-title a:hover,
#latest-post .entry-title a:focus {
    color: #4e73e8;
}
#latest-post .entry-container {
    background-color: #fff;
    padding: 25px;
}
#latest-post article:not(:last-child),
.blog-archive-wrapper article:not(:last-child) {
    margin-bottom: 25px;
}
#latest-post article .featured-image img,
.blog-archive-wrapper article .featured-image img {
    width: 100%;
    object-fit: cover;
}
span.cat-links:before {
    content: "\f07c";
    font-family: "FontAwesome";
    padding-right: 15px;
}
.cat-links a {
    color: #727272;
}
.cat-links a:hover,
.cat-links a:focus {
    color: #4e73e8;
}
.blog-archive-wrapper article .entry-header {
    margin-bottom: 15px;
}
.right-sidebar .blog-archive-wrapper article,
.left-sidebar .blog-archive-wrapper article {
    width: 100%;
    float: none;
    margin-bottom: 30px;
}
.right-sidebar .blog-archive-wrapper article:last-child,
.left-sidebar .blog-archive-wrapper article:last-child {
    margin-bottom: 0;
}
/*--------------------------------------------------------------
# Wpf
--------------------------------------------------------------*/
.wpcf7 label {
    width: 100%;
    font-weight: 400;
}
.wpcf7 label input, 
.wpcf7 label textarea {
    margin-top: 10px;
    background-color: #f5f5f6;
    border-color: #f5f5f6;
    transition: all 0.2s ease-in-out;
}
.wpcf7 label input:focus, 
.wpcf7 label textarea:focus {
    background-color: #fff;
    border-color: #f0f0f0;
    box-shadow: 0 2px 7px rgba(0,0,0,.05);
}
.form-title {
    text-transform: capitalize;
    margin-top: 0;
    font-size: 24px;
    margin-bottom: 1em;
}
.wpcf7 input[type="submit"] {
    display: inline-block;
    position: relative;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
    background-color: #4e73e8;
    color: #fff;
    border: none;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 50px;
}

/*--------------------------------------------------------------
# Blog
--------------------------------------------------------------*/
#breadcrumb-banner {
    background-color: #404040;
    color: #fff;
    background-size: cover;
    background-position: 50%;
    padding: 125px 0;
    position: relative;
}
#breadcrumb-banner:before {
    content: "";
    background-color: #000;
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.page-header .entry-title:before,
.page-header .entry-title:after {
    display: none;
}
#breadcrumb-banner .container {
    position: relative;
}
.page-header .entry-title {
    color: #fff;
}
.banner-wrapper {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.page-header {
    padding: 0;
    margin: 0;
    border-bottom: none;
}
.page-header .entry-title {
    font-size: 52px;
    text-transform: uppercase;
    font-weight: 600;
}
.banner-wrapper.align-left {
    text-align: left;
}
.banner-wrapper.align-center {
    text-align: center;
}
#breadcrumb-banner .black-overlay {
    background-color: rgba(5, 12, 26, 0.6);
    opacity: 0.6;
}
.banner-wrapper p {
    max-width: 600px;
}
.banner-wrapper.align-left .title-divider {
    background-position: 0;
}
.banner-wrapper.align-center {
    text-align: center;
    left: 0;
    right: 0;
    width: 100%;
}
.banner-wrapper.align-center p {
    margin-left: auto;
    margin-right: auto;
}
.banner-wrapper p {
    margin-top: 1.5em;
}
body  .template-wrapper header.entry-header {
    margin-bottom: 0;
}
body  .template-wrapper h2.entry-title {
    font-size: 28px;
    text-transform: capitalize;
}
body  .template-wrapper .entry-title a:hover,
body  .template-wrapper .entry-title a:focus {
    color: #4e73e8;
}
.single .blog-featured-image img {
    margin: 0;
}
.blog-featured-imagepost-thumbnail img.post-thumbnail {
    width: 100%;
}
.entry-meta {
    margin: 0 0 1em;
    color: #6f6f6f;
}
.entry-meta a {
    color: #6f6f6f;
}
.entry-meta a:hover,
.entry-meta a:focus {
    color: #4e73e8;
}
.entry-content {
    margin-top: 0;
}
.archive-blog-wrapper .entry-title a {
    color: #404040;
}
.archive-blog-wrapper .hentry {
    margin-bottom: 40px;
    background-color: #f6f6f6;
}
.featured-image .aligncenter {
    margin: 0;
}
.single-post-wrapper .featured-image {
    margin-bottom: 25px;
}
.single-post-wrapper .cat-links,
.single-post-wrapper .tags-links {
    margin: 25px 0 10px;
    display: inline-block;
    width: 100%;
}
.tags-links a {
	border: 1px solid #c6c6c6;
	display: inline-block;
	padding: 0px 5px;
	margin-right: 5px; 
	color: #aeaeae;
	border-radius: 4px;
}
.blog-archive-wrapper span.cat-links, 
.blog-archive-wrapper span.tags-links {
    display: none;
}
.blog-archive-wrapper .entry-content p {
    margin-top: 0;
}
.blog-archive-wrapper article .entry-title {
    font-size: 20px;
    margin-bottom: 0;
}
.blog-archive-wrapper article .entry-title a {
    color: #000;
}
.blog-archive-wrapper article .entry-title a:hover,
.blog-archive-wrapper article .entry-title a:focus {
    color: #4e73e8;
}
.blog-archive-wrapper article .entry-title:before,
.blog-archive-wrapper article .entry-title:after {
    display: none;
}
.blog-archive-wrapper .entry-container {
    border: 1px solid #efeff3;
    background-color: #fff;
    padding: 25px;
}
.blog-archive-wrapper article {
    margin: 0;
}
.single-post-wrapper .tags-links {
    margin-top: 0;
}
.single-post-wrapper .featured-image {
    margin-bottom: 25px;
}
.single .archive-blog-wrapper .hentry {
    background-color: transparent;
}
.archive-blog-wrapper .hentry:last-child {
    margin-bottom: 0;
}
#latest-post span.posted-on:before,
.blog-archive-wrapper span.posted-on a:before,
.single-post-wrapper span.posted-on a:before,
span.comments-link a:before,
span.byline a:before {
    content: "\f274";
    font-family: "FontAwesome";
    margin-right: 10px;
    color: #777;
}
span.comments-link a:before {
    content: "\f086";
}
span.byline a:before {
    content: "\f007";
}
span.comments-link a:hover:before,
span.comments-link a:focus:before,
span.byline a:hover:before,
span.byline a:focus:before,
.blog-archive-wrapper span.posted-on a:hover:before,
.blog-archive-wrapper span.posted-on a:focus:before,
.single-post-wrapper span.posted-on a:hover:before,
.single-post-wrapper span.posted-on a:focus:before {
    color: #4e73e8;
}
.entry-meta > span {
    margin-right: 15px;
}
#secondary .widget {
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.24);
	background-color: white;    
	padding: 25px;
    background-color: #fff;
}
input {
    height: 45px;
    border-radius: 0;
    padding: 0 15px;
    width: 100%;
}
textarea {
    border-radius: 0;
    padding: 15px;
    width: 100%;
}
.comment-form-comment textarea {
    height: 225px;
}
input[type="checkbox"],
input[type="radio"] {
    height: auto;
    padding: 0;
    width: auto;
}
input[type="submit"] {
    height: auto;
    font-size: 16px;
    width: auto;
}
input[type="submit"]:hover,
input[type="submit"]:focus,
.site-main .navigation .nav-links a:hover,
.site-main .navigation .nav-links a:focus,
.wpcf7 input[type="submit"]:hover,
.wpcf7 input[type="submit"]:focus {
    background-color: #000;
    border-color: #000;
    color: #fff;
}
#secondary .search-form input[type="submit"] {
    position: absolute;
    top: 0;
    right: 0;
    padding: 13px;
}
p.form-submit {
    display: inline-block;
}
.form-submit input[type="submit"] {
    padding: 12px 25px;
    text-transform: uppercase;
    border-radius: 25px;
}
.search-form {
    position: relative;
}
.search-form input.search-field {
    width: 100%;
    padding-right: 85px;
}
.search-form button.search-submit {
    position: absolute;
    top: 0;
    right: 0;
    height: 45px;
    text-align: center;
    width: 45px;
    font-size: 16px;
}
.search-form label {
    width: 100%;
}
#secondary .widget a {
    color: #666;
    font-weight: 400;
}
#secondary .widget a:hover,
#secondary .widget a:focus {
    color: #4e73e8;
}
#secondary .widget:not(:last-child) {
    margin-bottom: 2em;
}
.widget_recent_comments a {
    display: block;
}
.comment-form-cookies-consent {
    clear: both;
    display: inline-block;
    width: 100%;
}
.comment-form-cookies-consent input[type="checkbox"] {
    margin-right: 10px;
}
/*--------------------------------------------------------------
# Single Blog
--------------------------------------------------------------*/
.post-thumbnail {
    width: 100%;
}
#reply-title,
.comments-title {
    font-size: 32px;
}
.comment-author img {
    max-width: 50px;
    border-radius: 50%;
    margin-right: 15px;
    float: left;
}
#comments ol {
    list-style: none;
}
span.says {
    display: none;
}
b.fn,
b.fn a {
    font-weight: 500;
    font-size: 18px;
    color: #000;
}
ol.comment-list {
    margin-top: 50px;
    padding: 0;
}
ol.children {
    margin-top: 50px;
}
ol.comment-list li {
    margin-bottom: 50px;
}
.comment-reply-link {
    font-weight: 500;
    margin-top: 15px;
    display: table;
    color: #4e73e8;
    font-size: 16px;
}
.comment-reply-link:hover,
.comment-reply-link:focus {
    color: #000;
}
#comments ol.comment-list > li article {
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}
#comments ol.comment-list > li:last-child article:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
/*--------------------------------------------------------------
# Error 404
--------------------------------------------------------------*/
.error-404.not-found {
    text-align: center;
}
.large-title {
    font-size: 150px;
    line-height: 0;
    color: #4e73e8;
}
.error-404.not-found .page-title {
    font-size: 42px;
    margin-top: 40px;
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
}
.error-404.not-found .search-form {
    margin-top: 25px;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer-widgets {
    background-color: #1d2025;
    color: #fff;
}
.site-info .container {
    padding: 0;
}
#footer-widgets a,
.site-info,
.site-info a {
    color: #fff;
}
#footer-widgets a:hover,
#footer-widgets a:focus,
.site-info a:hover,
.site-info a:focus {
    color: #4e73e8;
}
.footer-active-1 {
    width: 100%;
}
.footer-column {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 30px;
}
.footer-column:last-child {
    margin-bottom: 0;
}
.widget-title {
    font-size: 32px;
    margin: 0 0 20px;
    text-transform: capitalize;
}
.widget ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#footer-widgets .widget-title,
#footer-widgets #wp-calendar caption {
    color: #fff;
}
#secondary .widget ul li:before,
#footer-widgets .widget ul li:before {
    content: "\f06c";
    font-family: "FontAwesome";
    padding-right: 15px;
}
#secondary .widget ul#recentcomments li:before, 
#footer-widgets .widget ul#recentcomments li:before {
    content: "\f0e6";
}
#secondary .widget.widget_recent_entries li:before,
#footer-widgets .widget.widget_recent_entries li:before {
    content: "\f06c";
}
#secondary .widget.widget_archive li:before,
#footer-widgets .widget.widget_archive li:before {
    content: "\f274";
}
#secondary .widget.widget_categories li:before,
#footer-widgets .widget.widget_categories li:before {
    content: "\f07c";
}
#secondary .widget.widget_meta li:before,
#footer-widgets .widget.widget_meta li:before {
    content: "\f02b";
}
#secondary .widget.widget_pages li:before,
#footer-widgets .widget.widget_pages li:before {
    content: "\f15b";
}
#secondary .widget.widget_address ul li:before, 
#footer-widgets .widget.widget_address ul li:before {
    display: none;
}
.widget ul#recentcomments li a {
    padding-left: 15px;
}
#secondary .widget ul li:hover:before,
#footer-widgets .widget ul li:hover:before {
    color: #4e73e8;
}
.widget.widget_address ul li a:before {
    display: none;
}
.widget_tag ul li a:before {
    display: none;
}
.widget ul > li:not(:last-child) {
    margin-bottom: 10px;
}
.widget.widget_tag ul li {
    display: inline-block;
    margin-bottom: 5px;
}
.widget_tag ul li a {
    border: 1px solid #ccc;
    padding: 8px 12px;
    border-radius: 3px;
    display: inline-block;
    font-size: 12px;
}
.widget_tag ul li:hover a {
    border-color: #4e73e8;
}
.site-footer .widget_gallery ul li,
#secondary .widget_gallery ul li {
    margin: 0;
    padding: 0 5px 5px 0;
}
.widget_gallery ul li img{
    vertical-align: middle;
}
.widget_gallery ul.col-2 li {
    width: 50%;
    float: left;
}
.widget_gallery ul.col-3 li {
    width: 33.33%;
    float: left;
}
.widget_gallery ul.col-4 li {
    width: 25%;
    float: left;
}
.site-info {
    padding: 10px 0;
    border-top:1px solid rgba(255, 255, 255, 0.35);
    text-align: center;
}
.site-info p {
    margin: 5px 0;
}
.site-info p:nth-child(2) {
    margin-top: 3px;
}
.widget_social_medias a:before {
    display: none;
}
.widget_social_medias li {
    display: inline-block;
}
.widget_social_medias li a {
    width: 40px;
    height: 40px;
    background-color: #4e73e8;
    display: block;
    text-align: center;
    line-height: 40px;
    color: #fff;
}
#secondary .widget_social_medias li a {
    color: #fff;
}
#secondary .widget_social_medias li a:hover,
#secondary .widget_social_medias li a:focus {
    color: #fff;
}
#footer-widgets .widget_text {
    padding-left: 0;
    padding-right: 0;
}
.footer-active-1 {
    text-align: center;
}
#footer-widgets ul.address-block i {
    color: #fff;
}
.backtotop {
    background-color: #4e73e8;
    z-index: 300;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    line-height: 38px;
    font-size: 26px;
    text-align: center;
    position: fixed;
    bottom: -100px;
    right: 25px;
    cursor: pointer;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    color: #fff;
}
.footer-white #footer-widgets,
.footer-white .site-info {
    background-color: #fff;
    border-top: 1px solid rgba(17, 17, 17, 0.15);
}
.footer-white #footer-widgets,
.footer-white #footer-widgets a,
.footer-white .site-info p,
.footer-white .site-info a {
    color: #727272;
}
.footer-white  #footer-widgets .widget-title, 
.footer-white  #footer-widgets #wp-calendar caption {
    color: #000;
}
.widget_business-trust-pro-social-icons ul li:before {
    display: none;
}

.navbar-brand {
 float:unset;
 padding:unset;
}

/***************
 * WooCommerce *
/***************/

.woocommerce .quantity .qty {
    min-height: 35px;
}

.cart-price-container {
	background-color:white;
	border-radius: 24px;
	color:#151515;
	margin-left: 1px;
	min-width: 15px;
	min-height: 15px;
	position: absolute;
	top: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	box-shadow: 1px 0px 1px 0px #a6a6a6;
	text-align: center;	
}

.woocommerce-terms-and-conditions-checkbox-text {
	padding-left:20px;
}

/*************** 
 * Woocommerce *
 ***************/
 
nav.woocommerce-MyAccount-navigation ul {
	list-style-type: none;
	padding-left: 0;
	max-width:200px;
	font-size: 17px;
	line-height: 26px;
	box-shadow: 2px 5px 7px rgba(0,0,0,.16);
	-webkit-box-shadow: 2px 5px 7px rgba(0,0,0,.16);
	margin-left:0px;  
}
nav.woocommerce-MyAccount-navigation ul li {
	padding: 8px 20px;
	background-color: #FFFFFF;
	border-bottom: 1px solid rgba(0,0,0,0.05);
}
nav.woocommerce-MyAccount-navigation ul li.is-active {
	background-color: #4e73e8;
	color: #FFFFFF;
}
nav.woocommerce-MyAccount-navigation ul li.is-active a {
	color: #FFFFFF;
	cursor: default;
}

nav.woocommerce-MyAccount-navigation ul li:not(.is-active):hover {
	background-color: #FCFCFC ;
}


/****************
 * Callout Area *
 ****************/
 
.callout-area {
 	text-align:center;
	position:relative;
	display:block;
	padding: 40px 10px;	 
}
 
.callout-area .callout-title {
	font-size: 48px;
	text-transform: capitalize;  
 }
 
.callout-area .callout-section-desc {
	font-size: 26px;
	padding: 15px 0px;
	color:#FFFFFF;
	text-transform: capitalize; 
 }
 
.callout-area .start-button {
	border-radius: 0px 0px 0px 0px;
	padding: 12px 24px;	
	background-color:#f733af;
	clear: both;
	display: inline-block;	
	margin-top:10px;
	margin-right: 0px;
}

.callout-area a {
	color:#ffffff;	
	font-size: 16px;
	letter-spacing: 3.5px;
	
}

/**********
 * Layout *
/*********/
 
.box-layout-container {
	box-shadow: 2px 2px 2px #e8e8e8;
	max-width:1200px;
	margin:0px auto;
}

.footer-widget caption {
	color:#FFFFFF;
}
/***************
 * Social Menu *
/***************/

.social-navigation a:before {	
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-family: "fontawesome";
}

.site-header .main-navigation + .social-navigation {
	margin-top: 1.75em;
}

.site-footer .social-navigation {
	margin-bottom: 1.75em;
}

.social-navigation ul {
	list-style: none;
	margin: 0 auto 1em;
	padding:0px;
}

.social-navigation li {
	float: left;
	margin: 0 0.4375em 0.4375em 0;
}

.social-navigation a {
	border: 1px solid #dddcdc;
	border-radius: 0%;
	color: #1a1a1a;
	display: block;
	height: 35px;
	position: relative;
	width: 35px;
}

.social-navigation a:before {
	content: "\f415";
	height: 33px;
	line-height: 33px;
	text-align: center;
	width: 33px;
}

.social-navigation a:hover:before,
.social-navigation a:focus:before {
	color: #007acc;
}

.social-navigation a[href*="codepen.io"]:before {
	content: "\f1cb";
}

.social-navigation a[href*="digg.com"]:before {
	content: "\f1a6";
}

.social-navigation a[href*="dribbble.com"]:before {
	content: "\f17d";
}

.social-navigation a[href*="dropbox.com"]:before {
	content: "\f16b";
}

.social-navigation a[href*="facebook.com"]:before {
	content: "\f230";
}

.social-navigation a[href*="flickr.com"]:before {
	content: "\f16e";
}

.social-navigation a[href*="foursquare.com"]:before {
	content: "\f180";
}

.social-navigation a[href*="plus.google.com"]:before {
	content: "\f1a0";
}

.social-navigation a[href*="github.com"]:before {
	content: "\f09b";
}

.social-navigation a[href*="instagram.com"]:before {
	content: "\f16d";
}

.social-navigation a[href*="linkedin.com"]:before {
	content: "\f08c";
}

.social-navigation a[href*="path.com"]:before {
	content: "\f219";
}

.social-navigation a[href*="pinterest.com"]:before {
	content: "\f0d3";
}

.social-navigation a[href*="getpocket.com"]:before {
	content: "\f265";
}

.social-navigation a[href*="polldaddy.com"]:before {
	content: "\f217";
}

.social-navigation a[href*="reddit.com"]:before {
	content: "\f1a2";
}

.social-navigation a[href*="skype.com"]:before {
	content: "\f17e";
}

.social-navigation a[href*="stumbleupon.com"]:before {
	content: "\f223";
}

.social-navigation a[href*="tumblr.com"]:before {
	content: "\f174";
}

.social-navigation a[href*="twitter.com"]:before {
	content: "\f081";
}

.social-navigation a[href*="vimeo.com"]:before {
	content: "\f194";
}

.social-navigation a[href*="wordpress.com"]:before,
.social-navigation a[href*="wordpress.org"]:before {
	content: "\f19a";
}

.social-navigation a[href*="youtube.com"]:before {
	content: "\f167";
}

.social-navigation a[href^="mailto:"]:before {
	content: "\f003";
}

.social-navigation a[href*="spotify.com"]:before {
	content: "\f1bc";
}

.social-navigation a[href*="twitch.tv"]:before {
	content: "\f1e8";
}

.social-navigation a[href$="/feed/"]:before {
	content: "\f09e";
}

.post-navigation {
	border-top: 0px solid #f4f4f4;
	border-bottom: 2px solid #f4f4f4;
	clear: both;
	margin: 0 7.6923% 3.5em;
}

/******************
 * Contact Ribbon *
/*****************/
 
.contact-ribbon { 
	clear:both; 
}

.contact-ribbon .fa { 
	font-family: 'FontAwesome';
}
.contact-info-container {
	margin-left: -14px;
}

.social-navigation-container {
	margin-right: -15px;
}
.site-header .contact-info {
	padding: 4px 0px 3px;
}
.site-header .contact-info a { }

.site-header .contact-info div {
    margin-right: 10px;
}

.site-header-main .contact-info .fa {
    font-size: 1.2em;
    margin-right: 5px;
    vertical-align: middle;
}

.site-header .contact-info .phone .fa {
    font-size: 1.3em;
}

.site-header .contact-info .address {
    display: inline-block;
    font-style: normal;
  	margin-right: 9px;
}

.site-header .social-navigation a {
	border-color: transparent;
}

.site-header .social-navigation li {
	margin-right:0px;
}

.search-form .search-submit {
	position: absolute;
	right: 0px;
	max-height: 45px;
}
.page-content .search-form input[type="submit"] { 
	margin-top:0px;
}


/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/
@media screen and (min-width: 567px) {
    .site-branding {
        float: left;
        padding: 10px 0;
        display: flex;
        align-items: center;
        max-width: 100%;
        width: 85%;
        min-height: 80px;
    }
    .custom-logo-link {
        margin: 0 15px 0 0;
    }
    .site-branding img {
        float: left;
    }
    .menu-toggle {
        float: right;
        height: 100px;
    }
    #site-header {
        text-align: left;
        float: left;
        width: auto;
    }
    #latest-post article,
    .blog-archive-wrapper article {
        width: 50%;
        float: left;
    }
    #latest-post article:nth-child(2n+1),
    .blog-archive-wrapper article:nth-child(2n+1) {
        clear: left;
    }
    .grid.column-3 .grid-item {
        width: 50%;
        float: left;
    }
    .grid.column-3 .grid-item:nth-child(2n+1) {
        clear: left;
    }
    .grid.column-3 .grid-item-wrapper {
        padding: 125px 0;
    }
    #logo .col-6 .logo-item {
        width: 50%;
        float: left;
    }
    #logo .col-6 .logo-item:nth-child(2n+1) {
        clear: left;
    }
    #logo .col-6 .logo-item:nth-last-child(-n+2) {
        margin-bottom: 0;
    }

}
@media screen and (min-width: 767px) {
    .grid.column-3 .grid-item-wrapper {
        padding: 150px 0;
    }
    #logo .col-6 .logo-item {
        width: 33.33%;
    }
    #logo .col-6 .logo-item:nth-child(2n+1) {
        clear: none;
    }
    #logo .col-6 .logo-item:nth-child(3n+1) {
        clear: left;
    }
    #logo .col-6 .logo-item:nth-last-child(-n+3) {
        margin-bottom: 0;
    }
}
@media screen and (min-width: 992px) {
    .menu-toggle,
    .dropdown-toggle {
        display: none;
    }
    .site-branding {
        max-width: 100%;
        max-width: 35%;
        min-width: 25%;
    }
    ul#primary-menu {
        display: block !important;
    }
    .main-navigation ul {
        display: block;
    }
    #site-navigation ul li:not(:last-child),
    #site-navigation ul {
        border: none;
    }
    #site-navigation {
        float: right;
    }
    #site-navigation ul ul {
        display: none;
        position: absolute;
        top: 100%;
        background-color: #fff;
        right: 0;
        left: auto;
        z-index: 1;
        border-top: 1px solid #eee;
		box-shadow: 2px 1px 1px 1px #eee;
    }
    #site-navigation ul ul li a:hover,
    #site-navigation ul ul li a:focus {
        color: #fff;
    }
    #masthead ul ul li.menu-item-has-children:hover > ul {
        top: -1px;
        right: auto;
        left: 100%;
    }
    #site-navigation ul li.menu-item-has-children:hover > a {
        color: #4e73e8;
    }
    #site-navigation ul ul li.menu-item-has-children:hover > a {
        background-color: #4e73e8;
        color: #fff;
    }
    #masthead #site-navigation ul ul a {
        padding: 10px 15px;
    }
    #site-navigation ul li {
        display: inline-block;
        vertical-align: middle;
    }
    #site-navigation ul ul li {
        display: block;
    }
    #site-navigation ul li a {
        padding: 28px 10px;
    }
    #masthead li.menu-item-has-children:hover > ul {
        display: block;
        left: 0;
        right: auto;
    }
    .main-navigation ul > li.menu-item-has-children > a:after {
        content: "\f107";
        font-family: "FontAwesome";
        padding-left: 10px;
    }
    .main-navigation ul ul > li.menu-item-has-children > a:after {
        display: none;
    }
    .main-navigation ul ul li.menu-item-has-children > a:before {
        content: "\f104";
        font-family: "FontAwesome";
        float: right;
        padding-left: 5px;
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }
    .main-navigation ul ul > li > a:focus, 
    .main-navigation ul ul > li > a:hover {
        color: #fff;
        background-color: #4e73e8;
    }
    #site-navigation ul ul li:not(:last-child) {
        border-bottom: 1px solid #eee;
    }
    #logo .col-6 .logo-item {
        width: 25%;
    }
    #logo .col-6 .logo-item:nth-child(3n+1) {
        clear: none;
    }
    #logo .col-6 .logo-item:nth-child(4n+1) {
        clear: left;
    }
    #logo .col-6 .logo-item:nth-last-child(-n+4) {
        margin-bottom: 0;
    }
    #latest-post article:not(:last-child) {
        margin-bottom: 20px;
    }
    #latest-post article .entry-container,
    .blog-archive-wrapper article.has-post-thumbnail .entry-container {
        padding: 25px;
    }
    #latest-post article, 
    .blog-archive-wrapper article {
        width: 33.33%;
    }
    #latest-post article:nth-child(2n+1), 
    .blog-archive-wrapper article:nth-child(2n+1) {
        clear: none;
    }
    #latest-post article:nth-child(3n+1), 
    .blog-archive-wrapper article:nth-child(3n+1) {
        clear: both;
    }
    #latest-post article:nth-last-child(-n+3), 
    .blog-archive-wrapper article:nth-last-child(-n+3) {
        margin-bottom: 0;
    }
    .right-sidebar .blog-archive-wrapper article,
    .left-sidebar .blog-archive-wrapper article {
        width: 100%;
        float: none;
        margin-bottom: 30px;
    }
    .right-sidebar .blog-archive-wrapper article:last-child,
    .left-sidebar .blog-archive-wrapper article:last-child {
        margin-bottom: 0;
    }
    .grid.column-3 .grid-item {
        width: 33.33%;
    }
    .grid.column-3 .grid-item:nth-child(2n+1) {
        clear: none;
    }
    .grid.column-3 .grid-item:nth-child(3n+1) {
        clear: left;
    }
    .grid.column-3 .grid-item-wrapper {
        padding: 100px 0;
    }
    .left-sidebar #primary,
    .home.blog.left-sidebar #primary {
        padding-left: 25px;
        float: right;
        width: 70%;
    }
    .right-sidebar #primary,
    .home.blog.right-sidebar #primary {
        padding-right: 25px;
        width: 70%;
        float: left;
    }
    .error404.right-sidebar #primary {
        width: 100%;
        padding-right: 0;
    }
    .left-sidebar #secondary,
    .home.blog.left-sidebar #secondary {
        width: 30%;
        float: left;
    }
    .right-sidebar #secondary,
    .home.blog.right-sidebar #secondary {
        width: 30%;
        float: right;
    }
    .no-sidebar #primary,
    .home.blog.no-sidebar #primary,
    .siteorigin-panels #primary {
        width: 100%;
        padding: 0;
    }
    .no-sidebar #secondary {
        display: none;
    }
    .home.left-sidebar #primary {
        padding-left: 0;
    }
    body.frame #page {
        width: 92%;
        margin: 50px auto;
        background-color: #fff;
        box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
    }

}
@media screen and (min-width: 1200px) {
    .grid.column-3 .grid-item-wrapper {
        padding: 125px 0;
    }
    #logo .col-6 .logo-item {
        width: 16.66%;
    }
    #logo .col-6 .logo-item:nth-child(4n+1) {
        clear: none;
    }
    #logo .col-6 .logo-item:nth-child(6n+1) {
        clear: left;
    }
    #logo .col-6 .logo-item:nth-last-child(-n+6) {
        margin-bottom: 0;
    }
}
@media screen and (min-width: 1800px) {
    body.frame #page {
        margin: 70px auto;
    }
}

@media screen and (max-width: 992px) {
    #latest-post article:nth-child(2n) .entry-container,
    .blog-archive-wrapper article:nth-child(2n) .entry-container {
        border-left: none;
    }
    .statwrap {
        margin-left: auto;
        margin-right: auto;
    }
    #primary:before,
    #primary:after {
        content: "";
        clear: both;
        display: table;
    }
    #secondary {
        clear: both;
        margin-top: 2em;
    }
}

@media screen and (max-width: 767px) {
    .panel-grid .panel-layout, 
    .container {
        padding: 60px 0;
    }
    .site-branding {
        width: auto;
        padding-right: 50px;
    }
    .site-branding:after {
        display: none;
    }
    #site-header {
        padding-right: 0;
    }

}
@media screen and (max-width: 567px) {
    .site-branding {
        padding: 20px 0;
        border-bottom: 1px solid rgba(34, 34, 34, 0.3);
    }
    .site-branding:after {
        display: inline-block;
        left: 100%;
        top: 0px;
        height: 100%;
        width: 2000%;
        background-color: #4e73e8;
        transform: none;
    }
    #breadcrumb-banner {
        padding: 125px 0;
    }
    .navigation.posts-navigation a {
        min-width: 155px;
    }
    #latest-post article:nth-child(2n) .entry-container,
    .blog-archive-wrapper article:nth-child(2n) .entry-container {
        border-left: 1px solid #efeff3;
    }

}

@media screen and (max-width: 380px) {
    .comment-navigation .nav-previous, 
    .posts-navigation .nav-previous, 
    .post-navigation .nav-previous,
    .comment-navigation .nav-next, 
    .posts-navigation .nav-next, 
    .post-navigation .nav-next {
        width: 100%;
        float: none;
        text-align: center;
        margin: 5px 0;
    }
}