@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/fonts/roboto/roboto-400.woff2") format("woff2")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("/fonts/roboto/roboto-500.woff2") format("woff2")
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url("/fonts/roboto/roboto-400-italic.woff2") format("woff2")
}

@font-face {
    font-family: Lora;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("/fonts/roboto/lora-500-bold.woff2") format("woff2")
}

:root {
    --base-font-stack: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, 'Segoe UI', 'Noto Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    --font-family: 'Roboto', var(--base-font-stack);
    --heading-font-family: 'Lora', var(--base-font-stack)
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

html {
    font-family: var(--font-family);
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

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

button,
input,
select,
textarea {
    margin: 0;
    font-weight: 500
}

:focus {
    outline: 0
}

img,
video,
object {
    max-width: 100%;
    height: auto !important
}

iframe {
    max-width: 100%
}

blockquote {
    background: #f9f9f9;
    border-left: 10px solid #ccc;
    margin: 1.5em 10px;
    padding: .5em 10px;
    quotes: "\201C""\201D""\2018""\2019"
}

blockquote:before {
    color: #ccc;
    content: open-quote;
    font-size: 4em;
    line-height: .1em;
    margin-right: .25em;
    vertical-align: -.4em
}

blockquote p {
    display: inline
}

strong,
b {
    font-weight: 500
}

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

small {
    font-size: 100%
}

figure {
    margin: 10px 0
}

code,
pre {
    font-weight: 400;
    font-style: normal
}

code {
    padding: 0 8px;
    line-height: 1.5
}

pre code {
    padding: 0
}

mark {
    padding: 1px 6px;
    margin: 0 2px;
    color: #000;
    background: #fff7a8
}

address {
    margin: 10px 0;
    font-style: italic
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center
}

.gallery-caption {}

#gallery-1 img {
    border: 0 !important
}

.bypostauthor {}

.wp-caption-text {
    margin-bottom: 0
}

dl {}

dt {
    float: left;
    clear: left;
    width: 100px;
    text-align: right;
    font-weight: 500
}

dd {
    margin: 0 0 0 110px;
    padding: 0 0 .5em;
    overflow: hidden
}

#page .wp-caption img {
    border: 0;
    height: auto;
    margin: 0;
    max-width: 100%;
    padding: 0;
    width: auto
}

.alignnone {
    margin: 5px 20px 20px 0
}

.aligncenter,
div.aligncenter {
    margin: 20px auto
}

.alignright {
    float: right;
    margin: 5px 0 20px 10px
}

.alignleft {
    float: left;
    clear: left;
    margin: 5px 10px 20px 0
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px
}

a img.alignnone {
    margin: 5px 20px 20px 0
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center
}

.wp-caption.alignnone {
    margin: 0;
    margin-bottom: 15px;
    max-width: 100%
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px
}

.wp-caption img {
    border: 0;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto
}

.wp-caption p.wp-caption-text {
    line-height: 17px;
    margin: 0;
    padding: 0 4px
}



body {
    font-family: var(--font-family);
    font-weight: 400;
    text-transform: none;
    font-size: 18px;
    line-height: 1.5
}

::-moz-selection {
    background: #222;
    color: #fff;
    text-shadow: none
}

::selection {
    background: #222;
    color: #fff;
    text-shadow: none
}

#page,
.container {
    position: relative;
    margin-right: auto;
    margin-left: auto
}

.sub-title {
    font-size: 12px
}

p {
    margin-bottom: 20px
}

a {
    text-decoration: none;
    font-weight: 400;
    color: #025A92
}

a:hover {
    color: #025A92
}

a:link,
a:visited,
a:active {
    text-decoration: none
}

#secondary-navigation a {
    font-family: inherit;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase
}

.latestPost .title a {
    font-family: inherit;
    font-weight: 400;
    font-size: 28px;
    color: #025A92
}

.single-title {
    font-family: inherit;
    font-weight: 500;
    font-size: 28px;
    color: #444
}

#sidebar .widget h3 {
    font-family: inherit;
    font-weight: 500;
    font-size: 21px;
    color: #444;
    text-transform: uppercase
}

#sidebar .widget {
    font-family: inherit;
    font-weight: 400;
    font-size: 18px;
    color: #444
}

#copyright-note {
    font-family: inherit;
    font-weight: 400;
    font-size: 14px;
    color: #7e7d7d
}

.main-container {
    width: 100%;
    margin: 0 auto;
    clear: both;
    display: block;
    padding: 0
}

#page,
.container {
    max-width: 1152px;
    min-width: 240px
}

#page {
    padding-top: 35px;
    min-height: 100px;
    float: none;
    clear: both
}

header {
    float: left;
    width: 100%;
    position: relative
}

