/*
Theme Name: Equestrian Club
Theme URI: 
Author: Rapid Themes
Author URI:
Description: Equestrian Club is free wordpress theme for the owners and managers of all types of equestrian facilities like equestrian clubs, barns, stables, riding halls or facilities for accommodating, training and competing equids. This website theme has got the best in class design that perfectly suits the equestrian Club businesses. It is a customizable website design with a user friendly interface that helps you create your own professional equestrian club website in a personalized way with the customization features available with this theme. With the theme being user friendly, you don't need any professional to create a website using this theme. You can build your equestrian club website on your own using the easy customization features in just a few steps. The theme uses the Bootstrap Framework which makes the website responsive, lightweight and renders faster page loading for smoother user experience. Also it is made SEO friendly that helps you attract more visitors on your website by showing your website in the top results of search engines whenever someone searches for words related to equestrian club and business. This equestrian club website design is also made cross browser compatible so that your visitors can browse through your website seamlessly across different browsers, devices and screens irrespective of their sizes and operating systems. Look no further, get your best in class equestrian club website made with this stunning Equestrian Club WordPress Theme.
Version: 0.4
Requires at least: 5.1
Requires PHP: 5.6
Tested up to: 5.9
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: equestrian-club
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.

Equestrian Club 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 Courses Section
    ## Featured type_of_work Section
    ## Featured Classes Section
    ## Featured Testimonial Section
    ## Latest Posts Section
# Footer
# Responsive

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

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* Font */
@font-face {font-family: "DIN Next LT Arabic Regular";
    src: url("assets/fonts/DIN_Next_LT_Arabic_Regular/DIN_Next_LT_Arabic_Regular.eot"); /* IE9*/
    src: url("assets/fonts/DIN_Next_LT_Arabic_Regular/DIN_Next_LT_Arabic_Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("assets/fonts/DIN_Next_LT_Arabic_Regular/DIN_Next_LT_Arabic_Regular.woff2") format("woff2"), /* chrome、firefox */
    url("assets/fonts/DIN_Next_LT_Arabic_Regular/DIN_Next_LT_Arabic_Regular.woff") format("woff"), /* chrome、firefox */
    url("assets/fonts/DIN_Next_LT_Arabic_Regular/DIN_Next_LT_Arabic_Regular.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url("assets/fonts/DIN_Next_LT_Arabic_Regular/DIN_Next_LT_Arabic_Regular.svg#DIN Next LT Arabic Regular") format("svg"); /* iOS 4.1- */
    font-weight: bolder;
}
html {
    font-family:"DIN Next LT Arabic Regular" !important;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust:     100%;
}

body {
    margin: 0;
    font-family:"DIN Next LT Arabic Regular" !important;
    font-weight: 400;
}

#content {
    position: relative;
}

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

.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: 32px;
}

h4 {
    font-size: 22px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
} */

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    color: #282828;
    margin: 16px 0;
    line-height: 1.3;
    font-weight: 400;
    font-family:"DIN Next LT Arabic Regular" !important;
}
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:"DIN Next LT Arabic Regular" !important;
    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: #666;
    font-size: 16px;
    line-height: 28px;
    word-wrap: break-word;
}
p {
    margin: 0 0 1em;
}
p:last-child {
    margin-bottom: 0;
}
dfn,
cite,
em,
i {
}

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #f6f6f6;
    font-family:"DIN Next LT Arabic Regular" !important;
    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:"DIN Next LT Arabic Regular" !important;
    font-size: 15px;
    font-size: 0.9375rem;
}

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

mark,
ins {
    background: #fff9c0;
}

big {
    font-size: 125%;
}

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

*,
*: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: 16px;
    font-weight: 400;
    padding: 10px 35px;
    position: relative;
    background-color: #8373CE;
    border: 2px solid #8373CE;
    border-radius: 0;
    text-decoration: none;
    z-index: 1;
    -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: #000;
    border-color: #000;
    text-decoration: none;
}

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: #000;
    border-color: #000;
    outline: thin dotted;
    text-decoration: none;
}

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: #333;
    border: 1px solid #f6f6f6;
    background-color: #f6f6f6;
    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: #333;
    outline: thin dotted;
}

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-top: 35px;
    background-color: #fff;
}
#respond {
    margin-top: 35px;
}
.logged-in-as a {
    color: #000;
    text-decoration: none;
}
.logged-in-as a:hover,
.logged-in-as a:focus {
    color: #8373CE;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    color: #8373CE;
    text-decoration: underline;
}

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

a:focus {
    outline: thin dotted;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#top-bar {
    padding: 5px 0;
    background-color: #8373CE;
}
#top-bar a {
    text-decoration: none;
}
#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;
}
#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 {
    position: absolute;
    z-index: 3000;
    width: 100%;
}
#masthead a {
    text-decoration: none;
    
}
.site-branding {
    /* padding: 14px 0; */
    float: left;
}
.site-logo, 
#site-identity {
    display: inline-block;
    vertical-align: middle;
}
.site-title {
    font-size: 26px;
    margin: 0 0 0px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0.01em;
}
.site-description {
    margin: 0;
    line-height: 1.3;
    color: #fff;
    padding: 10px 0;
    letter-spacing: 0.01em;
}
.site-logo a {
    display: block;
    margin-right: 15px;
}
.site-logo img {
    width: auto;
}
.header-main {
    height: 100px;
}
.header-nav {
    width: auto;
    float: right;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 100%;
}
/* header contact */
.contact-header h3{
    margin: 0;
}
.contact-header {
    margin-left: 44px;
}
.contact-header a {
    font-size: 19px;
    color: #fff;
    letter-spacing: 1px;
}
.contact-header .fas.fa-phone-alt{
    margin-right: 10px;
    color: #8373CE;
}
.main-navigation {
    display: block;
    position: relative;
    width: 100%;
}
.main-navigation ul.nav-menu > li > a{
    padding: 6px 20px;
    margin: 0 6px;
    border-radius: 40px;
    overflow: hidden;
    transition: ease-in-out;
}

