/*
Theme Name: Grand Academy Pro
Theme URI: http://creativthemes.com/downloads/grand-academy-pro/
Author: Creativ Themes
Author URI: http://creativthemes.com/
Description: Grand Academy Pro is a colorful, responsive & modern Multi-purpose Children WordPress Theme. It is great for childcare company, day care center, preschool agency, kindergarten. Also the template fits children art & craft school, nursery firm, education & training center, primary/elementary school, pre-school education bureau, pediatric department business organizations, etc. It is a perfect template for projects that strongly focus on handling children or related to kids and their growing activities.
Version: 2.8
Requires PHP: 5.6
Tested up to: 6.7
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: grand-academy-pro
Tags: translation-ready, custom-background, theme-options, custom-menu, threaded-comments, featured-images, footer-widgets, left-sidebar, editor-style, right-sidebar, full-width-template, two-columns, three-columns, custom-colors, custom-header, custom-logo

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.

Grand Academy Pro 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.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
    ## Links
    ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
    ## Comments
# Infinite scroll
# Layouts and Titles
# Media
    ## Captions
    ## Galleries
# Social Icons
# Breadcrumb List
# Homepage Sections
    ## Featured Slider Section
    ## Featured faq Section
    ## Featured Services Section
    ## Projects Section
    ## Partners Logo Section
    ## Latest News Section
# Footer
# Responsive

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

@font-face {
    font-family: 'Jumble';
    src: url('assets/fonts/Jumble.ttf');
}

@font-face {
    font-family: 'GOUDYSTO';
    src: url('assets/fonts/GOUDYSTO.ttf');
}

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

body {
    margin: 0;
    font-family: 'Oxygen', sans-serif;
    font-weight: 400;
}

#content {
    position: relative;
}

.boxed-layout,
.frame-layout {
    background-color: #eee;
}

.boxed-layout #page {
    max-width: 1600px;
    width: 90%;
    margin: 0 auto;
    background-color: #fff;
}

.frame-layout #page {
    max-width: 1600px;
    width: 90%;
    margin: 50px auto;
    background-color: #1a1a1a;
}

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;
}

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

b,
strong {
    font-weight: bold;
}

dfn {
}

h1 {
    font-size: 52px;
}

h2 {
    font-size: 42px;
}

h3 {
    font-size: 26px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    color: #282828;
    margin: 16px 0;
    line-height: 1.3;
    font-weight: 400;
    font-family: 'Raleway', sans-serif
}

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

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;
}

figure {
    margin: 1em 40px;
}

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;
}

#wp-calendar {
    display: table;
    width: 100%;
    margin-bottom: 0;
}
tbody {
    text-align: left;
}

tr {
    border: 1px solid #aaa;
}

td,
th {
    padding: 5px;
    font-weight: 400;
}

td#next {
    text-align: right;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
    color: #6c757d;
    font-size: 16px;
    line-height: 28px;
    word-wrap: break-word;
}
p {
    margin: 0 0 1em;
}
dfn,
cite,
em,
i {
}

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 0.9375rem;
    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;
    font-size: 15px;
    font-size: 0.9375rem;
}

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;
}

blockquote {
    font-size: 18px;
    line-height: 35px;
    position: relative;
    margin: 0;
}
blockquote.alignright {
    padding-right: 0;
    margin-bottom: 14px;
}

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

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

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

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

dt {
    font-weight: bold;
    margin-bottom: 1em;
}

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%;
    display: inline-block;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    padding: 12px 35px;
    position: relative;
    background-color: #ff5562;
    border: 2px solid #ff5562;
    border-radius: 50px;
    z-index: 1;
    font-family: 'Raleway', sans-serif;
    -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:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    color: #fff;
    background-color: #282828;
    border-color: #282828;
}

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 {
    color: #fff;
    background-color: #282828;
    border-color: #282828;
}

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: #6c757d;
    border: 1px solid #ebebeb;
    background-color: #ebebeb;
    border-radius: 0;
    padding: 12px;
}

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: #6c757d;
}

textarea {
    width: 100%;
}
#respond input[type="checkbox"] {
    min-height: auto;
    height: auto;
    float: left;
    margin-right: 10px;
    width: auto;
}
#respond .comment-form-cookies-consent label {
    display: table;
    margin: 0;
    line-height: 1;
}
#commentform .comment-form-cookies-consent {
    clear: both;
    display: inline-block;
    width: 100%;
    margin-top: 25px;
    margin-bottom: 0;
}
p.form-submit {
    clear: both;
    display: inline-block;
    position: relative;
}
.comment-notes {
    font-size: 14px;
    margin-top: 0;
}
#respond label {
    margin-bottom: 15px;
    display: block;
}
#respond input[type="text"],
#respond input[type="email"],
#respond input[type="url"] {
    width: 100%;
}
#commentform p {    
    margin-bottom: 21px;
}
#commentform p.comment-form-comment {
    margin-bottom: 0;
}
#commentform p.form-submit {
    margin: 21px 0 0;
}
#comments {
    margin: 60px 0 0;
}
#respond {
    margin-top: 50px;
}
.logged-in-as a {
    color: #ff5562;
}
.logged-in-as a:hover,
.logged-in-as a:focus {
    color: #282828;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    color: #ff5562;
    text-decoration: none;
}

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

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#top-bar {
    padding: 10px 0;
    background-color: #5750A0;
}
#top-bar .widget {
    text-align: center;
    margin-bottom: 0;
    font-size: 16px;
}
#top-bar .widget + .widget {
    margin-top: 15px;
}
.widget_address_block ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.widget_address_block ul li {
    display: inline-block;
}
.widget_address_block ul li i {
    margin-right: 8px;
}
#top-bar .widget_address_block ul li {
    color: #fff;
    margin-right: 30px;
    font-family: 'Raleway', sans-serif
}
#top-bar .widget_address_block ul li a {
    color: #fff;
}
#top-bar .widget_address_block ul li a:hover,
#top-bar .widget_address_block ul li a:focus {
    opacity: 0.8;
}
#top-bar .widget ul li:not(:last-child) {
    margin-bottom: 0;
}
#masthead {
    padding: 10px 0;
    position: relative;
    z-index: 3000;
    background-color: #fff;
    -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;
}
.site-branding {
    float: left;
    padding: 10px 0;
    -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;
}
.site-logo, 
#site-identity {
    display: inline-block;
    vertical-align: middle;
}
.site-title {
    font-size: 32px;
    margin: 0 0 5px;
    font-weight: 600;
    font-family: 'Raleway', sans-serif;
    line-height: 1.3;
    letter-spacing: 0.05em;
}
.site-title a {
    color: #ff5562;
    -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;
}
.site-title a:hover,
.site-title a:focus {
    opacity: 0.8;
}
.site-description {
    margin: 0;
    line-height: 1.3;
    color: #444;
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    letter-spacing: 0.05em;
}
.site-logo a {
    display: block;
    margin-right: 15px;
}
.site-logo img {
    max-height: 80px;
    width: auto;
}
.main-navigation {
    display: block;
    position: relative;
    float: right;
}
.main-navigation ul ul {
    background-color: #fff;
    text-align: left;
    padding: 0;
}
.main-navigation ul ul li a {
    padding: 15px;
}
.main-navigation ul ul a:after {
    float: right;
}
.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0;
}
.main-navigation li {
    position: relative;
}
.main-navigation ul.nav-menu > li > a {
    color: #555555;
}
.main-navigation ul.nav-menu > li:hover > a,
.main-navigation ul.nav-menu > li.focus > a {
    color: #5750A0;
}
.main-navigation form.search-form input {
    background-color: #111;
    border-color: #111;
    color: #111;
    font-weight: 400;
}
.main-navigation a {
    display: block;
    text-decoration: none;
    font-weight: bold;
    color: #212121;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Raleway', sans-serif;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
.main-navigation ul ul {
    float: left;
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 99999;
}
.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}
.main-navigation ul ul a {
    width: 225px;
}
.main-navigation ul.nav-menu .current_page_item > a,
.main-navigation ul.nav-menu .current-menu-item > a,
.main-navigation ul.nav-menu .current_page_ancestor > a,
.main-navigation ul.nav-menu .current-menu-ancestor > a {
    color: #5750A0;
}
.main-navigation ul#primary-menu > li:before {
    background-color: #5750A0;
    color: #fff;
    width: 46px;
    height: 46px;
    line-height: 46px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
}
.main-navigation ul#primary-menu ul li:before {
    display: none;
}
.main-navigation ul#primary-menu > li:nth-child(1n):before {
    background-color: #5750A0;
}
.main-navigation ul#primary-menu > li:nth-child(2n):before {
    background-color: #fcb54d;
}
.main-navigation ul#primary-menu > li:nth-child(3n):before {
    background-color: #fc5b4e;
}
.main-navigation ul#primary-menu > li:nth-child(4n):before {
    background-color: #adca69;
}
.main-navigation ul#primary-menu > li:nth-child(5n):before {
    background-color: #84bed6;
}
.main-navigation ul#primary-menu > li:nth-child(6n):before {
    background-color: #c389ce;
}

.main-navigation ul#primary-menu > li:nth-child(1n):hover > a,
.main-navigation ul#primary-menu > li:nth-child(1n).focus > a {
    color: #5750A0;
}
.main-navigation ul#primary-menu > li:nth-child(2n):hover > a,
.main-navigation ul#primary-menu > li:nth-child(2n).focus > a {
    color: #fcb54d;
}
.main-navigation ul#primary-menu > li:nth-child(3n):hover > a,
.main-navigation ul#primary-menu > li:nth-child(3n).focus > a {
    color: #fc5b4e;
}
.main-navigation ul#primary-menu > li:nth-child(4n):hover > a,
.main-navigation ul#primary-menu > li:nth-child(4n).focus > a {
    color: #adca69;
}
.main-navigation ul#primary-menu > li:nth-child(5n):hover > a,
.main-navigation ul#primary-menu > li:nth-child(5n).focus > a {
    color: #84bed6;
}
.main-navigation ul#primary-menu > li:nth-child(6n):hover > a,
.main-navigation ul#primary-menu > li:nth-child(6n).focus > a {
    color: #c389ce;
}
form.search-form {
    width: 100%;
    max-width: 100%;
    position: relative;
}
.main-navigation form.search-form {
    min-width: 320px;
}
input.search-field {
    height: 45px;
    border-radius: 0;
    padding: 0 50px 0 15px;
    width: 100%;
}
.menu-toggle {
    border-radius: 0;
    font-size: 16px;
    display: block;
    height: 80px;
    position: relative;
    background-color: transparent;
    min-width: 64px;
    border: none;
    margin: 10px -15px 10px 0;
}
.menu-toggle:hover,
.menu-toggle:focus {
    background-color: transparent;
}
.menu-toggle span {
    width: 30px;
    height: 2px;
    display: block;
    background-color: #000;
    margin: 7px 0;
}
.menu-label {
    float: right;
    color: #111;
    padding: 7px 0 0 10px;
    display: none;
}
button.dropdown-toggle {
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    background-color: transparent;
    color: #000;
    border: none;
    width: 45px;
    height: 45px;
    line-height: 50px;
    border-radius: 0;
}
button.dropdown-toggle.active i {
    transform: rotate(-180deg);
    transform-origin: center;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0;
    overflow: hidden;
}
.nav-links .nav-previous a:before,
.nav-links .nav-next a:after {
    content: "\f0d9";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 10px;
    font-size: 18px;
    position: relative;
    top: 1px;
}
.nav-links .nav-next a:after {
    content: "\f0da";
    margin-left: 10px;
    margin-right: 0;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
    position: relative;
    text-align: left;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
    position: relative;
}
.post-navigation a, 
.posts-navigation a {
    font-weight: 400;
    display: block;
    color: #212529;
}
.post-navigation a:hover, 
.posts-navigation a:hover,
.post-navigation a:focus, 
.posts-navigation a:focus {
    color: #ff5562;
}
.post-navigation, 
.posts-navigation {
    padding: 0;
    position: relative;
}
.pagination .page-numbers,
.pagination .page-numbers.dots:hover,
.pagination .page-numbers.dots:focus {
    text-align: center;
    line-height: 35px;
    width: 35px;
    height: 35px;
    display: inline-block;
    margin-right: 5px;
    color: #5750A0;
    background-color: #ffe2cf;
}
.pagination .page-numbers.current,
.pagination .page-numbers:hover,
.pagination .page-numbers:focus {
    color: #fff;
    background-color: #5750A0;
}
.pagination .page-numbers.prev,
.pagination .page-numbers.next {
    padding: 0 15px;
    display: inline-block;
    width: auto;
    height: auto;
    position: relative;
    top: 2px;
    background-color: #ffe2cf;;
    color: #5750A0;
}
.pagination .page-numbers.prev:hover, 
.pagination .page-numbers.next:hover,
.pagination .page-numbers.prev:focus, 
.pagination .page-numbers.next:focus {
    color: #fff;
    background-color: #5750A0;
}
.pagination .page-numbers.next {
    margin-right: 0;
    background-color: #ffe2cf;
}
.nav-previous span {
    padding-left: 30px;
    float: left;
    text-align: left;
}
.nav-next span {
    padding-right: 30px;
    float: right;
    text-align: right;
}
.post-navigation span,
.posts-navigation span {
    display: table;
}

/*--------------------------------------------------------------
## WP Menu Icons
--------------------------------------------------------------*/
.main-navigation ul#primary-menu > li > a i {
    position: relative;
    margin-right: 20px;
}
.main-navigation ul#primary-menu > li > a i:after {
    content: "";
    width: 55px;
    height: 55px;
    border: 1px solid #5750A0;
    display: inline-block;
    vertical-align: middle;
    border-radius: 100%;
    position: absolute;
    top: -5px;
    left: -5px;
    right: 0;
    margin: 0 auto;
}
.main-navigation ul.nav-menu > li:nth-child(1n) > a > i {
    background-color: #5750A0;
}
.main-navigation ul#primary-menu > li:nth-child(1n) > a i:after {
    border-color: #5750A0;
}
.main-navigation ul.nav-menu > li:nth-child(2n) > a > i {
    background-color: #fcb54d;
}
.main-navigation ul#primary-menu > li:nth-child(2n) > a i:after {
    border-color: #fcb54d;
}
.main-navigation ul.nav-menu > li:nth-child(3n) > a > i {
    background-color: #fc5b4e;
}
.main-navigation ul#primary-menu > li:nth-child(3n) > a i:after {
    border-color: #fc5b4e;
}
.main-navigation ul.nav-menu > li:nth-child(4n) > a > i {
    background-color: #adca69;
}
.main-navigation ul#primary-menu > li:nth-child(4n) > a i:after {
    border-color: #adca69;
}
.main-navigation ul.nav-menu > li:nth-child(5n) > a > i {
    background-color: #84bed6;
}
.main-navigation ul#primary-menu > li:nth-child(5n) > a i:after {
    border-color: #84bed6;
}
.main-navigation ul.nav-menu > li:nth-child(6n) > a > i {
    background-color: #c389ce;
}
.main-navigation ul#primary-menu > li:nth-child(6n) > a i:after {
    border-color: #c389ce;
}

.main-navigation ul.nav-menu > li > a > i, 
.main-navigation ul.nav-menu > li > a > i.wpmi-icon:not(.wpmi-label-1).wpmi-position-before {
    width: 45px;
    height: 45px;
    border-radius: 45px;
    line-height: 45px;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    text-align: center;
}

@media screen and (min-width: 1024px) {
    .main-navigation ul#primary-menu > li > a i {
        display: block;
        margin: 0 auto 10px;
    }
    .main-navigation ul.nav-menu {
        min-height: 100px;
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
    }
}

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

/*--------------------------------------------------------------
# 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,
.footer-widgets-area:before,
.footer-widgets-area:after,
.wrapper:before,
.wrapper:after,
#latest-posts article:before,
#latest-posts article:after,
.widget:before,
.widget:after,
.posts-wrapper:before,
.posts-wrapper:after,
.services-items-wrapper:before,
.services-items-wrapper:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.footer-widgets-area:before,
.footer-widgets-area:after,
.wrapper:before,
.wrapper:after,
#latest-posts article:before,
#latest-posts article:after,
.widget:before,
.widget:after,
.posts-wrapper:before,
.posts-wrapper:after,
#author-section:before,
#author-section:after,
.services-items-wrapper:before,
.services-items-wrapper:after {
    clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 1.3em;
}
.widget:last-child {
    margin-bottom: 0;
}
#colophon .widget {
    margin: 0 0 40px;
}
#colophon .widget.widget_text {
    margin-bottom: 20px;
}
#colophon .widget:last-child {
    margin-bottom: 0;
}

/* Make sure select elements fit in widgets. */
.widget select {
    max-width: 100%;
    padding: 10px;
    border: none;
    width: 100%;
    max-width: 300px;
}