.main-header {
    position: relative;
    float: left;
    min-width: 100%;
    width: 100%;
    z-index: 99;
    background: #fff
}

.main-header .container {
    background: #fff
}

#header {
    position: relative;
    min-width: 100%;
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    background: #222
}

#logo img {
    float: left
}

.logo-wrap {
    margin: 20px 0;
    overflow: hidden;
    float: left
}

#header .logo-wrap {
    padding: 0;
    margin: 0
}

.widget-header {
    float: right;
    max-width: 77%;
    margin-top: 20px
}

.small-header {
    text-align: center
}

.small-header .widget-header {
    float: none;
    display: inline-block;
    margin-bottom: -20px
}

.widget-header img {
    float: left
}

.widget-header .textwidget {
    float: left;
    margin-top: 26px;
    border-left: 1px solid #ccc;
    padding-left: 20px
}

.navigation .toggle-caret {
    display: none
}

.menu-item-has-children>a:after {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCc+PHBhdGggZmlsbD0nI2ZmZicgZD0nTTEyIDIxbC0xMi0xOGgyNHonPjwvcGF0aD48L3N2Zz4=);
    position: absolute;
    font-size: 12px;
    height: 1em;
    width: 1em;
    right: 14px
}

#secondary-navigation {
    display: block;
    float: right
}

.regular_header #secondary-navigation {
    float: left;
    width: 100%
}

#secondary-navigation .navigation ul ul li {
    background: #222
}

#secondary-navigation .navigation ul li:hover,
#secondary-navigation .navigation ul .current-menu-item {
    background: #222
}

#secondary-navigation .navigation ul li:hover a {
    color: #fff
}

#secondary-navigation a {
    text-align: left;
    text-decoration: none;
    padding: 14px 15px
}

#secondary-navigation .navigation>ul>.menu-item-has-children>a {
    padding-right: 38px
}

#secondary-navigation .menu-item-has-children>a:after {
    right: 22px
}

#primary-navigation a {
    padding: 0;
    line-height: 0
}

#secondary-navigation a .sub {
    font-size: 11px;
    font-weight: 400;
    color: #9b9b9b
}

.navigation {
    float: left;
    position: relative;
    width: 100%
}

.navigation ul {
    margin: 0 auto
}

.navigation ul li {
    float: left;
    line-height: 24px;
    position: relative
}

.navigation ul li a,
.navigation ul li a:link,
.navigation ul li a:visited {
    display: inline-block
}

.navigation>ul>.current a {
    background: 0 0;
    color: #5a5a5a !important
}

.navigation ul li li {
    background: #fff;
    border-bottom: 0
}

.navigation ul ul {
    position: absolute;
    width: 255px;
    padding: 10px 0 0;
    padding-top: 0;
    z-index: 400;
    font-size: 12px;
    color: #798189;
    box-shadow: 0 2px 1px 0 rgba(50, 50, 50, .2)
}

.navigation ul ul li {
    padding: 0;
    background: #fff;
    color: #000
}

#secondary-navigation .navigation ul ul a,
#secondary-navigation .navigation ul ul a:link,
#secondary-navigation .navigation ul ul a:visited {
    padding: 9px 45px 9px 20px;
    position: relative;
    width: 190px;
    border-left: 0;
    background: 0 0;
    border-right: 0;
    border-radius: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .05);
    margin: 0
}

.navigation ul ul li:last-child a {
    border-bottom: none
}

.navigation ul ul {
    display: none
}

.navigation ul ul ul {
    left: 256px;
    top: 0;
    box-shadow: 1px 1px 3px 0 rgba(50, 50, 50, .2)
}

.sub-menu .menu-item-has-children:after {
    color: #fff
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.clearfix {
    *zoom: 1
}

a#pull {
    display: none
}

.navigation i {
    margin-right: 4px
}

#content_box {
    float: left;
    width: 100%
}

.post {
    float: left;
    width: 100%
}

.single_post {
    background-color: #fff;
    width: 100%;
    float: left;
    margin-bottom: 10px
}

.single_page {
    background-color: #fff;
    padding-top: 0
}

.post-content {
    margin-bottom: 5px;
    overflow: hidden;
    clear: both;
    float: left;
    width: 100%
}

.post-single-content {
    clear: both;
    float: left;
    width: 100%
}

.readMore {
    float: left;
    margin-top: 5px
}

.frontPost .readMore a {
    color: #000;
    font-size: 12px
}

.ss-full-width {
    background: #fff;
    overflow: hidden;
    padding-top: 0;
    padding: 4%
}

.ss-full-width #content_box {
    padding-right: 0;
    padding-left: 0
}

.post.excerpt {
    clear: both;
    margin-bottom: 20px;
    overflow: hidden;
    padding-bottom: 15px;
    background-color: #fff;
    width: auto
}