.main-navigation ul.nav-menu > li > a > i {
    width: 45px;
    height: 45px;
    border-radius: 45px;
    line-height: 45px;
    background-color: #8373CE;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    text-align: center;
}
.main-navigation ul ul {
    background-color: #fff;
    text-align: left;
    padding: 0;
}
.main-navigation ul ul li a {
    padding: 12px 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;
    position: relative;
    height: 100%;
}
.main-navigation ul.nav-menu > li:hover > a,
.main-navigation ul.nav-menu > li.focus > a {
    color: #8373CE;
}
.main-navigation form.search-form input {
    background-color: #111;
    border-color: #111;
    color: #111;
    font-weight: 400;
}
.main-navigation a {
    display: block;
    font-weight: 400;
    color: #212121;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 1.5;
    font-family: "DIN Next LT Arabic Regular" !important;
}
.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 li li {
    display: block;
}
.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: #8373CE;
}
.main-navigation ul.nav-menu > li:before {
    background-color: #5750A0;
    color: #fff;
    width: 46px;
    height: 46px;
    line-height: 46px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
}
form.search-form {
    width: 100%;
    max-width: 100%;
    position: relative;
}
.main-navigation form.search-form {
    min-width: 320px;
}
input.search-field {
    height: 45px;
    padding: 0 50px 0 15px;
    width: 100%;
}
.menu-toggle  {
    font-size: 8px;
    margin: 2px 0;
    display: block;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    right: 15px;
    background-color: #ffffff00;
    border: none;
    border-radius: 0;
}
.menu-toggle:hover,
.menu-toggle:focus {
    background-color: #8373CE;
}
.menu-toggle span {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 35px;
    height: 4px;
    background-color: #fff;
    font-size: 0px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    right: 0;
    margin: 0 auto;
}
.menu-toggle span:before, 
.menu-toggle span:after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -webkit-transform 0.3s;
    -ms-transition: -webkit-transform 0.3s;
    -o-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
}
.menu-toggle span:before {
    -webkit-transform: translateY(-250%);
    -moz-transform: translateY(-250%);
    -ms-transform: translateY(-250%);
    -o-transform: translateY(-250%);
    transform: translateY(-250%);
}
.menu-toggle span:after {
    -webkit-transform: translateY(250%);
    -moz-transform: translateY(250%);
    -ms-transform: translateY(250%);
    -o-transform: translateY(250%);
    transform: translateY(250%);
}
.menu-toggle.active span:before {
    -webkit-transform: translateY(0) rotate(45deg);
    -moz-transform: translateY(0) rotate(45deg);
    -ms-transform: translateY(0) rotate(45deg);
    -o-transform: translateY(0) rotate(45deg);
    transform: translateY(0) rotate(45deg);
}
.menu-toggle.active span:after {
    -webkit-transform: translateY(0) rotate(-45deg);
    -moz-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    -o-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);
}
.menu-toggle.active span {
    background-color: transparent;
}
.menu-label {
    float: right;
    color: #111;
    padding: 7px 0 0 10px;
    display: none;
}
button.dropdown-toggle {
    padding: 0;
    position: absolute;
    right: 0;
    top: 11px;
    padding-left: 10px;
    z-index: 10;
    background-color: transparent;
    color: #000;
    border: none;
    margin-left: 10px;
    width: 45px;
    height: 45px;
    line-height: 50px;
}
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;
    text-decoration: none;
}
.post-navigation a:hover, 
.posts-navigation a:hover,
.post-navigation a:focus, 
.posts-navigation a:focus {
    color: #8373CE;
}
.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: #8373CE;
    background-color: #ffe2cf;
}
.pagination .page-numbers.current,
.pagination .page-numbers:hover,
.pagination .page-numbers:focus {
    color: #fff;
    background-color: #8373CE;
}
.pagination .page-numbers.prev,
.pagination .page-numbers.next {
    margin-right: 25px;
    width: auto;
    height: auto;
    position: relative;
    top: 2px;
    background-color: transparent;
    color: #8373CE;
}
.pagination .page-numbers.prev:hover, 
.pagination .page-numbers.next:hover,
.pagination .page-numbers.prev:focus, 
.pagination .page-numbers.next:focus {
    color: #111;
    background-color: transparent;
}
.pagination .page-numbers.next {
    margin-left: 18px;
    margin-right: 0;
    background-color: transparent;
}
.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;
}
/*--------------------------------------------------------------
# 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 {
    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 {
    clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 1.3em;
}
.widget:last-child {
    margin-bottom: 0;
}
.widget_block h1,
.widget_block h2,
.widget_block h3,
.widget_block h4,
.widget_block h5,
.widget_block h6 {
    margin: 0 0 10px;
}
#colophon .widget.widget_text,
#colophon .secondary.widget_text {
    margin-bottom: 20px;
}
#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;
}
#colophon .widget:last-child {
    margin-bottom: 0;
}
#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;
}

/* 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;
    padding: 0 15px;
    border: none;
}

form.search-form button.search-submit {
    height: 45px;
    line-height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    width: 45px;
    padding: 0;
}
.widget_search form.search-form button.search-submit {
    width: 50px;
    color: #fff;
    font-size: 16px;
    line-height: 1;
    height: 50px;
    padding: 0;
}
.widget_search form.search-form input[type="search"] {
    padding: 0 55px 0 25px;
    height: 50px;
    background-color: #fff;
    color: #000;
    border: none;
}
.widget_search form.search-form input[type="search"]:focus {
    border-color: #8373CE;
}
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;
}

#secondary .widget-title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #595959;
    letter-spacing: 0.01em;
}

#secondary a {
    color: #000;
    font-weight: 400;
}
#secondary a:hover,
#secondary a:focus {
    color: #8373CE;
}
#secondary ul li a {
    text-decoration: none;
    border-bottom: 1px solid #000;
}
#secondary ul li a:hover,
#secondary ul li a:focus {
    border-bottom-color: #8373CE;
}
#secondary .widget:not(:last-child) {
    margin-bottom: 35px;
}
#secondary .widget {
    background-color: #eee;
    padding: 25px;
}
.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 {
    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: #8373CE;
}
nav.navigation.pagination {
    margin-top: 50px;
    clear: both;
    display: inline-block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.posts-wrapper.col-3 article:nth-child(3n) {
    border-right: 1px solid #e4e4e4;
}
.post-categories a {
    color: #8373CE;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}
.archive-description {
    color: #fff;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.tags-links {
    margin-bottom: 20px;
    display: inline-block;
}
.tags-links span {
    margin: 0 8px 8px 0;
}
.tags-links a {
    border: 1px solid #8373CE;
    display: inline-block;
    padding: 5px 8px;
    color: #fff;
    line-height: 1;
    font-size: 14px;
    background-color: #8373CE;
    text-decoration: none;
}
.tags-links a:hover,
.tags-links a:focus {
    border-color: #000;
    background-color: #000;
    color: #fff;
}
.single .date a:before,
.entry-meta .author a:before,
.comments-link a:before,
.cat-links:before {
    content: "\f017";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 5px;
}
.entry-meta .author a:before {
    content: "\f007";
}
.comments-link a:before {
    content: "\f086";
}
.single .date a:before {
    content: "\f017";
}
.cat-links:before {
    content: "\f02c";
    color: #8373CE;
}
.entry-meta a, 
.entry-meta span:before, 
.entry-meta .cat-links:before, 
.entry-meta .author:before {
    color: #8373CE;
    text-decoration: none;
    font-weight: 600;
}
.entry-meta a:hover,
.entry-meta a:focus {
    color: #8373CE;
}
.entry-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    text-decoration: none;
}
.author.vcard {
    margin-left: 5px;
}
.byline {
    visibility: hidden;
}
.byline .author.vcard {
    visibility: visible;
    margin-left: -20px;
}
.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: 20px 30px;
    margin-top: 35px;
    background-color: #f6f6f6;
    border-radius: 10px;
}
.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;
    margin: 0 auto;
    text-align: center;
}
.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: 60px;
    height: 60px;
    float: left;
    margin-right: 20px;
}
#comments time:before {
    display: none;
}
.comment-body {
    position: relative;
}
.reply {
    text-align: right;
}
#comments article {
    margin-bottom: 30px;
    clear: both;
    padding: 30px;
    background-color: #f6f6f6;
    text-decoration: none;
    border-radius: 25px;
}
#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-weight: 400;
    padding: 7px 30px;
    position: relative;
    background-color: #8373CE;
    border: 2px solid #8373CE;
    border-radius: 50px;
    text-decoration: none;
    z-index: 1;
    -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: #000;
    border-color: #000;
}
.comment-meta .url,
.comment-meta .fn {
    display: inline-block;
    color: #333;
    font-size: 20px;
    text-decoration: none;
    text-transform: capitalize;
}
.comment-meta .url:hover,
.comment-meta .url:focus {
    color: #8373CE;
}
.comment-metadata a,
.comment-metadata a time {
    color: #333;
    text-decoration: none;
}
.comment-metadata a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover time,
.comment-metadata a:focus time {
    color: #8373CE;
}
.comment-metadata time {
    font-weight: 500;
}
.comment-metadata {
    display: block;
    margin-bottom: 10px;
}
.comment-content {
    margin-bottom: 10px;
    margin-top: 0;
    padding-left: 80px;
}
.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;
}

.title-section {
    text-align: center;
    margin-bottom: 5em;
}
.title-section h1 {
    margin: 0;
    font-size: 60px;
    line-height: 1.1;
    font-weight: bolder;
    color: #2a421d;
}
.title-section h1 span{
    color: #65a93f;
}
.relative {
    display: block;
    position: relative;
}
.relative:before,
.relative:after {
    content: "";
    display: table;
    clear: both;
}
.entry-content {
    margin-top: 0;
}
.wrapper {
    width: 90%;
    max-width: 1430px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}
.section-gap {
    padding: 80px 0;
}
.entry-title,
.section-title {
    font-size: 22px;
    margin: 0 0 15px;
    font-weight: 700;
    word-wrap: break-word;
}
.section-header {
    margin-bottom: 50px;
    text-align: center;
}
.section-title {
    font-size: 32px;
    margin: 0 0 15px;
    color: #000;
}
.section-subtitle {
    max-width: 600px;
    margin: 0 auto;
}
.entry-title a {
    color: #000;
    text-decoration: none;
    font-size: 33px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.entry-title a:hover,
.entry-title a:focus {
    color: #8373CE;
}
.post-thumbnail-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.overlay {
    background-color: #1d1203;
    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-weight: 600;
    padding: 8px 25px;
    border-radius: 7px;
    font-size: 21px;
    position: relative;
    background-color: #8373CE;
    border: 2px solid #8373CE;
    text-decoration: none;
    z-index: 1;
    font-family:"DIN Next LT Arabic Regular" !important;
    -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: #000;
    border-color: #000;
}
.btn i {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}
.featured-image {
    position: relative;
}
.col-1 article, 
.col-2 article, 
.col-3 article, 
.col-4 article,
.col-5 article,
.col-6 article {
    margin-bottom: 30px;
    width: 100%;
}
.col-1 article:last-child, 
.col-2 article:last-child, 
.col-3 article:last-child, 
.col-4 article:last-child,
.col-5 article:last-child,
.col-6 article:last-child {
    margin-bottom: 0;
}

/*--------------------------------------------------------------
# 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
--------------------------------------------------------------*/
.type_of_work {
    margin: -4px;
}

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

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

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

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

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

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

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

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

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