.widget input {
    height: 40px;
    border-radius: 0;
    padding: 0 15px;
    border: none;
}

form.search-form button.search-submit {
    height: 45px;
    line-height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    background-color: transparent;
    border: none;
    width: 45px;
    border-radius: 0;
    padding: 0;
}
.widget_search form.search-form button.search-submit {
    width: 50px;
    color: #fff;
    background-color: #ff5562;
    font-size: 16px;
    line-height: 1;
    height: 50px;
    padding: 0;
    -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_search form.search-form button.search-submit:hover,
.widget_search form.search-form button.search-submit:focus {
    background-color: #ff5562;
}
.widget_search form.search-form input[type="search"] {
    padding: 0 55px 0 15px;
    height: 50px;
    background-color: #fff;
    color: #000;
    border: none;
}
.widget_search form.search-form input[type="search"]:focus {
    border-color: #5750A0;
}
form.search-form {
    position: relative;
}

form.search-form input {
    width: 100%;
    padding: 0 40px 0 15px;
    font-weight: 300;
}

#wp-calendar tbody td {
    text-align: center;
}

#wp-calendar caption {
    margin-bottom: 15px;
    font-weight: 600;
}

.widget-title {
    font-size: 18px;
    margin: 0 0 32px;
    color: #fff;
}

.widget li:not(:last-child) {
    margin-bottom: 10px;
}

.widget_instagram ul {
    list-style: none;
    margin: -5px;
    padding: 0;
}
.widget.widget_instagram li {
    margin: 0;
    padding: 5px;
}
.widget_instagram .col-1 li {
    width: 100%;
    float: none;
}
.widget_instagram .col-2 li {
    width: 50%;
    float: left;
}
.widget_instagram .col-3 li {
    width: 33.33%;
    float: left;
}
.widget_instagram .col-4 li {
    width: 25%;
    float: left;
}
.widget_instagram .col-5 li {
    width: 20%;
    float: left;
}
.widget_instagram li img {
    width: 100%;
}
#secondary .widget-title,
#secondary .widgettitle {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #212529;
    letter-spacing: 0.01em;
}
#secondary a {
    color: #6c757d;
    font-weight: 400;
}
#secondary a:hover,
#secondary a:focus {
    color: #ff5562;
}
#secondary .widget:not(:last-child) {
    margin-bottom: 35px;
}
#secondary .widget {
    background-color: #f2f2f2;
    padding: 30px;
}
.jetpack_subscription_widget form {
    position: relative;
}
.jetpack_subscription_widget input[type="email"] {
    width: 100%;
    min-height: 65px;
    padding: 15px 160px 15px 20px;
    background-color: #e7f4fb;
    border-color: #e7f4fb;
}
.jetpack_subscription_widget input[type="submit"] {
    min-width: 100px;
    text-align: center;
    background-color: #0287d2;
    border-radius: 0;
    min-height: 50px;
    padding: 11px 30px;
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 500;
    font-size: 14px;
    border: none;
    -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;
}
.jetpack_subscription_widget input[type="submit"]:hover,
.jetpack_subscription_widget input[type="submit"]:focus {
    background-color: #5750A0;
}
.jetpack_subscription_widget #subscribe-text {
    display: inline-block;
}
.jetpack_subscription_widget #subscribe-text p {
    margin-top: 0;
    line-height: 25px;
}
.jetpack_subscription_widget #subscribe-submit {
    display: inline-block;
    margin: 0;
    position: relative;
}
.widget_popular_post ul,
.widget_latest_post ul {
    padding: 0;
    margin: 0;
    list-style: none;
    clear: both;
    display: table;
}
.widget.widget_popular_post ul li,
.widget.widget_latest_post ul li {
    clear: both;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}
.widget.widget_popular_post ul li:last-child,
.widget.widget_latest_post ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.widget_popular_post h3,
.widget_latest_post h3 {
    font-size: 16px;
    line-height: 1.5;
    display: table-row;
    letter-spacing: 0.01em;
}
.widget_popular_post h3 a,
.widget_latest_post h3 a {
    display: block;
}
.widget_popular_post time,
.widget_latest_post time {
    margin-top: 5px;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
}
.widget_popular_post h3 a,
.widget_popular_post a:hover time,
.widget_popular_post a:focus time,
.widget_latest_post h3 a,
.widget_latest_post a:hover time,
.widget_latest_post a:focus time {
    color: #111;
}
.widget_popular_post h3 a:hover,
.widget_popular_post h3 a:focus,
.widget_popular_post a:hover time,
.widget_popular_post a:focus time,
.widget_latest_post h3 a:hover,
.widget_latest_post h3 a:focus,
.widget_latest_post a:hover time,
.widget_latest_post a:focus time {
    color: #5750A0;
}
.widget_popular_post a time,
.widget_popular_post time,
.widget_latest_post a time,
.widget_latest_post time {
    color: #929292;
    font-weight: 500;
}
.widget_popular_post img,
.widget_latest_post img {
    max-width: 95px;
    width: 95px;
    height: 95px;
    float: left;
    margin-right: 14px;
}
#secondary .jetpack_subscription_widget input[type="email"] {
    height: 50px;
    min-height: auto;
    background-color: #fff;
    border-color: #fff;
    padding: 15px 18px;
}
#secondary .jetpack_subscription_widget input[type="submit"] {
    position: relative;
    margin: auto;
    min-height: 50px;
    border-radius: 0;
    background-color: #111;
    min-width: 151px;
    margin: 0;
    text-transform: uppercase;
}
.jetpack_subscription_widget #subscribe-submit:after {
    content: "";
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f2f2f2;
    position: absolute;
    bottom: 0;
    right: -10px;
}
.site-footer .jetpack_subscription_widget #subscribe-submit:after {
    border-bottom-color: #fff;
}
#secondary .jetpack_subscription_widget input[type="submit"]:hover,
#secondary .jetpack_subscription_widget input[type="submit"]:focus {
    background-color: #5750A0;
}
#colophon .social-icons {
    margin-left: -15px;
}
#secondary p#subscribe-email {
    margin-top: 0;
}
#secondary ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#secondary .widget .social-icons {
    text-align: center;
    margin-top: -10px;
}
.widget_contact_info ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
    display: block;
}
.hentry {
    margin: 0;
}

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

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

.page-content,
.entry-content,
.entry-summary {
    margin: 0;
}

.author img {
    border-radius: 50%;
    display: block;
    text-align: center;
    margin: 20px auto;
}
.page-header span.posted-on {
    margin-bottom: 12px;
    display: inline-block;
    width: 100%;
}
.page-links {
    clear: both;
    margin: 0 0 1.5em;
}
.page-header span.author-name {
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    color: #111;
}
.page-header small {
    font-size: 12px;
    color: #5750A0;
}
nav.navigation.pagination {
    margin-top: 50px;
    clear: both;
    display: inline-block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.posts-wrapper.blog-posts .featured-image {
    position: relative;
}
.posts-wrapper.col-3 article:nth-child(3n) {
    border-right: 1px solid #e4e4e4;
}
.blog-posts .post-categories {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #5750A0;
    padding: 0 15px;
    color: #fff;
}
.post-categories a {
    color: #5750A0;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}
.blog-posts .post-categories a {
    color: #fff;
}
.blog-posts .post-categories a:hover,
.blog-posts .post-categories a:focus {
    color: #eee;
}
.post-categories a:hover,
.post-categories a:focus {
    color: #5750A0;
}
.tags-links {
    margin-bottom: 50px;
    display: inline-block;
}
.tags-links span {
    margin: 0 8px 8px 0;
}
.tags-links a {
    border: 1px solid #ff5562;
    display: inline-block;
    padding: 5px 8px;
    color: #fff;
    line-height: 1;
    font-size: 14px;
    background-color: #ff5562;
}
.tags-links a:hover,
.tags-links a:focus {
    border-color: #282828;
    background-color: #282828;
    color: #fff;
}
span.date a:before,
.entry-meta .author:before,
.entry-meta .cat-links:before,
span.comments-link a:before {
    content: "\f017";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 5px;
}
.entry-meta .author:before {
    content: "\f007";
}
.entry-meta .cat-links:before {
    content: "\f02c";
}
span.comments-link a:before {
    content: "\f086";
}
.author.vcard {
    margin-left: 5px;
}
.single-post .site-main .comment-navigation, 
.single-post .site-main .posts-navigation, 
.single-post .site-main .post-navigation {
    margin-bottom: 0;
}
.navigation.post-navigation,
.navigation.posts-navigation {
    padding: 15px;
    margin-top: 30px;
    background-color: #f6f6f6;
}
.post-navigation .previous-article span span,
.posts-navigation .previous-article span span,
.post-navigation .next-article span span,
.posts-navigation .next-article span span {
    display: block;
}
.post-navigation span.previous-article b,
.post-navigations span.previous-article b,
.post-navigation span.next-article b,
.post-navigations span.next-article b {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
}
.post-navigation span.previous-article,
.post-navigations span.previous-article {
    display: table;
}
.error-404.not-found {
    max-width: 600px;
}
.error-404.not-found .page-title {
    font-size: 38px;
}
.no-sidebar #secondary {
    display: none;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

#reply-title,
.comments-title {
    font-size: 42px;
    margin: 0;
}
.comments-title,
#reply-title {
    margin-bottom: 30px;
    font-size: 32px;
    font-weight: 600;
}
ul.post-categories li:after {
    content: ",";
}
ul.post-categories li:last-child:after {
    display: none;
}
ol.comment-list {
    padding: 0;
    margin: 0 0 30px;
    list-style: none;
}
#comments ol {
    list-style: none;
    margin-left: 0;
    padding: 0;
}
#comments ol.comment-list {
    padding-top: 35px;
    position: relative;
    overflow: hidden;
}
#comments ol.children {
    margin-left: 120px;
}
.says {
    display: none;
}
.comment-meta img {
    width: 85px;
    height: 85px;
    float: left;
    border-radius: 50%;
    margin-right: 20px;
}
#comments time:before {
    display: none;
}
.comment-body {
    position: relative;
    background-color: #f6f6f6;
    padding: 25px;
    border-radius: 10px;
}
.reply {
    padding-left: 105px;
}
#comments article {
    margin-bottom: 30px;
    clear: both;
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}
#comments ol.comment-list > li:last-child article:last-child,
#comments ol.comment-list > li:last-child {
    border-bottom: none;
}
#comments ol.comment-list > li {
    padding-top: 49px;
}
#comments ol.comment-list > li:first-child {
    padding-top: 0;
}
#comments ol.comment-list > li article:last-child .reply {
    border-bottom: none;
    padding-bottom: 0;
}
.reply a {
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    padding: 5px 20px;
    position: relative;
    background-color: #ff5562;
    border: 2px solid #ff5562;
    border-radius: 50px;
    z-index: 1;
    font-family: 'Raleway', sans-serif;
    -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;
}
.reply a:hover,
.reply a:focus {
    color: #fff;
    background-color: #282828;
    border-color: #282828;
}
.comment-meta .url,
.comment-meta .fn {
    display: inline-block;
    color: #6c757d;
    font-size: 16px;
    font-weight: 600;
}
.comment-meta .url:hover,
.comment-meta .url:focus {
    color: #5750A0;
}
.comment-metadata a,
.comment-metadata a time {
    color: #6c757d;
}
.comment-metadata a,
.comment-metadata time {
    font-size: 14px;
}
.comment-metadata a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover time,
.comment-metadata a:focus time {
    color: #5750A0;
}
.comment-metadata time {
    font-weight: 500;
}
.comment-metadata {
    display: block;
    margin-bottom: 10px;
}
.comment-content {
    margin-bottom: 10px;
    margin-top: 0;
    padding-left: 105px;
}
.comment-content p {
    font-weight: 400;
    margin-bottom: 1em;
}
/*--------------------------------------------------------------
# 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;
}

/*--------------------------------------------------------------
# Layouts and titles
--------------------------------------------------------------*/
section {
    position: relative;
}
.relative {
    display: block;
    position: relative;
}
.relative:before,
.relative:after {
    content: "";
    display: table;
    clear: both;
}
.entry-content {
    margin-top: 0;
}
.wrapper {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}
.page-section {
    padding: 60px 0;
}
.entry-title,
.section-title {
    font-size: 32px;
    margin: 0 0 15px;
    font-weight: 600;
    word-wrap: break-word;
}
.section-title {
    font-size: 42px;
    margin-bottom: 0;
    color: #282828;
    font-weight: 600;
    letter-spacing: 1px;
}
.section-header .section-title {
    font-family: 'Gloria Hallelujah', cursive;
}
.section-header {
    margin-bottom: 50px;
    text-align: center;
}
.section-subtitle {
    max-width: 550px;
    margin: 0 auto;
    text-align: center;
}
.section-title + .section-subtitle {
    margin-top: 8px;
}
.section-icon {
    display: block;
    margin-bottom: 15px;
}
.section-icon i {
    color: #fff;
    font-size: 34px;
    width: 70px;
    height: 70px;
    display: inline-block;
    border-radius: 70px;
    line-height: 70px;
    background-color: #5750A0;
    text-align: center;
}
.overlay {
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.2;
}
.align-left {
    text-align: left;
}
.align-center {
    text-align: center;
}
.align-right {
    text-align: right;
}
.btn {
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    padding: 12px 35px;
    position: relative;
    background-color: #ff5562;
    border: 2px solid #ff5562;
    border-radius: 50px;
    z-index: 1;
    font-family: 'Raleway', sans-serif;
    -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;
}
.btn:hover,
.btn:focus {
    color: #fff;
    background-color: #282828;
    border-color: #282828;
}
/*--------------------------------------------------------------
# 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: -4px;
}

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

.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;
}
/*--------------------------------------------------------------
## Social Icons
--------------------------------------------------------------*/
.social-icons li {
    display: inline-block;
    height: auto;
    text-align: center;
    position: relative;
    list-style: none;
}
.footer-widgets-area .widget .social-icons li {
    display: inline-block;
    width: auto;
}
.social-icons li:not(:last-child) {
    margin-right: 5px;
}
.social-icons,
.social-icons ul {
    margin: 0;
    padding: 0;
}
.social-icons li a {
    background-color: transparent;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: block;
    border-radius: 2px;
}
/*--------------------------------------------------------------
## Social Icons
--------------------------------------------------------------*/
ul.social-icons {
    margin: 0;
    padding: 0;
}
.social-icons li {
    width: 40px;
    height: auto;
    text-align: center;
    line-height: 40px;
    position: relative;
    list-style: none;
}
.social-icons ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.social-icons li:not(:last-child) {
    margin-right: 10px;
}
.social-icons li a {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.20);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-family: "Font Awesome 5 Brands";
}
.social-icons li a:hover {
    color: #fff;
}
.social-icons li a[href*="facebook.com"]:before,
.social-icons li a[href*="fb.com"]:before {
  content: "\f39e";
}

.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: "\f167";
}

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

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

.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 Hover Color
--------------------------------------------------------------*/
.social-icons li a[href*="facebook.com"]:hover,
.social-icons li a[href*="fb.com"]:hover,
.social-icons li a[href*="facebook.com"]:focus,
.social-icons li a[href*="fb.com"]:focus {
    background-color: #3c5798 !important;
}
.social-icons li a[href*="twitter.com"]:hover,
.social-icons li a[href*="twitter.com"]:focus {
    background-color: #1ea0f1 !important;
}
.social-icons li a[href*="linkedin.com"]:hover,
.social-icons li a[href*="linkedin.com"]:focus {
    background-color: #0077B5 !important;
}
.social-icons li a[href*="plus.google.com"]:hover,
.social-icons li a[href*="plus.google.com"]:focus {
    background-color: #ec7161 !important;
}

.social-icons li a[href*="youtube.com"]:hover,
.social-icons li a[href*="youtube.com"]:focus {
    background-color: #cc181e !important;
}

.social-icons li a[href*="dribbble.com"]:hover,
.social-icons li a[href*="dribbble.com"]:focus {
    background-color: #f4a09c !important;
}

.social-icons li a[href*="pinterest.com"]:hover,
.social-icons li a[href*="pinterest.com"]:focus {
    background-color: #bd081b !important;
}

.social-icons li a[href*="bitbucket.org"]:hover,
.social-icons li a[href*="bitbucket.org"]:focus {
    background-color: #205081 !important;
}

.social-icons li a[href*="github.com"]:hover,
.social-icons li a[href*="github.com"]:focus {
    background-color: #323131 !important;
}

