/*
Theme Name: Education Hub
Theme URI: https://wenthemes.com/item/wordpress-themes/education-hub/
Author: WEN Themes
Author URI: https://wenthemes.com/
Description: Education Hub is a clean and elegant WordPress education theme with simplistic but unique look and feel. This theme is best suited for college, school, university and other educational websites. But this theme is not binded to be fit for educational websites only. This is also flexible enough to be used for business and corporate websites. Theme is highly customizable with layout settings and several other theme options which can be customized by using Theme Options panel based on powerful Customizer API. Education Hub helps you to easily and intuitively create professional and appealing educational websites. Official Support Forum: https://themepalace.com/support-forum/ Full Demo: https://wenthemes.com/theme-demos/?demo=education-hub
Version: 2.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: education-hub
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-menu, featured-images, full-width-template, post-formats, sticky-post, translation-ready, theme-options, threaded-comments, education, footer-widgets, blog, custom-logo, editor-style, custom-header

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.

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

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


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
  ## Links
  ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
  ## Posts and pages
  ## Asides
  ## Comments
# Infinite scroll
# Media
  ## Captions
  ## Galleries
# Custom by WEN Themes

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

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
    font-family: Roboto, 'Merriweather Light', 'Times New Roman', sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust:     100%;
}

body {
    margin: 0;
    font-family: Roboto, 'Open Sans', sans-serif;
    line-height: 1.5;
    font-size: 14px;
    color:#1c1212;
    overflow-x:hidden;
    word-wrap: break-word;
}

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

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

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

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

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

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

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

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

small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

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

figure {
    margin: 1em 40px;
}

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

pre {
    overflow: auto;
}

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

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

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

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

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

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

input {
    line-height: normal;
}

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

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

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}

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

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

legend {
    border: 0;
    padding: 0;
}

textarea {
   overflow: auto;
}

optgroup {
    font-weight: bold;
}

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

td, th {
    border: 1px solid #dddddd;
    padding: 5px;
    text-align: center;
}

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

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
button,
input,
select,
textarea {
    color: #404040;
    font-family: sans-serif;
    font-size: 14px;
    line-height: 1.5;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0 15px;
}

blockquote {
    background-color: #f9f9f9;
    border-left: 4px solid #F4A02E;
    font-style: italic;
    font-weight: normal;
    margin-bottom: 20px;
    margin-left: 0;
    padding: 20px;
}

blockquote,
q {
    quotes: "" "";
}

address {
  margin: 0 0 15px;
}

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

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

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

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

big {
    font-size: 125%;
}

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

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

body {
    background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}

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

p {
    font-family: Roboto, 'Open Sans', sans-serif;
    font-size: 15px;
    /*color:#1c1212;
	/*color: #666666;
    font-size: 14px;*/
    line-height: 1.5;
    margin: 0 0 15px;
}

.site-main .entry-content p {
    font-size: 16px;
}

h1, h2, h3, h4, h5, h6 {
    /*color: #343D5B;*/
    color: #343D5B;
    font-family: Questrial, 'Merriweather Sans', sans-serif;
    font-weight: bold;
    margin: 0 0 15px;
}

h1 {
    font-size: 21px;
}

h2 {
    font-size: 19px;
	color: #306496;
}

h3{
    font-size: 14.5px;
	color: #306496;
}

h4 {
    font-size: 14px;
	color: #306496;
}

h5 {
    font-size: 13px;
	color: #306496;
}

h6 {
    font-size: 12px;
	color: #306496;
}

ul,
ol {
    margin: 0 0 15px 25px;
    padding: 0;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

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



/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
a.cta-button-primary,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background: #F4A02E;
    border: medium none;
    border-radius: 2px;
    color: #ffffff;
    font-size: 12px;
    line-height: 1.5;
    padding: 5px 20px;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
      background-color: #343D5B;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    border-color: #aaa #bbb #bbb;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
    color: #666;
    border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
    padding: 6px 0 6px 9px;

}

textarea {
    padding-left: 3px;
    width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

a,
a:visited {
    
    text-decoration: inherit;
}
a{
    color:#343D5B;
}

a:hover,
a:focus,
a:active {
    color: #6081a7;

}

a:focus {
    outline:inherit;
}

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

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

#main-nav {
  font-family:"Charm";
	background-color: #343d5b;
    border-bottom: 2px solid #719eea;
    display: block;
    float: left;
    width: 100%;
    /*-moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;*/
}

.main-navigation ul {
    margin: 0;
    padding: 0;
    
}

.main-navigation ul ul {
    background: #343D5B none repeat scroll 0 0;
	background-color: #343d5b;
    box-shadow: 0 1px 2px;
    display: none;
    left: 0;
    margin: 0;
    min-width: 200px;
    position: absolute;
    top: 44px;
    z-index: 9999;
}

.main-navigation ul ul ul {
    left:100%;
    top: 0
}

.main-navigation li {
    position: relative;
    display: inline-block;
    margin-bottom:0;
    float: left;
}

.main-navigation li li {
    float: none;
    display: block;
}

.main-navigation li:hover > ul{
    display: block;
     transition: all 0.9s ease-in-out 0s;
}

.main-navigation ul li a {
    color: #ffffff;
    /*border-right: 1px solid #94989D;*/
    display: block;
    font-size: 16px;
    font-weight: normal;
    padding: 10px 25px;
    position: relative;
    z-index: 99;

}

.main-navigation ul li:first-child > a {
    /*border-left: 1px solid #fff;*/
}

.main-navigation ul li li:first-child a {
    border-left:none;
}

.main-navigation ul ul a {
    /*border-bottom: 1px solid #94989D;*/
    border-left: none;
    border-right: none;
    color: #fff;
    font-size: 14px;
    height: auto;
    padding: 9px 15px;
    text-align: left;
    width: 100%;
}

.main-navigation ul li.menu-item-has-children > a::after,
.main-navigation ul li.page_item_has_children > a::after {
    content: "\f107";
    font-family: fontawesome;
    margin-left: 10px;
    margin-right: 0;
    position: absolute;
    right: 10px;
    top: 12px;
}

.main-navigation ul li li.menu-item-has-children > a::after,
.main-navigation ul li li.page_item_has_children > a::after {
    content: "\f105";
    top: 10px;
}

.main-navigation ul li.menu-item-has-children a,
.main-navigation ul li.page_item_has_children a {
    padding-right: 30px;
}

.main-navigation li a:hover,
.main-navigation li.current-menu-item > a,
.main-navigation li.current_page_item > a ,
.main-navigation li:hover > a{
    
    background:#F4A02E;
	background-color: #1b202f;
    color: #719eea;
    transition: background 0.1s 0.1s ease;
}

.enabled-sticky-primary-menu #main-nav.fixed {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999999;
}
body
{
	padding-top: 160px;
}
#teststicky{
	background: #EFEFEF;
    top: 0;
    z-index: 99999;
    position: fixed;
	width: 100%;
}
/* Small menu. */


@media screen and (min-width:768px) {
.menu-toggle,.dropdown-toggle {
    display: none;
  }
  .main-navigation ul {
    display: block;
  }
  

}


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

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}

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

.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. */
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin: 5px 15px 15px 0;
}

.alignright {
    display: inline;
    float: right;
    margin: 5px 0 15px 15px;
}

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

.alignnone{
    clear: both;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    margin-top: 15px;
}

/*--------------------------------------------------------------
# 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 {
    content: "";
    display: table;
}

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

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
    border: 1px solid #dddddd;
    max-width: 100%;
    padding: 5px;
    width: 100%;
}


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.sticky {
    display: block;
}

.hentry {
    margin: 0 0 15px;
}

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

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

.single .entry-content{
    text-align: left;
}

.entry-meta > span a,
.single-post-meta > span a,
.entry-footer > span a {
    font-style: italic;
}

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

.entry-header{
    font-family: Coustard;
    background-repeat: no-repeat;
    min-height:65px; 
    border-radius: 5px;
    color: #F4A02E;
	background-color: #ddddddfa;
	/*padding-top: 20px;*/
}

.entry-title {
    margin-bottom: 5px;
    margin-left: 10px;
    padding-top: 16px;
}

#featured-content .entry-title {
    margin-bottom: 10px;
}

.page-links {
    clear: both;
    margin: 0 0 15px;
}

.entry-meta > span:before,
.entry-footer > span:before,
.single-post-meta > span:before,
.block-meta a:before {
    display: inline-block;
    font-family: Fontawesome;
    height: 15px;
    margin-right:8px;
    content: "";
}

.block-meta {
    margin-bottom: 10px;
}

.block-meta a:before{
    content: "\f073";
}

span.comments-link::before {
    content: "\f086";
}

.entry-meta .posted-on::before,
.single-post-meta .posted-on::before{
    content: "\f073 ";
}

.entry-footer > .cat-links:before {
    content:"\f07c";
}

.entry-meta .byline::before,
.single-post-meta .byline::before {
    content: "\f007";
}

.entry-footer .edit-link:before{
    content: "\f044";
}

.entry-footer .tags-links:before{
    content: "\f02c";
}

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

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


/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}

#calendar_wrap caption {
    background: #ffa500 none repeat scroll 0 0;
    color: #ffffff;
    font-size: 19px;
    padding: 5px 10px;
}

#calendar_wrap table {
    background: #343D5B none repeat scroll 0 0;
    color: #ffffff;
}

#calendar_wrap #next,
#calendar_wrap td#prev,
td#today{
    background: #F4A02E;
}

#calendar_wrap #next a,
#calendar_wrap td#prev a,
td#today a{
    color: #fff;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
#respond {
    clear: both;
    display: block;
    float: left;
    width: 97%;
}

.comments-area form#commentform .comment-form-url,
.comments-area form#commentform .comment-form-author,
.comments-area form#commentform .comment-form-email {
    float: left;
    width: 33.33%;
}

.comments-area #commentform p.comment-notes,
.comments-area #commentform p.comment-form-comment {
    width: 100%;
}

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

.comment-form p {
    padding: 0 15px;
    width: 100%;
}

.comment-form {
    margin: 0 -15px;
}

.comment-form-author,
.comment-form-email,
.comment-form-url{
    width: 33.33%;
    float: left;
}

.comment-list li.comment:after {
    content: inherit;
    display: none;
}

.comment-list li{
    padding-left: 0;
}

.comment {
    background-position: 0 -74px;
    display: block;
    float: left;
    width: 100%;
}

ol.comment-list {
    border-radius: 5px;
    float: left;
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
    overflow: inherit;
    padding: 0;
    width: 100%;
}