.type_of_work-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;
}
/*--------------------------------------------------------------
## 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;
    -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,
.social-icons li a:focus {
    color: #fff;
    background-color: #FF3366;
}
.social-icons li a:before {
    content: "\f1d0";
}
.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 li a[href*="tiktok.com"]:before {
  content: "\e07b";
}

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

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

/*--------------------------------------------------------------
#  Page Site Header
--------------------------------------------------------------*/
#page-site-header {
    background-color: #333;
    background-size: cover;
    background-position: 50%;
    position: relative;
    text-align: center;
    padding: 155px 0;
}
#page-site-header .overlay {
    opacity: 0.4;
}
#page-site-header .page-title {
    color: #fff;
    font-size: 42px;
}
#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%);
}
/*--------------------------------------------------------------
#  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;
}
/*--------------------------------------------------------------
#  Slick Slider
--------------------------------------------------------------*/
.slick-slide {
    outline: none;
}
.slick-dotted.slick-slider {
    margin-bottom: 0;
}
.slick-next:before, 
.slick-prev:before {
    opacity: 1;
    content: "\f053";
    -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: "\f054";
}
.slick-prev,
.slick-next {
    left: 0;
    z-index: 1;
    width: 50px;
    height: 50px;
    line-height: 62px;
    background-color: #8373CE;
}
.slick-prev {
    left: 0;
}
.slick-next {
    left: auto;
    right: 0;
}
.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus {
    background-color: #000;
}
.slick-dots {
    bottom: 25px;
    display: none!important;
}
.slick-dots li {
    margin: 0 6px;
    width: auto;
    height: auto;
}
.slick-dots li button {
    background-color: #ccc;
    width: 12px;
    height: 12px;
    padding: 0;
    border-radius: 12px;
}
.slick-dots li button:hover,
.slick-dots li.slick-active button {
    background-color: #8373CE;
}
.slick-dots li button:focus-visible {
    outline: auto;
}
.slick-dots li button:before {
    display: none;
}
.display-block {
    display: block;
}
.display-none {
    display: none;
}