.social-icons li a[href*="codepen.io"]:hover,
.social-icons li a[href*="codepen.io"]:focus {
    background-color: #111000 !important;
}

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

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

.social-icons li a[href*="foursquare.com"]:hover,
.social-icons li a[href*="foursquare.com"]:focus {
    background-color: #F94877 !important;
}

.social-icons li a[href*="instagram.com"]:hover,
.social-icons li a[href*="instagram.com"]:focus {
    background-color: #cd42e7 !important;
}

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

.social-icons li a[href*="reddit.com"]:hover,
.social-icons li a[href*="reddit.com"]:focus {
    background-color: #FF4500 !important;
}

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

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

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

.social-icons li a[href*="stumbleupon.com"]:hover,
.social-icons li a[href*="stumbleupon.com"]:focus {
    background-color: #EB4924 !important;
}

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

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

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

.social-icons li a[href*="tripadvisor.com"]:hover,
.social-icons li a[href*="tripadvisor.com"]:focus {
    background-color: #FFE090 !important;
}

.social-icons li a[href*="angel.co"]:hover,
.social-icons li a[href*="angel.co"]:focus {
    background-color: #111000 !important;
}
/*--------------------------------------------------------------
#  Page Site Header
--------------------------------------------------------------*/
#page-site-header {
    background-color: #333;
    background-size: cover;
    background-position: 50%;
    position: relative;
    text-align: center;
    padding: 250px 0;
}
#page-site-header .overlay {
    opacity: 0.4;
}
#page-site-header .page-title {
    color: #fff;
    font-size: 42px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: inline-block;
    font-weight: 600;
}
#page-site-header .page-header {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.disable-header-image #page-site-header {
    display: none;
}
/*--------------------------------------------------------------
#  Breadcrumb List
--------------------------------------------------------------*/
#breadcrumb-list {
    background-color: #222;
    padding: 20px 0;
}
.trail-items {
    margin: 0;
    padding: 0;
    list-style: none;
}
.trail-items li {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
}
.trail-items li a {
    color: rgba(255, 255, 255, 0.30);
}
.trail-items li a:hover,
.trail-items li a:focus {
    color: #fff;
}
.trail-items .separator {
    color: rgba(255, 255, 255, 0.30);
    padding: 0 2px;
}
/*--------------------------------------------------------------
#  Featured Slider Section
--------------------------------------------------------------*/
#featured-slider .wrapper {
    position: relative;
}
.cloud-bg {
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    width: 100%;
}
.slick-slide {
    outline: none;
}
.slick-dotted.slick-slider {
    margin-bottom: 0;
}
.slick-next:before, 
.slick-prev:before {
    opacity: 1;
    content: "\f060";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 18px;
}
.slick-next:before {
    content: "\f061";
}
.slick-prev,
.slick-next {
    left: 0;
    z-index: 1;
    width: 50px;
    height: 50px;
    line-height: 62px;
    border-radius: 100%;
    background-color: rgba(0, 0, 0, 0.50);
}
.slick-prev {
    left: -10px;
}
.slick-next {
    left: auto;
    right: -10px;
}
.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus {
    background-color: #ff5562;
}
.slick-dots li {
    margin: 0 6px;
    width: auto;
    height: auto;
}
.slick-dots li button {
    background-color: #fff;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    padding: 0;
}
.slick-dots li.slick-active button {
    background-color: #ff5562;
}
.slick-dots li button:before {
    display: none;
}
#featured-slider article {
    padding: 250px 0;
    background-size: cover;
    background-position: 50%;
    position: relative;
    background-color: #111;
}
#featured-slider .overlay {
    opacity: 0.4;
}
.featured-content-wrapper {
    position: absolute;
    max-width: 80%;
    width: 100%;
    left: 0;
    right: 0;
    top: 50%;
    text-align: center;
    margin: 0 auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.featured-content-wrapper .entry-title {
    color: #fff;
    font-size: 36px;
    line-height: 1.2;
    font-family: 'Gloria Hallelujah', cursive;
}
.featured-content-wrapper .entry-title a {
    color: #fff;
}
.featured-content-wrapper .entry-title a:hover,
.featured-content-wrapper .entry-title a:focus {
    color: #ff5562;
}
.featured-content-wrapper .entry-content p,
#featured-slider article .entry-content {
    color: #fff;
    margin: 0;
}
.featured-content-wrapper .read-more {
    margin-top: 25px;
}
.featured-content-wrapper .read-more a {
    margin: 5px;
}
#featured-slider .btn {
    color: #fff;
    background-color: #ff5562;
}
#featured-slider .btn:hover, 
#featured-slider .btn:focus {
    background-color: #fff;
    border-color: #fff;
    color: #ff5562;
}
#featured-slider .slick-dots {
    bottom: 50px;
}
#featured-slider button.slick-arrow {
    visibility: hidden;
    opacity: 0;
}
#featured-slider:hover button.slick-arrow {
    visibility: visible;
    opacity: 1;
}
#featured-slider:hover button.slick-arrow.slick-prev {
    left: 25px;
}
#featured-slider:hover button.slick-arrow.slick-next {
    right: 25px;
}
.display-block {
    display: block;
}
.display-none {
    display: none;
}
/*--------------------------------------------------------------
#  Our Courses / About Us
--------------------------------------------------------------*/
#about-us {
    background-color: #ffe4e4;
    padding-top: 50px;
    padding-bottom: 100px;
}
#about-us .entry-title {
    font-family: 'Gloria Hallelujah', cursive;
}
#our-courses {
    padding-top: 50px;
    padding-bottom: 100px;
}
#our-courses .section-content {
    margin: 0 -15px;
}
#our-courses article {
    width: 100%;
    padding: 0 15px;
    margin-bottom: 30px;
    position: relative;
}
#our-courses article:last-child {
    margin-bottom: 0;
}
#our-courses article .entry-title {
    font-size: 24px;
    margin-bottom: 15px;
    letter-spacing: 1px;
}
#our-courses img + .section-content {
    padding-top: 50px;
}
#about-us .section-content.col-1,
#about-us .section-content.col-2,
#gallery .section-content.col-1,
#gallery .section-content.col-2 {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}
#about-us .section-content.col-2,
#gallery .section-content.col-2 {
    max-width: 800px;
}
#our-courses article:nth-child(1n) .featured-course-wrapper {
    background-color: #ff5562;
}
#our-courses article:nth-child(2n) .featured-course-wrapper {
    background-color: #64cadb;
}
#our-courses article:nth-child(3n) .featured-course-wrapper {
    background-color: #7cc576;
}
#our-courses article:nth-child(4n) .featured-course-wrapper {
    background-color: #ffa0d3;
}
#our-courses .featured-image {
    position: relative;
    padding: 120px 0;
    background-size: cover;
    background-position: 50%;
}
#our-courses .featured-image a {
    display: block;
}
#our-courses .entry-container {
    padding: 30px 25px;
}
#our-courses article.no-post-thumbnail .entry-container {
    width: 100%;
    float: none;
}
#our-courses article .entry-content p:last-child {
    margin-bottom: 0;
}
#our-courses article .entry-title a,
#our-courses .entry-content {
    color: #fff;
}
#our-courses article .entry-title a:hover,
#our-courses article .entry-title a:focus {
    color: #fff;
    opacity: 0.8;
}
#our-courses .entry-meta {
    margin-bottom: 5px;
}
#our-courses .entry-meta .cat-links {
    color: #fff;
}
#our-courses .entry-meta .cat-links:before {
    display: none;
}
#our-courses .entry-meta a {
    color: rgba(255, 255, 255, 0.90);
    font-size: 15px;
}
#our-courses .entry-meta a:hover,
#our-courses .entry-meta a:focus {
    color: #fff;
}
.post-thumbnail-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*--------------------------------------------------------------
#  Counter
--------------------------------------------------------------*/
#counter {
    padding: 50px 0;
    background-position: 50%;
    background-color: #8373ce;
}
#counter .wrapper {
    position: relative;
    max-width: 1200px;
}
#counter .section-content {
    margin-top: 25px;
    display: inline-block;
    width: 100%;
    margin-left: -15px;
    margin-right: -15px;
}
#counter .section-content article {
    margin-bottom: 10px;
    padding: 0 5px;
}
#counter .section-content article:last-child {
    margin-bottom: 0;
}
#counter .section-title {
    color: #fff;
}
#counter .section-title:after {
    background-color: #fff;
}
#counter .overlay {
    opacity: 0.4;
    background-color: #282828;
}
.counter-item {
    background: rgba(0,0,0,0.05);
    border: 1px solid rgba(0,0,0,0.1);
    padding: 20px;
    border-radius: 10px;
    max-width: 280px;
    margin: 0 auto;
}
.counter-item i {
    font-size: 32px;
    display: block;
    color: #fff;
    float: left;
    width: 65px;
    height: 65px;
    background: rgba(0,0,0,0.1);
    border-radius: 100%;
    text-align: center;
    line-height: 65px;
    margin-right: 15px;
}
.counter-item h2 {
    display: table-row;
    clear: both;
    font-size: 16px;
    margin: 0;
    color: #fff;
}
.counter-item h3 {
    font-size: 34px;
    display: table-row;
    width: 100%;
    margin: 0 0 10px;
    color: #fff;
}

/*--------------------------------------------------------------
#  Call to action
--------------------------------------------------------------*/
#cta {
    text-align: center;
    padding: 50px 0;
    background-color: #64cadb;
}
#cta h3 {
    margin-top: 0;
    color: #fff;
}
#cta .section-title {
    color: #fff;
    margin-bottom: 25px;
    text-transform: none;
    font-size: 32px;
}
#cta .section-title .last-word {
    color: #fff;
}
#cta p {
    color: #fff;
    margin-bottom: 20px;
    max-width: 675px;
    margin-left: auto;
    margin-right: auto;
}
#cta .section-header {
    margin-bottom: 0;
}
#cta .btn:hover, 
#cta .btn:focus {
    background-color: #fff;
    border-color: #fff;
    color: #282828;
}
#cta .read-more {
    margin-top: 0;
}
/*--------------------------------------------------------------
#  Video
--------------------------------------------------------------*/
#video {
    padding: 60px 0;
    text-align: center;
    background-size: cover;
    background-position: 50%;
}
#video .wrapper {
    position: relative;
    z-index: 1;
}
#video .section-header {
    margin-bottom: 0;
}
#video .section-title {
    color: #fff;
    font-size: 42px;
    margin-bottom: 25px;
}
#video .section-title .last-word {
    color: #fff;
}
#video p {
    color: #fff;
    margin-bottom: 0;
    max-width: 675px;
    margin-left: auto;
    margin-right: auto;
}
.video-button {
    margin-bottom: 30px;
}
.video-button i {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #ff5562;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 70px;
    padding-left: 4px;
    -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;
}
.video-button a:hover i {
    background-color: #fff;
    color: #ff5562;
}
#video .read-more {
    margin-top: 30px;
}
/*--------------------------------------------------------------
#  Features Section
--------------------------------------------------------------*/
#about-us + #blog,
#about-us + #gallery,
#testimonial + #blog {
    padding-top: 0;
}
#about-us article.no-post-thumbnail .featured-image {
    display: none;
}
#about-us article.no-post-thumbnail .entry-container {
    width: 100%;
    float: none;
    padding: 30px 0 0;
}
.features-icon i {
    display: inline-block;
    font-size: 26px;
    width: 55px;
    height: 55px;
    text-align: center;
    line-height: 55px;
    color: #fff;
    margin: 0 0 10px;
    overflow: hidden;
    background-color: #5750A0;
}
#about-us article {
    position: relative;
    margin-bottom: 50px;
}
#about-us article:last-child {
    margin-bottom: 0;
}
#about-us .featured-image {
    position: relative;
    background-size: cover;
    background-position: 50%;
    padding: 125px 0;
    margin-bottom: 30px;
}
#about-us .entry-header {
    margin-bottom: 20px;
}
#about-us .read-more .btn:not(:last-child) {
    margin-right: 15px;
}
#team .featured-image {
    position: relative;
    background-size: cover;
    background-position: 50%;
    padding: 120px 0;
}
#team .team-wrapper {
    text-align: center;
    background-color: #ffa0d3;
}
#team article:nth-child(1n) .team-wrapper {
    background-color: #ffa0d3;
}
#team article:nth-child(2n) .team-wrapper {
    background-color: #a864a8;
}
#team article:nth-child(3n) .team-wrapper {
    background-color: #64cadb;
}
#team article:nth-child(4n) .team-wrapper {
    background-color: #7cc576;
}
#team .entry-title {
    margin-bottom: 3px;
    color: #fff;
    font-size: 18px;
}
#team .entry-title a, 
#team .entry-content {
    color: #fff;
}
#team .entry-title a:hover,
#team .entry-title a:focus {
    color: #fff;
    opacity: 0.8;
}
#about-us article:last-child,
#team article:last-child {
    margin-bottom: 0;
}
#about-us article .entry-content p,
#team article .entry-content p {
    margin-bottom: 0;
}
#about-us article .read-more {
    margin-top: 25px;
}
#team article .read-more a {
    margin-top: 5px;
    display: inline-block;
}
#team {
    background-color: #ffe4e4;
    padding-top: 50px;
    padding-bottom: 100px;
}
#team article {
    width: 100%;
    padding: 0 15px;
}
.team-wrapper .featured-image img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}
#team .entry-container {
    padding: 35px 20px;
}
#team .overlay {
    opacity: 0.6;
}
#team .section-title .title {
    color: #fff;
}
#team .shape,
#team .shape:before,
#team .shape:after {
    background-color: #212121;
}
#team .position {
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 10px;
    color: #fff;
}
#team .social-icons li:not(:last-child) {
    margin-right: 5px;
}
#team .social-icons {
    margin-top: 15px;
}
#team .social-icons a {
    color: #888;
}
#team .social-icons a:hover,
#team .social-icons a:focus {
    color: #fff;
}
#team .slick-dots {
    position: relative;
    bottom: 0;
}
/*--------------------------------------------------------------
#  Featured Gallery Section
--------------------------------------------------------------*/
#gallery .section-content {
    margin: 0 -15px;
}
#gallery article {
    padding: 0 15px;
    margin-bottom: 30px;
}
.gallery-item-wrapper {
    position: relative;
    overflow: hidden;
}
.gallery-overlay {
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    padding: 0;
    -webkit-transition: .25s ease-out;
    -moz-transition: .25s ease-out;
    -ms-transition: .25s ease-out;
    -o-transition: .25s ease-out;
    transition: .25s ease-out;
    opacity: 0;
}
.overlay-bg {
    background-color: #000;
    opacity: 0.8;
    height: 100%;
    width: 100%;
}
#gallery article:hover .gallery-overlay {
    opacity: 1;
}
#gallery img {
    width: 100%;
}
#gallery .featured-image {
    background-size: cover;
    background-position: 50%;
    padding: 150px 0;
    background-color: #333;
}
#gallery .entry-container {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
    padding: 15px;
    opacity: 0;
    visibility: hidden;
    -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;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
#gallery article:hover .overlay {
    opacity: 0.6;
    visibility: visible;
    width: 100%;
    height: 100%;
}
#gallery article:hover .entry-container {
    opacity: 1;
    visibility: visible;
}
#gallery .col-3 article {
    width: 100%;
    text-align: center;
}
#gallery .col-3 article:last-child {
    margin-bottom: 0;
}
#gallery article .entry-title {
    font-size: 18px;
    font-weight: 500;
    -webkit-transition: .25s ease-out;
    -moz-transition: .25s ease-out;
    -ms-transition: .25s ease-out;
    -o-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
}
#gallery article:hover .entry-title {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
#gallery article .popup {
    display: inline-block;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    border-radius: 100%;
    margin-bottom: 20px;
    -webkit-transition: .25s ease-out;
    -moz-transition: .25s ease-out;
    -ms-transition: .25s ease-out;
    -o-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