.title {
    clear: both
}

.single-title {
    float: left;
    width: 100%
}

.page h1.title {
    padding-top: 0;
    margin-bottom: 0
}

header .post-info a {
    color: #777
}

.post-info>span {
    margin-right: 20px
}

article header {
    float: left;
    width: 100%
}

.latestPost {
    width: 100%;
    float: left;
    margin-bottom: 10px
}

.latestPost .title {
    display: block
}



hr {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    width: 300px;
    margin: 35px auto;
    clear: both;
    position: relative
}

#sidebar .widget.widget_search,
#sidebar .widget.mts_subscribe_widget,
#sidebar .widget.widget_product_search {
    background: #fff
}

#sidebar .widget.widget_search h3 {
    color: #fff
}

#searchform {
    padding: 0;
    float: left;
    clear: both;
    width: 100%
}

.article #searchform {
    max-width: 300px
}

#searchform fieldset {
    float: left
}

.sbutton,
#searchsubmit,
.mts-subscribe input[type=submit],
.widget_product_search input[type=submit] {
    float: right;
    border: 0;
    width: 100%;
    height: 48px;
    cursor: pointer;
    text-align: center;
    color: #fff;
    background: 0 0;
    margin-top: 10px;
    border-radius: 3px;
    font-size: 16px
}

#s,
.mts-subscribe input[type=text],
.widget_product_search .search-field {
    width: 100%;
    background-color: #fff;
    float: left;
    text-indent: 10px;
    color: #999;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: 1px 1px 3px #eee inset;
    box-sizing: border-box
}

::-webkit-input-placeholder {
    color: #999
}

:-moz-placeholder {
    color: #999
}

::-moz-placeholder {
    color: #999
}

:-ms-input-placeholder {
    color: #999
}

:input-placeholder {
    color: #999
}

input::-webkit-input-speech-button {
    margin-right: 14px;
    margin-left: 4px;
    cursor: pointer
}

#searchform fieldset {
    width: 100%
}

.read-more {
    margin: 0 0 0 10px;
    line-height: 1.4em;
    background: 0 0;
    padding: 0;
    font-size: 16px
}

.topad {
    margin-bottom: 10px;
    clear: both;
    max-width: 100%
}

#sidebar .wp-post-image,
footer .wp-post-image {
    margin-top: 5px;
    margin-right: 10px;
    margin-left: 0
}

#sidebar .widget {
    margin-bottom: 0;
    float: left;
    clear: both;
    width: 100%;
    background: #fff;
    padding: 20px
}

.widget .title {
    font-weight: 500;
    text-transform: uppercase;
    color: #545e68;
    font-size: 12px
}

footer {
    background: #222;
    margin-top: 30px;
    position: relative;
    overflow: hidden;
    clear: both
}

footer .container {
    padding: 0;
    width: 1152px
}

.copyrights {
    float: left;
    width: 100%;
    clear: both;
    padding-bottom: 17px;
    padding-top: 20px;
    background: #000
}

#copyright-note {
    width: 100%;
    margin: 0 auto;
    clear: both;
    max-width: 100%
}

.postsby {
    margin-bottom: 25px
}

.to-top {
    float: right;
    position: relative
}

.tags {
    margin: 20px 0 0;
    width: 100%;
    float: left
}

.tags a {
    margin-left: 5px
}



.ago {
    color: #999;
    text-transform: uppercase;
    font-size: 12px
}

.fn {
    line-height: 1.375em;
    font-weight: 400
}

.fn a {
    color: #ee210b;
    font-weight: 400;
    font-size: 15px
}


.pagination {
    clear: both;
    overflow: hidden;
    float: left;
    width: 100%;
    margin-top: 25px;
    margin-bottom: 0;
    display: block !important
}

.single .pagination {
    border: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 0;
    padding: 2.2% 0;
    width: 100%
}

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

.pagination ul li {
    float: left;
    margin-bottom: 5px
}

.page-numbers.current,
.pagination a:hover {
    color: #fff;
    margin: 0 5px 0 0;
    display: inline-block;
    float: left;
    line-height: 1;
    text-decoration: none;
    padding: 10px 13px;
    background: #0c7ded;
    min-width: 36px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    text-align: center
}

.pagination a,
#load-posts a,
.single .pagination>.current .currenttext,
.pagination .page-numbers.dots {
    background: #025A92;
    margin: 0 5px 0 0;
    display: inline-block;
    float: left;
    line-height: 2;
    text-decoration: none;
    color: #fff;
    padding: 10px 13px;
    min-width: 36px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    text-align: center
}

#load-posts {
    float: left;
    width: 100%;
    text-align: center
}

#load-posts .fa,
#fs2_load_more_button .fa {
    margin-right: 5px
}