/*--------------------------------------------------------------
#  Featured Slider Section
--------------------------------------------------------------*/
#featured-slider article {
    position: relative;
    padding: 250px 0;
    background-size: cover;
    background-position: 50%;
}
#featured-slider .featured-image {
    background-size: cover;
    background-position: 50%;
    padding: 200px 0;
    border-radius: 50px;
    margin-bottom: 50px;
}
#featured-slider .entry-container {
    position: absolute;
    top: 50%;
    width: 50%;
    left: 45px;
    right: 0;
    text-align: left;
    padding: 0 30px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
#featured-slider .entry-header {
    max-width: 900px;
    margin: 0 auto 10px;
}
#featured-slider .entry-content {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}
#featured-slider .entry-title {
    margin-bottom: 0;
    font-size: 32px;
    color: #fff;
}
#featured-slider .entry-content {
    margin-bottom: 25px;
    color: #fff;
}
#featured-slider .entry-content p{
    font-size: 19px;
    letter-spacing: normal;
    line-height: inherit;
    font-weight: 400;
    padding-right: 8em;
    color: #dfdfdf;
}
#featured-slider .read-more a:nth-child(2) {
    background-color: #fff;
    border-color: #fff;
    color: #000;
}
#featured-slider .read-more a:nth-child(2):hover,
#featured-slider .read-more a:nth-child(2):focus {
    background-color: #000;
    border-color: #000;
    color: #fff;
}
#featured-slider .read-more a.btn{
    color: #fff;
    display: inline-block;
    font-weight: 400;
    padding: 6px 28px;
    border-radius: 30px;
    font-size: 21px;
    text-transform: capitalize;
    position: relative;
    background-color: #8373CE;
    border: 2px solid #8373CE;
    text-decoration: none;
    z-index: 1;
    font-family: "DIN Next LT Arabic Regular" !important;
    -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;
}
#featured-slider .slick-arrow {
    opacity: 0;
    visibility: hidden;
}
#featured-slider:hover .slick-arrow {
    opacity: 1;
    visibility: visible;
}
#featured-slider .slick-prev {
    left: 15px;
}
#featured-slider .slick-next {
    right: 15px;
}
 .icon-disable, /*.icon-container, */
.image-disable .featured-image,
.position-disable .team-position,
.position-disable .testimonial-position,
.title-disable .entry-header,
.content-disable .entry-content,
.button-disable .read-more,
.category-disable .cat-links,
.date-disable .date,
.blog-posts-wrapper .category-disable .cat-links,
#page-site-header.page-title-disable .page-header,
#page-site-header.header-image-disable {
    display: none;
}
.title-font-weight-regular .entry-title,
.content-font-weight-regular .entry-content,
.button-font-weight-regular .btn {
    font-weight: 400;
}
.title-font-weight-semi-bold .entry-title,
.content-font-weight-semi-bold .entry-content,
.button-font-weight-semi-bold .btn {
    font-weight: 600;
}
.title-font-weight-bold .entry-title,
.content-font-weight-bold .entry-content,
.button-font-weight-bold .btn {
    font-weight: bold;
}
.title-default .entry-title,
.content-default .entry-content,
.button-default .btn {
    text-transform: none;
}
.title-uppercase .entry-title,
.content-uppercase .entry-content,
.button-uppercase .btn {
    text-transform: uppercase;
}
.title-lowercase .entry-title,
.content-lowercase .entry-content,
.button-lowercase .btn {
    text-transform: lowercase;
}
.title-capitalize .entry-title,
.content-capitalize .entry-content,
.button-capitalize .btn {
    text-transform: capitalize;
}
.cloud-top {
    margin-bottom: -5px;
    position: absolute;
    bottom: 100%;
    z-index: 1;
}
.cloud-bottom {
    margin-top: -5px;
    position: absolute;
    top: 100%;
    z-index: 1;
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
}

/*--------------------------------------------------------------
#  Featured Posts Section
--------------------------------------------------------------*/
#featured-courses {
    padding: 7em 0;
    background-color: #eeeae7;
}
#featured-courses .title-section {
    text-align: center;
    margin-bottom: 5em;
}
#featured-courses .title-section h1 {
    margin: 0;
    font-size: 60px;
    line-height: 1.1;
    font-weight: bolder;
    color: #2a421d;
}
#featured-courses .title-section h1 span{
    color: #65a93f;
}
#featured-courses .image-container {
    height: 295px;
    width: 295px;
    overflow: hidden;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#featured-courses .content-image {
    height: 295px;
    width: 295px;
    border-radius: 50%;
    display: block;
    
    margin: auto;
    position: relative;
    margin-bottom: 10px;
    overflow: hidden;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
  
  /* [2] Transition property for smooth transformation of images */
#featured-courses .content-image .image-container {
    transition: transform .5s ease;
    width: 100%;
  }
  
  /* [3] Finally, transforming the image when container gets hovered */
  #featured-courses .content-image:hover .image-container{
    transform: scale(1.5);
  }