#gallery article:hover .popup {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
#gallery .entry-container i {
    font-size: 22px;
    display: inline-block;
    color: #212121;
    background-color: rgba(255, 255, 255, 0.9);
    height: 50px;
    width: 50px;
    line-height: 50px;
    border-radius: 100%;
    -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;
}
#gallery .entry-container i:hover,
#gallery .entry-container i:focus {
    background-color: #ff5562;
    color: #fff;
}
#gallery article .entry-title,
#gallery article .entry-title a {
    color: #fff;
    margin: 0;
}
#gallery article .entry-title a:hover,
#gallery article .entry-title a:focus {
    color: #fff;
    opacity: 0.8;
}
#gallery article .entry-content p {
    margin-bottom: 0;
    color: #fff;
}
#gallery article .read-more {
    margin-top: 25px;
}
/*--------------------------------------------------------------
#  Our Services
--------------------------------------------------------------*/
.service-item-wrapper {
    text-align: center;
    padding: 0 15px;
}
#our-services .icon-container {
    margin: 0 auto 40px;
}
#our-services .icon-container a {
    border-radius: 50%;
    position: relative;
    display: block;
    width: 130px;
    height: 120px;
    margin: 0 auto;
}
#our-services .icon-container .petal {
    height: 146px;
    width: 44px;
    position: absolute;
    top: calc(50% - 73px);
    left: calc(50% - 22px);
    background-color: inherit;
    border-radius: 22px;
}
#our-services .icon-container .petal:nth-child(2) {
    -webkit-transform: rotateZ(36deg);
    -moz-transform: rotateZ(36deg);
    -ms-transform: rotateZ(36deg);
    -o-transform: rotateZ(36deg);
    transform: rotateZ(36deg);
}
#our-services .icon-container .petal:nth-child(3) {
    -webkit-transform: rotateZ(72deg);
    -moz-transform: rotateZ(72deg);
    -ms-transform: rotateZ(72deg);
    -o-transform: rotateZ(72deg);
    transform: rotateZ(72deg);
}
#our-services .icon-container .petal:nth-child(4) {
    -webkit-transform: rotateZ(108deg);
    -moz-transform: rotateZ(108deg);
    -ms-transform: rotateZ(108deg);
    -o-transform: rotateZ(108deg);
    transform: rotateZ(108deg);
}
#our-services .icon-container .petal:nth-child(5) {
    -webkit-transform: rotateZ(144deg);
    -moz-transform: rotateZ(144deg);
    -ms-transform: rotateZ(144deg);
    -o-transform: rotateZ(144deg);
    transform: rotateZ(144deg);
}
#our-services .icon-container i {
    font-size: 48px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
#our-services article:nth-child(1n) .icon-container a {
    background-color: #f9c00c;
}
#our-services article:nth-child(2n) .icon-container a {
    background-color: #00b9f1;
}
#our-services article:nth-child(3n) .icon-container a {
    background-color: #56a902;
}
#our-services .featured-image {
    text-align: center;
    margin: 0 0 30px;
}
#our-services .section-content {
    margin-left: -15px;
    margin-right: -15px;
    position: relative;
    z-index: 1;
}
#our-services .entry-title {
    font-weight: 400;
    font-size: 22px;
    color: #282828;
    margin-bottom: 0;
}
#our-services .entry-content p {
    margin: 0;
}
#our-services .entry-content {
    margin-top: 7px;
}
#our-services .read-more {
    margin-top: 25px;
}
#our-services article {
    margin-bottom: 50px;
    padding: 0 15px;
}
#our-services article:last-child {
    margin-bottom: 0;
}
#our-services .col-1 {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}
.entry-title a {
    color: #282828;
}
.entry-title a:hover,
.entry-title a:focus {
    color: #ff5562;
}
#our-services .cloud-bg {
    bottom: auto;
    z-index: 1;
    top: 100%;
}
#our-services + #about-us {
    padding-top: 100px;
}
.our-services-disabled #featured-slider .cloud-bg,
.about-us-disabled #our-services .cloud-bg,
.our-courses-disabled #team .cloud-bg,
.our-team-disabled #blog .cloud-bg {
    display: none;
}
.our-services-disabled #about-us,
.our-courses-disabled.our-team-disabled #about-us + #blog {
    padding-top: 80px;
}
.our-courses-disabled #about-us,
.our-team-disabled #our-courses {
    padding-bottom: 50px;
}
/*--------------------------------------------------------------
# Testimonial
--------------------------------------------------------------*/
#testimonial article {
    position: relative;
    padding: 0 15px;
}
#testimonial .overlay {
    opacity: 0.40;
}
#testimonial .featured-image img {
    height: 100%;
    width: 100%;
    border-radius: 50%;
    object-fit: cover;
}
#testimonial .entry-container {
    text-align: center;
    max-width: 900px;
    margin: 0 auto;
}
#testimonial .entry-header {
    margin-bottom: 15px;
}
#testimonial .entry-header .entry-title {
    font-size: 22px;
    margin-bottom: 0;
    color: #fff;
}
#testimonial .entry-header .entry-title a {
    color: #fff;
}
#testimonial .entry-header .entry-title a:hover,
#testimonial .entry-header .entry-title a:focus {
    color: #ff5562;
}
.position {
    color: #fff;
    margin-top: 5px;
    display: inline-block;
}
#testimonial article .entry-content {
    position: relative;
    margin-bottom: 14px;
    font-size: 20px;
    line-height: 1.6;
    font-weight: 300;
    color: #fff;
}
#testimonial article .featured-image {
    display: block;
    text-align: center;
    width: 120px;
    height: 120px;
    margin: 0 auto 25px;
}
#testimonial article .entry-content p {
    margin: 0;
    display: inline-block;
    width: 100%;
}
#testimonial .slick-dots li button:before {
    background-color: #ccc;
    opacity: 1;
}
#testimonial .slick-dots li.slick-active button:before {
    background-color: #5750A0;
}
#testimonial .slick-dots {
    position: relative;
}
#testimonial .slick-dots li button {
    background-color: #ccc;
}
#testimonial .slick-dots li.slick-active button {
    background-color: #ff5562;
}
#testimonial .slick-prev {
    left: -25px;
}
#testimonial .slick-next {
    right: -25px;
}
.testimonial-slider-wrapper {
    position: relative;
    background-size: cover;
    background-position: 50%;
    max-width: 1100px;
    margin: 0 auto;
    background-color: #000;
    padding: 30px;
    -webkit-box-shadow: 0 7px 33px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 7px 33px 0 rgba(0, 0, 0, 0.12);
    -o-box-shadow: 0 7px 33px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 7px 33px 0 rgba(0, 0, 0, 0.12);
}
.testimonial-slider-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.6;
}
/*--------------------------------------------------------------
# Blog
--------------------------------------------------------------*/
#blog {
    padding-top: 50px;
}
#blog .cloud-bg,
#our-courses .cloud-bg,
#team .cloud-bg {
    bottom: 100%;
}
.post-item .featured-image {
    position: relative;
    background-size: cover;
    background-position: 50%;
    padding: 120px 0;
}
.post-item .entry-container {
    padding: 30px 25px;
}
.blog-posts-wrapper article:not(.has-post-thumbnail) .post-item .entry-container {
    float: none;
    width: 100%;
    padding: 25px;
}
.blog-posts-wrapper .entry-title a,
.blog-posts-wrapper .entry-meta a,
.blog-posts-wrapper .entry-meta a:before,
.blog-posts-wrapper .cat-links:before,
.blog-posts-wrapper .entry-content,
.blog-posts-wrapper .entry-content p,
.blog-posts-wrapper .read-more a {
    color: #fff;
}
.blog-posts-wrapper .entry-title a:hover,
.blog-posts-wrapper .entry-title a:focus,
.blog-posts-wrapper .entry-meta a:hover,
.blog-posts-wrapper .entry-meta a:focus,
.blog-posts-wrapper .read-more a:hover,
.blog-posts-wrapper .read-more a:focus,
.blog-posts-wrapper .entry-meta a:hover:before, 
.blog-posts-wrapper .entry-meta a:focus:before {
    color: #fff;
    opacity: 0.8;
}
.post-item .entry-meta .date a {
    display: inline-block;
}
.post-item .entry-meta {
    display: block;
    margin-bottom: 10px;
}
.post-item .entry-meta a,
.post-item .entry-meta .cat-links:before {
    font-size: 14px;
}
.post-item .entry-meta span.cat-links {
    margin-right: 0;
    color: #fff;
}
.blog-posts-wrapper .entry-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 7px;
}
.post-item .read-more a {
    text-transform: uppercase;
    text-decoration: underline;
    font-size: 14px;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    letter-spacing: 0.05em;
}
.entry-meta a,
.entry-meta a:before {
    color: #6c757d;
    font-weight: 500;
}
.entry-meta a:hover,
.entry-meta a:focus {
    color: #ff5562;
}
.entry-meta a:hover:before,
.entry-meta a:focus:before {
    color: #ff5562;
}
.blog-posts-wrapper .section-content {
    margin: 0 -15px;
}
.blog-posts-wrapper article {
    margin-bottom: 30px;
    padding: 0 15px;
}
.blog-posts-wrapper article:last-child {
    margin-bottom: 0;
}
.blog-posts-wrapper article:nth-child(1n) .post-item {
    background-color: #ff5562;
}
.blog-posts-wrapper article:nth-child(2n) .post-item {
    background-color: #a864a8;
}
.blog-posts-wrapper article:nth-child(3n) .post-item {
    background-color: #7cc576;
}
.blog-posts-wrapper article:nth-child(4n) .post-item {
    background-color: #64cadb;
}
.entry-meta > span {
    margin-right: 20px;
}
.read-more {
    margin-top: 5px;
}
.home.blog .entry-meta, 
.single .entry-meta {
    margin-bottom: 15px;
}
body.blog.right-sidebar .blog-posts-wrapper .col-3 article,
body.archive.right-sidebar .blog-posts-wrapper .col-3 article,
body.search.right-sidebar .blog-posts-wrapper .col-3 article,
body.blog.left-sidebar .blog-posts-wrapper .col-3 article,
body.archive.left-sidebar .blog-posts-wrapper .col-3 article,
body.search.left-sidebar .blog-posts-wrapper .col-3 article {
    width: 100%;
    float: none;
    margin-bottom: 40px;
    text-align: left;
    padding: 0;
}
.single #primary .featured-image {
    margin-bottom: 40px;
}
/*--------------------------------------------------------------
# Woocommerce Shop
--------------------------------------------------------------*/
.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
    text-align: center;
}
.star-rating {
    font-size: 0.8em;
    font-family: 'star';
    font-weight: 400;
    height: 1.618em;
    line-height: 1.618;
    margin: 7px auto;
    overflow: hidden;
    position: relative;
    width: 5.3em;
}
.woocommerce .star-rating::before {
    content: "\53\53\53\53\53";
    color: #000;
    opacity: .25;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
}
.star-rating span {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em;
}
.star-rating span:before {
    content: "\53\53\53\53\53";
    top: 0;
    position: absolute;
    left: 0;
}
.woocommerce ul.products li.product .price ins {
    font-weight: 600;
}
.woocommerce ul.products li.product .onsale {
    margin: 0;
    min-height: auto;
    min-width: auto;
    margin: 0;
    padding: 10px 14px;
    line-height: 1;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.01em;
}
.woocommerce .woocommerce-ordering select {
    padding: 10px;
}
.woocommerce .woocommerce-ordering {
    margin: 0 0 2em;
}
.woocommerce .star-rating span {
    color: #db2f39;
}

.woocommerce ul.products li.product .button svg {
    fill: #fff;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3 {
    font-size: 20px;
    font-weight: 600;
}

ul.products .entry-container {
    text-align: center;
}

.woocommerce .products .star-rating {
    margin: 10px auto 15px;
}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, 
.woocommerce div.product span.price {
    color: #32373c;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Raleway', sans-serif;
}

.woocommerce ul.products li.product .button {
    margin-top: 0.5em;
}

.woocommerce ul.products li.product .price del {
    margin-right: 7px;
}

.woocommerce-products-header__title.page-title {
    text-align: center;
    font-weight: bold;
    margin-top: 0;
}

.woocommerce .woocommerce-breadcrumb {
    display: none;
}

.added_to_cart.wc-forward {
    margin-top: 15px;
}

/*--------------------------------------------------------------
# Woocommerce Shop Single
--------------------------------------------------------------*/
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt,
.woocommerce ul.products li.product a.added_to_cart.wc-forward,
.woocommerce #respond input#submit.disabled, 
.woocommerce #respond input#submit:disabled, 
.woocommerce #respond input#submit:disabled[disabled], 
.woocommerce a.button.disabled, 
.woocommerce a.button:disabled, 
.woocommerce a.button:disabled[disabled], 
.woocommerce button.button.disabled, 
.woocommerce button.button:disabled, 
.woocommerce button.button:disabled[disabled], 
.woocommerce input.button.disabled, 
.woocommerce input.button:disabled, 
.woocommerce input.button:disabled[disabled] {
    color: #282828;
    display: inline-block;
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    padding: 10px 45px;
    position: relative;
    background-color: transparent;
    border: 2px solid #ff5562;
    border-radius: 50px;
    z-index: 1;
    font-family: 'Raleway', sans-serif;
    -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;
}

.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit:focus, 
.woocommerce a.button:focus, 
.woocommerce button.button:focus, 
.woocommerce input.button:focus,
.woocommerce #respond input#submit.alt:focus,
.woocommerce a.button.alt:focus, 
.woocommerce button.button.alt:focus, 
.woocommerce input.button.alt:focus,
.woocommerce ul.products li.product a.added_to_cart.wc-forward:hover,
.woocommerce ul.products li.product a.added_to_cart.wc-forward:focus {
    color: #fff;
    background-color: #ff5562;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background-color: transparent;
    border: none;
}

.woocommerce #content div.product .woocommerce-tabs ul.tabs::before {
    display: none;
}

.woocommerce span.onsale {
    top: 0;
    left: 0;
    border-radius: 0;
    background-color: #ff5562;
    padding: 0 20px;
    margin: 0;
    min-height: auto;
    min-width: auto;
    margin: 0;
    padding: 10px 14px;
    line-height: 1;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.01em;
}

.woocommerce div.product form.cart {
    margin-top: 2em;
}

.woocommerce div.product form.cart div.quantity {
    margin: 2px 20px 0 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    padding: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    padding: 15px 30px;
    font-family: 'Oxygen', sans-serif;
    font-weight: 600;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background-color: #fafafa;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: #999;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: #000;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after, 
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    padding: 0;
    margin: 0;
}

.woocommerce-Reviews #comments {
    margin-top: 0;
}

.woocommerce-tabs.wc-tabs-wrapper h2 {
    font-size: 32px;
    margin: 0 0 15px;
}

.woocommerce #reviews #comments h2 {
    margin-bottom: 30px;
}

.woocommerce div.product .woocommerce-tabs .panel {
    padding: 25px;
    background-color: #fafafa;
}

.woocommerce #review_form #respond {
    margin-top: 20px;
}

.archive.woocommerce-page .page-header {
    display: none;
}

.archive.woocommerce-page .wrapper.page-section {
    padding-bottom: 50px;
}

/*--------------------------------------------------------------
# Woocommerce Shop Single
--------------------------------------------------------------*/
#add_payment_method table.cart td.actions .coupon .input-text, 
.woocommerce-cart table.cart td.actions .coupon .input-text, 
.woocommerce-checkout table.cart td.actions .coupon .input-text,
.woocommerce #content table.cart td.actions .input-text, 
.woocommerce table.cart td.actions .input-text, 
.woocommerce-page #content table.cart td.actions .input-text, 
.woocommerce-page table.cart td.actions .input-text {
    width: 120px;
    height: 52px;
}

.woocommerce table.shop_table {
    display: table;
}

#ship-to-different-address {
    font-size: 16px;
}

#ship-to-different-address span {
    margin-left: 5px;
}
/*--------------------------------------------------------------
# Woocommerce My Account
--------------------------------------------------------------*/
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
    display: block;
    margin-bottom: 10px;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    background-color: #23282d;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    margin-bottom: 10px;
}

.woocommerce-account .woocommerce {
    background-color: #eee;
}

.woocommerce-account .woocommerce-MyAccount-content {
    padding: 25px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    color: #fff;
    display: block;
    padding: 5px 20px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
    background-color: #ff5562;
}

.u-column2.col-2.woocommerce-Address {
    margin: 0;
}
/*--------------------------------------------------------------
# Typography Options
--------------------------------------------------------------*/
.section-title-font-1 .section-header .section-title,
.section-title-font-1 .featured-content-wrapper .entry-title,
.section-title-font-1 #about-us .entry-title {
    font-family: 'Raleway', sans-serif;
}

.section-title-font-2 .section-header .section-title,
.section-title-font-2 .featured-content-wrapper .entry-title,
.section-title-font-2 #about-us .entry-title {
    font-family: 'Poppins', sans-serif;
}

.section-title-font-3 .section-header .section-title,
.section-title-font-3 .featured-content-wrapper .entry-title,
.section-title-font-3 #about-us .entry-title {
    font-family: 'Montserrat', sans-serif;
}

.section-title-font-4 .section-header .section-title,
.section-title-font-4 .featured-content-wrapper .entry-title,
.section-title-font-4 #about-us .entry-title {
    font-family: 'Open Sans', sans-serif;
}