ol.comment-list .children {
    border: medium none;
    float: left;
    margin: 15px 0 15px 15px;
    width: 98%;
}

ol.comment-list li {
    list-style: outside none none;
}

.comment .comment-body {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 0;
    clear: both;
    display: block;
    float: left;
    margin-top: 5px;
    padding: 10px 30px 10px 70px !important;
    position: relative;
    text-align: left;
    width: 100%;
}
.comment-author.vcard {
    font-size: 20px;
    margin-bottom: 5px;
}

.comment-list .children {
    background-position: left 20px;
    background-repeat: no-repeat;
    border-left: 1px solid rgb(238, 238, 238);
    margin-left: 0;
    padding-left: 40px;
}

.comment-list li.comment > div img.avatar {
    left: 29px;
    position: absolute;
    top: 29px;
}

#comment-form-title {
    font-size: 24px;
    padding-bottom: 10px;
}

.vcard .avatar {
    left: 20px;
    position: absolute;
    top: 20px;
}

.comment-metadata {
    font-size: 13px;
    font-style: italic;
    line-height: 16px;
    margin-bottom: 10px;
}

.comment-reply-link {
    background-color: #343D5B;
    color: #ffffff;
    display: inline-block;
    float: none;
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 10px;
    padding: 1px 15px 3px;
    border-radius: 2px;
}

a.comment-reply-link:hover {
    background-color: #F4A02E;
    color:#fff;
}

.form-allowed-tags code {
    white-space: inherit;
    word-wrap: break-word;
}

.comment-respond label {
    display: block;
    font-weight: normal;
}

.comments-title {
    font-weight: 600;
    margin: 25px 0 0;
    margin-bottom: 25px;
}
h3#reply-title {
    font-weight: bold;
    font-size: 20px;
}
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}


.nav-links span.current,
.nav-links a {
    background-color: #343D5B;
    color: #ffffff;
    display: inline-block;
    font-size: 16px;
    padding: 5px 15px;
    border-radius: 2px;
}
.nav-links a:active,
a.cta-button-primary:active,
.nav-links a:hover,
a.cta-button-primary:hover,
.nav-links span.current {
    background-color: #F4A02E;
    color: #ffffff;
}

.page-links > span:first-child {
    padding: 0;
}

.page-links span {
    padding: 5px;
}
#commentform label {
    display: inline;
}

#commentform input[type="checkbox"],
#commentform input[type="radio"] {
    margin-right: 10px;
}

#commentform  p.form-submit {
    margin-top: 30px;
}

#commentform  span.required {
    color: #f0632b;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/

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

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

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

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

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

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

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

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 1.5em;
    margin-right: -5px;
    margin-left: -5px;
}

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

.gallery-item img {
    vertical-align: middle;
}

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

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

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

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

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

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

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

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

.gallery-caption {
    display: block;
    padding: 5px;
}



/*--------------------------------------------------------------
# Custom By WEN Themes
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Custom Basic Reset By WEN Themes
--------------------------------------------------------------*/


/*Clearings*/

.clear-fix:before,
.clear-fix: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 {
  content: "";
  display: table;
}

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

#tophead::after,
#tophead::before,
#masthead::after,
#masthead::before,
#featured-slider::after,
#featured-slider::before,
#content::after,
#content::before,
#footer-widgets::after,
#footer-widgets::before,
#colophon::after,
#colophon::before,
#featured-content::after,
#featured-content::before,
#featured-news-events::after,
#featured-news-events::before {
  clear: both;
  content: "";
  display: table;
}

/*--------------------------------------------------------------
## Custom Basic Style By WEN Themes
--------------------------------------------------------------*/

.container{
/*   width: 1500px; */
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}

.inner-wrapper{
  margin-left: -15px;
  margin-right: -15px;
}

/*--------------------------------------------------------------
## Custom Basic Header Style By WEN Themes
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Custom Basic Header Style By WEN Themes
--------------------------------------------------------------*/
.site-info a {
    color: #ffffff;
}

.site-header {
    clear: both;
    padding: 20px 0;
}

.site-logo-link, .custom-logo-link{
    float: left;
    margin-right: 10px;
    max-width:300px;
}

#site-identity {
    float: left;
    margin-top: 25px;
}

.site-title {
    clear: none;
    font-family: "Bookman Old Style","Passion One","Merriweather Sans",sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 0.8;
    margin-bottom: 9px;
}


.site-logo-link > img, .custom-logo-link img {
    max-height: 110px;
    width: auto;
}
.site-description {
    color: #7e211a ;
    font-family: "Cantata One","Merriweather Sans",sans-serif;
    font-size: 14px;
    font-style: inherit;
    font-weight: normal;
   /* letter-spacing: 2.8px;*/
    margin-bottom: 0;
}

.site-content {
    padding:40px 0;
    float: left;
    width: 100%;
}
.home.home-content-not-enabled .site-content {
  padding: 0;
}
#tophead {
   
    float:left;
    font-family: "Merriweather Sans",sans-serif;
    min-height: 35px;
    margin-left: 5%;
}

#quick-contact {
    float: left;
    padding-top: 8px;
	margin-top:20px;
}

#quick-contact li {
    border-left: 1px solid #215A4B;
    float: left;
    font-size: 18px;
    /*line-height: 1.1;*/
    list-style: outside none none;
    margin-left: 5px;
    padding-left: 5px;
}

#quick-contact li:first-child {
    border: medium none;
    margin: 0;
    padding: 0;
}

#quick-contact li::before {
    color:#F4A02E;
    content: "";
    display: inline-block;
    font-family: fontawesome;
    margin-right: 5px;
    font-size: 1.01vw;
}

#quick-contact .top-news-title::before {
    color: #F4A02E;
    content: "\f0a4";
    float: left;
    font-family: fontawesome;
    font-size: 18px;
    /*line-height: 1;*/
    margin-right: 5px;
}

#quick-contact .top-news > p {
    color: #ffffff;
    margin: 0;
}

#quick-contact .top-news > p{
    float: left;
    min-width: 270px;
}

#quick-contact .top-news-title {
    display: block;
    float: left;
    margin-right: 15px;
}

#quick-contact li.quick-call::before {
    content: "\f095";
}

#quick-contact li.quick-email::before {
    content: "\f0e0";
}
#quick-contact li.quick-nutech {
    color: #F4A02E;
    
    display: inline-block;
    font-family: fontawesome;
    margin-right: 5px;
    font-size: 1.01vw;
}
#quick-contact li.quick-nutech a{
	font-weight: bold;
    text-decoration: underline;
	font-family: Roboto, 'Open Sans', sans-serif;
    font-size: 1.01vw;
    line-height: 1.5;
}
#quick-contact li.quick-nutech:hover a{color:#F4A02E;}

#quick-contact > ul {
    margin: 0;
    padding: 0;
}

#quick-contact .top-news {
    border-left: 1px solid #215A4B;
    float: left;
    margin-left: 5px;
    padding-left: 5px;
}

#quick-contact > ul {
    float: left;
    margin: 0;
    padding: 0;
}

#quick-contact a,
#tophead {
    
}


#quick-contact a:hover,
#quick-contact li:hover a,
#quick-contact .top-news a:hover {
    color: #bfbfbf;
}

#quick-contact .top-news a {
    font-weight: bold;
    text-decoration: underline;
}


/*Quicek links */

.quick-links  a.links-btn {
    border: 1px solid #dddddd;
    
    display: inline-block;
    float: right;
    margin: 3px 0;
    padding: 4px 41px 4px 10px;
    position: relative;
	margin-top:20px;
}