#featured-courses .featured-service-item {
    background: #fff;
    border-radius: 14px;
    padding: 22px 30px;
}
#featured-courses .entry-title {
    margin: 0;
    margin-bottom: 5px;
}
#featured-courses .entry-content p{
    color: #7a8575;
    line-height: 1.3;
    font-size: 19px;
    margin-bottom: 1em;
}
#featured-courses .entry-title a {
    color: #2d421f;
    text-decoration: none;
    font-size: 26px;
    text-transform: uppercase;
    letter-spacing: normal;
    font-weight: 700;
}
#featured-courses .button-content a {
    text-decoration: none;
    background: #8373CE;
    color: #fff;
    border: 2px solid #8373CE;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 0;
    line-height: normal;
    font-weight: 600;
    font-size: 19px;
    border-radius: 21px;
    margin: 12px 0;
    transition: all 0.4s ease-in-out;
}
#featured-courses .button-content a:hover,
#featured-courses .button-content a:focus{
    background: #fff;
    color: #8373CE;
    border: 3px solid #8373CE;
}
/*--------------------------------------------------------------
#  Featured type_of_work Section
--------------------------------------------------------------*/
#featured-type_of_work .featured-type_of_work-item {
    background-size: cover;
    background-position: 50%;
    padding: 175px 0;
    position: relative;
    background-color: #000;
}
#featured-type_of_work .entry-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 25px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
#featured-type_of_work .entry-header {
    background-color: #fff;
    padding: 15px 25px;
}
#featured-type_of_work .entry-title {
    margin: 0;
    font-size: 18px;
}
 .section-content-tow{
    display: flex;
} .section-content-tow .image-sec{
    width: 25%;
}.section-content-tow .tow-content{
    width: 75%;
}
/*--------------------------------------------------------------
#  Featured Classes Section
--------------------------------------------------------------*/
#featured-classes .featured-classes-item {
    position: relative;
    background-color: #8373CE;
    border-radius: 20px;
}
#featured-classes .featured-image {
    overflow: hidden;
    border-radius: 20px;
}
#featured-classes .featured-image img {
    object-fit: cover;
}
#featured-classes .equal-height .featured-image img {
    width: 100%;
}
#featured-classes .entry-container {
    padding: 30px;
}
#featured-classes .entry-header {
    margin-bottom: 10px;
}
#featured-classes .entry-title {
    margin: 0;
}
#featured-classes .entry-title a,
#featured-classes .entry-content,
#featured-classes .cat-links,
#featured-classes .cat-links:before,
#featured-classes .cat-links a {
    color: #fff;
}
#featured-classes .entry-content {
    margin-bottom: 20px;
}
#featured-classes .entry-title a:hover,
#featured-classes .entry-title a:focus,
#featured-classes .cat-links a:hover,
#featured-classes .cat-links a:focus {
    color: #fff;
    opacity: 0.8;
}
#featured-classes a {
    text-decoration: none;
}
#featured-classes .cat-links {
    margin-bottom: 15px;
    margin-right: 0;
    display: block;
}

/*--------------------------------------------------------------
#  Featured Testimonial Section
--------------------------------------------------------------*/
#featured-testimonial .section-content {
    margin: 0 -15px;
}
#featured-testimonial article {
    padding: 0 15px;
}
#featured-testimonial .entry-content {
    max-width: 600px;
    margin: 0 auto 20px;
}
#featured-testimonial .featured-testimonial-item {
    position: relative;
    padding: 50px 15px;
    border: 1px solid #eee;
}
.testimonial-position {
    margin-bottom: 10px;
    display: block;
}
#featured-testimonial .featured-image {
    background-size: cover;
    background-position: 50%;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    margin: 0 auto 20px;
}
#featured-testimonial .entry-container {
    text-align: center;
}
#featured-testimonial .entry-header {
    margin-bottom: 5px;
}
#featured-testimonial .entry-title {
    margin: 0;
    font-size: 18px;
}
#featured-testimonial a {
    text-decoration: none;
}
#featured-testimonial .slick-dots {
    position: relative;
    bottom: 0;
    margin-top: 25px;
}
#featured-testimonial .slick-dots li button {
    background-color: #ddd;
}
#featured-testimonial .slick-dots li.slick-active button {
    background-color: #8373CE;
}
#featured-testimonial .slick-arrow {
    margin-top: 25px;
    border-radius: 100%;
}
#featured-testimonial .slick-prev {
    left: -10px;
}
#featured-testimonial .slick-next {
    right: -10px;
}

/*--------------------------------------------------------------
#  Counter
--------------------------------------------------------------*/
#counter {
    padding: 50px 0;
    background-position: 50%;
    background-color: #2196f3;
    background-attachment: fixed;
}
#counter .wrapper {
    position: relative;
    max-width: 1200px;
}
#counter .section-content {
    margin-top: 25px;
    margin-left: -5px;
    margin-right: -5px;
}
#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.6;
    background-color: #282828;
}
.counter-item {
    padding: 20px;
    max-width: 280px;
}
.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;
}

/*--------------------------------------------------------------
# Featured Video Section
--------------------------------------------------------------*/
#featured-video {
    padding: 60px 0;
    text-align: center;
    background-size: cover;
    background-position: 50%;
}
#featured-video .wrapper {
    position: relative;
    z-index: 1;
}
#featured-video .section-header {
    max-width: 600px;
    margin: 0 auto 30px;
}
#featured-video .section-title {
    color: #fff;
    margin: 0;
}
#featured-video .section-title .last-word {
    color: #fff;
}
#featured-video p {
    color: #fff;
    margin-bottom: 0;
    max-width: 675px;
    margin-left: auto;
    margin-right: auto;
}
.video-button i {
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 50%;
    background-color: #fff;
    display: inline-block;
    text-align: center;
    color: #8373CE;
    font-size: 22px;
    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,
.video-button a:focus i {
    background-color: #8373CE;
    color: #fff;
}

/*--------------------------------------------------------------
# Latest Posts
--------------------------------------------------------------*/
#featured-posts{
    background-color: #eeeae7;
}
#featured-posts article.has-post-thumbnail {
    padding: 0 3px;
}
 .blog-posts-wrapper .featured-image {
    background-size: cover;
    background-position: 50%;
    padding: 155px 0;
}
#featured-posts .auther-comment{
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
}
#featured-posts .auther-comment li{
    display: flex;
    align-items: center;
    
}
#featured-posts .auther-comment li a{
    color: #7a8575;
    text-decoration: none;
}
#featured-posts .auther-comment li svg{
    margin-right: 5px;
    color: #7a8575;
}
#featured-posts .entry-container  {
    background: #fff;
    padding: 16px 21px 20px;
}
#featured-posts .entry-meta {
    position: absolute;
    right: 5px;
    bottom: 5px;
    background-color: #8373CE;
    padding: 8px 14px;
}
#featured-posts .entry-meta .date a{
    text-decoration: none;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
}
#featured-posts .entry-date{
    display: table-caption;
    text-align: center;
}
#featured-posts .entry-title{
    margin-bottom: 8px;
}
#featured-posts .entry-title a {
    color: #2b421e;
    text-decoration: none;
    font-size: 28px;
    text-transform: capitalize;
    letter-spacing: normal;
    font-weight: 700;
}
#featured-posts .entry-content p{
    color: #7a8575;
    line-height: 1.1;
    margin-bottom: 5px;
    padding-right: 5em;
    font-size: 16px;
}
#featured-posts .read-more a {
    font-weight: 600;
    font-size: 17px;
    text-decoration: none;
    color: #2b421e;
    display: flex;
    align-items: center;
    transition: all 0.4s ease-in-out;
}
#featured-posts .read-more a:hover,
#featured-posts .read-more a:focus{
    letter-spacing: 3px;
}
#featured-posts .post-item {
    border-radius: 15px;
    overflow: hidden;
}
/*--------------------------------------------------------------
# Typography Options
--------------------------------------------------------------*/ 
.section-title-font-1 .section-title {
    font-family: 'Raleway', sans-serif;
}
 