.section-title-font-5 .section-header .section-title,
.section-title-font-5 .featured-content-wrapper .entry-title,
.section-title-font-5 #about-us .entry-title {
    font-family: 'Lato', sans-serif;
}

.section-title-font-6 .section-header .section-title,
.section-title-font-6 .featured-content-wrapper .entry-title,
.section-title-font-6 #about-us .entry-title {
    font-family: 'Ubuntu', sans-serif;
}

.section-title-font-7 .section-header .section-title,
.section-title-font-7 .featured-content-wrapper .entry-title,
.section-title-font-7 #about-us .entry-title {
    font-family: 'Playfair Display', serif;
}

.section-title-font-8 .section-header .section-title,
.section-title-font-8 .featured-content-wrapper .entry-title,
.section-title-font-8 #about-us .entry-title {
    font-family: 'Lora', serif;
}

.section-title-font-9 .section-header .section-title,
.section-title-font-9 .featured-content-wrapper .entry-title,
.section-title-font-9 #about-us .entry-title {
    font-family: 'Titillium Web', sans-serif;
}

.section-title-font-10 .section-header .section-title,
.section-title-font-10 .featured-content-wrapper .entry-title,
.section-title-font-10 #about-us .entry-title {
    font-family: 'Muli', sans-serif;
}

.section-title-font-11 .section-header .section-title,
.section-title-font-11 .featured-content-wrapper .entry-title,
.section-title-font-11 #about-us .entry-title {
    font-family: 'Oxygen', sans-serif;
}

.section-title-font-12 .section-header .section-title,
.section-title-font-12 .featured-content-wrapper .entry-title,
.section-title-font-12 #about-us .entry-title {
    font-family: 'Nunito Sans', sans-serif;
}

.section-title-font-13 .section-header .section-title,
.section-title-font-13 .featured-content-wrapper .entry-title,
.section-title-font-13 #about-us .entry-title {
    font-family: 'Maven Pro', sans-serif;
}

.section-title-font-14 .section-header .section-title,
.section-title-font-14 .featured-content-wrapper .entry-title,
.section-title-font-14 #about-us .entry-title {
    font-family: 'Cairo', serif;
}

.section-title-font-15 .section-header .section-title,
.section-title-font-15 .featured-content-wrapper .entry-title,
.section-title-font-15 #about-us .entry-title {
    font-family: 'Philosopher', sans-serif;
}

.section-title-font-16 .section-header .section-title,
.section-title-font-16 .featured-content-wrapper .entry-title,
.section-title-font-16 #about-us .entry-title {
    font-family: 'Dosis', sans-serif;
}

.section-title-font-17 .section-header .section-title,
.section-title-font-17 .featured-content-wrapper .entry-title,
.section-title-font-17 #about-us .entry-title {
    font-family: 'Sniglet', cursive;
}

.section-title-font-18 .section-header .section-title,
.section-title-font-18 .featured-content-wrapper .entry-title,
.section-title-font-18 #about-us .entry-title {
    font-family: 'Gloria Hallelujah', cursive;
}

.section-title-font-19 .section-header .section-title,
.section-title-font-19 .featured-content-wrapper .entry-title,
.section-title-font-19 #about-us .entry-title {
    font-family: 'Jumble';
}

.section-title-font-20 .section-header .section-title,
.section-title-font-20 .featured-content-wrapper .entry-title,
.section-title-font-20 #about-us .entry-title {
    font-family: 'Goudy Stout';
}

.header-font-1 h1,
.header-font-1 h2,
.header-font-1 h3,
.header-font-1 h4,
.header-font-1 h5,
.header-font-1 h6,
.header-font-1 button,
.header-font-1 input[type="button"],
.header-font-1 input[type="reset"],
.header-font-1 input[type="submit"],
.header-font-1 #top-bar .widget_address_block ul li,
.header-font-1 .site-title,
.header-font-1 .site-description,
.header-font-1 .main-navigation a,
.header-font-1 .reply a,
.header-font-1 .btn,
.header-font-1.woocommerce button.button.alt, 
.header-font-1.woocommerce input.button.alt,
.header-font-1.woocommerce ul.products li.product a.added_to_cart.wc-forward,
.header-font-1.woocommerce #respond input#submit.disabled, 
.header-font-1.woocommerce #respond input#submit:disabled, 
.header-font-1.woocommerce #respond input#submit:disabled[disabled], 
.header-font-1.woocommerce a.button.disabled, 
.header-font-1.woocommerce a.button:disabled, 
.header-font-1.woocommerce a.button:disabled[disabled], 
.header-font-1.woocommerce button.button.disabled, 
.header-font-1.woocommerce button.button:disabled, 
.header-font-1.woocommerce button.button:disabled[disabled], 
.header-font-1.woocommerce input.button.disabled, 
.header-font-1.woocommerce input.button:disabled, 
.header-font-1.woocommerce input.button:disabled[disabled] {
    font-family: 'Raleway', sans-serif;
}

.header-font-2 h1,
.header-font-2 h2,
.header-font-2 h3,
.header-font-2 h4,
.header-font-2 h5,
.header-font-2 h6,
.header-font-2 button,
.header-font-2 input[type="button"],
.header-font-2 input[type="reset"],
.header-font-2 input[type="submit"],
.header-font-2 #top-bar .widget_address_block ul li,
.header-font-2 .site-title,
.header-font-2 .site-description,
.header-font-2 .main-navigation a,
.header-font-2 .reply a,
.header-font-2 .btn,
.header-font-2.woocommerce button.button.alt, 
.header-font-2.woocommerce input.button.alt,
.header-font-2.woocommerce ul.products li.product a.added_to_cart.wc-forward,
.header-font-2.woocommerce #respond input#submit.disabled, 
.header-font-2.woocommerce #respond input#submit:disabled, 
.header-font-2.woocommerce #respond input#submit:disabled[disabled], 
.header-font-2.woocommerce a.button.disabled, 
.header-font-2.woocommerce a.button:disabled, 
.header-font-2.woocommerce a.button:disabled[disabled], 
.header-font-2.woocommerce button.button.disabled, 
.header-font-2.woocommerce button.button:disabled, 
.header-font-2.woocommerce button.button:disabled[disabled], 
.header-font-2.woocommerce input.button.disabled, 
.header-font-2.woocommerce input.button:disabled, 
.header-font-2.woocommerce input.button:disabled[disabled] {
    font-family: 'Poppins', sans-serif;
}

.header-font-3 h1,
.header-font-3 h2,
.header-font-3 h3,
.header-font-3 h4,
.header-font-3 h5,
.header-font-3 h6,
.header-font-3 button,
.header-font-3 input[type="button"],
.header-font-3 input[type="reset"],
.header-font-3 input[type="submit"],
.header-font-3 #top-bar .widget_address_block ul li,
.header-font-3 .site-title,
.header-font-3 .site-description,
.header-font-3 .main-navigation a,
.header-font-3 .reply a,
.header-font-3 .btn,
.header-font-3.woocommerce button.button.alt, 
.header-font-3.woocommerce input.button.alt,
.header-font-3.woocommerce ul.products li.product a.added_to_cart.wc-forward,
.header-font-3.woocommerce #respond input#submit.disabled, 
.header-font-3.woocommerce #respond input#submit:disabled, 
.header-font-3.woocommerce #respond input#submit:disabled[disabled], 
.header-font-3.woocommerce a.button.disabled, 
.header-font-3.woocommerce a.button:disabled, 
.header-font-3.woocommerce a.button:disabled[disabled], 
.header-font-3.woocommerce button.button.disabled, 
.header-font-3.woocommerce button.button:disabled, 
.header-font-3.woocommerce button.button:disabled[disabled], 
.header-font-3.woocommerce input.button.disabled, 
.header-font-3.woocommerce input.button:disabled, 
.header-font-3.woocommerce input.button:disabled[disabled] {
    font-family: 'Montserrat', sans-serif;
}

.header-font-4 h1,
.header-font-4 h2,
.header-font-4 h3,
.header-font-4 h4,
.header-font-4 h5,
.header-font-4 h6,
.header-font-4 button,
.header-font-4 input[type="button"],
.header-font-4 input[type="reset"],
.header-font-4 input[type="submit"],
.header-font-4 #top-bar .widget_address_block ul li,
.header-font-4 .site-title,
.header-font-4 .site-description,
.header-font-4 .main-navigation a,
.header-font-4 .reply a,
.header-font-4 .btn,
.header-font-4.woocommerce button.button.alt, 
.header-font-4.woocommerce input.button.alt,
.header-font-4.woocommerce ul.products li.product a.added_to_cart.wc-forward,
.header-font-4.woocommerce #respond input#submit.disabled, 
.header-font-4.woocommerce #respond input#submit:disabled, 
.header-font-4.woocommerce #respond input#submit:disabled[disabled], 
.header-font-4.woocommerce a.button.disabled, 
.header-font-4.woocommerce a.button:disabled, 
.header-font-4.woocommerce a.button:disabled[disabled], 
.header-font-4.woocommerce button.button.disabled, 
.header-font-4.woocommerce button.button:disabled, 
.header-font-4.woocommerce button.button:disabled[disabled], 
.header-font-4.woocommerce input.button.disabled, 
.header-font-4.woocommerce input.button:disabled, 
.header-font-4.woocommerce input.button:disabled[disabled] {
    font-family: 'Open Sans', sans-serif;
}

.header-font-5 h1,
.header-font-5 h2,
.header-font-5 h3,
.header-font-5 h4,
.header-font-5 h5,
.header-font-5 h6,
.header-font-5 button,
.header-font-5 input[type="button"],
.header-font-5 input[type="reset"],
.header-font-5 input[type="submit"],
.header-font-5 #top-bar .widget_address_block ul li,
.header-font-5 .site-title,
.header-font-5 .site-description,
.header-font-5 .main-navigation a,
.header-font-5 .reply a,
.header-font-5 .btn,
.header-font-5.woocommerce button.button.alt, 
.header-font-5.woocommerce input.button.alt,
.header-font-5.woocommerce ul.products li.product a.added_to_cart.wc-forward,
.header-font-5.woocommerce #respond input#submit.disabled, 
.header-font-5.woocommerce #respond input#submit:disabled, 
.header-font-5.woocommerce #respond input#submit:disabled[disabled], 
.header-font-5.woocommerce a.button.disabled, 
.header-font-5.woocommerce a.button:disabled, 
.header-font-5.woocommerce a.button:disabled[disabled], 
.header-font-5.woocommerce button.button.disabled, 
.header-font-5.woocommerce button.button:disabled, 
.header-font-5.woocommerce button.button:disabled[disabled], 
.header-font-5.woocommerce input.button.disabled, 
.header-font-5.woocommerce input.button:disabled, 
.header-font-5.woocommerce input.button:disabled[disabled] {
    font-family: 'Lato', sans-serif;
}

.header-font-6 h1,
.header-font-6 h2,
.header-font-6 h3,
.header-font-6 h4,
.header-font-6 h5,
.header-font-6 h6,
.header-font-6 button,
.header-font-6 input[type="button"],
.header-font-6 input[type="reset"],
.header-font-6 input[type="submit"],
.header-font-6 #top-bar .widget_address_block ul li,
.header-font-6 .site-title,
.header-font-6 .site-description,
.header-font-6 .main-navigation a,
.header-font-6 .reply a,
.header-font-6 .btn,
.header-font-6.woocommerce button.button.alt, 
.header-font-6.woocommerce input.button.alt,
.header-font-6.woocommerce ul.products li.product a.added_to_cart.wc-forward,
.header-font-6.woocommerce #respond input#submit.disabled, 
.header-font-6.woocommerce #respond input#submit:disabled, 
.header-font-6.woocommerce #respond input#submit:disabled[disabled], 
.header-font-6.woocommerce a.button.disabled, 
.header-font-6.woocommerce a.button:disabled, 
.header-font-6.woocommerce a.button:disabled[disabled], 
.header-font-6.woocommerce button.button.disabled, 
.header-font-6.woocommerce button.button:disabled, 
.header-font-6.woocommerce button.button:disabled[disabled], 
.header-font-6.woocommerce input.button.disabled, 
.header-font-6.woocommerce input.button:disabled, 
.header-font-6.woocommerce input.button:disabled[disabled] {
    font-family: 'Ubuntu', sans-serif;
}

.header-font-7 h1,
.header-font-7 h2,
.header-font-7 h3,
.header-font-7 h4,
.header-font-7 h5,
.header-font-7 h6,
.header-font-7 button,
.header-font-7 input[type="button"],
.header-font-7 input[type="reset"],
.header-font-7 input[type="submit"],
.header-font-7 #top-bar .widget_address_block ul li,
.header-font-7 .site-title,
.header-font-7 .site-description,
.header-font-7 .main-navigation a,
.header-font-7 .reply a,
.header-font-7 .btn,
.header-font-7.woocommerce button.button.alt, 
.header-font-7.woocommerce input.button.alt,
.header-font-7.woocommerce ul.products li.product a.added_to_cart.wc-forward,
.header-font-7.woocommerce #respond input#submit.disabled, 
.header-font-7.woocommerce #respond input#submit:disabled, 
.header-font-7.woocommerce #respond input#submit:disabled[disabled], 
.header-font-7.woocommerce a.button.disabled, 
.header-font-7.woocommerce a.button:disabled, 
.header-font-7.woocommerce a.button:disabled[disabled], 
.header-font-7.woocommerce button.button.disabled, 
.header-font-7.woocommerce button.button:disabled, 
.header-font-7.woocommerce button.button:disabled[disabled], 
.header-font-7.woocommerce input.button.disabled, 
.header-font-7.woocommerce input.button:disabled, 
.header-font-7.woocommerce input.button:disabled[disabled] {
    font-family: 'Playfair Display', serif;
}

.header-font-8 h1,
.header-font-8 h2,
.header-font-8 h3,
.header-font-8 h4,
.header-font-8 h5,
.header-font-8 h6,
.header-font-8 button,
.header-font-8 input[type="button"],
.header-font-8 input[type="reset"],
.header-font-8 input[type="submit"],
.header-font-8 #top-bar .widget_address_block ul li,
.header-font-8 .site-title,
.header-font-8 .site-description,
.header-font-8 .main-navigation a,
.header-font-8 .reply a,
.header-font-8 .btn,
.header-font-8.woocommerce button.button.alt, 
.header-font-8.woocommerce input.button.alt,
.header-font-8.woocommerce ul.products li.product a.added_to_cart.wc-forward,
.header-font-8.woocommerce #respond input#submit.disabled, 
.header-font-8.woocommerce #respond input#submit:disabled, 
.header-font-8.woocommerce #respond input#submit:disabled[disabled], 
.header-font-8.woocommerce a.button.disabled, 
.header-font-8.woocommerce a.button:disabled, 
.header-font-8.woocommerce a.button:disabled[disabled], 
.header-font-8.woocommerce button.button.disabled, 
.header-font-8.woocommerce button.button:disabled, 
.header-font-8.woocommerce button.button:disabled[disabled], 
.header-font-8.woocommerce input.button.disabled, 
.header-font-8.woocommerce input.button:disabled, 
.header-font-8.woocommerce input.button:disabled[disabled] {
    font-family: 'Lora', serif;
}

.header-font-9 h1,
.header-font-9 h2,
.header-font-9 h3,
.header-font-9 h4,
.header-font-9 h5,
.header-font-9 h6,
.header-font-9 button,
.header-font-9 input[type="button"],
.header-font-9 input[type="reset"],
.header-font-9 input[type="submit"],
.header-font-9 #top-bar .widget_address_block ul li,
.header-font-9 .site-title,
.header-font-9 .site-description,
.header-font-9 .main-navigation a,
.header-font-9 .reply a,
.header-font-9 .btn,
.header-font-9.woocommerce button.button.alt, 
.header-font-9.woocommerce input.button.alt,
.header-font-9.woocommerce ul.products li.product a.added_to_cart.wc-forward,
.header-font-9.woocommerce #respond input#submit.disabled, 
.header-font-9.woocommerce #respond input#submit:disabled, 
.header-font-9.woocommerce #respond input#submit:disabled[disabled], 
.header-font-9.woocommerce a.button.disabled, 
.header-font-9.woocommerce a.button:disabled, 
.header-font-9.woocommerce a.button:disabled[disabled], 
.header-font-9.woocommerce button.button.disabled, 
.header-font-9.woocommerce button.button:disabled, 
.header-font-9.woocommerce button.button:disabled[disabled], 
.header-font-9.woocommerce input.button.disabled, 
.header-font-9.woocommerce input.button:disabled, 
.header-font-9.woocommerce input.button:disabled[disabled] {
    font-family: 'Titillium Web', sans-serif;
}