.quick-links a.links-btn::after {
    /*background:#F4A02E none repeat scroll 0 0;*/
	background:#F4A02E;

background: -moz-linear-gradient(90deg, rgba(244,160,46,1) 0%, rgba(244,160,46,1) 25%, rgba(237,146,85,1) 49%, rgba(244,160,46,1) 75%, rgba(244,160,46,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(244,160,46,1)), color-stop(25%, rgba(244,160,46,1)), color-stop(51%, rgba(237,146,85,1)), color-stop(75%, rgba(244,160,46,1)), color-stop(100%, rgba(244,160,46,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(90deg, rgba(244,160,46,1) 0%, rgba(244,160,46,1) 25%, rgba(237,146,85,1) 49%, rgba(244,160,46,1) 75%, rgba(244,160,46,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(90deg, rgba(244,160,46,1) 0%, rgba(244,160,46,1) 25%, rgba(237,146,85,1) 49%, rgba(244,160,46,1) 75%, rgba(244,160,46,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(90deg, rgba(244,160,46,1) 0%, rgba(244,160,46,1) 25%, rgba(237,146,85,1) 49%, rgba(244,160,46,1) 75%, rgba(244,160,46,1) 100%); /* ie10+ */
background: linear-gradient(0deg, rgba(244,160,46,1) 0%, rgba(244,160,46,1) 25%, rgba(237,146,85,1) 49%, rgba(244,160,46,1) 75%, rgba(244,160,46,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F4A02E', endColorstr='#F4A02E',GradientType=0 ); /* ie6-9 */
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
}

.quick-links a.links-btn::before {
    border-left: 8px solid rgba(0, 0, 0, 0);
    border-right: 8px solid rgba(0, 0, 0, 0);
    border-top: 9px solid #fff;
    content: "";
    display: block;
    height: 20px;
    position: absolute;
    right: 6px;
    top: 13px;
    width: 10px;
    z-index: 99;
}

.quick-links > ul {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 1px 3px #040404;
    display: none;
    list-style: outside none none;
    margin: 0;
    position: absolute;
    right: 0;
    top: 54px;
    width: 220px;
    z-index: 9999;
}

.quick-links:hover ul {
    display: block;
}

.quick-links ul li a {
    border-bottom: 1px solid #ddd;
    color: #333366;
    display: block;
    margin-bottom: 0;
    padding: 4px 10px;
}

.quick-links ul li a:hover {
    background-color: #F4A02E;
    color:#fff;
}

.quick-links {
    float: right;
    position: relative;
}

/*styling for top Socila links*/

.header-social-wrapper {
    float: right;
    max-width: 260px;
}

.header-social-wrapper  .education_hub_widget_social {
    margin: 0;
    float: right;
    width: auto;
}

.header-social-wrapper .education_hub_widget_social {
    float: right;
    margin: 0 2px 0 0;
    width: auto;
}
.header-social-wrapper .education_hub_widget_social ul {
  margin: 0;
}

.header-social-wrapper .education_hub_widget_social li a {
    border: 1px solid #dddddd;
    height: 29px;
    margin-right: 0;
    width: 29px;
    background: inherit;
}

.header-social-wrapper .education_hub_widget_social  ul li a:before {
  font-size:18px;
}

.header-social-wrapper .education_hub_widget_social li {
    margin: 4px 2.5px 0;
}
.header-social-wrapper .education_hub_widget_social ul li a:before {
  color: #fff;
  line-height: 1.6;
}






/*--------------------------------------------------------------
## Social Links Style By WEN Themes
--------------------------------------------------------------*/
.education_hub_widget_social {
  clear: both;
  overflow: hidden;
}

.education_hub_widget_social ul {
  margin: 0;
}

.education_hub_widget_social li a {
  background-color: #eaeaea;
  border: medium none;
  display: inline-block;
  height: 33px;
  line-height: 1.7;
  margin-right: 0;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  width: 33px;
}

.education_hub_widget_social  ul li a:before {
  font-size:19px;
}

.education_hub_widget_social li a i {
  color:#cacad8;
  font-size: 18px;
  font-weight: normal;
}

.education_hub_widget_social li {
  display: block;
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}

.education_hub_widget_social ul li a:before {
  color: #1f1f29;
  content: "\f0c1";
  display: block;
  font-family: FontAwesome;
  font-weight: normal;
  line-height: 1.7;
}

.education_hub_widget_social ul li a:hover {
    background-color: #31a9ff;
}

.education_hub_widget_social ul li a:hover:before{
  color: #fff;
}

.education_hub_widget_social ul li a[href*="facebook.com"]:before {
  content: "\f09a";
}

.education_hub_widget_social ul li a[href*="twitter.com"]:before {
  content: "\f099";
}

.education_hub_widget_social ul li a[href*="linkedin.com"]:before {
  content: "\f0e1";
}

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

.education_hub_widget_social ul li a[href*="youtube.com"]:before {
  content: "\f167";
}

.education_hub_widget_social ul li a[href*="dribbble.com"]:before {
  content: "\f17d";
}

.education_hub_widget_social ul li a[href*="pinterest.com"]:before {
  content: "\f0d2";
}

.education_hub_widget_social ul li a[href*="bitbucket.org"]:before {
  content: "\f171";
}

.education_hub_widget_social ul li a[href*="github.com"]:before {
  content: "\f113";
}

.education_hub_widget_social ul li a[href*="codepen.io"]:before {
  content: "\f1cb";
}

.education_hub_widget_social ul li a[href*="flickr.com"]:before {
  content: "\f16e";
}

.education_hub_widget_social ul li a[href$="/feed/"]:before {
  content: "\f09e";
}

.education_hub_widget_social ul li a[href*="foursquare.com"]:before {
  content: "\f180";
}

.education_hub_widget_social ul li a[href*="instagram.com"]:before {
  content: "\f16d";
}

.education_hub_widget_social ul li a[href*="tumblr.com"]:before {
  content: "\f173";
}

.education_hub_widget_social ul li a[href*="reddit.com"]:before {
  content: "\f1a1";
}

.education_hub_widget_social ul li a[href*="vimeo.com"]:before {
  content: "\f194";
}

.education_hub_widget_social ul li a[href*="digg.com"]:before {
  content: "\f1a6";
}

.education_hub_widget_social ul li a[href*="twitch.tv"]:before {
  content: "\f1e8";
}

.education_hub_widget_social ul li a[href*="stumbleupon.com"]:before {
  content: "\f1a4";
}

.education_hub_widget_social ul li a[href*="delicious.com"]:before {
  content: "\f1a5";
}

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

.education_hub_widget_social ul li a[href*="jsfiddle.net"]:before {
  content: "\f1cc";
}

.education_hub_widget_social ul li a[href*="tripadvisor.com"]:before {
  content: "\f262";
}

.education_hub_widget_social ul li a[href*="foursquare.com"]:before {
  content: "\f180";
}

.education_hub_widget_social ul li a[href*="angel.co"]:before {
  content: "\f209";
}

.education_hub_widget_social ul li a[href*="slack.com"]:before {
  content: "\f198";
}

/*social links hover effect */

.education_hub_widget_social ul li a[href*="facebook.com"]:hover {
  background-color: #3b5998;
}

.education_hub_widget_social ul li a[href*="twitter.com"]:hover {
  background-color: #00aced;
}

.education_hub_widget_social ul li a[href*="plus.google.com"]:hover {
  background-color: #dd4b39;
}

.education_hub_widget_social ul li a[href*="/feed/"]:hover  {
  background-color: #dc622c;
}

.education_hub_widget_social ul li a[href*="wordpress.org"]:hover {
  background-color: #21759b;
}

.education_hub_widget_social ul li a[href*="github.com"]:hover {
    background-color: #000000;
}

.education_hub_widget_social ul li a[href*="linkedin.com"]:hover {
  background-color: #007bb6;
}

.education_hub_widget_social ul li a[href*="pinterest.com"]:hover {
  background-color: #cb2027;
}

.education_hub_widget_social ul li a[href*="flickr.com"]:hover {
  background-color: #ff0084;
}

.education_hub_widget_social ul li a[href*="vimeo.com"]:hover {
    background-color: #44bbff;
}
.education_hub_widget_social ul li a[href*="youtube.com"]:hover {
  background-color: #bb0000;
}

.education_hub_widget_social ul li a[href*="instagram.com"]:hover {
   background-color: #517fa4;
}

.education_hub_widget_social ul li a[href*="dribbble.com"]:hover {
  background-color: #ea4c89;
}

.education_hub_widget_social ul li a[href*="skype.com"]:hover {
  background-color: #12a5f4;
}

.education_hub_widget_social ul li a[href*="digg.com"]:hover {
  background-color: #333;
}

.education_hub_widget_social ul li a[href*="codepen.io"]:hover {
  background-color: #000;
}

.education_hub_widget_social ul li a[href*="reddit.com"]:hover {
  background-color: #ff4500;
}

.education_hub_widget_social ul li a[href*="mailto:"]:hover {
  background-color: #1d62f0;
}

.education_hub_widget_social ul li a[href*="foursquare.com"]:hover {
  background-color: #f94877;
}

.education_hub_widget_social ul li a[href*="stumbleupon.com"]:hover {
  background-color: #eb4924;
}

.education_hub_widget_social ul li a[href*="twitch.tv"]:hover {
  background-color: #6441a5;
}

.education_hub_widget_social ul li a[href*="tumblr.com"]:hover {
  background-color: #32506d;
}
.widget-area .education_hub_widget_social li::before {
    display: none;
}

.widget-area .education_hub_widget_social li {
    padding: 0;
}

.education_hub_widget_social ul li a[href*="foursquare.com"]:hover {
  background-color: #f94877;
}

.education_hub_widget_social ul li a[href*="stumbleupon.com"]:hover {
  background-color: #eb4924;
}

.education_hub_widget_social ul li a[href*="twitch.tv"]:hover {
  background-color: #6441a5;
}

.education_hub_widget_social ul li a[href*="tumblr.com"]:hover {
  background-color: #32506d;
}

.education_hub_widget_social ul li a[href*="soundcloud.com"]:hover {
  background-color: #ff5500;
}

.education_hub_widget_social ul li a[href*="wordpress.org"]:hover {
   background-color:#21759b;
}

.education_hub_widget_social ul li a[href*="jsfiddle.net"]:hover {
  background-color:#4679bd;
}

.education_hub_widget_social ul li a[href*="tripadvisor.com"]:hover {
   background-color:#86c171;
}

.education_hub_widget_social ul li a[href*="foursquare.com"]:hover {
   background-color:#FF00AA;
}

.education_hub_widget_social ul li a[href*="angel.co"]:hover {
   background-color:#000;
}

.education_hub_widget_social ul li a[href*="slack.com"]:hover {
   background-color:#56b68b;
}

/*Recent added social links*/
.education_hub_widget_social ul li a[href*="mailto:"]::before {
    content: "\f0e0";
}
.education_hub_widget_social ul li a[href*="soundcloud.com"]::before {
    content: "\f1be";
}
.education_hub_widget_social ul li a[href*="wordpress.org"]::before {
    content: "\f19a";
}
.education_hub_widget_social ul li a[href*="wordpress.com"]::before {
    content: "\f19a";
}

.education_hub_widget_social ul li a[href*="jsfiddle.net"]::before {
    content: "\f1cc";
}

.education_hub_widget_social ul li a[href*="tripadvisor.com"]::before {
    content: "\f262";
}



.education_hub_widget_social ul li a[href*="angel.co"]::before {
    content: "\f209";
}

.education_hub_widget_social ul li a[href*="slack.com"]::before {
    content: "\f198";
}


  /*hover effect*/

.education_hub_widget_social ul li a[href*="soundcloud.com"]:hover{
    background-color: #ff5500;
}
.education_hub_widget_social ul li a[href*="wordpress.org"]:hover,
.education_hub_widget_social ul li a[href*="wordpress.com"]:hover{
    background-color:#45bbe6;
}
.education_hub_widget_social ul li a[href*="jsfiddle.net"]:hover {
    background-color:#4679bd;
}
.education_hub_widget_social ul li a[href*="tripadvisor.com"]:hover{
    background-color:#86c171;
}

.education_hub_widget_social ul li a[href*="angel.co"]:hover{
    background-color:#000;
}
.education_hub_widget_social ul li a[href*="slack.com"]:hover {
    background-color:#56b68b;
}

/*--------------------------------------------------------------
## Custom Basic Slider Style By WEN Themes
--------------------------------------------------------------*/


#main-slider img{
    width:100%;
    /*height:580px!important;*/
}

#main-slider {
    clear: both;
    position: relative;
    text-align: center;
    overflow: hidden;
/* 	max-height: 90vh !important; */
}

#main-slider img{
    width: 100%;
    vertical-align: middle;
    
}

#main-slider article.first{
    display: block;
}

#main-slider article{
    display: none;
}

#main-slider .pager-box {
    background: #719eea none repeat scroll 0 0;
    /*border: 1px solid #ffffff;*/
    border-radius:100%;
    cursor: pointer;
    display: inline-block;
    float: none;
    z-index: 99;
    height: 20px;
    margin: 3px 7px;
    width: 20px;
}

#main-slider .pager-box.cycle-pager-active{
    background:#343D5B none repeat scroll 0 0;
}

#main-slider .cycle-pager {
    bottom: 5px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 999;
}

#main-slider .cycle-caption {
    /*background-color:rgba(237, 230, 220, 0.8);
    border-radius: 0 152px 0 0;
    border-right: 12px solid #F4A02E;*/
	background-color: rgba(0,0,0,0.5);
    height: auto;
    left: 7.5%;
    max-width: 40%;
    padding: 18px 45px 18px 25px;
    position: absolute;
    text-align: justify;
    top: 45%;
    width: auto;
    z-index: 999;
}