.section-title-font-2 .section-title {
    font-family: 'Poppins', sans-serif;
}
 
.section-title-font-3 .section-title {
    font-family: 'Montserrat', sans-serif;
}
 
.section-title-font-4 .section-title {
    font-family: 'Open Sans', sans-serif;
}
 
.section-title-font-5 .section-title {
    font-family: 'Lato', sans-serif;
}
 
.section-title-font-6 .section-title {
    font-family: 'Ubuntu', sans-serif;
}
 
.section-title-font-7 .section-title {
    font-family: 'Playfair Display', serif;
}
 
.section-title-font-8 .section-title {
    font-family:"DIN Next LT Arabic Regular" !important;
}
 
.section-title-font-9 .section-title {
    font-family: 'Titillium Web', sans-serif;
}
 
.section-title-font-10 .section-title {
    font-family: 'Muli', sans-serif;
}
 
.section-title-font-11 .section-title {
    font-family: 'Oxygen', sans-serif;
}
 
.section-title-font-12 .section-title {
    font-family: 'Nunito Sans', sans-serif;
}
 
.section-title-font-13 .section-title {
    font-family: 'Maven Pro', sans-serif;
}
 
.section-title-font-14 .section-title {
    font-family: 'Cairo', serif;
}
 
.section-title-font-15 .section-title {
    font-family: 'Philosopher', sans-serif;
}
 
.section-title-font-16 .section-title {
    font-family: 'Dosis', sans-serif;
}
 
.section-title-font-17 .section-title {
    font-family: 'Sniglet', cursive;
}
 
.section-title-font-18 .section-title {
    font-family: 'Gloria Hallelujah', cursive;
}
 
.section-title-font-19 .section-title {
    font-family: 'Patrick Hand', cursive;
}
 
.section-title-font-20 .section-title {
    font-family: 'Shadows Into Light', cursive;
}