.header-font-10 h1,
.header-font-10 h2,
.header-font-10 h3,
.header-font-10 h4,
.header-font-10 h5,
.header-font-10 h6,
.header-font-10 button,
.header-font-10 input[type="button"],
.header-font-10 input[type="reset"],
.header-font-10 input[type="submit"],
.header-font-10 #top-bar .widget_address_block ul li,
.header-font-10 .site-title,
.header-font-10 .site-description,
.header-font-10 .main-navigation a,
.header-font-10 .reply a,
.header-font-10 .btn,
.header-font-10.woocommerce button.button.alt, 
.header-font-10.woocommerce input.button.alt,
.header-font-10.woocommerce ul.products li.product a.added_to_cart.wc-forward,
.header-font-10.woocommerce #respond input#submit.disabled, 
.header-font-10.woocommerce #respond input#submit:disabled, 
.header-font-10.woocommerce #respond input#submit:disabled[disabled], 
.header-font-10.woocommerce a.button.disabled, 
.header-font-10.woocommerce a.button:disabled, 
.header-font-10.woocommerce a.button:disabled[disabled], 
.header-font-10.woocommerce button.button.disabled, 
.header-font-10.woocommerce button.button:disabled, 
.header-font-10.woocommerce button.button:disabled[disabled], 
.header-font-10.woocommerce input.button.disabled, 
.header-font-10.woocommerce input.button:disabled, 
.header-font-10.woocommerce input.button:disabled[disabled] {
    font-family: 'Muli', sans-serif;
}

.header-font-11 h1,
.header-font-11 h2,
.header-font-11 h3,
.header-font-11 h4,
.header-font-11 h5,
.header-font-11 h6,
.header-font-11 button,
.header-font-11 input[type="button"],
.header-font-11 input[type="reset"],
.header-font-11 input[type="submit"],
.header-font-11 #top-bar .widget_address_block ul li,
.header-font-11 .site-title,
.header-font-11 .site-description,
.header-font-11 .main-navigation a,
.header-font-11 .reply a,
.header-font-11 .btn,
.header-font-11.woocommerce button.button.alt, 
.header-font-11.woocommerce input.button.alt,
.header-font-11.woocommerce ul.products li.product a.added_to_cart.wc-forward,
.header-font-11.woocommerce #respond input#submit.disabled, 
.header-font-11.woocommerce #respond input#submit:disabled, 
.header-font-11.woocommerce #respond input#submit:disabled[disabled], 
.header-font-11.woocommerce a.button.disabled, 
.header-font-11.woocommerce a.button:disabled, 
.header-font-11.woocommerce a.button:disabled[disabled], 
.header-font-11.woocommerce button.button.disabled, 
.header-font-11.woocommerce button.button:disabled, 
.header-font-11.woocommerce button.button:disabled[disabled], 
.header-font-11.woocommerce input.button.disabled, 
.header-font-11.woocommerce input.button:disabled, 
.header-font-11.woocommerce input.button:disabled[disabled] {
    font-family: 'Oxygen', sans-serif;
}

.header-font-12 h1,
.header-font-12 h2,
.header-font-12 h3,
.header-font-12 h4,
.header-font-12 h5,
.header-font-12 h6,
.header-font-12 button,
.header-font-12 input[type="button"],
.header-font-12 input[type="reset"],
.header-font-12 input[type="submit"],
.header-font-12 #top-bar .widget_address_block ul li,
.header-font-12 .site-title,
.header-font-12 .site-description,
.header-font-12 .main-navigation a,
.header-font-12 .reply a,
.header-font-12 .btn,
.header-font-12.woocommerce button.button.alt, 
.header-font-12.woocommerce input.button.alt,
.header-font-12.woocommerce ul.products li.product a.added_to_cart.wc-forward,
.header-font-12.woocommerce #respond input#submit.disabled, 
.header-font-12.woocommerce #respond input#submit:disabled, 
.header-font-12.woocommerce #respond input#submit:disabled[disabled], 
.header-font-12.woocommerce a.button.disabled, 
.header-font-12.woocommerce a.button:disabled, 
.header-font-12.woocommerce a.button:disabled[disabled], 
.header-font-12.woocommerce button.button.disabled, 
.header-font-12.woocommerce button.button:disabled, 
.header-font-12.woocommerce button.button:disabled[disabled], 
.header-font-12.woocommerce input.button.disabled, 
.header-font-12.woocommerce input.button:disabled, 
.header-font-12.woocommerce input.button:disabled[disabled] {
    font-family: 'Nunito Sans', sans-serif;
}

.header-font-13 h1,
.header-font-13 h2,
.header-font-13 h3,
.header-font-13 h4,
.header-font-13 h5,
.header-font-13 h6,
.header-font-13 button,
.header-font-13 input[type="button"],
.header-font-13 input[type="reset"],
.header-font-13 input[type="submit"],
.header-font-13 #top-bar .widget_address_block ul li,
.header-font-13 .site-title,
.header-font-13 .site-description,
.header-font-13 .main-navigation a,
.header-font-13 .reply a,
.header-font-13 .btn,
.header-font-13.woocommerce button.button.alt, 
.header-font-13.woocommerce input.button.alt,
.header-font-13.woocommerce ul.products li.product a.added_to_cart.wc-forward,
.header-font-13.woocommerce #respond input#submit.disabled, 
.header-font-13.woocommerce #respond input#submit:disabled, 
.header-font-13.woocommerce #respond input#submit:disabled[disabled], 
.header-font-13.woocommerce a.button.disabled, 
.header-font-13.woocommerce a.button:disabled, 
.header-font-13.woocommerce a.button:disabled[disabled], 
.header-font-13.woocommerce button.button.disabled, 
.header-font-13.woocommerce button.button:disabled, 
.header-font-13.woocommerce button.button:disabled[disabled], 
.header-font-13.woocommerce input.button.disabled, 
.header-font-13.woocommerce input.button:disabled, 
.header-font-13.woocommerce input.button:disabled[disabled] {
    font-family: 'Maven Pro', sans-serif;
}

.header-font-14 h1,
.header-font-14 h2,
.header-font-14 h3,
.header-font-14 h4,
.header-font-14 h5,
.header-font-14 h6,
.header-font-14 button,
.header-font-14 input[type="button"],
.header-font-14 input[type="reset"],
.header-font-14 input[type="submit"],
.header-font-14 #top-bar .widget_address_block ul li,
.header-font-14 .site-title,
.header-font-14 .site-description,
.header-font-14 .main-navigation a,
.header-font-14 .reply a,
.header-font-14 .btn,
.header-font-14.woocommerce button.button.alt, 
.header-font-14.woocommerce input.button.alt,
.header-font-14.woocommerce ul.products li.product a.added_to_cart.wc-forward,
.header-font-14.woocommerce #respond input#submit.disabled, 
.header-font-14.woocommerce #respond input#submit:disabled, 
.header-font-14.woocommerce #respond input#submit:disabled[disabled], 
.header-font-14.woocommerce a.button.disabled, 
.header-font-14.woocommerce a.button:disabled, 
.header-font-14.woocommerce a.button:disabled[disabled], 
.header-font-14.woocommerce button.button.disabled, 
.header-font-14.woocommerce button.button:disabled, 
.header-font-14.woocommerce button.button:disabled[disabled], 
.header-font-14.woocommerce input.button.disabled, 
.header-font-14.woocommerce input.button:disabled, 
.header-font-14.woocommerce input.button:disabled[disabled] {
    font-family: 'Cairo', serif;
}

.header-font-15 h1,
.header-font-15 h2,
.header-font-15 h3,
.header-font-15 h4,
.header-font-15 h5,
.header-font-15 h6,
.header-font-15 button,
.header-font-15 input[type="button"],
.header-font-15 input[type="reset"],
.header-font-15 input[type="submit"],
.header-font-15 #top-bar .widget_address_block ul li,
.header-font-15 .site-title,
.header-font-15 .site-description,
.header-font-15 .main-navigation a,
.header-font-15 .reply a,
.header-font-15 .btn,
.header-font-15.woocommerce button.button.alt, 
.header-font-15.woocommerce input.button.alt,
.header-font-15.woocommerce ul.products li.product a.added_to_cart.wc-forward,
.header-font-15.woocommerce #respond input#submit.disabled, 
.header-font-15.woocommerce #respond input#submit:disabled, 
.header-font-15.woocommerce #respond input#submit:disabled[disabled], 
.header-font-15.woocommerce a.button.disabled, 
.header-font-15.woocommerce a.button:disabled, 
.header-font-15.woocommerce a.button:disabled[disabled], 
.header-font-15.woocommerce button.button.disabled, 
.header-font-15.woocommerce button.button:disabled, 
.header-font-15.woocommerce button.button:disabled[disabled], 
.header-font-15.woocommerce input.button.disabled, 
.header-font-15.woocommerce input.button:disabled, 
.header-font-15.woocommerce input.button:disabled[disabled] {
    font-family: 'Philosopher', sans-serif;
}

.header-font-16 h1,
.header-font-16 h2,
.header-font-16 h3,
.header-font-16 h4,
.header-font-16 h5,
.header-font-16 h6,
.header-font-16 button,
.header-font-16 input[type="button"],
.header-font-16 input[type="reset"],
.header-font-16 input[type="submit"],
.header-font-16 #top-bar .widget_address_block ul li,
.header-font-16 .site-title,
.header-font-16 .site-description,
.header-font-16 .main-navigation a,
.header-font-16 .reply a,
.header-font-16 .btn,
.header-font-16.woocommerce button.button.alt, 
.header-font-16.woocommerce input.button.alt,
.header-font-16.woocommerce ul.products li.product a.added_to_cart.wc-forward,
.header-font-16.woocommerce #respond input#submit.disabled, 
.header-font-16.woocommerce #respond input#submit:disabled, 
.header-font-16.woocommerce #respond input#submit:disabled[disabled], 
.header-font-16.woocommerce a.button.disabled, 
.header-font-16.woocommerce a.button:disabled, 
.header-font-16.woocommerce a.button:disabled[disabled], 
.header-font-16.woocommerce button.button.disabled, 
.header-font-16.woocommerce button.button:disabled, 
.header-font-16.woocommerce button.button:disabled[disabled], 
.header-font-16.woocommerce input.button.disabled, 
.header-font-16.woocommerce input.button:disabled, 
.header-font-16.woocommerce input.button:disabled[disabled] {
    font-family: 'Dosis', sans-serif;
}

.header-font-17 h1,
.header-font-17 h2,
.header-font-17 h3,
.header-font-17 h4,
.header-font-17 h5,
.header-font-17 h6,
.header-font-17 button,
.header-font-17 input[type="button"],
.header-font-17 input[type="reset"],
.header-font-17 input[type="submit"],
.header-font-17 #top-bar .widget_address_block ul li,
.header-font-17 .site-title,
.header-font-17 .site-description,
.header-font-17 .main-navigation a,
.header-font-17 .reply a,
.header-font-17 .btn,
.header-font-17.woocommerce button.button.alt, 
.header-font-17.woocommerce input.button.alt,
.header-font-17.woocommerce ul.products li.product a.added_to_cart.wc-forward,
.header-font-17.woocommerce #respond input#submit.disabled, 
.header-font-17.woocommerce #respond input#submit:disabled, 
.header-font-17.woocommerce #respond input#submit:disabled[disabled], 
.header-font-17.woocommerce a.button.disabled, 
.header-font-17.woocommerce a.button:disabled, 
.header-font-17.woocommerce a.button:disabled[disabled], 
.header-font-17.woocommerce button.button.disabled, 
.header-font-17.woocommerce button.button:disabled, 
.header-font-17.woocommerce button.button:disabled[disabled], 
.header-font-17.woocommerce input.button.disabled, 
.header-font-17.woocommerce input.button:disabled, 
.header-font-17.woocommerce input.button:disabled[disabled] {
    font-family: 'Sniglet', cursive;
}

.header-font-18 h1,
.header-font-18 h2,
.header-font-18 h3,
.header-font-18 h4,
.header-font-18 h5,
.header-font-18 h6,
.header-font-18 button,
.header-font-18 input[type="button"],
.header-font-18 input[type="reset"],
.header-font-18 input[type="submit"],
.header-font-18 #top-bar .widget_address_block ul li,
.header-font-18 .site-title,
.header-font-18 .site-description,
.header-font-18 .main-navigation a,
.header-font-18 .reply a,
.header-font-18 .btn,
.header-font-18.woocommerce button.button.alt, 
.header-font-18.woocommerce input.button.alt,
.header-font-18.woocommerce ul.products li.product a.added_to_cart.wc-forward,
.header-font-18.woocommerce #respond input#submit.disabled, 
.header-font-18.woocommerce #respond input#submit:disabled, 
.header-font-18.woocommerce #respond input#submit:disabled[disabled], 
.header-font-18.woocommerce a.button.disabled, 
.header-font-18.woocommerce a.button:disabled, 
.header-font-18.woocommerce a.button:disabled[disabled], 
.header-font-18.woocommerce button.button.disabled, 
.header-font-18.woocommerce button.button:disabled, 
.header-font-18.woocommerce button.button:disabled[disabled], 
.header-font-18.woocommerce input.button.disabled, 
.header-font-18.woocommerce input.button:disabled, 
.header-font-18.woocommerce input.button:disabled[disabled] {
    font-family: 'Gloria Hallelujah', cursive;
}

.header-font-19 h1,
.header-font-19 h2,
.header-font-19 h3,
.header-font-19 h4,
.header-font-19 h5,
.header-font-19 h6,
.header-font-19 button,
.header-font-19 input[type="button"],
.header-font-19 input[type="reset"],
.header-font-19 input[type="submit"],
.header-font-19 #top-bar .widget_address_block ul li,
.header-font-19 .site-title,
.header-font-19 .site-description,
.header-font-19 .main-navigation a,
.header-font-19 .reply a,
.header-font-19 .btn,
.header-font-19.woocommerce button.button.alt, 
.header-font-19.woocommerce input.button.alt,
.header-font-19.woocommerce ul.products li.product a.added_to_cart.wc-forward,
.header-font-19.woocommerce #respond input#submit.disabled, 
.header-font-19.woocommerce #respond input#submit:disabled, 
.header-font-19.woocommerce #respond input#submit:disabled[disabled], 
.header-font-19.woocommerce a.button.disabled, 
.header-font-19.woocommerce a.button:disabled, 
.header-font-19.woocommerce a.button:disabled[disabled], 
.header-font-19.woocommerce button.button.disabled, 
.header-font-19.woocommerce button.button:disabled, 
.header-font-19.woocommerce button.button:disabled[disabled], 
.header-font-19.woocommerce input.button.disabled, 
.header-font-19.woocommerce input.button:disabled, 
.header-font-19.woocommerce input.button:disabled[disabled] {
    font-family: 'Jumble';
}

.header-font-20 h1,
.header-font-20 h2,
.header-font-20 h3,
.header-font-20 h4,
.header-font-20 h5,
.header-font-20 h6,
.header-font-20 button,
.header-font-20 input[type="button"],
.header-font-20 input[type="reset"],
.header-font-20 input[type="submit"],
.header-font-20 #top-bar .widget_address_block ul li,
.header-font-20 .site-title,
.header-font-20 .site-description,
.header-font-20 .main-navigation a,
.header-font-20 .reply a,
.header-font-20 .btn,
.header-font-20.woocommerce button.button.alt, 
.header-font-20.woocommerce input.button.alt,
.header-font-20.woocommerce ul.products li.product a.added_to_cart.wc-forward,
.header-font-20.woocommerce #respond input#submit.disabled, 
.header-font-20.woocommerce #respond input#submit:disabled, 
.header-font-20.woocommerce #respond input#submit:disabled[disabled], 
.header-font-20.woocommerce a.button.disabled, 
.header-font-20.woocommerce a.button:disabled, 
.header-font-20.woocommerce a.button:disabled[disabled], 
.header-font-20.woocommerce button.button.disabled, 
.header-font-20.woocommerce button.button:disabled, 
.header-font-20.woocommerce button.button:disabled[disabled], 
.header-font-20.woocommerce input.button.disabled, 
.header-font-20.woocommerce input.button:disabled, 
.header-font-20.woocommerce input.button:disabled[disabled] {
    font-family: 'Goudy Stout';
}

.body-font-1,
.body-font-1.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-family: 'Raleway', sans-serif;
}

.body-font-2,
.body-font-2.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-family: 'Poppins', sans-serif;
}

.body-font-3,
.body-font-3.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-family: 'Montserrat', sans-serif;
}

.body-font-4,
.body-font-4.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-family: 'Open Sans', sans-serif;
}

.body-font-5,
.body-font-5.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-family: 'Lato', sans-serif;
}