#main-slider a,
#main-slider h3 {
    /*color: #343D5B;*/
	color: white;
	
}

#main-slider  p {
    /*color: #09254b;*/
	color: white;
    font-size: 20px;
	font-weight: normal;
    margin-bottom: 5px;
    /*text-shadow: 0 0 2px #ffffff;*/
}

#main-slider  h3 {
    color: #15305b;
    font-size: 28px;
    line-height: 1.2;
    margin-bottom: 10px;
    /*text-shadow: -1px 1px 1px #ffffff;*/
}

#main-slider .cycle-prev:hover::after,
#main-slider .cycle-next:hover::after{
    background-color: #F4A02E;
    border-radius: 0;
}

#main-slider .cycle-prev:hover{
    left: -5px;
}

#main-slider .cycle-next:hover{
    right: -5px;
}

#main-slider .cycle-prev::after,
#main-slider .cycle-next::after {
    background-color: #343D5B;
    border-radius: 0 30px 30px 0;
    display: block;
    font-size: 36px;
    padding: 15px 20px 15px 25px;
    text-shadow: 0 0 1px #000000;
     transition: all 0.5s ease-in-out 0s;
}

#main-slider .cycle-next::after {
    padding: 15px 25px 15px 20px;
    border-radius: 30px 0 0 30px;

}

#main-slider .cycle-slideshow {
    margin-bottom: 0;
    padding: 0;
}

#main-slider .cycle-prev:after{
    content: "\f104";
    font-family:fontawesome;
}

#main-slider .cycle-prev:hover::after,
#main-slider .cycle-next:hover::after{
    color:#fff;
}

#main-slider .cycle-next:after {
    content: "\f105";
    height: auto;
    font-family:fontawesome;
}

#main-slider .cycle-prev,
#main-slider .cycle-next {
    border-radius: 31px;
    bottom: 47%;
    color: #fff;
    cursor: pointer;
    display: block;
    font-weight: normal;
    line-height: 0.9;
    padding-top: 5px;
    position: absolute;
    text-align: center;
    z-index: 999;
    transition: all 0.2s ease-in-out 0s;
}

#main-slider .cycle-prev{
    left:-18px;
}

#main-slider  .cycle-next {
    right:-18px;
}

#main-slider .cycle-slide{
    width: 100%;
}


/*search section*/
.search-form,
.woocommerce-product-search  {
    margin: 0 auto;
    
    position: relative;
}

.search-section {
    float: right;
    padding-top: 30px;
    min-width:340px;margin-right:10px;
    
}

.search-form input.search-field,
.woocommerce-product-search .search-field {
    border-radius: 20px;
    padding: 4px 25% 4px 5%;
    width: 100%;
    box-sizing: inherit;
}

.search-form .search-submit,
.woocommerce-product-search button {
    background-color: #f29d31;
    border-radius: 0 20px 20px 0;
    float: right;
    padding: 2px 15px;
    position: absolute;
    right: 0;
    top: 0;
    height: 30px;
}

.search-form .search-submit:hover,
.woocommerce-product-search button:hover {
    background-color:#F4A02E;
}



/*--------------------------------------------------------------
## Custom Basic Content Style By WEN Themes
--------------------------------------------------------------*/


#content article {
    border-bottom: 1px solid #719eea;
    padding-bottom: 25px;
}

#primary{
    width: 75%;
    padding-left:15px;
    padding-right: 15px;
    float: left;
}

#sidebar-primary .widget-title::after ,
#sidebar-secondary .widget-title::after{
    border-left: 9px solid rgba(0, 0, 0, 0);
    border-right: 9px solid rgba(0, 0, 0, 0);
    /*border-top: 9px solid #343D5B;*/
    bottom: -20px;
    content: "";
    display: block;
    height: 21px;
    left: 5%;
    margin: 0 auto;
    position: absolute;
    width: 13px;
    z-index: 2;
}

#sidebar-primary .widget-title,
 #sidebar-secondary .widget-title {
   /* background: #343D5B none repeat scroll 0 0;*/
    border-bottom: 2px solid #F4A02E;
    border-top: 2px solid #F4A02E;
    color: #343D5B;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    padding: 5px 15px;
    position: relative;
    margin-bottom: 20px;
	font-family: Questrial, 'Merriweather Sans', sans-serif;
}


.widget-area ul li::before {
    color: #F4A02E;
    /*content: "\f101";*/
    display: inline-block;
    font-family: fontawesome;
    font-size: 15px;
    left: 0;
    margin-left: 5px;
    margin-right: 8px;
    position: absolute;
}
.widget-area ul ul li::before {
 
    left: 20px;
    
}

.widget-area .widget {
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

.widget-area ul ul ul ul ul > li {
    padding-left: 0;
}
.widget-area ul ul ul ul ul > li:before {
    left:-20px;

}
/*--------------------------------------------------------------
## Custom Basic Sidebar Style By WEN Themes
--------------------------------------------------------------*/

#sidebar-primary {
    width:25%;
    padding-left:15px;
    padding-right: 15px;
    float: right;
}

#sidebar-secondary {
    width:25%;
    padding-left:15px;
    padding-right: 15px;
    float: right;
}

.widget-area ul {
    list-style: outside none none;
    margin-left: 0;
    padding-left: 0;
}

.widget-area ul ul {
    margin-bottom: 0;
    border: none;
}

.widget-area ul li {
    padding: 2px 0 2px 25px;
    position: relative;
}

.attachment-full.wp-post-image {
    margin: 0 0 15px 0;
}

.recent-news {
    float: left;
    padding: 0 15px;
    width: 60%;
}

.recent-events {
    float: left;
    padding: 0 15px;
    width: 40%;
}

.news-post {
    float: left;
    padding: 0 15px;
    width: 50%;
}

.news-post:last-child {
    border: medium none;
}

.news-post:nth-child(2n+1) {
    clear: both;
}
.recent-events img {
    max-width: 95px;
}

#featured-content article {
    float: left;
    padding: 0 15px;
}

#featured-content .featured-content-column-1 article{
    width: 100%;
}

#featured-content .featured-content-column-2 article{
    width: 50%;
}

#featured-content .featured-content-column-3 article{
    width: 33.33%;
}

#featured-content .featured-content-column-4 article{
    width: 25%;
}

#featured-content {
    background: #EFEFEF none repeat scroll 0 0;
    float: left;
    width: 100%;
}

#featured-news-events h2::before {
    content: "";
    display: inline-block;
    font-family: fontawesome;
    margin-right: 15px;
}

#featured-news-events .recent-news h2::before{
    content: "\f1ea"
}

#featured-news-events .recent-events h2::before{
    content: "\f073"
}

#featured-news-events h3 {
    margin-bottom: 5px;
}

.event-post .entry-meta {
    background: #F4A02E none repeat scroll 0 0;
    border-radius: 8px 8px 5px 5px;
    border-top: 3px solid #002147;
    color: #ffffff;
    float: left;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.4;
    margin: 10px 20px 10px 0;
    padding: 0 10px 10px;
    position: relative;
    text-align: center;
    text-shadow: 0 0 1px #5d5d5d;
    width: 71px;
}

.event-post .entry-meta::before {
    border: 1px solid #F4A02E;
    border-radius: 100%;
    content: "";
    display: block;
    height: 25px;
    left: 24px;
    position: absolute;
    top: -15px;
    width: 25px;
}

.event-post .entry-meta::after {
    border: 1px solid #ffffff;
    border-radius: 100%;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    top: 44px;
    width: 100%;
}

a.button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    font-size: 15px;
    padding: 0;
}

a.button:hover{
    color:#6081a7;
}

a.button::after {
    content: "\f101";
    font-family: fontawesome;
    margin-left: 5px;
}

.event-post .entry-meta a{
    color: #fff;
}

.event-post {
    background: #f3f3f3 none repeat scroll 0 0;
    clear: both;
    margin-bottom: 18px;
    overflow: hidden;
    padding: 15px 15px 0;
}

#featured-news-events {
    clear: both;
    padding: 30px 0 15px;
}

.news-content {
    background: #f3f3f3 none repeat scroll 0 0;
    border-bottom: 5px solid #F4A02E;
    padding: 15px;
}

.news-post img{
    margin-bottom:0;
}


/*--------------------------------------------------------------
## Custom Basic Footer Style By WEN Themes
--------------------------------------------------------------*/

#footer-widgets {
    background-color: #343d5b;
    border-top: 2px solid #719eea;
    float: left;
    padding: 30px 0;
    width: 100%;
}

.footer-widget-area  ul {
    margin: 0;
}

.footer-widget-area  ul li{
    list-style: none;
    position: relative;
    padding-left: 20px;
}

.footer-widget-area ul li::before {
    color: #343D5B;
    content: "\f101";
    display: inline-block;
    font-family: fontawesome;
    font-size: 15px;
    left: 0;
    margin-left: 5px;
    margin-right: 8px;
    position: absolute;
}

.news-content {
    background: #f3f3f3 none repeat scroll 0 0;
    border-bottom: 5px solid #F4A02E;
    margin-bottom: 20px;
    padding: 15px;
}

.footer-widget-area:first-child{
    border:none;
}

.footer-widget-area {
    border-left: 1px dashed #939393;
    float: left;
    height: 100%;
    padding: 0 25px;
}

#footer-widgets .inner-wrapper{
    margin-left: -25px;
    margin-right: -25px;
}

.footer-widget-area  a{
    color:#719eea;
}

.footer-widget-area a:hover,
#colophon a:hover{
    color:#F4A02E;
}

#colophon a {
    color: #c2c2c2;
}

#colophon a:hover {
    opacity: 0.5;
}

.footer-widget-area p,
.footer-widget-area{
    color: #719eea;
}

#footer-widgets .widget-title {
    color: #fff;
    font-weight: bold;
}

.footer-active-1{
    width: 100%;
}

.footer-active-2{
    width: 50%;
}

.footer-active-3{
    width: 33.33%;
}

.footer-active-4{
    width: 25%;
}

.site-footer {
    background-color: #001322;
    /*background-color: #15305b;*/
	
    clear: both;
    color: #FFF;
    padding: 15px 0;
    text-align: center;
    font-size: 16px;
}

.copyright {
    margin-bottom: 5px;
    margin-top: 5px;
}

.social-links {
    margin-bottom: 15px;
}