.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 .btn {
    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 .btn {
    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 .btn {
    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 .btn {
    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 .btn {
    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 .btn {
    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 .btn {
    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 .btn {
    font-family:"DIN Next LT Arabic Regular" !important;
}

.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 .btn {
    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 .btn {
    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 .btn {
    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 .btn {
    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 .btn {
    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 .btn {
    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 .btn {
    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 .btn {
    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 .btn {
    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 .btn {
    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 .btn {
    font-family: 'Patrick Hand', cursive;
}

.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 .btn {
    font-family: 'Shadows Into Light', cursive;
}

.header-font-21 h1,
.header-font-21 h2,
.header-font-21 h3,
.header-font-21 h4,
.header-font-21 h5,
.header-font-21 h6,
.header-font-21 .btn {
    font-family: 'Space Grotesk', sans-serif;
}

.body-font-1,
.body-font-1 .main-navigation a {
    font-family: 'Raleway', sans-serif;
}

.body-font-2,
.body-font-2 .main-navigation a {
    font-family: 'Poppins', sans-serif;
}

.body-font-3,
.body-font-3 .main-navigation a {
    font-family: 'Montserrat', sans-serif;
}

.body-font-4,
.body-font-4 .main-navigation a {
    font-family: 'Open Sans', sans-serif;
}

.body-font-5,
.body-font-5 .main-navigation a {
    font-family: 'Lato', sans-serif;
}

.body-font-6,
.body-font-6 .main-navigation a {
    font-family: 'Ubuntu', sans-serif;
}

.body-font-7,
.body-font-7 .main-navigation a {
    font-family: 'Playfair Display', serif;
}

.body-font-8,
.body-font-8 .main-navigation a {
    font-family:"DIN Next LT Arabic Regular" !important;
}

.body-font-9,
.body-font-9 .main-navigation a {
    font-family: 'Titillium Web', sans-serif;
}

.body-font-10,
.body-font-10 .main-navigation a-10 {
    font-family: 'Muli', sans-serif;
}

.body-font-11,
.body-font-11 .main-navigation a {
    font-family: 'Oxygen', sans-serif;
}

.body-font-12,
.body-font-12 .main-navigation a {
    font-family: 'Nunito Sans', sans-serif;
}

.body-font-13,
.body-font-13 .main-navigation a {
    font-family: 'Maven Pro', sans-serif;
}

.body-font-14,
.body-font-14 .main-navigation a {
    font-family: 'Cairo', serif;
}

.body-font-15,
.body-font-15 .main-navigation a {
    font-family: 'Philosopher', sans-serif;
}

.body-font-16,
.body-font-16 .main-navigation a {
    font-family: 'Dosis', sans-serif;
}

.body-font-17,
.body-font-17 .main-navigation a {
    font-family: 'Sniglet', cursive;
}

.body-font-18,
.body-font-18 .main-navigation a {
    font-family: 'Gloria Hallelujah', cursive;
}

.body-font-19,
.body-font-19 .main-navigation a {
    font-family: 'Quicksand', sans-serif;
}

/*--------------------------------------------------------------
#                   Footer
--------------------------------------------------------------*/
#colophon {
    position: relative;
}
#colophon {
    background-color: #02040f;
}
.footer-widgets-area {
    border-bottom: 1px solid rgb(255 255 255 / 10%);
}
#colophon ul {
    list-style: none;
    padding: 0;
}
#colophon ul a {
    text-decoration: none;
}
#colophon,
#colophon a,
#colophon p,
#colophon li {
    color: #fff;
}
#colophon a:hover,
#colophon a:focus {
    color: #8373CE;
}
#colophon .widget-title {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0.01em;
}
#colophon .footer-cloud {
    display: inline-block;
    margin-bottom: -5px;
}
.site-info {
    position: relative;
    padding: 30px 0;
    background-color: #02040f;
}
.site-info span {
    display: block;
    text-align: center;
}
#colophon .site-info a:hover, 
#colophon .site-info a:focus {
    color: #000;
}
.footer-widgets-area .widget ul li {
    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_tag_cloud .tagcloud a {
    font-size: 14px !important;
    line-height: 1;
    background-color: #8373CE;
    padding: 5px 8px;
    margin: 0 4px 8px 0;
    color: #fff!important;
    border-radius: 4px;
    display: inline-block;
    text-decoration: none;
}
#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: #000;
    color: #fff;
}
#colophon .widget_search form.search-form button.search-submit {
    background-color: #8373CE;
}
#colophon .widget_recent_entries li:before {
    float: left;
}
.backtotop {
    background-color: #8373CE;
    z-index: 300;
    font-size: 25px;
    position: fixed;
    bottom: -100px;
    right: 25px;
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    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;
}
.backtotop:hover,
.backtotop:focus {
    background-color: #000;
}
#loader-wrapper {
    overflow-x: hidden;
    overflow-y: hidden;
    vertical-align: middle;
    background-color: #fff;
    position:fixed;
    width: 100%;
    top: 0;
    bottom: 0;
    height: 100%;
    min-height: 100%;
    z-index:9999;
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 80px;
    height: 80px;
}
.preloader-one #loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #3498db;
    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
.preloader-one #loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #e74c3c;

    -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
.preloader-one #loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #f9c922;
    -webkit-animation: spin 1.5s linear infinite;
      animation: spin 1.5s linear infinite; 
}
@-webkit-keyframes spin {
    0%   { 
        -webkit-transform: rotate(0deg); 
        -ms-transform: rotate(0deg); 
        transform: rotate(0deg); 
    }
    100% {
        -webkit-transform: rotate(360deg); 
        -ms-transform: rotate(360deg); 
        transform: rotate(360deg); 
    }
}
@keyframes spin {
    0%   { 
        -webkit-transform: rotate(0deg);  
        -ms-transform: rotate(0deg);  
        transform: rotate(0deg);  
    }
    100% {
        -webkit-transform: rotate(360deg);  
        -ms-transform: rotate(360deg); 
        transform: rotate(360deg); 
    }
}
#loader svg,
.preloader-disable #loader-wrapper {
    display: none;

}
#loader svg {
    width: 70px;
    height: 70px;
    fill: #d72924;
}
.preloader-two #loader .loader-two,
.preloader-three #loader .loader-three,
.preloader-four #loader .loader-four,
.preloader-five #loader .loader-five {
    display: block;
}

/*--------------------------------------------------------------
#                   RESPONSIVE
--------------------------------------------------------------*/
@media screen and (min-width: 567px) {
    #featured-classes .widget-body > div {
        width: 50%;
        float: left;
        text-align: left;
    }
    #featured-classes .widget-body > div:nth-child(2n+1) {
        clear: left;
    }
    #featured-classes .widget-body > div:nth-last-child(-n+2) {
        margin-bottom: 0;
    }
    .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;
    }
}
@media screen and (min-width: 767px) {
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6 {
        margin: 0 -15px;
    }
    .col-2 article,
    .col-3 article,
    .col-4 article,
    .col-5 article,
    .col-6 article {
        padding: 0 19px;
        float: left;
        width: 50%;
        margin-bottom: 30px;
    }
    .col-2 article:nth-child(2n+1),
    .col-3 article:nth-child(2n+1),
    .col-4 article:nth-child(2n+1),
    .col-5 article:nth-child(2n+1),
    .col-6 article:nth-child(2n+1) {
        clear: left;
    }
    .col-2 article:nth-last-child(-n+2),
    .col-3 article:nth-last-child(-n+2),
    .col-4 article:nth-last-child(-n+2),
    .col-5 article:nth-last-child(-n+2),
    .col-6 article:nth-last-child(-n+2) {
        margin-bottom: 0;
    }
    .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) {
    .col-3 article,
    .col-5 article,
    .col-6 article {
        width: 33.33%;
    }
    .col-3 article:nth-child(2n+1),
    .col-5 article:nth-child(2n+1),
    .col-6 article:nth-child(2n+1) {
        clear: none;
    }
    .col-3 article:nth-child(3n+1),
    .col-5 article:nth-child(3n+1),
    .col-6 article:nth-child(3n+1) {
        clear: left;
    }
    .col-3 article:nth-last-child(-n+3),
    .col-5 article:nth-last-child(-n+3),
    .col-6 article:nth-last-child(-n+3) {
        margin-bottom: 0;
    }
    .col-4 article {
        width: 25%;
    }
    .col-5 article {
        width: 20%;
    }
    .col-6 article {
        width: 16.66%;
    }
    .col-4 article:nth-child(2n+1),
    .col-5 article:nth-child(3n+1),
    .col-6 article:nth-child(3n+1) {
        clear: none;
    }
    .col-4 article:nth-child(4n+1),
    .col-5 article:nth-child(5n+1),
    .col-6 article:nth-child(6n+1) {
        clear: left;
    }
    .col-4 article:nth-last-child(-n+4),
    .col-5 article:nth-last-child(-n+5),
    .col-6 article:nth-last-child(-n+6) {
        margin-bottom: 0;
    }
    #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;
    }
    nav.navigation.pagination {
        margin-top: 63px;
    }
    #colophon .social-icons {
        margin-left: -15px;
    }
    .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 (max-width: 1024px) {
    #featured-courses .image-container {
        height: 215px;
        width: 215px;
    }
    #featured-courses .content-image {
        height: 215px;
        width: 215px;
    }
}
@media screen and (min-width: 1024px) {
    .menu-sticky #masthead {
        position: sticky;
        top: 0;
    }
    .menu-sticky #masthead.nav-shrink {
        box-shadow: 0 6px 10px rgb(0 0 0 / 10%);
    }
    .customize-support.menu-sticky #masthead.nav-shrink {
        top: 32px;
    }
    .site-branding{
        display: flex;
        align-items: center;
        min-height: 61px;
        position: relative;
        height: 100%;
    }
    .main-navigation {
        /* padding: 27px 0; */
        width: auto;
        float: right;
        text-align: right;
        position: relative;
    }    
    .main-navigation.icons-active {
        padding: 0;
    }
    .main-navigation ul.nav-menu > li {
        text-align: center;
    }
    .main-navigation ul.nav-menu > li > a {
        color: #fff;
        position: relative;
        z-index: 10;
        transition: all 0.3s ease-in-out;
    }
    .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,
    .main-navigation ul.nav-menu > li:hover > a, 
    .main-navigation ul.nav-menu > li.focus > a {
        color: #FFF;
        
    }
    .main-navigation ul.nav-menu li ul .current_page_item > a, 
    .main-navigation ul.nav-menu li ul .current-menu-item > a, 
    .main-navigation ul.nav-menu li ul .current_page_ancestor > a, 
    .main-navigation ul.nav-menu li ul .current-menu-ancestor > a,
    .main-navigation ul.nav-menu > li:hover > a, 
    .main-navigation ul.nav-menu > li.focus > a {
        background-color: #8373CE;

    }
    .main-navigation ul.nav-menu > li:hover > a::before{
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        background-color: #8373CE;
        width: 100%;
        height: 100%;
        z-index: -1;
        border-radius: 0;
        transition: all 0.3s ease-in-out;
    }
    .main-navigation ul.nav-menu .current_page_item > a::before{
        content: "";
        position: absolute;
        right: 15%;
        background-color: #8373CE;
        width: 33px;
        height: 30px;
        z-index: -1;
        border-radius: 50%;
        transition: 0.4s;
    }
    .main-navigation ul.nav-menu > li {
        text-align: center;
        padding: 15px 0;
        position: relative;
        height: 100%;
    }
    .main-navigation.icons-active ul.nav-menu > li {
        padding: 15px 25px 8px;
    }
    .main-navigation ul.nav-menu > .menu-item-has-children > a:after {
        content: "\f067";
        padding-left: 10px;
        font-size: 10px;
        position: relative;
        bottom: 1px;
        -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 ul .menu-item-has-children > a:before {
        content: "\f067";
        font-size: 10px;
        position: relative;
        top: 20px;
        -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;
        position: absolute;
        right: 15px;
    }
    .main-navigation ul.nav-menu  {
        display: block !important;
        height: auto !important;
        position: relative;
        height: 100%!important;
    }
    .main-navigation ul ul {
        box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15);
        width: 250px;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }
    .main-navigation ul li:hover > ul,
    .main-navigation ul li.focus > ul {
        left: auto;
        right: 0;
        display: block !important;
        -webkit-transform: translateY(-5px);
        -moz-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        -o-transform: translateY(-5px);
        transform: translateY(-5px);
    }
    .main-navigation ul ul li:hover > ul,
    .main-navigation ul ul li.focus > ul {
        left: auto;
        right: 100%;
    }
    .main-navigation ul ul li:hover > a,
    .main-navigation ul ul li.focus > a {
        background-color: #8373CE;
        color: #fff;
    }
    .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: 5px;
    }
    .main-navigation ul ul li a:hover,
    .main-navigation ul ul li.current-menu-ancestor:hover > a {
        color: #fff !important;
    }
    .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 {
        display: block;
        margin: 0 auto 10px;
    }
    .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 {
        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: 345px 0;
    }
    #featured-slider .entry-title {
        font-size: 68px;
        letter-spacing: normal;
        text-transform: capitalize;
        font-weight: 700;
    }
    .overlay-side {
        position: absolute;
        top: 0;
    }
    .right-sidebar #primary,
    .left-sidebar #primary {
        width: 70%;
        float: left;
        padding-right: 30px;
    }
    .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;
    }
}
@media screen and (min-width: 1900px) {
    #featured-slider article {
        padding: 400px 0;
    }
    .footer-widgets-area.section-gap {
        padding: 200px 0 100px;
    }
}
@media only screen and (max-width: 768px){
    #masthead.site-header .main-navigation ul.nav-menu {
        width: auto;
        margin-right: 0;
        background-color: #fff;
        margin-top: 25px;
        border-top: 1px solid rgba(0, 0, 0, 0.10);
        position: absolute;
        top: 100%;
        left: auto;
        right: 0;
    }
    #featured-slider .entry-container{
        position: absolute;
        top: 50%;
        width: 100%;
        left: 0;
        right: 0;
        text-align: center;
        padding: 0 30px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .overlay-side{
        display: none;
    }
    #featured-courses .image-container {
        height: 245px;
        width: 245px;
    }
    #featured-courses .content-image {
        height: 245px;
        width: 245px;
    }
    .site-branding {
        padding-right: 50px;
        min-height: 62px;
        display: flex;
        align-items: center;
    }
    #featured-slider .entry-title {
        margin-bottom: 0;
        font-size: 32px;
        color: #fff;
        text-transform: uppercase;
    }
    #featured-slider .entry-content p {
        font-size: 20px;
        letter-spacing: 3px;
        line-height: 1;
        font-weight: 600;
        text-transform: uppercase;
        padding-right: 0;
        margin-bottom: 20px;
    }
    #featured-slider .entry-content {
        color: #fff;
        margin: 0 72px 0;
        display: block;
    }
}
@media only screen and (max-width: 425px){
    #featured-posts .read-more a {
        justify-content: center;
    }
    #featured-posts .entry-content p {
        padding-right: 0em;
    }
    #featured-slider .entry-content {
        color: #fff;
        margin: 0 0px 0;
        display: block;
    }
    .site-logo img {
        width: auto;
    }
    .site-branding {
        padding-right: 0px!important;
    }
    .header-nav{
        display: block;
        float: none;
    }
    .contact-header {
        margin-right: 100px;
        width: auto;
        margin-left: 0;
        height: 100%;
    }
}
@media only screen and (max-width: 1023px) {
    #top-bar {
        border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    }
    #masthead {
        min-height: 86px;
    }
    .site-branding {
        padding-right: 50px;
        min-height: 62px;
        display: flex;
        align-items: center;
    }
    .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.nav-menu > li {
        width: 100%;
        padding: 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: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: 12px 15px;
    }
    #masthead.site-header .main-navigation ul.nav-menu {
        margin-top: 0;
        position: absolute;
        max-width: 500px;
        top: 100%;
        left: auto;
        right: 0;
        width: auto;
        z-index: 10;
    }
    .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;
    }
    .body-overlay #content, 
    .body-overlay #colophon,
    .body-overlay .backtotop {
        filter: blur(25px);
    }
    #page-site-header {
        padding: 250px 0;
    }
}

@media screen and (max-width: 992px) {
    #page-site-header {
        padding: 200px 0;
    }
    .comments-title, 
    #reply-title {
        font-size: 28px;
    }
}
@media screen and (max-width: 767px) {
    #masthead.site-header .main-navigation ul.nav-menu {
           width: auto!important;
        margin-right: 0;
        background-color: #fff;
        margin-top: 25px;
        border-top: 1px solid rgba(0, 0, 0, 0.10);
        position: absolute;
        top: 100%;
        left: auto;
        right: 0;
    }
    #page-site-header .page-title {
        font-size: 32px;
    }
    #featured-classes .featured-classes-item,
    .blog-posts-wrapper .post-item,
    .footer-widgets-area .hentry {
        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;
    }
    .backtotop {
        display: none;
    }
}
@media screen and (max-width: 567px) {
    .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;
    }
    .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;
    }
}