.body-font-6,
.body-font-6.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-family: 'Ubuntu', sans-serif;
}

.body-font-7,
.body-font-7.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-family: 'Playfair Display', serif;
}

.body-font-8,
.body-font-8.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-family: 'Lora', serif;
}

.body-font-9,
.body-font-9.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-family: 'Titillium Web', sans-serif;
}

.body-font-10,
.body-font-10.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-family: 'Muli', sans-serif;
}

.body-font-11,
.body-font-11.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-family: 'Oxygen', sans-serif;
}

.body-font-12,
.body-font-12.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-family: 'Nunito Sans', sans-serif;
}

.body-font-13,
.body-font-13.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-family: 'Maven Pro', sans-serif;
}

.body-font-14,
.body-font-14.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-family: 'Cairo', serif;
}

.body-font-15,
.body-font-15.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-family: 'Philosopher', sans-serif;
}

.body-font-16,
.body-font-16.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-family: 'Dosis', sans-serif;
}

.body-font-17,
.body-font-17.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-family: 'Sniglet', cursive;
}

.body-font-18,
.body-font-18.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-family: 'Gloria Hallelujah', cursive;
}

.body-font-19,
.body-font-19.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-family: 'Jumble';
}

.body-font-20,
.body-font-20.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-family: 'Goudy Stout';
}

/*--------------------------------------------------------------
#                   Footer
--------------------------------------------------------------*/
#colophon {
    position: relative;
}
.footer-widgets-area {
    background-color: #5750A0;
}
#colophon a,
#colophon p,
#colophon li {
    color: #fff;
}
#colophon li:before,
#secondary li:before {
    content: "\f0da";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 10px;
}
#colophon a:hover,
#colophon a:focus,
#colophon li:hover:before,
#secondary li:hover:before {
    color: #ff5562;
}
#colophon .widget-title, 
#colophon .widgettitle,
#colophon .widget_block h2 {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.01em;
}
#colophon .widget_block h1,
#colophon .widget_block h2,
#colophon .widget_block h3,
#colophon .widget_block h4,
#colophon .widget_block h5,
#colophon .widget_block h6 {
    color: #fff;
}
.site-info {
    background-color: #ffe4e4;
    padding: 0 0 20px;
    margin-top: 50px;
    line-height: 1.5;
    position: relative;
}
.footer-widgets-area + .site-info {
    margin-top: 0;
}
.site-info .cloud-bg {
    bottom: 100%;
    z-index: 1;
}
.site-info span {
    display: block;
    text-align: center;
    margin: 10px 0;
}
.site-info,
.site-info a {
    color: #282828;
    font-weight: 500;
    font-size: 16px;
}
#colophon .site-info a {
    color: #ff5562;
    font-weight: 600;
}
#colophon .site-info a:hover,
#colophon .site-info a:focus {
    color: #282828;
    text-decoration: underline;
}
.footer-widgets-area ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer-widgets-area .widget ul li {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
}
.footer-widgets-area .widget ul li:last-child,
.footer-widgets-area .widget .social-icons li {
    margin-bottom: 0;
}
.footer-widgets-area .hentry {
    margin-bottom: 45px;
}
.footer-widgets-area.col-1 .hentry {
    text-align: center;
}
.footer-widgets-area.col-1 .hentry:last-child {
    margin-bottom: 0;
}
.footer-widgets-area.col-1 .textwidget img {
    margin-left: auto;
    margin-right: auto;
}
.widget_recent_entries ul li span {
    font-size: 12px;
    display: block;
}
#colophon #wp-calendar caption {
    font-weight: 600;
    text-align: left;
}
.widget_nav_menu ul ul {
    padding-left: 25px;
    margin-top: 15px;
}
.widget_archive li,
.widget_categories li {
    clear: both;
    display: table;
    width: 100%;
}
.widget_tag_cloud .tagcloud a {
    font-size: 14px !important;
    line-height: 1;
    border: 1px solid #aaa;
    padding: 5px 8px;
    margin: 0 4px 8px 0;
    display: inline-block;
}
#secondary .widget_tag_cloud .tagcloud a:hover,
#secondary .widget_tag_cloud .tagcloud a:focus,
#colophon .widget_tag_cloud .tagcloud a:hover,
#colophon .widget_tag_cloud .tagcloud a:focus {
    background-color: #ff5562;
    border-color: #ff5562;
    color: #fff;
}
#colophon .widget_recent_comments li a:hover,
#colophon .widget_recent_comments li a:focus {
    color: #5750A0;
}
#colophon .widget_search form.search-form button.search-submit {
    background-color: #5750A0;
}
#colophon .widget_recent_entries li:before {
    float: left;
}
#colophon .widget_recent_entries li a,
#colophon .widget_recent_entries li span {
    display: table-row;
}
.backtotop {
    background-color: #ff5562;
    z-index: 300;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 100%;
    font-size: 20px;
    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;
}
.backtotop:hover {
    background-color: #282828;
}
/*--------------------------------------------------------------
#                   RESPONSIVE
--------------------------------------------------------------*/
@media screen and (min-width: 567px) {
    #featured-slider article {
        padding: 300px 0;
    }
    .featured-content-wrapper .entry-title {
        font-size: 36px;
    }
    #about-us .featured-image {
        padding: 200px 0;
    }
    #about-us .col-2 article,
    #about-us .col-3 article,
    #about-us .col-4 article,
    #gallery .col-2 article,
    #gallery .col-3 article,
    #gallery .col-4 article,
    #our-services .col-2 article,
    #our-courses article {
        width: 50%;
        float: left;
    }
    #about-us .col-2 article:nth-child(2n+1),
    #about-us .col-3 article:nth-child(2n+1),
    #about-us .col-4 article:nth-child(2n+1),
    #gallery .col-3 article:nth-child(2n+1),
    #our-services .col-2 article:nth-child(2n+1),
    #our-courses article:nth-child(2n+1) {
        clear: left;
    }
    #about-us .col-2 article:nth-last-child(-n+2),
    #about-us .col-3 article:nth-last-child(-n+2),
    #about-us .col-4 article:nth-last-child(-n+2),
    #our-services .col-2 article:nth-last-child(-n+2),
    #our-courses article:nth-last-child(-n+2) {
        margin-bottom: 0;
    }
    .blog-posts-wrapper .col-2 article,
    .blog-posts-wrapper .col-3 article {
        width: 50%;
        float: left;
    }
    .blog-posts-wrapper .col-2 article:nth-last-child(-n+2),
    .blog-posts-wrapper .col-3 article:nth-last-child(-n+2) {
        margin-bottom: 0;
    }
    .blog-posts-wrapper .col-2 article:nth-child(2n+1),
    .blog-posts-wrapper .col-3 article:nth-child(2n+1) {
        clear: left;
    }
    #counter .section-content.col-2 article,
    #counter .section-content.col-4 article,
    #counter .section-content.col-5 article {
        width: 50%;
        float: left;
    }
    #counter .section-content.col-2 article:nth-child(2n+1),
    #counter .section-content.col-4 article:nth-child(2n+1),
    #counter .section-content.col-5 article:nth-child(2n+1) {
        clear: left;
    }
    #counter .section-content.col-2 article:nth-last-child(-n+2),
    #counter .section-content.col-4 article:nth-last-child(-n+2),
    #counter .section-content.col-5 article:nth-last-child(-n+2) {
        margin-bottom: 0;
    }
    #counter .section-content.col-5 article:last-child {
        width: 100%;
        float: none;
    }
    #our-services .col-2 article,
    #our-services .col-3 article,
    #our-services .col-4 article {
        width: 50%;
        float: left;
    }
    #our-services .col-2 article:nth-child(2n+1),
    #our-services .col-3 article:nth-child(2n+1),
    #our-services .col-4 article:nth-child(2n+1) {
        clear: left;
    }
    #our-services .col-2 article:nth-last-child(-n+2),
    #our-services .col-3 article:nth-last-child(-n+2),
    #our-services .col-4 article:nth-last-child(-n+2) {
        margin-bottom: 0;
    }
    #our-services + #about-us {
        padding-top: 115px;
    }
    .footer-widgets-area.col-2 .hentry,
    .footer-widgets-area.col-4 .hentry {
        width: 50%;
        float: left;
    }
    .footer-widgets-area.col-2 .hentry:nth-child(2n+1),
    .footer-widgets-area.col-4 .hentry:nth-child(2n+1) {
        clear: left;
    }
    .footer-widgets-area.col-2 .hentry:nth-child(odd),
    .footer-widgets-area.col-4 .hentry:nth-child(odd) {
        padding-right: 40px;
    }
    .footer-widgets-area.col-2 .hentry:nth-last-child(-n+2),
    .footer-widgets-area.col-4 .hentry:nth-last-child(-n+2) {
        margin-bottom: 0;
    }
    .footer-widgets-area {
        padding-bottom: 100px;
    }
}
@media screen and (min-width: 767px) {
    .featured-content-wrapper .entry-title {
        font-size: 42px;
    }
    #featured-slider .slick-dots {
        bottom: 100px;
    }
    #our-services + #about-us {
        padding-top: 130px;
    }
    #about-us article {
        position: relative;
        display: table;
        width: 100%;
    }
    #about-us .featured-image {
        width: 50%;
        display: table-cell;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        padding: 0;
    }
    #about-us .entry-container {
        width: 50%;
        display: table-cell;
        float: right;
        text-align: left;
        padding: 60px 0 60px 60px;
    }
    #about-us .entry-header {
        text-align: left;
    }
    #about-us .col-3 article {
        width: 33.33%;
    }
    #about-us .col-3 article:nth-child(2n+1) {
        clear: none;
    }
    #about-us .col-3 article:nth-child(3n+1) {
        clear: left;
    }
    #about-us .col-3 article:nth-last-child(-n+3) {
        margin-bottom: 0;
    }
    #counter .section-content.col-3 article {
        width: 33.33%;
        float: left;
    }
    #counter .section-content.col-3 article:nth-child(3n+1) {
        clear: left;
    }
    #counter .section-content.col-3 article:nth-last-child(-n+3) {
        margin-bottom: 0;
    }
    #our-services .col-3 article {
        width: 33.33%;
    }
    #our-services .col-3 article:nth-child(2n+1) {
        clear: none;
    }
    #our-services .col-3 article:nth-child(3n+1) {
        clear: left;
    }
    #our-services .col-3 article:nth-last-child(-n+3) {
        margin-bottom: 0;
    }
    .testimonial-slider-wrapper {
        padding: 50px;
    }
    .comment-navigation .nav-previous, 
    .posts-navigation .nav-previous, 
    .post-navigation .nav-previous {
        padding-right: 25px;
    }
    .comment-navigation .nav-next, 
    .posts-navigation .nav-next, 
    .post-navigation .nav-next {
        padding-left: 25px;
    }
    .footer-widgets-area.col-3 .hentry {
        width: 33.33%;
        float: left;
        margin-bottom: 0;
    }
    .footer-widgets-area.col-3 .hentry:not(:last-child) {
        padding-right: 40px;
    }
    .site-info.col-2 span {
        float: left;
        width: 50%;
        text-align: left;
    }
    .site-info.col-2 span:nth-child(2) {
        float: right;
        text-align: right;
    }
}
@media screen and (min-width: 992px) {
    #top-bar .widget + .widget {
        margin-top: 0;
    }
    #top-bar.col-2 .widget {
        float: left;
        text-align: left;
        padding: 6px 0;
    }
    #top-bar.col-2 .widget + .widget {
        float: right;
        text-align: right;
        padding: 0;
    }
    .featured-content-wrapper {
        max-width: 600px;
    }
    #gallery .col-4 article {
        width: 25%;
    }
    #our-services + #about-us {
        padding-top: 150px;
    }
    #about-us article,
    #about-us .entry-header {
        text-align: left;
    }
    #about-us .featured-image {
        width: 50%;
        float: left;
        margin-bottom: 0;
    }
    #about-us .entry-container,
    #about-us article.no-post-thumbnail .entry-container {
        padding: 50px;
    }
    #about-us .entry-title {
        font-size: 40px;
    }
    .col-2 .service-item-wrapper {
        text-align: left;
    }
    #our-services .col-2 .icon-container {
        float: left;
        margin: 0 25px 0 0;
    }
    #our-services .col-2 .entry-header, 
    #our-services .col-2 .entry-content {
        display: table-row;
    }
    #cta .section-header {
        margin-bottom: 0;
        width: 70%;
        text-align: left;
        float: left;
    }
    #cta .read-more {
        width: 30%;
        float: right;
        text-align: right;
    }
    #cta .section-title {
        margin-bottom: 0;
        font-size: 36px;
    }
    #playlist .wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #playlist .hentry {
        width: 50%;
        float: left;
        text-align: left;
    }
    #playlist .section-header,
    #playlist .read-more {
        text-align: left;
        max-width: 500px;
    }
    #gallery .col-3 article {
        width: 33.33%;
    }
    #gallery .col-3 article:nth-child(2n+1) {
        clear: none;
    }
    #gallery .col-3 article:nth-child(3n+1) {
        clear: left;
    }
    #counter .section-content.col-5 article {
        width: 20%;
    }
    #counter .section-content.col-5 article:nth-child(2n+1),
    #counter .section-content.col-5 article:nth-child(3n+1) {
        clear: none;
    }
    #counter .section-content.col-5 article:nth-child(5n+1) {
        clear: left;
    }
    #counter .section-content.col-5 article:nth-last-child(-n+2) {
        width: 20%;
        float: left;
    }  
    #counter .section-content.col-5 article:nth-last-child(-n+5) {
        margin-bottom: 0;
    }  
    #our-services .col-4 article {
        width: 25%;
    }
    #our-services .col-4 article:nth-child(2n+1) {
        clear: none;
    }
    #our-services .col-4 article:nth-child(4n+1) {
        clear: left;
    }
    #our-services .col-4 article:nth-last-child(-n+4) {
        margin-bottom: 0;
    }
    nav.navigation.pagination {
        margin-top: 63px;
    }
    #colophon .social-icons {
        margin-left: -15px;
    }
    .social-icons li:not(:last-child) {
        margin-right: 14px;
    }
    .footer-widgets-area.col-4 .hentry {
        width: 25%;
        padding-right: 40px;
    }
    .footer-widgets-area.col-4 .hentry:last-child {
        padding-right: 0;
    }
    .footer-widgets-area.col-4 .hentry:nth-child(2n+1) {
        clear: none;
    }
    .footer-widgets-area.col-4 .hentry:nth-child(4n+1) {
        clear: left;
    }
    .footer-widgets-area.col-4 .hentry:nth-last-child(-n+4) {
        margin-bottom: 0;
    }
}
@media screen and (min-width: 1024px) {
    .page-section {
        padding: 80px 0;
    }
    .menu-sticky #masthead.nav-shrink {
        position: sticky;
        top: 0;
        padding: 3px 0;
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.10);
    }
    .customize-support.menu-sticky #masthead.nav-shrink {
        top: 32px;
    }
    .main-navigation ul#primary-menu > li {
        text-align: center;
    }
    .main-navigation ul.nav-menu > li.fa,
    .main-navigation ul.nav-menu > li.fas,
    .main-navigation ul.nav-menu > li.far,
    .main-navigation ul.nav-menu > li.fal,
    .main-navigation ul.nav-menu > li.fab {
        padding: 15px 25px;
    }
    .main-navigation ul.nav-menu > li.fa > a,
    .main-navigation ul.nav-menu > li.fas > a,
    .main-navigation ul.nav-menu > li.far > a,
    .main-navigation ul.nav-menu > li.fal > a,
    .main-navigation ul.nav-menu > li.fab > a {
        padding-top: 50px;
        margin-top: -40px;
        position: relative;
        z-index: 9;
    }
    .main-navigation .menu-item-has-children > a:after {
        content: "\f0d7";
        padding-left: 8px;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
    }
    .main-navigation ul.nav-menu > li {
        padding: 8px 22px;
    }
    .main-navigation ul ul .menu-item-has-children > a:after {
        content: "\f0da";
    }
    .main-navigation ul.nav-menu {
        height: auto !important;
        margin-right: -25px;
    }
    .main-navigation ul ul {
        box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15);
        border-radius: 5px;
    }
    .main-navigation ul li:hover > ul,
    .main-navigation ul li.focus > ul {
        left: 0;
        right: auto;
        display: block !important;
    }
    .main-navigation ul ul li:hover > ul,
    .main-navigation ul ul li.focus > ul {
        left: 100%;
        right: auto;
    }
    .main-navigation ul ul li:hover > a,
    .main-navigation ul ul li.focus > a {
        background-color: #5750A0;
        color: #fff;
        border-radius: 5px;
    }
    .main-navigation ul > li:nth-child(1n) ul li:hover > a,
    .main-navigation ul > li:nth-child(1n) ul li.focus > a {
        background-color: #5750A0;
    }
    .main-navigation ul > li:nth-child(2n) ul li:hover > a,
    .main-navigation ul > li:nth-child(2n) ul li.focus > a {
        background-color: #fcb54d;
    }
    .main-navigation ul > li:nth-child(3n) ul li:hover > a,
    .main-navigation ul > li:nth-child(3n) ul li.focus > a {
        background-color: #fc5b4e;
    }
    .main-navigation ul > li:nth-child(4n) ul li:hover > a,
    .main-navigation ul > li:nth-child(4n) ul li.focus > a {
        background-color: #adca69;
    }
    .main-navigation ul > li:nth-child(5n) ul li:hover > a,
    .main-navigation ul > li:nth-child(5n) ul li.focus > a {
        background-color: #84bed6;
    }
    .main-navigation ul > li:nth-child(6n) ul li:hover > a,
    .main-navigation ul > li:nth-child(6n) ul li.focus > a {
        background-color: #c389ce;
    }
    .main-navigation ul.sub-menu > li:last-child > a {
        border-bottom: none;
    }
    .main-navigation ul ul li {
        border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    }
    .main-navigation ul ul > li:last-child {
        border-bottom: none;
    }
    .main-navigation ul ul ul {
        top: 0;
    }
    .main-navigation ul ul li a:hover,
    .main-navigation ul ul li.current-menu-ancestor:hover > a {
        color: #fff !important;
    }
    .main-navigation ul#primary-menu > li.fa:after,
    .main-navigation ul#primary-menu > li.far:after,
    .main-navigation ul#primary-menu > li.fab:after,
    .main-navigation ul#primary-menu > li.fas:after {
        content: "";
        width: 55px;
        height: 55px;
        border: 1px solid #5750A0;
        display: inline-block;
        vertical-align: middle;
        border-radius: 100%;
        position: absolute;
        top: 10px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .main-navigation ul#primary-menu > li.fa:nth-child(1n):after,
    .main-navigation ul#primary-menu > li.far:nth-child(1n):after,
    .main-navigation ul#primary-menu > li.fab:nth-child(1n):after,
    .main-navigation ul#primary-menu > li.fas:nth-child(1n):after {
        border-color: #5750A0;
    }
    .main-navigation ul#primary-menu > li.fa:nth-child(2n):after,
    .main-navigation ul#primary-menu > li.far:nth-child(2n):after,
    .main-navigation ul#primary-menu > li.fab:nth-child(2n):after,
    .main-navigation ul#primary-menu > li.fas:nth-child(2n):after {
        border-color: #fcb54d;
    }
    .main-navigation ul#primary-menu > li.fa:nth-child(3n):after,
    .main-navigation ul#primary-menu > li.far:nth-child(3n):after,
    .main-navigation ul#primary-menu > li.fab:nth-child(3n):after,
    .main-navigation ul#primary-menu > li.fas:nth-child(3n):after {
        border-color: #fc5b4e;
    }
    .main-navigation ul#primary-menu > li.fa:nth-child(4n):after,
    .main-navigation ul#primary-menu > li.far:nth-child(4n):after,
    .main-navigation ul#primary-menu > li.fab:nth-child(4n):after,
    .main-navigation ul#primary-menu > li.fas:nth-child(4n):after {
        border-color: #adca69;
    }
    .main-navigation ul#primary-menu > li.fa:nth-child(5n):after,
    .main-navigation ul#primary-menu > li.far:nth-child(5n):after,
    .main-navigation ul#primary-menu > li.fab:nth-child(5n):after,
    .main-navigation ul#primary-menu > li.fas:nth-child(5n):after {
        border-color: #84bed6;
    }
    .main-navigation ul#primary-menu > li.fa:nth-child(6n):after,
    .main-navigation ul#primary-menu > li.far:nth-child(6n):after,
    .main-navigation ul#primary-menu > li.fab:nth-child(6n):after,
    .main-navigation ul#primary-menu > li.fas:nth-child(6n):after {
        border-color: #c389ce;
    }
    .menu-toggle {
        height: 80px;
        position: absolute;
        top: 50%;
        right: 35px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    #search {
        position: absolute;
        z-index: 30;
        right: 0;
        top: 100%;
        display: none;
    }
    .main-navigation .search-active .icon-search {
        display: none;
    }
    .main-navigation .search-active .icon-close {
        display: inline-block;
    }
    #search:before {
        content: "";
        width: 0;
        height: 0;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        border-bottom: 9px solid #111;
        position: absolute;
        top: -9px;
        right: 5px;
    }
    button.dropdown-toggle {
        display: none;
    }
    .menu-toggle,
    .modern-menu ul#primary-menu {
        display: none;
    }
    .modern-menu .menu-toggle {
        display: block;
    }
    .modern-menu .menu-label {
        display: none;
    }
    .main-navigation ul {
        display: block;
    }
    .main-navigation li {
        display: inline-block;
    }
    .main-navigation .left-menu {
        padding-left: 50px;
    }
    .main-navigation ul.nav-menu > li.left-menu > a,
    .main-navigation ul.nav-menu > li.right-menu > a {
        padding-left: 5px;
        padding-right: 5px;
    }
    .main-navigation li.left-menu + li.right-menu:before {
        content: "/";
        position: absolute;
        top: 50%;
        margin-left: -6px;
        color: #fff;
        margin-top: -1px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .main-navigation form.search-form {
        border: 20px solid #111;
    }
    .main-navigation form.search-form input {
        background-color: #fff;
        border-color: #fff;
        color: #111;
    }
    #featured-slider article {
        padding: 350px 0;
    }
    .featured-content-wrapper .entry-title {
        font-size: 52px;
        margin-bottom: 20px;
    }
    .featured-content-wrapper .read-more {
        margin-bottom: 40px;
    }
    #about-us-section .services-items-wrapper.col-4 article {
        width: 25%;
    }
    #about-us-section .services-items-wrapper.col-4 article:nth-child(2n+1) {
        clear: none;
    }
    #about-us-section .services-items-wrapper.col-4 article:nth-child(4n+1) {
        clear: left;
    }
    #about-us-section .services-items-wrapper.col-4 article:nth-last-child(-n+4) {
        margin-bottom: 0;
    }
    #our-courses {
        padding-top: 25px;
    }
    #our-courses .featured-course-wrapper,
    .post-item {
        position: relative;
        display: table;
        width: 100%;
    }
    #our-courses .featured-image,
    .post-item .featured-image {
        padding: 0;
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        display: table-cell;
        height: 100%;
        bottom: 0;
    }
    #our-courses .entry-container,
    .post-item .entry-container {
        width: 50%;
        float: left;
        display: table-cell;
    }
    #team,
    #about-us,
    #our-courses {
        padding-bottom: 150px;
    }
    .post-item .featured-image {
        right: auto;
        left: 0;
    }
    .post-item .entry-container {
        float: right;
    }
    #projects-section article:nth-child(1n) .featured-image {
        padding: 250px 0;
    }
    #projects-section article:nth-child(2n) .featured-image {
        padding: 125px 0;
    }
    #projects-section article:nth-child(3n) .featured-image {
        padding: 250px 0;
    }
    #projects-section article:nth-child(4n) .featured-image {
        padding: 250px 0;
    }
    #projects-section article:nth-child(5n) .featured-image {
        padding: 125px 0;
    }
    #projects-section article:nth-child(6n) .featured-image {
        padding: 125px 0;
    }
    #video {
        padding: 100px 0;
        background-attachment: fixed;
    }
    #counter .section-content.col-4 article {
        width: 25%;
        float: left;
    }
    #counter .section-content.col-4 article:nth-child(2n+1) {
        clear: none;
    }
    #counter .section-content.col-4 article:nth-child(4n+1) {
        clear: left;
    }
    #counter .section-content.col-4 article:nth-last-child(-n+4) {
        margin-bottom: 0;
    }
    .testimonial-slider-wrapper {
        padding: 80px 50px;
    }
    .right-sidebar #primary,
    .left-sidebar #primary {
        width: 70%;
        float: left;
        padding-right: 30px;
    }
    .woocommerce.right-sidebar #primary,
    .woocommerce.left-sidebar #primary {
        width: 100%;
        float: none;
        padding-right: 0;
    }
    .single-product.woocommerce.right-sidebar #primary,
    .single-product.woocommerce.left-sidebar #primary {
        max-width: 990px;
        margin: 0 auto;
    }
    .right-sidebar #secondary,
    .left-sidebar #secondary {
        width: 30%;
        float: right;
    }
    .left-sidebar #primary { 
        float: right;
        padding-right: 0;
        padding-left: 30px;
    }
    .no-sidebar #primary {
        width: 100%;
        float: none;
        padding-right: 0;
    }
    .footer-widgets-area {
        padding-bottom: 150px;
    }
    .site-info {
        margin-top: 100px;
    }
}
@media screen and (min-width: 1200px) {
    #search:before {
        right: 15px;
    }
    #featured-slider .slick-dots {
        bottom: 125px;
    }
    #our-services + #about-us {
        padding-top: 200px;
    }
    #about-us .entry-container {
        padding: 80px 0 80px 80px;
    }
    #about-us .col-3 .featured-image {
        padding: 150px 0;
    }
    #projects-section .section-subtitle,
    #latest-news .section-subtitle {
        padding-bottom: 32px;
    }
    .blog-posts-wrapper.col-3 .has-post-thumbnail .featured-image {
        padding: 160px 0;
    }
}
@media screen and (min-width: 1900px) {
    .wrapper {
        max-width: 1400px;
    }
    #page-site-header {
        padding: 300px 0;
    }
    #featured-slider article {
        padding: 400px 0;
    }
    #featured-slider .slick-dots {
        bottom: 150px;
    }
    #our-services + #about-us {
        padding-top: 250px;
    }
    #team,
    #about-us,
    #our-courses {
        padding-bottom: 200px;
    }
    .footer-widgets-area {
        padding-bottom: 200px;
    }
}
@media screen and (max-width: 1023px) {
    #top-bar {
        border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    }
    #masthead {
        margin-bottom: 0;
        position: relative;
        min-height: 80px;
        padding: 0;
    }
    .site-branding {
        padding: 7px 0;
        min-height: 80px;
    }
    .site-title {
        font-size: 26px;
    }
    .main-navigation ul ul {
        border-top: 1px solid rgba(0, 0, 0, 0.10);
    }
    .main-navigation ul ul ul {
        margin-top: 0;
    }
    .main-navigation ul.nav-menu li {
        border-bottom: 1px solid rgba(0, 0, 0, 0.10);
        display: block;
        width: 100%;
    }
    .main-navigation ul.nav-menu li:last-child {
        border-bottom: none;
    }
    .main-navigation ul#primary-menu > li {
        width: 100%;
        padding: 0;
    }
    .main-navigation ul.nav-menu > li {
        padding: 15px 0;
    }
    .main-navigation ul ul li a {
        padding-left: 35px;
    }
    .main-navigation ul ul ul li a {
        padding-left: 60px;
    }
    .main-navigation ul ul ul ul li a {
        padding-left: 80px;
    }
    .main-navigation ul ul a {
        width: 100%;
    }
    .main-navigation ul ul,
    .main-navigation ul ul ul {
        box-shadow: none;
        float: none;
        position: relative;
        top: 0;
        left: 0;
        margin-bottom: 0;
        display: none;
    }
    .main-navigation ul.nav-menu > li.fa, 
    .main-navigation ul.nav-menu > li.fas, 
    .main-navigation ul.nav-menu > li.far, 
    .main-navigation ul.nav-menu > li.fal, 
    .main-navigation ul.nav-menu > li.fab {
        padding: 15px 0;
    }
    .main-navigation ul#primary-menu > li:before {
        display: none;
    }
    .main-navigation .menu-item-has-children > a:before {
        content: "";
        float: right;
        position: relative;
        right: 0;
        background-color: rgba(255, 255, 255, 0.20);
        width: 1px;
        height: 25px;
    }
    .main-navigation .menu-item-has-children > a:after {
        padding-top: 3px;
    }
    .main-navigation ul.sub-menu li a {
        border-left: none;
    }
    .main-navigation ul.nav-menu {
        margin-right: 0;
        background-color: #fff;
        margin-top: 25px;
        border-top: 1px solid rgba(0, 0, 0, 0.10);
    }
    .main-navigation {
        position: static;
    }
    .main-navigation a {
        color: #555555;
        padding: 15px;
    }
    #masthead.site-header .main-navigation ul.nav-menu {
        margin-top: 0;
        position: absolute;
        max-width: 400px;
        top: 100%;
        left: auto;
        right: 0;
        width: 100%;
    }
    .main-navigation .search-menu a {
        display: none;
    }
    .main-navigation form.search-form input {
        background-color: #fff;
        border: none;
        min-height: 55px;
    }
    .main-navigation form.search-form button.search-submit {
        height: 59px;
    }
    .main-navigation form.search-form input {
        padding-left: 25px;
    }
    #page-site-header {
        padding: 250px 0;
    }
    .featured-content-wrapper .entry-title {
        font-size: 42px !important;
    }
    #featured-slider article {
        padding: 300px 0;
    }
}