#footer-navigation li:first-child a,
#quick-links-404 ul li:first-child a {
    border: medium none;
}

#footer-navigation li a,
#quick-links-404 ul li a {
    border-left: 1px solid #dddddd;
    line-height: 0.2;
}

/*--------------------------------------------------------------
## Inner pages Style By WEN Themes
--------------------------------------------------------------*/

#footer-navigation li a,
#quick-links-404 ul li a {
    color: #ffffff;
    display: block;
    padding: 5px 10px;
}

#footer-navigation ul{
    margin: 0;
}

#quick-links-404 {
    margin-top: 10px;
}

#footer-navigation li,
#quick-links-404 ul li {
    display: inline-block;
    list-style: outside none none;
}
.footer-widget-area .education_hub_widget_social ul li {
    padding: 0;
}
.footer-widget-area .education_hub_widget_social ul li:before {
    display: none;
}


/*--------------------------------------------------------------
## Custom Basic Layout Style By WEN Themes
--------------------------------------------------------------*/

body.site-layout-boxed{
  background-color: #ddd;
}

.site-layout-boxed #tophead,
.site-layout-boxed #masthead,
.site-layout-boxed #main-nav,
.site-layout-boxed #featured-slider,
.site-layout-boxed #featured-content,
.site-layout-boxed #footer-widgets,
.site-layout-boxed #colophon {
  margin-left: -25px;
  margin-right: -25px;
}

.site-layout-boxed #tophead,
.site-layout-boxed #masthead,
.site-layout-boxed #featured-content,
.site-layout-boxed #footer-widgets,
.site-layout-boxed #colophon{
  padding-left:25px;
  padding-right:25px;
}

.site-layout-boxed #main-nav,
.site-layout-boxed #footer-widgets {
    width: 105%;
}

.site-layout-boxed #page {
    background: #ffffff;
    margin: 30px auto;
    overflow: hidden;
    position: relative;
}

.site-layout-fluid #page {
  background: inherit;
  box-shadow: inherit;
  margin: 0;
  padding: 0 0 0 1%;
  width: 100%;
}

.site-layout-boxed #page .container {
  padding: 0;
  width: 100%;
}

.global-layout-left-sidebar #primary {
  float: right;
}

.global-layout-three-columns #primary {
  display: inline-block;
  float: none;
  width: 50%;
}

.global-layout-three-columns #sidebar-primary {
  float: left;
  width: 25%;
}

.global-layout-no-sidebar #primary{
  width: 100%;
}

.site-layout-fluid #featured-slider .container {
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

.site-layout-fluid #main-slider {
  margin: 0;
/*   max-height: 70vh !important; */
}

/*--------------------------------------------------------------
## Custom Basic Scrollup Style By WEN Themes
--------------------------------------------------------------*/

.scrollup {
    background: #ffc425 none repeat scroll 0 0;
    bottom: 50px;
    color: #ffffff;
    display: none;
    float: right;
    line-height: 1.2;
    padding: 11px 7px 8px;
    position: fixed;
    right: 32px;
    text-align: center;
    z-index: 99999;
}

.scrollup i {
    color:#343D5B;
    font-size: 26px;
    line-height: 1px;
}

.scrollup:hover i {
    font-size: 26px;
    
}
    
.scrollup i:hover i {
    
    
}
/*--------------------------------------------------------------
## Custom Basic Inner Pages Style By WEN Themes
--------------------------------------------------------------*/

.entry-footer > span,
.entry-meta > span{
    margin-right: 15px;
}


section.error-404 {
    text-align: center;
}

h2.error-title {
    font-size: 113px;
    font-style: italic;
    text-shadow: 3px 3px 0 #F4A02E;
}



#quick-links-404 ul li a{
    color: #404040;
}

.error404 #primary {
    width: 100%;
}

form.wpcf7-form input[type="text"],
form.wpcf7-form input[type="email"],
input[type="url"] {
    width: 100%;
}

/*--------------------------------------------------------------
### Custom Basic Breadcrumb  Style By WEN Themes
--------------------------------------------------------------*/

#breadcrumb {
  background: #f4f4f4 none repeat scroll 0 0;
  clear: both;
  padding-bottom: 15px;
  padding-top: 15px;
}


/*--------------------------------------------------------------
## Custom Basic Responsive Style By WEN Themes
--------------------------------------------------------------*/


/*  Media Queries
--------------------------- */

/* Smaller than standard 1139 (devices and browsers) */
@media only screen and (max-width:1169px){
    #page,
    .container  {
          width: 97%;
    }
    

    #main-slider .cycle-caption{
        max-width: 50%;
    }
    .main-navigation ul ul {
        top:41px;
    }
}
/* Smaller than standard 1024 (devices and browsers) */
@media only screen and (max-width:1023px){
  .inner-wrapper,
  #footer-widgets .inner-wrapper {
      margin-left: -15px;
      margin-right: -15px;
  }
  
  #page {
      padding: 0 15px;
      width: 97%;
  }

  #primary,
  #sidebar-primary,
  #sidebar-secondary,
  .site-footer {
      padding-left: 15px;
      padding-right: 15px;
  }

  #main-slider .cycle-caption{
      padding:15px;
  }

  #main-slider .cycle-prev,
  #main-slider .cycle-next{
      bottom: 40%;
  }

  #main-slider .cycle-caption {
      left: 8.5%;
      max-width: 60%;
      padding: 15px 22px;
      top: 25%;
      width: auto;
      z-index: 999;
  }

  #main-slider .cycle-slide {
      width: 100%;
  }

  .main-navigation ul li a {
      font-size: 15px;
      padding: 10px 13px;
  }

  .quick-links {
      margin: 10px auto;
  }

  #calendar_wrap td,
  #calendar_wrap th {
      font-size: 12px;
      padding: 3px;
  }

  #quick-contact {
      float: left;
      padding-top: 20px;
  }

  #notice-ticker,
  .top-news > p {
    min-width: 125px;
 }
    .header-social-wrapper {
        float: left;
        margin-top: 9px;
    }
  
    
}