.pagination a:hover {
    color: #fff
}

.pagination .nav-previous {
    float: left
}

.pagination .nav-next {
    float: right
}

.pagination .nav-previous a,
.pagination .nav-next a {
    color: #fff !important
}

.pagination .nav-previous a:hover,
.pagination .nav-next a:hover {
    background-color: #222
}

.single .pagination a .currenttext,
.single .pagination a .current {
    padding: 0;
    background: transparent !important;
    margin-right: 0
}

.single .pagination a:hover .currenttext {
    color: #fff
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.update {
    font-size: 20px;
    margin-bottom: 5px
}

.bold,
.b,
.msgist {
    font-weight: 500
}

.italic,
.i {
    font-style: italic
}

.c {
    font-style: italic;
    font-size: 12px
}

.coro ul ul li {
    list-style-type: none;
    margin: 0 0 7px;
    padding: 0 0 7px 19px;
    border-top: 0 dotted #ddd
}

.coro li {
    list-style-type: none;
    margin: 0 0 7px;
    padding: 0 0 7px 19px;
    border-top: 1px dotted #ddd
}

.home-title {
    display: block;
    width: 100%;
    border-bottom: 1px dotted #ddd;
    line-height: 2em
}

.ta {
    max-width: 97%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.fa-asterisk,
.fa-clock-o,
.fa-user {
    color: #ff6200
}

.h2,
.headingblue {
    color: #025A92
}

body {
    color: #545454
}

p {
    letter-spacing: .01em
}

body {
    background-color: #fff
}

.pace .pace-progress,
#mobile-menu-wrapper ul li a:hover,
.page-numbers.current,
.pagination a:hover,
.single .pagination a:hover .current {
    background: #025A92
}

a#pull,
#commentform input#submit,
#mtscontact_submit,
.mts-subscribe input[type=submit],
.widget_product_search input[type=submit],
.currenttext,
.pagination a:hover,
.pagination .nav-previous a:hover,
.pagination .nav-next a:hover,
#load-posts a:hover,
.single .pagination a:hover .currenttext,
.single .pagination>.current .currenttext,
.navigation ul .sfHover a,
.sbutton,
#searchsubmit {
    background-color: #025A92;
    color: #fff !important
}

.bo {
    border-bottom: 2px solid #ddd;
    margin-bottom: 20px;
    font-size: 18px
}

.author-bo {
    border-top: 2px solid #ddd;
    background: #fff;
    color: #222;
    padding: 30px;
    overflow: hidden;
    margin-bottom: 10px
}

.author-bo .avatar {
    border-radius: 50%;
    float: left;
    margin-right: 24px;
    margin-bottom: 15px
}

.author-descriptio {
    font-size: 18px
}

.mygist ::-moz-selection {
    color: #444;
    background: #fff
}

.mygist ::selection {
    color: #444;
    background: #fff
}

.ad-wrap {
    min-height: 100px
}

@media screen and (min-width: 40em) {
    .ad-wrap {
        min-height: 100px
    }
}

.post-info {
    display: block;
    font-size: 14px;
    color: #aaa;
    float: left;
    clear: both;
    margin-bottom: 5px
}



.olu_responsive_1 {
    width: 320px;
    height: 250px
}

@media(min-width: 500px) {
    .olu_responsive_1 {
        width: 468px;
        height: 60px
    }
}

@media(min-width: 800px) {
    .olu_responsive_1 {
        width: 728px;
        height: 90px
    }
}

.sidebar.c-4-12 {
    width: 90%
}

@media(min-width: 800px) {
    .sidebar.c-4-12 {
        width: 29.5%;
        max-width: 340px
    }
}

#sidebar p {
    line-height: 20px
}

.sidebar.c-4-12 {
    float: left;
    margin-bottom: 10px
}

.mjnap1 {
    text-align: left;
    margin: 20px;
    padding: 20px;
    color: #444;
    border-top: 1px dotted #ddd;
    border-bottom: 1px dotted #ddd
}

.h3,
.mjn {
    border-top: 3px dotted #428bca
}

.mjnap {
    text-align: left;
    margin: 20px;
    padding: 20px;
    font-family: inherit;
    font-size: 14px;
    color: #444;
    border-top: 1px dotted #ddd;
    border-bottom: 1px dotted #ddd
}

.thecontent a {
    word-wrap: break-word
}

.thecontent p {
    word-wrap: break-word
}

.ttt {
    text-transform: uppercase
}

#respond input[type=text],
textarea {
    outline: none;
    padding: 3px 0 3px 3px;
    margin: 5px 1px 3px 0;
    border: 1px solid #ddd
}

#respond input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
textarea:focus {
    box-shadow: 0 0 5px #51cbee;
    margin: 5px 1px 3px 0;
    border: 2px solid #51cbee
}