@media screen and (max-width: 992px) {
    #page-site-header {
        padding: 200px 0;
    }
    .comments-title, 
    #reply-title {
        font-size: 28px;
    }
    #testimonial-section .entry-container,
    .testimonial-slider .slick-dots {
        text-align: center;
    }
}
@media screen and (max-width: 767px) {
    #masthead.site-header .main-navigation ul.nav-menu {
        max-width: 100%;
    }
    #featured-slider button.slick-arrow,
    #featured-slider:hover button.slick-arrow {
        display: none;
        opacity: 0;
        visibility: hidden;
    }
    #page-site-header .page-title {
        font-size: 32px;
    }
    #about-us {
        text-align: center;
    }
    .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%;
        margin: 15px 0;
    }
    .post-navigation span.previous-article b, 
    .post-navigations span.previous-article b, 
    .post-navigation span.next-article b, 
    .post-navigations span.next-article b {
        font-size: 18px;
    }
    #respond {
        margin-top: 40px;
    }
    .comment-meta img {
        margin-right: 15px;
    }
    .comments-title, 
    #reply-title {
        margin-bottom: 0;
    }
    #commentform p.comment-form-comment,
    #commentform p.form-submit {
        margin-top: 21px;
    }
    nav.navigation.pagination,
    #secondary {
        margin-top: 30px;
    }
    .comments-title, 
    #reply-title {
        font-size: 26px;
    }
    #comments {
        margin-top: 40px;
    }
    .tags-links {
        margin-bottom: 25px;
    }
    #featured-slider article {
        padding: 250px 0;
    }
    .featured-content-wrapper .entry-title {
        font-size: 36px !important;
    }
}
@media screen and (max-width: 567px) {
    .site-branding .site-logo + #site-identity {
        margin-top: 15px;
    }
    #featured-slider article .entry-content {
        display: none;
    }
    #counter .section-content {
        margin-left: auto;
        margin-right: auto;
    }
    .pagination .page-numbers.prev, 
    .pagination .page-numbers.next {
        top: 0;
    }
    .pagination .prev.page-numbers:before, 
    .pagination .next.page-numbers:before {
        width: 35px;
        height: 10px;
    }
    .pagination .page-numbers.prev, 
    .pagination .page-numbers.next {
        margin-left: 0;
        margin-right: 0;
    }
    .trail-items li {
        font-size: 12px;
    }
    #breadcrumb-list {
        padding: 10px 0;
    }
    blockquote.alignright {
        margin-left: 0;
    }
    .testimonial-slider article.has-featured-image .featured-image {
        box-shadow: none;
    }
    #author-section {
        text-align: center;
    }
    .author-image {
        float: none;
        margin: 0 0 25px;
    }
    .author-content {
        display: block;
    }
    .author-name:after {
        margin-left: auto;
        margin-right: auto;
    }
    .comment-meta img {
        margin: 0 0 25px;
        float: none;
    }
    .comment-meta .url, 
    .comment-meta .fn {
        display: block;
    }
    .comment-content {
        padding-left: 0;
    }
    #comments ol.children {
        margin-left: 50px;
    }
    .reply {
        padding-left: 0;
    }
    .footer-widgets-area .hentry:last-child,
    .footer-widgets-area.col-3 .hentry:last-child {
        margin-bottom: 0;
        padding-right: 0;
    }
}
@media screen and (max-width: 480px) {
    .featured-content-wrapper .entry-content p, 
    #featured-slider article .entry-content {
        font-size: 16px;
    }
}