/* All Mobile Sizes (devices and browser) */
@media only screen and ( max-width: 767px ) {
	.site-title a {
   
    letter-spacing: -0.5px;
}
    h1 {
        font-size:22px;
    }

    h2 {
        font-size: 20px;
    }
    

    h3 {
        font-size: 18px;
    }

    h4 {
        font-size:16px;
    }

    h5 {
        font-size: 15px;
    }

    h6 {
        font-size: 14px;
    }
    #page #masthead {
        background-position: center top;
        background-size: 100% auto;
        padding-top:110px;
    }
    #page,
    .container  {
        width:100%;
        padding: 0 15px;
    }

    .site-content {
        padding-top: 15px;
    }

    .site-main .post {
        margin-bottom: 15px;
    }

    #primary,
    #sidebar-primary,
    #sidebar-secondary{
        width: 100%;
        clear: both;
    }

    .site-branding {
        text-align: center;
    }

    .site-layout-boxed  #page {
        box-shadow: inherit;
        margin-bottom: 15px;
        margin-top: 15px;
        width: 93%;
    }

    .global-layout-three-columns #primary,
    .global-layout-three-columns #sidebar-primary,
    .global-layout-three-columns #sidebar-secondary {
        display: inline-block;
        float: none;
        width: 100%;
    }

    #quick-contact li {
        display: inline-block;
        float: none;
        margin: 10px 0;
        padding: 0 10px;
    }

    #quick-contact > ul {
        float: left;
        margin: 0;
        padding: 0;
        text-align: center;
        width: 100%;
    }

    #quick-contact {
        padding-top: 8px;
    }

    #quick-contact .top-news-title::before {
        float: none;
    }

    #quick-contact .top-news {
        border: medium none;
        margin: 0;
        padding: 0;
        text-align: center;
        width: 100%;
    }

    .search-section {
        clear: both;
        float: right;
        padding-top: 15px;
        width: 96%;
    }

    #site-identity {
        display: inline-block;
        float: none;
        margin-top: 25px;
    }

    .site-logo-link, .custom-logo-link{
        display: inline-block;
        float: none;
        margin-right: 10px;
        max-width: 75px;
    }
    .site-logo-link, .custom-logo-link{
        float: none;
    }

    /*Top Header social links*/

    .header-social-wrapper {
        float: left;
        margin-bottom: 15px;
        max-width: inherit;
        text-align: center;
        width: 100%;
    }
    .header-social-wrapper .education_hub_widget_social li {
        display: inline-block;
        float: none;
        margin: 4px 2.5px 0;
    }
    .header-social-wrapper .education_hub_widget_social {
        float: none;
        margin: 0 2px 0 0;
        width: 100%;
    }


    /*featured slider style*/
    #main-slider img{
        width:100%;
        height:200px!important;
    }

    #main-slider .cycle-prev:after,
    #main-slider .cycle-next:after {
        display: block;
        font-size: 32px;
    }

    #main-slider .cycle-prev,
    #main-slider .cycle-next {
        bottom: 35%;
    }

    #main-slider .cycle-caption {
        left: 12.5%;
    }

    #main-slider .cycle-caption p {
        font-size: 13px;
        height: 63px;
        overflow: hidden;
    }

    #main-slider .cycle-caption h3 {
        font-size: 19px;
        font-weight: bold;
        line-height: 1.4;
        margin-bottom: 6px;
    }

    #featured-content .inner-wrapper article {
        width: 50%;
    }
   #featured-content .inner-wrapper article:nth-child(2n+1) {
        clear: both;
    }

    .recent-news,
    .recent-events {
        float: left;
        padding: 0 15px;
        width: 100%;
    }

    .news-post {
        float: left;
        padding: 0 15px;
        width: 50%;
    }

    #featured-slider {
        clear: both;
        display: block;
    }

    .site-header {
        clear: both;
        padding: 15px 0;
    }

    .recent-news,
    .recent-events {
        margin-bottom: 15px;
    }

 /* Responsive Menu styling*/

  .main-navigation li {
      display: block;
      float: inherit;
      margin-bottom: 0;
      position: relative;
      clear: both;
  }

  .main-navigation li a {
      padding:10px 15px;
      clear: both;
      border-bottom: 1px solid;
  }

  .main-navigation li li a {
      padding-left: 30px;
  }

  .main-navigation li li li a {
      padding-left: 40px;
  }

  .main-navigation li li li li a {
      padding-left: 60px;
  }

  .main-navigation li:hover > a {
      background:inherit;
      color: #ffffff;
  }

  .main-navigation ul ul,
  .main-navigation ul ul ul {
      clear: both;
      display: none;
      float: left;
      left: 0;
      position: inherit;
      top: inherit;
      width: 100%;
  }

  .main-navigation li:hover > ul {
      display: none;
  }

  #main-nav{
      background: inherit;
  }

  .main-navigation ul.sub-menu.toggled-on {
      display: block;
  }
  .main-navigation ul {
      background: #343D5B none repeat scroll 0 0;
	  
    

  }
  .wrap-menu-content {
      background-color: #666666;
      display: none;
      left: 3.5%;
      position: absolute;
      width: 93%;
      z-index: 9999;
  }

  .main-navigation.toggled .wrap-menu-content {
      display: block;
  }

  .menu-toggle {
      background-color: #343D5B;
	 
    
      display: block;
      font-size: 20px;
      line-height: 1.3;
      margin: 15px auto;
      padding: 5px 20px 5px 15px;
      border-radius: 0;
  }

  .menu-toggle i {
      border-right: 1px solid #dddddd;
      float: left;
      font-size: 26px;
      line-height: 1;
      margin-right: 10px;
      padding-right: 15px;
  }

  .dropdown-toggle {
      background:#F4A02E ;
      border: 0 none;
      box-sizing: content-box;
      content: "";
      height: 43px;
      padding: 0;
      position: absolute;
      right: 0;
      text-transform: lowercase;
      top: 0;
      width: 43px;
      z-index: 9999;
  }

  .dropdown-toggle.toggle-on:after {
      content: "-";
      font-size: 45px;
      font-weight: normal;
      line-height: 0.5;
  }

  .dropdown-toggle:after {
      color: #ffffff;
      content: "+";
      font-size: 30px;
      font-weight: bold;
      left: 1px;
      line-height: 42px;
      position: relative;
      top: 0;
      width: 42px;
  }

  .main-navigation ul li.menu-item-has-children > a::after,
  .main-navigation ul li.page_item_has_children > a::after {
      display: none;
  }

    /* Responsive Menu styling*/

    .footer-widget-area {
        float: left;
        padding: 0 15px;
        width: 50%;
    }

    #main-slider .cycle-pager {
        bottom: -29px;
    }

    .comments-area form#commentform .comment-form-url,
    .comments-area form#commentform .comment-form-author,
    .comments-area form#commentform .comment-form-email,
    .comments-area form#commentform .comment-form-url input,
    .comments-area form#commentform .comment-form-author input,
    .comments-area form#commentform .comment-form-email input {
        width: 100%;
    }


    #commentform input[type="checkbox"],
    #commentform input[type="radio"] {
        margin-right: 10px;
        width: auto;
    }
    #respond {
        clear: both;
        display: block;
        float: left;
        width: 100%;
    }

    .notice-inner-wrap {
        width: 100%;
    }

    #quick-contact .top-news > p {
        float: none;
        min-width: 100%;
        text-align: center;
        margin:0;
    }

    #quick-contact {
        width: 100%;
    }

    #quick-contact .top-news {
        text-align: center;
        width: 100%;
    }

    .quick-links a.links-btn {
        width: 100%;
    }

    .quick-links {
        float: left;
        width: 100%;
    }

    .quick-links > ul {
        width: 100%;
    }

     #quick-contact .top-news-title {
        display: block;
        float: left;
        margin-right: 10px;
    }

     #quick-contact .top-news > p {
        float: none;
        margin-bottom: 0;
        margin-right: 0;
        margin-top: 0;
        min-width: inherit;
       
    }
    .site-layout-boxed #footer-widgets {
        width: 111%;
    }
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and ( max-width:610px ) {
    #page #masthead {
        background-position: center top;
        background-size: 100% auto;
        padding-top: 95px;
    }
    .scrollup {
        bottom: 15px;
		    right: 6px;
    }
    
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and ( max-width: 479px ) {
    .site-layout-boxed #footer-widgets {
        width: 117%;
    }
    
    #page #masthead {
        background-position: center top;
        background-size: 100% auto;
        padding-top: 60px;
    }
    #main-slider .cycle-caption {
        left: 13%;
        padding: 5px 10px;
        top: 100px;
        width: 62%;
    }

    #main-slider .cycle-caption p {
        display: none;
        font-size: 12px;
        max-height: 34px;
        overflow: hidden;
    }

    #main-slider .cycle-caption h3 {
        font-size: 14px;
        margin: 0;
        max-height: 32px;
        overflow: hidden;
    }

    #main-slider .cycle-prev,
    #main-slider .cycle-next {
        bottom: 27%;
    }

    .footer-widget-area {
        width: 100%;
    }

    #main-slider .cycle-pager {
        bottom: -3px;
    }

    #quick-contact li {
        margin: 10px 0;
        padding: 0 6px;
        font-size: 12px;
    }

    .quick-links {
        width: 100%;
    }

    .quick-links a.links-btn {
        display: block;
        width: 100%;
    }

    #quick-contact .top-news > p {
        font-size: 12px;
        margin: 0;
    }

    .site-title {
        clear: none;
        /*font-size: 26px;*/
    }

    .quick-links > ul {
        width: 100%;
    }

    .site-description {
        font-size: 12px;
        letter-spacing: 1.4px;
        margin-bottom: 0;
    }

    #featured-content .inner-wrapper article,
    .news-post {
        width: 100%;
    }

    #main-slider .cycle-pager {
        bottom: -29px;
    }

    #main-slider .cycle-prev::after {
        padding: 15px 15px 15px 3px;
    }

    #main-slider .cycle-next::after {
        padding: 15px 5px 15px 15px;
    }

    .navigation .nav-links > div a {
        display: block;
    }

    .navigation .nav-links > div.nav-next,
    .navigation .nav-links > div.nav-previous {
        display: block;
        float: none;
        margin: 10px 0;
        text-align: center;
        width: 100%;
    }

    #main-slider .cycle-prev:hover,
    #main-slider .cycle-prev {
        left: -1px;
    }

    #main-slider .cycle-next:hover,
    #main-slider .cycle-next {
        right: 0;
    }

    #main-slider .cycle-prev::after {
        padding: 10px 15px 10px 12px;
    }

    #main-slider .cycle-next::after {
        padding: 10px 10px 10px 15px;
    }
	.site-title a {
   
    letter-spacing: -0.5px;
}

}

/*** Block Styles ***/

[class^="wp-block-"]:not(.wp-block-gallery) figcaption {
    font-style: italic;
    margin-bottom: 1.5em;
    text-align: left;
}

hr.wp-block-separator {
    background: none;
    border-bottom-width: 1px;
}

.wp-block-gallery {
    margin: 0;
    margin-bottom: 15px;
}

.wp-block-gallery.alignleft,
.wp-block-gallery.alignnone,
.wp-block-gallery.aligncenter,
.wp-block-gallery.alignright {
    display: flex;
}

.wp-block-gallery figcaption {
    font-style: italic;
}

p.has-drop-cap:not(:focus)::first-letter {
    font-size: 5em;
    margin-top: 0.075em;
}

.wp-block-image {
    margin-bottom: 1.5em;
}

.wp-block-image figure {
    margin-bottom: 0;
    margin-top: 0;
}

.wp-block-image figure.alignleft {
    margin-right: 1.5em;
}

.wp-block-image figure.alignright {
    margin-left: 1.5em;
}

.wp-block-audio audio {
    display: block;
    width: 100%;
}

.wp-block-cover-image.alignright,
.wp-block-cover.alignright,
.wp-block-cover-image.alignleft,
.wp-block-cover.alignleft,
.wp-block-cover-image.aligncenter,
.wp-block-cover.aligncenter {
    display: flex;
}

.wp-block-pullquote blockquote {
    margin: 0;
}

.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
    padding-top: 10px;
    padding-bottom: 10px;
}
.wp-block-quote:not(.is-large):not(.is-style-large),
blockquote {
    border-left: 4px solid #F4A02E;
}

.wp-block-pullquote.is-style-solid-color blockquote {
    border: none;
    background: #F4A02E;
    padding: 30px;
    color: #fff;
}
.wp-block-pullquote.is-style-solid-color blockquote p {
    color: #fff;
}
blockquote:before {
    display: none;
}
blockquote {
    margin: 0 0 15px 0;
    position: relative;
    padding-left: 20px;
	border-right: 5px solid #F4A02E;
    /*border-top: 3px solid #343D5B99;
    border-radius: 60px 5px;
    border-right: 12px solid #F4A02E;
    border-bottom: 1Px solid transparent;
    height: 60px;
    width:55%;   
    background: #EFEFEF; 
    box-shadow: 3px 5px #888888;*/
}
.entry-content ul.wp-block-gallery {
    margin-left: 0;
    padding-left: 0;
}
.entry-content ul,.entry-content ol {
    padding-left: 20px;
    margin-left: 0;
}

#content .wp-block-latest-comments article {
    padding-bottom: 0;
}

.wp-block-pullquote.is-style-solid-color blockquote cite {
    text-transform: none;
    font-style: normal;
    font-size: 18px;
    color: #FFF;
}
#sidebar-primary{font-weight: bold;}

#wpsm_counter_b_row_212 .wpsm_counterbox .wpsm_count-icon i {
    font-size: 20px;
    color: #215A4B;
}
  
#sidebar-primary aside.widget_nav_menu ul.menu{
 
 	margin: 0;
    padding: 0;
	background-color: #343d5b0a;
    /*border-bottom: 2px solid #719eea;*/
 }
 
#sidebar-primary aside.widget_nav_menu ul.menu li.menu-item{
 	display: block;
    float: inherit;
    margin-bottom: 0;
    position: relative;
    clear: both;
    font-size: 15px;
    /*border-bottom: 1px solid #94989D;*/
    /*border-right: 2px solid;
    box-shadow: 0px 2px #343d5aad;*/
	background: url(image/side_li.png) no-repeat scroll center bottom rgba(0, 0, 0, 0);
    
    }

#sidebar-primary aside.widget_nav_menu ul.menu li.menu-item a{
    display: block;
    font-size: 16px;
    font-weight: normal;
    padding:0px 5px 10px 5px;
    position: relative;
    clear: both;
    z-index: 99;
    /*box-shadow: 4px 0px #343d5aad;*/
	color: #343D5B;
}
#sidebar-primary aside.widget_nav_menu ul.menu ul, #sidebar-primary aside.widget_nav_menu ul.menu ul ul {
    clear: both;
    display: none;
    float: left;
    left: 0;
    position: inherit;
    top: inherit;
    width: 100%;
	background-color: #C2C4CC;
}