.avatar {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.p {
    margin-bottom: 15px
}

span.t {
    word-spacing: -3px
}

.hypo,
#widget.h3 {
    font-size: 17px;
    font-weight: 400;
    font-family: inherit;
    text-decoration: none;
    text-transform: none
}

.socialicons {
    padding: 0 0 7px
}

.socialicons a:hover {
    text-decoration: none
}

.rssicon {
    color: #f89839;
    font-size: 24px;
    margin: 0 18px 0 0
}

.twittericon {
    color: #55acee;
    font-size: 24px;
    margin: 0 18px 0 0
}

.fbicon {
    color: #3b5998;
    font-size: 24px;
    margin: 0 18px 0 0
}

.emailicon {
    color: #9a9a9a;
    font-size: 24px;
    margin: 0 18px 0 0
}

.homePost {
    float: left;
    width: 100%;
    margin-bottom: 10px
}

.homePost .title {
    display: block
}

.front-view-content {
    float: left;
    width: 100%;
    font-weight: 400;
}

.article-home {
    width: 100%
}

@media(min-width: 800px) {
    .article-home {
        width: 70.015%
    }
}

.article-home {
    margin-bottom: 5px;
    float: left
}

.article {
    width: 100%
}

@media(min-width: 800px) {
    .article {
        width: 70.015%
    }
}

.article {
    float: left;
    margin-bottom: 5px
}

.oll {
    margin-left: 10px
}

.oilly {
    margin: auto;
    width: 100%;
    text-align: center
}

.olls {
    border-bottom: 1px dotted #ddd;
    margin-bottom: 10px
}

.msg ::-moz-selection {
    color: #444;
    background: #fff
}

.msg ::selection {
    color: #444;
    background: #fff
}

.post-single-content .msg h2,
.post-single-content .msg h1 {
    font-size: 16px;
    margin-bottom: 10px;
    font-family: inherit;
    font-weight: 500;
    font-style: italic;
    text-transform: none;
    margin-top: 10px
}

.msg {
    display: flex;
    border-width: 1px 0;
    border-style: solid;
    border-color: #eee;
    padding: 1.5em 0 .5em;
    margin: 1.5em 0;
    font-weight: 500;
    font-style: italic;
    position: relative
}

.sidebar .widget-title {
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.4;
    margin-bottom: 10px;
    margin-right: 10px;
    border-bottom: 5px solid #025A92;
    text-align: center
}

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

.widget li {
    list-style-type: none;
    margin-left: 17px;
    margin-bottom: 7px;
    border-bottom: 1px dotted #d7d7d7
}

.widgetheading {
    font-size: 22px;
    font-weight: 500;
    padding-top: 0;
    padding-bottom: 0
}

.postauthor .widgetheading {
    font-size: 22px;
    font-weight: 500;
    padding-top: 0;
    padding-bottom: 0
}

span.headingorange {
    color: #ff6200
}

.topsby {
    color: #999;
    font-family: inherit;
    font-size: 20px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 5px;
    text-align: center
}

.archive-top {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 90%;
    margin: auto;
    width: 80%;
    padding: 10px
}

.archive-top ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.archive-top li {
    list-style-type: none;
    margin: 0 0 7px;
    padding: 0 0 7px 19px;
    border-bottom: 1px dotted #ddd
}

.commentlist .bypostauthor {
    border-top: 5px solid #1e73be;
    background: #f5f5f5;
    color: #444
}

.commentlist li ul.children li.bypostauthor {
    border-top: 5px solid #1e73be;
    background: #f5f5f5;
    color: #444;
    padding: 3px 6px 4px 10px
}

.paginate-com {
    margin: 10px 0 20px;
    padding: 5px 1px;
    line-height: 3;
    min-height: 50px;
    min-width: 5em
}

#comments {
    padding: 0;
    background-color: #fff;
    margin-top: 0;
    float: left;
    clear: both;
    width: 100%;
    min-height: 30px;
    min-width: 5em
}

.paginate-com a {
    padding: 3px 6px 4px;
    margin: 3px;
    text-decoration: none;
    border: 1px solid #1e73be;
    color: #fff;
    background-color: #1e73be
}

.paginate-com a:hover {
    border: 1px solid #1e73be;
    color: #1e73be;
    background-color: #fff
}

.style-3 .yuzo-list:before {
    list-style-type: none;
    margin: 0 0 7px;
    padding: 0 0 7px 19px;
    border-bottom: 1px dotted #ddd;
    background-image: none !important
}

table.courses {
    border: 0;
    width: 100%;
    border-collapse: collapse
}

table.courses td p {
    margin-bottom: 0;
    margin-top: 0
}

table.courses td p strong {
    color: #5b9ae8
}

table.courses tr td:first-child {
    width: 5px;
    padding: 0
}

table.courses tbody td {
    font-weight: 400;
    border-bottom: 0 solid #e4e4e4
}

.h3,
.h2,
.post-single-content h1,
.post-single-content h2,
.post-single-content h3,
.post-single-content h4,
.post-single-content h5,
.post-single-content h6 {
    font-family: inherit;
    text-transform: none;
    font-weight: 500
}

.post-single-content h2,
.h2,
.h3 {
    font-size: 26px;
}

.post-single-content h3 {
    font-size: 23px
}

.post-single-content h4 {
    font-size: 20px
}

.h3,
.h2,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--heading-font-family);
    font-weight: 500;
    margin-bottom: 5px;
    color: #222;
    line-height: 1.4
}

h1 {
    font-size: 28px;
}

h2 {
    font-size: 24px;
    color: #025A92
}

h3 {
    font-size: 22px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

.select {
    font-size: 16px;
    position: relative;
    display: inline-block
}

.select select {
    outline: none;
    -webkit-appearance: none;
    display: block;
    padding: 1.2em 3em 1.3em 1.5em;
    margin: 0;
    border: 5px solid #025A92;
    border-radius: 5px;
    background: #fff;
    color: #555;
    line-height: normal;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

.select .arr {
    background: #fff;
    bottom: 5px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 50px;
    pointer-events: none
}

.select .arr:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 24px;
    margin-top: -5px;
    pointer-events: none;
    border-top: 10px solid #025A92;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent
}

.select .arr:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 28px;
    margin-top: -5px;
    pointer-events: none;
    border-top: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent
}

.myschoolgistsharing {
    box-sizing: border-box;
    margin: 18px auto
}

.myschoolgistsharing a.button {
    border: none;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    line-height: 1;
    margin: 0;
    text-align: center;
    text-decoration: none
}

.myschoolgistsharing a.button:hover {
    color: #fff
}

.myschoolgistsharing .screen-reader-text {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden
}

.myschoolgistsharing-buttons {
    border-collapse: separate;
    border-spacing: 3px;
    display: table;
    table-layout: fixed
}

.myschoolgistsharing-buttons .button {
    display: table-cell
}

.myschoolgistsharing__buttons {
    display: flex;
    flex-wrap: wrap
}

.myschoolgistsharing__buttons a.button {
    border: 1px solid;
    display: flex;
    justify-content: center;
    align-items: center
}

.myschoolgistsharing__icon {
    display: inline-block;
    fill: currentColor;
    font-size: 18px;
    height: 1em;
    width: 1em
}

.myschoolgistsharing__icon+.sss-name {
    margin-left: 8px
}

.myschoolgistsharing .button.email {
    background-color: rgba(51, 51, 51, .8)
}

.myschoolgistsharing .button.email:hover {
    background-color: #333
}

.myschoolgistsharing .button.twitter {
    background-color: rgba(29, 161, 242, .8)
}

.myschoolgistsharing .button.twitter:hover {
    background-color: #1da1f2
}

.myschoolgistsharing .button.facebook {
    background-color: rgba(59, 89, 152, .8)
}

.myschoolgistsharing .button.facebook:hover {
    background-color: #3b5998
}

.myschoolgistsharing .button.whatsapp {
    background-color: rgba(37, 211, 102, .8)
}

.myschoolgistsharing .button.whatsapp:hover {
    background-color: #25d366
}

@media print {
    .myschoolgistsharing {
        display: none
    }
}

html {
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%
}

.main-container {
    max-width: 100%
}

@media screen and (max-width: 1152px) {

    #page,
    .container {
        max-width: 96%
    }
}

@media screen and (max-width: 960px) {
    #secondary-navigation {
        left: 0
    }

    img {
        max-width: 100%;
        height: auto !important
    }
}

@media screen and (min-width: 865px) {
    .navigation.mobile-only {
        display: none
    }
}