#sidebar-primary aside.widget_nav_menu ul.menu ul{
    /*box-shadow: 0 1px 2px;*/
    left: -25px;
    margin: 0;
	/*padding-left:20px;*/
    min-width: 263px;
    z-index: 9999;
}

#sidebar-primary aside.widget_nav_menu ul.menu ul.sub-menu.toggled-on {
    display: block;
}
#sidebar-primary aside.widget_nav_menu ul.menu li.menu-item li {
    margin-bottom: 0;
    position: relative;
    clear: both;
    float: none;
    display: block;
}


#sidebar-primary aside.widget_nav_menu ul.menu li.menu-item:hover,
#sidebar-primary aside.widget_nav_menu ul.menu li.menu-item:active,
#sidebar-primary aside.widget_nav_menu ul.menu li.menu-item:focus,
#sidebar-primary aside.widget_nav_menu ul.menu li.current-menu-item,
#sidebar-primary aside.widget_nav_menu ul.menu li.current_page_item,
#sidebar-primary aside.widget_nav_menu ul.menu li:hover > a,
#sidebar-primary aside.widget_nav_menu ul.menu li > a:active,
#sidebar-primary aside.widget_nav_menu ul.menu li > a:focus,
#sidebar-primary aside.widget_nav_menu ul.menu li > a:focus{
    background:#343d5b;
    color: #fff;
	 
}
#sidebar-primary aside.widget_nav_menu ul.menu li:focus > a,#sidebar-primary aside.widget_nav_menu ul.menu li:active > a{
    
    color:#fff;
}
#sidebar-primary aside.widget_nav_menu ul.menu li.menu-item:hover::before,
#sidebar-primary aside.widget_nav_menu ul.menu li.current-menu-item::before,
#sidebar-primary aside.widget_nav_menu ul.menu li.current_page_item::before,
#sidebar-primary aside.widget_nav_menu ul.menu li:hover::before > a{
    
    color: #fff;
}
#sidebar-primary aside.widget_nav_menu ul.menu li:hover > a

#sidebar-primary aside.widget_nav_menu ul li {
    padding: 10px 0 0px 25px;
    position: relative;
}

#sidebar-primary aside.widget_nav_menu ul.menu li.menu-item-has-children:hover > .sub-menu,
 #sidebar-primary aside.widget_nav_menu ul.menu li.page_item_has_children:hover > .sub-menu {

    display:block;
}
#sidebar-primary aside.widget_nav_menu ul.menu li ul li a:active,
#sidebar-primary aside.widget_nav_menu ul.menu li ul li a:focus,
#sidebar-primary aside.widget_nav_menu ul.menu li ul li a:focus{
    background:#F4A02E;
    color: #fff!important;
}

.site-title a {
    text-shadow: 0 0 80px rgba(255,255,255,.5);
	letter-spacing: -2.5px;

/* Clip Background Image */

      /*background: url(http://f.cl.ly/items/010q3E1u3p2Q0j1L1S1o/animated_text_fill.png) repeat-y;
      -webkit-background-clip: text;
      background-clip: text;

/* Animate Background Image */

      /*-webkit-text-fill-color: transparent;
      -webkit-animation: aitf 80s linear infinite;

/* Activate hardware acceleration for smoother animations */

      /*-webkit-transform: translate3d(0,0,0);
      -webkit-backface-visibility: hidden;*/
}

@-webkit-keyframes aitf {
    0% { background-position: 0% 50%; }
    100% { background-position: 100% 50%; }
}
.entry-header-none{display:none;}
#sidebar-primary aside.widget_nav_menu ul.menu li.menu-item a:active,#sidebar-primary aside.widget_nav_menu ul.menu li.menu-item a:hover{color:#fff!important;}
/*================================================================
========================= Style Ends =============================
================================================================= */


ul li{
    /*font-family: Roboto, Coustard;*/
	font-family: Roboto, 'Open Sans', sans-serif;
    font-size: 15px;
    /*color:#1c1212;
	/*font-family: Questrial, 'Merriweather Sans', sans-serif;
	/*font-weight: bolder;
	font-size: 18px;*/
}

.wpcf7{
background-color: lightblue;
    padding: 2%;
}
div.wpcf7 { 
background-color: #fbefde;
border: 1px solid #f28f27;
padding:20px;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
background:#725f4c;
color:#FFF;
font-family:lora, sans-serif; 
font-style:italic;    
}
.wpcf7 input[type="submit"],
.wpcf7 input[type="button"] { 
background-color:#725f4c;
width:100%;
text-align:center;
text-transform:uppercase;
}

/* Style inputs, select elements and textareas */
.mrow input[type=text], .mrow select, .mrow textarea{
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  resize: vertical;
}

/* Style the label to display next to the inputs */
.mrow label {
  padding: 12px 12px 12px 0;
  display: inline-block;
}

/* Style the submit button */
.mrow input[type=submit] {
  background-color: #020024;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  float: right;
}

/* Style the container */
.mcontainer {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}

/* Floating column for labels: 25% width */
.mcol-25 {
  float: left;
  width: 35%;
  margin-top: 6px;
}

/* Floating column for inputs: 75% width */
.mcol-75 {
  float: left;
  width: 65%;
  margin-top: 6px;
}

/* Clear floats after the columns */
.mrow:after {
  content: "";
  display: table;
  clear: both;
}
#sidebar-primary aside.widget_nav_menu ul ul li {padding-left:45px;}
#sidebar-primary aside.widget_nav_menu ul.menu li.current-menu-item:hover::before,#sidebar-primary aside.widget_nav_menu ul.menu ul li:hover::before{color:#fff;}
/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .mcol-25, .mcol-75, .mrow input[type=submit] {
    width: 100%;
    margin-top: 0;
  }
}

.stinav{
    position: fixed;
    top: 110px;
    width: 100%;
	z-index: 1000;
}
.contmar{
	padding-top:150px;
}

div#audience {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: both;
    background-color: 
    #ddddddfa;
    padding: 1.6em 0;
    margin-top: 1.5em;
	margin-bottom: 1.5em;
	/*border-bottom: 2px solid #B13D66;
	border-top: 2px solid #719eea;*/
}
#featured-slider{border-bottom: 2px solid #719eea;}
.audience-segmentation-block {
    clear: both;
}

.max-width-container:after, header#asu_header .container:after, div#boxes .container:after, div#audience .container:after, div#buttions .container:after, div#carousels .container:after, .credits-block .content:after, .fat-footer-block .content:after, #block-asu-brand-asu-brand-footer .content:after {
    content: "";
    display: table;
    clear: both;
}
.audience-segmentation-block h2 {
    color: #7e211a ;
    text-align: center;
    font-size: 2.3em;
    margin: 0 0 1em 0;
    font-family: 'Roboto';
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.audience-segmentation-block ul {
    padding: 0;
}
.audience-segmentation-block ul li.col-11 {
    /*width: 100%;
    float: right;*/
    margin-left: 0;
    margin-right: 0;
    clear: none;
}
.audience-segmentation-block ul li {
    list-style: none;
    border-left-style: dotted;
    border-left-width: 1px;
    border-left-color: #7e211a ;
    display: table;
    width: 100%;
    text-align: center;
    margin-bottom: 8px;
	display:inline;
	padding-top: 20px;
    padding-bottom: 10px;
	font-size: 1vw;
}
.audience-segmentation-block ul li.first {
    border-left-width: 0;
}
.audience-segmentation-block ul a {
    margin-left: 0.5em;
    margin-right: 1.2em;
	margin-left: 0.5vw;
    margin-right: 1vw;
    font-size: 1.4em;
    color: #000;
    outline: 0;
    text-decoration: none;
    background: transparent;
    font-family: 'Roboto';
    /*border-bottom: 1px dotted #8c1d40;*/
}

.audience-segmentation-block ul a .break {
    display: inline;
}
@media (max-width: 640px){
.audience-segmentation-block ul li {
	display: table; 
    padding-top: 0px;
    padding-bottom: 0px;
	font-size:16px;
}
	.audience-segmentation-block ul li a{
		border-bottom: 1px solid #B13D66;
	}
}

#sidebar-primary aside.widget_nav_menu ul.menu li.menu-item ul li a{
    color:#343D5B;
}

.counter-section {
 /* background: url(https://beta.nutech.edu.pk/wp-content/uploads/2020/01/bg.jpg);*/
	position:absolute;
	right:0;left:0;
	background:#001322;
  background-repeat: no-repeat;
  background-attachment: fixed;
 
  background-size: cover;
}

.counter-overlay {
  /*position: absolute;*/
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.89);
}

.count-items {
  text-align: center;
  padding:20px 1px;
  border-radius: 100%;
  border-bottom: 3px dotted #666;
  border-top: 3px dotted #666;
	    min-height: 200px;
}
.count-items:hover.count-items i{
  color: #ffaf53;
}
.count-items:hover.count-items h2{
  color:#7E211A;
}
.count-items i {
  color: #7E211A;
  font-size: 36px;
}

.count-items span {
  color: #fff;
  font-size: 28px;
  padding: 20px 0px;
  display: inherit;
  font-weight: 700;
}

.count-items h2 {
  font-size: 16px;
  color: #ffaf53;
}
.funfact {
  margin-top: 50px;
  text-align: right;
}

.funfact h2 {
    color: #ffaf53;
    font-size: 42px;
    font-weight: 700;
    position: relative;

}
.funfact h2:after {
position: absolute;
content: "";
width: 115px;
height: 2px;
background:#fff;
right: 0px;
bottom: -24px;


}
.funfact p {
  line-height: 24px;
  font-size: 16px;
  margin-top: 50px;
  color: #e1e1e1;
}
a.site-btn.transition-ease.quote-btn {
  padding:14px 28px;
  background: #f35b68;
}
.site-btn.header-quote-btn:hover {

    background: transparent;
    color: #252525;

}
.site-btn.header-quote-btn {
padding:14px 28px;
background: #f35b68;
  background: linear-gradient(to right, #f35b68, #ffaf53);
  margin-left: 20px;
text-transform: capitalize;
background-origin: border-box ;
}
#marquee-container {
  padding: 20px 0px;
}

.fix {
    overflow: hidden;
}

#featured-content .entry-title a{color:#7e211a;}

#featured-content-heading{
	padding-bottom:16px;
	padding-top:16px;
	padding-left:10px;
}