@media screen and (max-width: 865px) {

    #logo a,
    #logo img {
        float: none;
        letter-spacing: 0
    }

    .logo-wrap {
        margin-bottom: 10px;
        margin-top: 0;
        width: 100%;
        margin-top: 20px;
        text-align: center
    }

    .widget-header {
        max-width: 100%;
        float: none;
        overflow: hidden;
        width: 100%;
        text-align: center
    }

    .small-header .widget-header {
        margin-top: 20px
    }

    .widget-header img {
        float: none
    }

    footer .container {
        padding: 0 2%
    }

    .navigation {
        width: 100%;
        border: none;
        display: none
    }

    #secondary-navigation {
        width: 100% !important;
        position: relative !important
    }

    .navigation .menu a,
    .navigation .menu .fa>a,
    .navigation .menu .fa>a {
        color: #fff !important;
        background: 0 0
    }

    .navigation .menu {
        display: block !important;
        float: none;
        background: 0 0;
        margin-bottom: 0
    }

    .navigation ul ul {
        visibility: visible !important;
        opacity: 1 !important;
        position: relative;
        left: 0 !important;
        border: 0;
        width: 100%
    }

    .navigation ul li li {
        background: 0 0;
        border: 0
    }

    nav {
        height: auto
    }

    #header nav li,
    #header .navigation ul li li {
        width: 100% !important;
        float: left;
        position: relative
    }

    .navigation ul li:after {
        display: none
    }

    .navigation ul li:before {
        display: none
    }

    #header nav li a {
        border-bottom: 1px solid rgba(0, 0, 0, .2) !important;
        width: 100% !important;
        box-sizing: border-box
    }

    #header nav a {
        text-align: left;
        width: 100%;
        text-indent: 25px
    }

    a#pull {
        display: block;
        width: 100%;
        position: relative;
        color: #fff;
        margin-left: -2.01%;
        margin-right: -2.01%;
        padding: 10px 2.02%;
        text-indent: 0
    }

    a#pull:after {
        content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCc+PHBhdGggZmlsbD0nI2ZmZicgZD0nTTEzIDZoLTEzdi00aDEzdjR6bTAgNGgtMTN2NGgxM3YtNHptMCA4aC0xM3Y0aDEzdi00em0zLThsNCA1LjA3NSA0LTUuMDc1aC04eic+PC9wYXRoPjwvc3ZnPg==);
        color: #fff;
        display: inline-block;
        position: absolute;
        right: 30px;
        top: 10px
    }

    .navigation ul .sfHover a,
    .navigation ul li:hover,
    .navigation ul .sfHover ul li {
        background: 0 0
    }

    #catcher {
        height: 0 !important
    }

    .sticky-navigation-active {
        position: relative !important;
        top: 0 !important
    }

    .main-container {
        position: relative;
        left: 0
    }

    .mobile-menu-active .main-container {
        left: 300px
    }

    .navigation.mobile-menu-wrapper {
        display: block;
        position: fixed;
        top: 0;
        left: -300px;
        width: 300px;
        height: 100%;
        background-color: #222;
        border-right: 1px solid rgba(0, 0, 0, .2);
        overflow: auto;
        -webkit-backface-visibility: hidden;
        box-sizing: border-box;
        overflow-x: hidden
    }

    .mobile-menu-active .navigation.mobile-menu-wrapper {
        left: 0;
        z-index: 1111
    }

    .navigation ul li {
        width: 100%;
        display: block
    }

    .navigation ul li:hover {
        background: 0 0
    }

    .navigation ul li a,
    .navigation ul ul a {
        padding: 9px 0 !important;
        width: 100%;
        border: none
    }

    .navigation ul ul {
        position: static;
        width: 100%;
        border: none
    }

    .navigation ul ul li {
        background: 0 0;
        width: 100%
    }

    .navigation i {
        display: inline
    }

    .navigation ul ul a {
        padding: 9px 18px !important
    }

    .navigation ul ul ul a {
        padding: 9px 27px !important
    }

    .navigation ul ul ul ul a {
        padding: 9px 36px !important
    }

    .navigation .toggle-caret {
        display: block;
        width: 42px;
        height: 42px;
        line-height: 42px;
        color: #fff;
        border-left: 1px solid rgba(0, 0, 0, .2);
        top: 0
    }

    .navigation .menu-item-has-children>a:after {
        content: ''
    }

    #mobile-menu-overlay {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 999;
        cursor: pointer;
        display: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        background: rgba(0, 0, 0, .5)
    }

    html.noscroll {
        position: fixed;
        overflow-y: scroll;
        width: 100%
    }

    #wpmm-megamenu .wpmm-subcategories {
        width: 100%;
        text-indent: 0
    }

    #wpmm-megamenu .wpmm-posts {
        width: 100%
    }

    #wpmm-megamenu .wpmm-post {
        width: 100% !important;
        padding: 0 10px !important;
        text-align: center !important
    }

    #wpmm-megamenu .wpmm-thumbnail img {
        float: left
    }

    #secondary-navigation .mts-cart {
        display: block !important;
        padding-left: 0
    }

    #secondary-navigation .navigation ul li:hover,
    #secondary-navigation .navigation ul .current-menu-item {
        background: 0 0
    }

    .wpmm-megamenu-showing.wpmm-light-scheme {
        background: 0 0 !important
    }

    #secondary-navigation .navigation ul ul li {
        background: 0 0
    }

    #secondary-navigation .header-social-icons a {
        font-size: 18px !important;
        padding: 14px 10px !important;
        width: auto;
        text-indent: 0
    }

    .navigation i {
        margin-right: 0
    }
}