.wp-block-column h4{background:#7e211a;color:#fff;}
.wp-block-column h4 p a{color:#ffc425;}
.entry-header {background:#f4a023;}
.entry-header .entry-title a{color:#000!important;}
.wp-block-separator{border-bottom:1px solid #719eea!important;}

.pb100 {
    padding-bottom: 10px;
}

.pt100 {
    padding-top: 10px;
	}
	




.col-md-3{width:24%;float:left;margin-right:1%;padding-bottom:6px;} 
.col-sm-6{width:24%;float:left;margin-right:1%;padding-bottom:6px;}

.wp-block-latest-posts li a, .wp-block-latest-posts__list li a{
/* 	word-break:break-all; */
}

quick-links a.links-btn {
    
    margin: 1px 0;
    padding: 2px 41px 2px 10px;
    
}

.quick-links a.links-btn::before {
    border-left: 7px solid rgba(0, 0, 0, 0);
    border-right: 7px solid rgba(0, 0, 0, 0);
    border-top: 7px solid #fff;
   
    height: 20px;
    
    right: 9px;
    top: 10px;
    
}
#content article {
   
     padding-bottom: 0px; 
}
.hentry {
    margin: 0 0 1px;
}

element.style {
}
#sidebar-primary aside.widget_nav_menu ul.menu li.menu-item a:active {color:#fff;}
#footer-widgets {margin-top:239px;}
.count-items span {
    
    padding: 0px 0px;
   
}

.quick-links > ul li, .quick-links a.links-btn {
    font-size:1.01vw;
}
@media only screen and (max-width: 1100px){
.quick-links > ul li, .quick-links a.links-btn {
    font-size:1.01vw;
}	
.search-section {
    clear: both;
    float: right;
    padding-top: 15px;
    width: 96%;
	margin-bottom: 10px;
}


.site-branding {
    text-align: center;
}

#site-identity {
    display: inline-block;
   /* float: none;*/
    margin-top: 25px;
}

/*.site-logo-link, .custom-logo-link {
    float: none;
	}*/
#quick-contact {
    /*width: 100%;*/
}


#quick-contact {
    padding-top: 8px;
}


.quick-links {
    float: left;
   /* width: 100%;*/
	margin-top: 16px;
	
}
.quick-links > ul li,.quick-links a.links-btn {
    
    font-size: 1.01vw;
}

.quick-links a.links-btn {
    width: 100%;
}


.quick-links > ul {
    width: 100%;
}

#quick-contact > ul {
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
    /*width: 100%;*/
}

#quick-contact .top-news {
   /* border: medium none;*/
    margin: 0;
    padding: 0;
    text-align: center;
   /* width: 100%;*/
	    margin-top: 11px;
}

#quick-contact .top-news > p {
    float: none;
    margin-bottom: 0;
    margin-right: 0;
    margin-top: 0;
    min-width: inherit;
}

#quick-contact .top-news > p {
    float: none;
    min-width: 100%;
    text-align: center;
    margin: 0;
}
#quick-contact .top-news > p {
    float: left;
    min-width: 270px;
}

#quick-contact li {
    display: inline-block;
    float: none;
    margin: 10px 0;
    padding: 0 10px;
}
	
}
@media only screen and (max-width: 767px){
    .main-navigation li:hover > a {
      background:#1b202f;
      color: #ffffff;
    }
    #footer-widgets {
    margin-top: 135px;
}
.count-items {	
	/*padding: 0;*/
	    padding-top: 40px;
	}
count-items h2 {
    
    font-size: 13px;
	
	}
	.count-items span {
 
    font-size: 14px;
    
}
.count-items i {
    
    font-size: 13px;
}
.count-items h2 {
    font-size: 13px;
    
}
.count-items:hover.count-items h2 {
    color:#306496;
    font-size: 13px;
	}
	
	
	
	
	
	
	
}

#footer-widgets {
    margin-top: 198px;-moz-box-shadow: 0 -5px 10px -5px #719eea;
-webkit-box-shadow:  0 -5px 10px -5px #719eea;
box-shadow: 0 -5px 10px -5px #719eea;
}



#sidebar-primary aside.widget_nav_menu ul.menu li.current-menu-item, #sidebar-primary aside.widget_nav_menu ul.menu li.current_page_item {
	color:#fff!important;
}

#sidebar-primary aside.widget_nav_menu ul.menu li.current-menu-item a, #sidebar-primary aside.widget_nav_menu ul.menu li.current_page_item a{
	color:#fff!important;
}
#sidebar-primary aside.widget_nav_menu ul.menu li.current-menu-item a:active, #sidebar-primary aside.widget_nav_menu ul.menu li.current_page_item a:active{
	color:#fff!important;
}
#sidebar-primary aside.widget_nav_menu ul.menu li.current-menu-item a:focus, #sidebar-primary aside.widget_nav_menu ul.menu li.current_page_item a:focus{
	color:#fff!important;
}

#containerwidth{width:100%;}
@media screen and (min-width:900px) {
#tophead {
	width: 68%;
    float: right;
    
    min-height: 35px;
        margin-left: 1%;
}
.search-section {
    float: right;
    padding-top: 10px;
   /* min-width: 440px;*/
    margin-right: 10px;
	clear: right;
}
#quick-contact li:first-child {
    
    padding-left: 0;
	padding-right:8px;
}
#quick-contact li {
    
    margin-left: 5px;
    padding-left: 8px;
    padding-right: 8px;
}

.quick-links  {
    float: right!important;
    
    margin-right: 12px;
}

#quick-contact .top-news {
    
    padding-left: 8px;
}
#quick-contact .top-news > p {
    
    min-width: 0px;
}
.site-description {
    
    font-size: 1.1vw;
    letter-spacing: 0px;
}
.site-title {
    
font-size: 1.5vw;
}
#quick-contact .top-news > p ,#quick-contact li {
    
    font-size: 1.01vw;
}

   
.custom-logo-link{ width: 7%;}

}

.search-section {margin-bottom: 10px;margin-top: 10px;}
@media screen and (max-width:899px) {
	
#site-identity,.site-logo-link, .custom-logo-link {
    float: none;
	
	}
.site-logo-link > img, .custom-logo-link img {
    max-height: 76px;	
	
	}
	#tophead {
    width: 94%;
}
	.quick-links {
    float: right;
	}
#quick-contact .top-news > p,#quick-contact li,#quick-contact li.quick-nutech a,.quick-links > ul li, .quick-links a.links-btn,#quick-contact li::before{font-size:1.6vw;}	
	#quick-contact .top-news > p {
    
    min-width: 160px;
}
}
@media screen and (max-width:767px) {
#quick-contact .top-news > p {float:none;}
	#quick-contact .top-news > p,#quick-contact li,#quick-contact li.quick-nutech a,.quick-links > ul li, .quick-links a.links-btn,#quick-contact li::before{font-size:2.6vw;}
	.search-section {
   margin-right: 10px; 
		
}
.quick-links {
    margin-right:10px;
	}	
	.site-layout-fluid #page {
    
    padding: 0 0 0 1%;
	}
	body{padding-top: 0;}
#teststicky{background: #EFEFEF;
    top: 0;
    z-index: 10000;
    position: initial;
	width: 100%;}
	
	
.site-title a {
    
    letter-spacing: -0.5px;
}	
	
}
@media screen and (max-width:400px) {
.search-section {min-width:274px;}		
}
.bb_boot_card_container .bb_boot_card_block {padding:0 1.25rem;}
.site-title a {
    
   
}
.nb-form {
    position: fixed;
    z-index: 9999;
    width: 300px;
    background: #FFF;
    
	/*right: 190px;
	right: 12.5%;*/
	left: 1%;
    bottom: -458px;
    transition: all .8s cubic-bezier(.22, .67, .43, 1.22) .2s;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);
}
.nb-form:hover {
    bottom: 0px;
}

/*-- User Icon --*/

.nb-form .user-icon {
    position: absolute;
    top: -40px;
    right: 12px;
    display: block;
    width: 48px;
    margin: 20px auto 15px;
    border-radius: 100%;
}

/*-- Title --*/

.nb-form .title {
	background:#719EEA;
    /*background: #03a9f4;*/
   font-size: 16px !important;
    padding: 4px 18px !important;
    color: #fff !important;
    border-radius: 10px 10px 0 0;
}

/*-- Text --*/

.nb-form p {
    font-size: 15px;
    margin: 0;
    padding: 15px;
    color: #7E211A;
}

.nb-form p.message {
    margin-left: 7px;
}

/*-- Form Elements --*/

.nb-form form {
    padding: 0 15px 15px 15px;
}

.nb-form input,
.nb-form textarea {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 14px;
    width: 254px;
    max-width: 254px;
    margin-bottom: 10px;
    margin-left: 7px;
    padding: 6px;
    border: none;
    border-radius: 4px;
    color: #7E211A;
    border-bottom: 1px solid #f0f0f0;
}

.nb-form input:focus,
.nb-form textarea:focus {
    outline: none;
    box-shadow: none;
}

.nb-form input[type='submit'] {
    display: block;
    width: 120px;
    margin: 0 auto;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    cursor: pointer;
    transition: all .4s ease;
    color: #fff !important;
    border: none;
}

.nb-form input[type='submit']:hover {
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.07),0 1px 7px 0 rgba(0,0,0,0.02),0 3px 1px -1px rgba(0,0,0,0.1);
}

.nb-form textarea {
    min-height: 110px;
}


.nb-form ::-webkit-input-placeholder {
    color: #7E211A;
}

.nb-form ::-moz-placeholder{
    color: #ccb0b0;
}

.nb-form :-ms-input-placeholder {
    color: #ccb0b0;
}

.nb-form :-moz-placeholder {
    color: #ccb0b0;
}

.nb-form input[type='submit'] {
    background: #719EEA;
}

@media screen and (max-width: 676px) {
    .nb-form:hover .user-icon {
        display: none;
    }
.nb-form {
    
   
    

    
	
	left: 4px;
   
    border-radius: 10px 10px 0 0;
	display:none;
    
}
    .nb-form .message {
        display: none;
    }

    .nb-form form {
        padding-top: 15px;
    }
    .nb-form{
        right: 50%;
        bottom: -427px;
        left: 42%;
        transform: translateX(-50%);
		display:none;
    }
}
.image-bubble-close + img{display:none!important;}
#mailsubmit:disabled{background-color:grey!important;}

.pt_thumb{
	width: -webkit-fill-available;
}


.oxilab-flip-box-back > div > div >div, .oxilab-flip-box-front > div > div > div{
	background: linear-gradient(to right top, #80171c,
			
			#8e141a, #9d1017, #ab0c13, #b9060d, #bb040f, #bd0211, #bf0013, #b4001b, #a90021, #9d0026, #910029);!important;
}


.oxilab-flip-box-back > div > div >div, .oxilab-flip-box-front > div > div > div