@media screen and (max-width: 728px) {
    .logged-in .pace .pace-progress {
        top: 46px
    }

    .widget-header {
        max-width: 100%;
        float: left;
        margin-top: 0;
        margin-bottom: 10px
    }
}

@media screen and (max-width: 720px) {
    #secondary-navigation a {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    .article {
        width: 100%
    }

    .article-home {
        width: 100%
    }

    #content_box {
        padding-right: 0;
        padding-left: 0 !important
    }

    .sidebar.c-4-12 {
        float: left;
        width: 90% !important;
        margin-right: 10px;
        padding: auto
    }

    #comments {
        margin-right: 0
    }

    .widget-header .textwidget {
        margin-top: 0;
        padding-left: 0;
        border-left: none
    }
}

@media screen and (max-width: 600px) {
    .featured-thumbnail img {
        width: 100%
    }

    .logged-in .pace .pace-progress {
        top: 0
    }

    .footer-widgets .f-widget,
    .footer-widgets.widgets-num-4 .f-widget,
    .footer-widgets.widgets-num-3 .f-widget.last {
        width: 100%;
        max-width: 340px;
        margin-bottom: 15px;
        float: none !important;
        margin: 0 auto !important
    }

    html #wpadminbar {
        position: fixed
    }
}

@media screen and (max-width: 550px) {
    .sbutton {
        float: right
    }

    .f-widget {
        width: 100%;
        margin-right: 0
    }
}

@media screen and (max-width: 480px) {
    .navigation {
        border-bottom: 0
    }

    .navigation {
        margin-top: 0;
        margin-bottom: 0
    }

    #secondary-navigation {
        width: 100%;
        height: 35px
    }

    .one_half,
    .one_third,
    .two_third,
    .three_fourth,
    .one_fourth,
    .one_fifth,
    .two_fifth,
    .three_fifth,
    .four_fifth,
    .one_sixth,
    .five_sixth {
        width: 100%;
        margin-right: 0
    }

    .copyrights {
        text-align: center
    }

    .top {
        width: 100%
    }

    #cancel-comment-reply-link {
        margin-bottom: 0;
        margin-top: -43px
    }

    .commentlist .children {
        margin-left: 0;
        width: 100%;
        padding-left: 10px
    }

    #copyright-note {
        float: none;
        width: 100%
    }

    .to-top {
        float: none;
        clear: both;
        width: 100%
    }
}

@media screen and (max-width: 400px) {
    article header {
        overflow: hidden
    }

    #commentform textarea {
        width: 96%
    }
}

@media screen and (max-width: 320px) {
    .flex-caption {
        display: none
    }

    .latestPost {
        float: none;
        width: 100% !important
    }

    .navigation li {
        display: block;
        float: none;
        width: 100%
    }

    .navigation li a {
        border-bottom: 1px solid #576979
    }
}

.myschoolgistsharing__buttons a.button {
    padding: 12px;
    flex: 1
}

@media only screen and (max-width: 767px) {
    .myschoolgistsharing .sss-name {
        position: absolute;
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        width: 1px;
        border: 0;
        overflow: hidden
    }
}

.rpbt-post-date {
    display: block;
    font-size: smaller
}

.rpbt-screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important
}

.featured-thumbnail {
    max-width: 90px;
    min-height: 90px;
    float: left;
    width: 90px;
    height: 90px;
    margin-right: 10px
}

.featured-thumbnail img {
    max-width: 90px;
    min-height: 90px;
    margin-bottom: 0;
    width: 90px;
    height: 90px;
    float: left
}

.trend-thumbnail img {
    max-width: 50px;
    min-height: 50px;
    margin-bottom: 0;
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 10px
}

.recent-title {
    min-height: 100px;
    width: 100%;
    clear: both;
    float: left;
    font-size: 24px;
    line-height: 1.4;
    font-weight: 500;
    margin-bottom: 10px
}

.recentpost {
    min-height: 100px;
    width: 100%;
    float: left;
    margin-top: 10px;
    border-bottom: 1px dotted #ddd
}

.trend-title {
    width: 100%;
    clear: both;
    float: left;
    font-size: 24px;
    line-height: 1.4;
    font-weight: 500;
    margin-bottom: 5px
}

.trendpost {
    width: 100%;
    float: left;
    margin-top: 5px;
    border-bottom: 1px dotted #ddd
}

.post-info a {
    color: #777
}

.ta {
    margin-top: 10px
}

.feat {
    width: 100%;
    clear: both;
    float: left;
    font-size: 24px;
    line-height: 1.4;
    font-weight: 400;
    margin-bottom: 10px
}