/*
Theme Name: Enfant
Theme URI: http://demo.zoutula.com/enfant/
Author: Zoutula
Author URI: http://www.zoutula.com
Description: Enfant is a fully responsive WordPress theme best suitable for children primary schools, child care center, preschool, nursery or any child related project.
Version: 1.0.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: enfant
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-menu, editor-style, full-width-template, translation-ready

Enfant is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Header
	5.1. Logo
6.0 Navigation
	6.1 Links
	6.2 Menus
	6.3 Breadcrumb
7.0 Accessibility
8.0 Alignments
9.0 Clearings
10.0 Widgets
11.0 Content
	11.1 Main container
	11.2 Posts and pages
	11.3 Asides
	11.4 Comments
	11.5 Rows
	11.6 Grids
12.0 Footer
13.0 Infinite scroll
14.0 Media
	14.1 Captions
	14.2 Galleries
15.0 Revolution slider custom navigation
16.0 Contact page
17.0 404 Page
18.0 Pricing plans
19.0 Staff listing page
20.0 Courses listing page
21.0 Misc
22.0 Page loader
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

html {
    font-size: 62.5%;
 /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
    overflow-y: scroll;
 /* Keeps page centered in all browsers regardless of content height */
    -webkit-text-size-adjust: 100%;
 /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    -ms-text-size-adjust: 100%;
 /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
    box-sizing: border-box;
 /* Apply a natural box layout model to the document; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
    word-wrap: break-word;
 /* Fix long line issue */
}

html, html a {
    -webkit-font-smoothing: antialiased !important;
}

html, body {
    height: 100%;
}

.site {
    position: relative;
    min-height: 100%;
}

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

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

ol,
ul {
    list-style: none;
}

table {
 /* tables still need 'cellspacing="0"' in the markup */
    border-collapse: separate;
    border-spacing: 0;
    border-bottom: 2px solid #f2f2f2;
}

caption,
td {
    text-align: left;
    border-top: 2px solid #f2f2f2;
    padding: 6px 10px 6px 0;
}

th {
    font-weight: bold;
    text-transform: uppercase;
    padding: 6px 10px 6px 0;
}

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

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

a:focus {
    outline: 0;
}

a {
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}

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

a img {
    border: 0;
}

dt { 
    font-weight:bold;
}

dd {
    margin: 0 1.5rem 1.5rem;
}

dl {
    margin: 1.5rem 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
    color: #545454;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
}

 select {
    border-radius: 28px;
    border-width: 2px;
    border-style: solid;
    background-color: transparent;
    line-height: 18px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 10px 20px;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CjxwYXRoIGZpbGw9IiNhMGEwYTAiIGQ9Ik0zIDRoMTBsLTUgN3oiLz4KPC9zdmc+Cg==);
    background-position: 94%;
    background-size: 13px;
    background-repeat: no-repeat;
    min-width: 215px;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px #fff inset;
    -webkit-text-fill-color: #545454;
}

input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 50px #fff inset;
    -webkit-text-fill-color: #545454;
}

h1,
h2,
h3,
h4,
h5 {
    clear: both;
}

p {
    margin-bottom: 1.5rem;
}

b,
strong {
    font-weight: bold;
}

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

blockquote {
    margin: 1.5rem 0;
    font-size: 2.4rem;
    font-style: italic;
    font-weight: 300;
}

address {
    margin: 0 0 1.5rem;
    font-style: italic;
}

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

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

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

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

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

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

small {
    font-size: 80%;
}

big {
    font-size: 115%;
}

.clear {
    clear: both;
}

.ztl-font-light {
    font-weight: 300;
}

.ztl-font-normal {
    font-weight: 400;
}

.ztl-font-bold {
    font-weight: 700;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5rem;
}

ol {
    margin: 0 0 1.5rem 3rem;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ol {
    margin-bottom: 0;
    margin-left: 1.5rem;
}

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

figure {
    margin: 0;
    width: 100%;
}

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

th {
    font-weight: bold;
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input[type="text"],
select,
textarea {
    font-size: 100%;
 /* Corrects font size not being inherited in all browsers */
    margin: 0;
 /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
    vertical-align: baseline;
 /* Improves appearance and consistency in all browsers */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
 /* Improves usability and consistency of cursor style between image-type 'input' and others */
    -webkit-appearance: button;
 /* Corrects inability to style clickable 'input' types in iOS */
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
    padding: 10px 20px;
}

input[type="checkbox"],
input[type="radio"] {
    padding: 0;
 /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
    -webkit-appearance: none;
 /* Addresses appearance set to searchfield in S5, Chrome */
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
 /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
    -webkit-appearance: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="password"],
input[type="search"],
textarea {
    color: #545454;
    border: 2px solid #f2f2f2;
    border-radius: 28px;
}

textarea {
    border-radius: 0px !important;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="password"],
input[type="search"] {
    padding: 7px 20px;
}

textarea {
    overflow: auto;
 /* Removes default vertical scrollbar in IE6/7/8/9 */
    vertical-align: top;
 /* Improves readability and alignment in all browsers */
    width: 100%;
    padding: 20px;
}

::-webkit-input-placeholder {
    color: #707070;
}

:-moz-placeholder {
    color: #707070;
}

::-moz-placeholder {
    color: #707070;
}

:-ms-input-placeholder {
    color: #707070;
}

.wrapper {
    max-width: 1050px;
    margin: 0 auto;
}

.wrapper .fixed-header {
    max-width: 1050px;
}

/*--------------------------------------------------------------
5.0 Header
--------------------------------------------------------------*/
.site {
    background-color: #ffffff;
}

.site-header {
    width: 100%;
    z-index: 499;
    position: relative;
    border-bottom: 2px solid;
}

#head-frame {
    height: 180px;
}

.fixed-header {
    position: fixed;
}

.fixed-header #logo-second img {
    width: 75%;
}

.fixed-header #logo-second {
    line-height: 60px;
}

.header-one {
    width: 100%;
    min-height: 100px;
}

.fixed-header .header-one {
    display: none;
}

.fixed-header #logo-second {
    display: block;
}

#logo-first,
#logo-second {
    max-width: 200px;
}

.custom-header {
    background-size: cover;
    background-position: center center;
    position: relative;
}

.fixed-header .ztl-tools-wrapper {
    display: none;
}

.ztl-tools-wrapper {
    float: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 80px;
}

.ztl-tools-wrapper .item {
    margin-left: 15px;
    padding-left: 15px;
    border-left: 1px solid;
    line-height: 1.2;
}

.ztl-tools-wrapper .item span{
    cursor: pointer;
}

.ztl-tools-wrapper .item span::before {
    font-size: 20px;
    font-weight: 600;
    cursor: pointer;
}

.ztl-tools-wrapper .item span {
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}

#ztl-shopping-bag {
    position: relative;
}

#ztl-shopping-bag div {
    padding-right: 7.5px;
}

#ztl-shopping-bag .qty {
    color: #fff !important;
    width: 16px;
    height: 16px;
    font-size: 9px;
    text-align: center;
    line-height: 16px;
    display: block;
    border-radius: 100%;
    position: absolute;
    top: 10px;
    right: 0px;
}

#ztl-shopping-bag a {
    text-decoration: none !important;
}

.ztl-display-none {
    display: none;
}

.ztl-header-image {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}


/*--------------------------------------------------------------
5.1 Logo
--------------------------------------------------------------*/
#logo-first {
    line-height: 100px;
    float: left;
}

#logo-second {
    line-height: 60px;
    float: left;
    display: none;
}

#logo-first a,
#logo-second a {
    vertical-align: middle;
    display: block;
}



/*--------------------------------------------------------------
6.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
6.1 Links -> moved to customizer to implement theme colors
--------------------------------------------------------------*/
.ztl-transition {
    transition: all .2s ease-in-out !important;
    -webkit-transition: all .2s ease-in-out !important;
}

.ztl-navigation-space+nav {
    margin-top: 5rem;
}

/*--------------------------------------------------------------
6.2 Menus
--------------------------------------------------------------*/
.main-navigation {
    float: right;
}

.main-navigation ul {
    list-style: none;
    vertical-align: middle;
}

.main-navigation > div > ul {
    height: 80px;
    margin: 0;
    padding-left: 0;
}

.main-navigation li a {
    padding: 28px 16px 28px 16px;
    line-height: 24px;
}

.main-navigation li>a {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fixed-header .main-navigation > div > ul > li > a {
    text-align: right;
}

.main-navigation > div > ul > li > a {
    text-align: left;
}

.main-navigation li {
    float: left;
    position: relative;
}

.main-navigation a {
    display: block;
    text-decoration: none;
}

.main-navigation ul ul {
    float: left;
    position: absolute;
    left: -999rem;
    z-index: 99999;
    width: 224px;
    padding-top: 12px;
}

.main-navigation .menu-item-has-children > a:after {
    content: '\f107';
    font-family: 'FontAwesome';
    display: block;
    float: right;
    padding-left: 6px;
    line-height: 28px;
    font-weight: 300;
}

.main-navigation ul ul ul {
    top: 0px !important;
    padding-top: 0px;
    padding-left: 12px;
}

.main-navigation ul ul li:first-child {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-top: 12px;
}

.main-navigation ul ul li:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-bottom: 12px;
}

.main-navigation > div > ul:not(.sub-menu) > li:last-child > a {
    padding-right: 0px;
}

.main-navigation > div > ul:not(.sub-menu) > li:first-child > a {
    padding-left: 0px;
}

#nav-wrapper {
    display: inline-block;
    float: left;
}

.fixed-header #nav-wrapper {
    float: right;
}

.main-navigation ul li:hover > ul {
    left: 0px;
}

.main-navigation ul ul li:hover > ul {
    left: 100%;
}

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

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

.ztl-expand {
    display: none;
}

/* Small menu */

#menu-toggle {
    width: 26px;
    height: 20px;
    position: relative;
    margin: 30px auto;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    cursor: pointer;
    float: right;
    display: none;
}

#menu-toggle span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    border-radius: 3px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}

#menu-toggle span:nth-child(1) {
    top: 0px;
}

#menu-toggle span:nth-child(2),
#menu-toggle span:nth-child(3) {
    top: 8px;
}

#menu-toggle span:nth-child(4) {
    top: 16px;
}

#menu-toggle.open span:nth-child(1) {
    top: 8px;
    width: 0%;
    left: 50%;
}

#menu-toggle.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#menu-toggle.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#menu-toggle.open span:nth-child(4) {
    top: 8px;
    width: 0%;
    left: 50%;
}

.main-navigation ul ul li a {
    display: block;
    width: 200px;
    padding: 7px 12px;
    margin: 0 12px;
    box-sizing: border-box;
}

.main-navigation ul > li a {
    position: relative;
    z-index: 1;
}

.fixed-header .main-navigation > div > ul {
    height: 60px;
}

.fixed-header .main-navigation li a {
    padding: 18px 14px;
    line-height: 24px;
}

.fixed-header .sub-menu li a,
.fixed-header .children li a {
    padding: 7px 12px;
}

.sub-menu li a {
    font-weight: normal;
}

.main-navigation li, .main-navigation li a {
    transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    -webkit-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
}

.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
    margin: 0 0 5rem;
    overflow: hidden;
}

.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 48%;
    border-bottom: 2px solid;
    border-right: 2px solid;
    padding: 5px 45px;
    text-align: right;
    margin: 10px 0;
    position: relative;
}

.post-navigation .nav-previous .ztl-icon-navigation {
    position: absolute;
    left: 25px;
    top: 0px;
    line-height: 2;
}

.post-navigation .nav-next .ztl-icon-navigation {
    position: absolute;
    right: 25px;
    top: 0px;
    line-height: 2;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
    line-height: 2;
}

.post-navigation .nav-previous,
.post-navigation .nav-next {
    overflow: hidden;
    height: 42px;
}

.comment-navigation .nav-previous .meta-nav,
.paging-navigation .nav-previous .meta-nav,
.post-navigation .nav-previous .meta-nav {
    float: left;
}

.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: left;
    width: 48%;
    border-bottom: 2px solid;
    border-left: 2px solid;
    padding: 5px 45px;
    margin: 10px 0;
    position: relative;
}

.comment-navigation .nav-next .meta-nav,
.paging-navigation .nav-next .meta-nav,
.post-navigation .nav-next .meta-nav {
    float: right;
}

.comment-navigation .nav-next a,
.paging-navigation .nav-next a,
.post-navigation .nav-next a,
.comment-navigation .nav-previous a,
.paging-navigation .nav-previous a,
.post-navigation .nav-previous a {
    display: block;
    text-decoration: none;
}

.ztl-password-form {
    text-align: center;
    margin: 5rem auto;
}

.ztl-password-form .ztl-password {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

.ztl-password,
.ztl-reset-password {
    position: relative;
    margin-top: 5px;
}

.ztl-password .ztl-password-button,
.ztl-reset-password .ztl-password-button {
    position: absolute;
    right: 2px;
    top: 2px;
}

.ztl-password .ztl-input,
.ztl-reset-password .ztl-input {
    padding: 14px 120px 14px 20px !important;
    width:100%;
    border-radius: 28px !important;
    border: none !important;
    font-size: 14px;
    line-height: 18px;
    background-color: #f2f2f2;
}

.ztl-password-form .ztl-reset-password {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

.ztl-reset-password .form-row-first {
    width: 100% !important;
}


/*--------------------------------------------------------------
6.3 Breadcrumb
--------------------------------------------------------------*/
.ztl-breadcrumb-container {
    line-height: 2rem;
    padding: 2rem 0;
    border-bottom: 2px solid;
}

.ztl-breadcrumb-container ul {
    width: 100%;
    text-align: center;
    font-size: 14px;
}

.ztl-breadcrumb-container .trail-items li::after {
    content: '\f105';
    font-family: 'FontAwesome';
}

/*--------------------------------------------------------------
7.0 Accessibility
--------------------------------------------------------------*/
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #f2f2f2;
    clip: auto !important;
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    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 */
}

.edit-link {
    display: block;
    font-weight: normal;
    margin: 10px 0;
}

.cat-links {
    float: right;
}

.ztl-full-img,
.ztl-full-img a,
.ztl-full-img a img {
    width: 100%;
}

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

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

.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}

.centered {
    text-align: center;
}

.ztl-left {
    text-align: left;
}

.ztl-right {
    text-align: right;
}

.ztl-center {
    text-align: center;
}

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

.clear10 {
    clear: both;
    height: 1rem;
}

.clear20 {
    clear: both;
    height: 2rem;
}

.clear40 {
    clear: both;
    height: 4rem;
}

.clear50 {
    clear: both;
    height: 5rem;
}

/*--------------------------------------------------------------
10.0 Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 6rem;
}

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

.ztl-widget-wrapper {
    margin-left: 15px;
    padding-left: 20px;
    border-left: 1px solid;
    float: left;
}

/* Header widgets */
.header-widget {
    color: #ffffff;
}

.header-widget .widget-title {
    display: none;
}

.header-widget .ztl-icon {
    float: left;
}

.header-widget .ztl-icon.small,
.header-widget .ztl-icon.small::before {
    font-size: 32px;
}

.header-widget .ztl-icon.medium,
.header-widget .ztl-icon.medium::before {
    font-size: 40px;
}

.header-widget .ztl-icon.large,
.header-widget .ztl-icon.large::before {
    font-size: 48px;
}

.header-one .widget {
    margin: 0 0 0 40px;
}

.header-one .widget:first-child {
    margin: 0px;
}

.header-one-left {
    float: left;
    min-height: 100px;
}

.header-one-right {
    float: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 100px;
}

.header-one-right .textwidget {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header-one-right .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.header-one-right h6 {
    line-height: 1.5;
    font-size: 14px;
}

.ztl-widget-description-light {
    color: #fff;
}

.ztl-heading {
    text-align: center;
    font-size: 42px;
}

/*WP Calendar*/
.widget_calendar #next,
.widget_calendar #prev {
    text-transform: uppercase;
}

.widget_calendar caption{
    border:none !important;
}

.widget_calendar table{
    border-bottom: none !important;
}

.category-sidebar-right aside {
    margin: 0 0 5rem;
}

/*WP Newsletter*/
.widget .ztl-subscribe-form .ztl-input{
    background-color:#f2f2f2;
}

.sidebar-footer .widget .ztl-subscribe-form .ztl-input{
    background-color:#ffffff;
}


.category-sidebar-right .widget-title,
.sidebar-right .widget-title {
    padding-bottom: 3.3rem;
}

.category-sidebar-right .widget_text li,
.post-sidebar-right .widget_text li {
    padding-left: 3rem;
    text-indent: -1.4rem;
    padding-bottom: 0.5rem;
}

.category-sidebar-right .widget_text li:before,
.post-sidebar-right .widget_text li:before,
.ztl-list li:before {
    font-family: 'BaseFlaticon';
    content: '\f119';
    padding-right: 1.5rem;
    display: inline-block;
}

.ztl-list {
    text-align: left;
    list-style: none;
    margin-left: 15px !important;
}

/** Recent Posts Widget**/
.ztl-list-reset {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.ztl-widget-recent-posts ul > li {
    margin-bottom: 2.5rem;
}

.ztl-widget-recent-posts ul > li:last-child {
    margin-bottom: 0;
}

.ztl-widget-recent-posts ul > li > a + h6,
.ztl-widget-recent-posts ul > li > a + h6 + span {
    margin-left: 10rem;
}

.ztl-widget-recent-posts ul > li > a + h6 + span i {
    font-size: 16px;
}

.ztl-widget-recent-posts ul > li > a {
    float: left;
    width: 80px;
    height: 80px;
    display: block;
}

.ztl-widget-recent-posts ul > li > a > img {
    display: block;
}

.ztl-widget-recent-posts ul > li > .ztl-recent-post-date {
    font-size: 12px;
    text-transform: uppercase;
}

.ztl-widget-recent-posts .ztl-recent-post-date a:active,
.ztl-widget-recent-posts .ztl-recent-post-date a:focus,
.ztl-widget-recent-posts .ztl-recent-post-date a:hover {
    text-decoration: none;
}

.ztl-date-line a:hover{
    text-decoration:none !important;
}

.ztl-widget-recent-posts ul > li > h6 > a {
    font-size: 16px;
    text-decoration: none;
    line-height: 1.5;
    font-weight: normal;
}

.ztl-widget-recent-posts ul > li > h6 > a:hover {
    text-decoration: underline;
}

.ztl-widget-recent-posts ul > li > h6 {
    margin: 0px;
}

.ztl-widget-recent-posts ul > li > span {
    display: block;
    font-size: 16px;
}

.ztl-widget-title-right h2,
.sidebar-right h2 {
    font-size: 20px;
    text-transform: uppercase;
}

.ztl-rounded {
    border-radius: 20px;
    overflow: hidden;
}

.sidebar-right ul {
    list-style-type: none;
}

.sidebar-right ul li {
    padding: 0.5rem 0;
}

.widget input[type="search"], 
.widget label {
    width: 100% !important;
    box-sizing: border-box !important;
}

.widget input[type="submit"] {
    display: none;
}

/* Action Widget*/
.ztl-widget-action {
}

.ztl-widget-action a {
    margin: 1rem 0 1rem 3rem;
}

.ztl-action-content-box {
    line-height: 1.2;
    font-size: 42px;
    float: left;
    max-width: 75%;
    font-weight: 300;
}

.ztl-action-button {
    float: right;
    max-width: 25%;
}

.widget_rss ul li{
    padding: 1.5rem 0;
}

/*--------------------------------------------------------------
11.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
11.1 Main container
--------------------------------------------------------------*/
.container {
    max-width: 1100px;
    padding: 0 25px;
    width: 100%;
}

.left {
    float: left;
}

.right {
    float: right;
}

.ztl-grid-12 {
    width: 100%;
}

.ztl-grid-6 {
    width: 50%;
}

.ztl-grid-4 {
    width: 33.33%;
}

.ztl-grid-3 {
    width: 25%;
}

.ztl-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}




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

.sticky-tag {
    padding-right: 20px;
    display: inline-block;
}

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

.ztl-single .entry-title {
    display: none;
}

.ztl-single .image {
    margin-top: 1rem;
}

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

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

.entry-content h1,
.comment-content h1 {
    font-size: 34px;
    line-height: 1.4;
}

.entry-content h2,
.comment-content h2,
.mu_register h2 {
    font-size: 30px;
    line-height: 1.5;
}

.entry-content h3,
.comment-content h3 {
    font-size: 24px;
    line-height: 1.846153846;
}

.entry-content h4,
.comment-content h4 {
    font-size: 20px;
    line-height: 1.846153846;
}

.entry-content h5,
.comment-content h5 {
    font-size: 18px;
    line-height: 1.846153846;
}

.entry-content h6,
.comment-content h6 {
    font-size: 14px;
    line-height: 1.846153846;
}

.entry-content .entry-meta {
    font-size: 15px;
    margin-bottom: 3rem;
}

.entry-content p a[href]:not([class]) {
    text-decoration: underline;
}

.entry-content ol,
.entry-content ul,
.comment-content ol,
.comment-content ul {
    margin: 0 0 1.5rem 3rem;
}

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

.page-top .entry-title {
    text-align: center;
    line-height: 1.5;
    padding: 30px;
    font-size: 42px;
}

.custom-header-title,
.page-title .entry-title {
    text-align: center;
    line-height: 1.2;
    padding: 5rem 2rem;
    font-size: 42px;
}

.sub-heading {
    color: #fff;
    padding: 0 30px 30px 30px;
    text-align: center;
    font-size: 26px;
}

.sub-heading p {
    padding: 0 !important;
    margin: 0 !important;
}

.ztl-post-info:before {
    margin-left: 0px !important;
    margin-right: 10px;
}

/*Blog Right Sidebar */
.category-listing .item {
    padding-bottom: 5rem;
}

body.home .content-area,
#page .ztl-no-margins .content-area {
    margin: 0px !important;
}

.category-listing,
#page .content-area {
    margin: 5rem 0;
}

.index-listing {
    padding-top: 6rem;
}

.category-listing .title {
    text-align: center;
}

.category-listing .item .title a {
    font-size: 40px;
    line-height: 1.2;
    padding: 0 0 5rem 0;
    font-weight: 300;
    display: block;
}

.sidebar-right h2 {
    font-size: 20px;
}

.category-listing .col-lg-8 .item .title a {
    font-size: 30px;
    line-height: 1.2;
    font-weight: normal;
}

.category-listing .item i {
    font-size: 16px;
}

.category-listing .text-content {
    font-size: 16px;
    padding: 2rem 0 0 0;
    color: #545454;
}

.category-listing .text-content a {
    text-decoration: none;
    color: #a0a0a0;
}

.category-listing .item:after {
    content: '';
    width: 60px;
    height: 2px;
    margin: 5rem auto 0 auto;
    display: block;
}

.category-listing .item .info,
.ztl-post .info {
    padding: 2rem 0 1rem 0;
    text-align: center;
    font-size: 14px;
    border-bottom: 2px solid;
}

.category-listing .item .info span,
.ztl-post .info span {
    display: inline-block;
    padding: 0px 1rem 1rem 0;
}

.ztl-post .date a {
    text-decoration: none;
}

.ztl-post i {
    padding: 0 7px 0 0;
}

.ztl-overflow {
    overflow: hidden;
}

.category-listing .item .date,
.ztl-post .date {
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 2rem;
    line-height: 1;
    font-size: 12px;
}

.ztl-recent-post-date a:hover,
.category-listing .item .date a:hover {
    text-decoration: none;
}

.date-tag {
    display: inline-block;
    font-weight: bold;
}

.category-listing .item .read-more {
    text-align: center;
    margin-top: 2rem;
}

p .ztl-button {
    margin-top: 5px;
}

.ztl-button {
    text-decoration: none !important;
}

/*--------------------------------------------------------------
11.3 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}

.common-blog i:before,
.ztl-single [class^="base-flaticon-"]:before, [class*=" base-flaticon-"]:before {
    margin: 0px;
    font-size: 16px;
    font-weight: bold;
}

.ztl-single [class^="base-flaticon-"]:before, [class*=" base-flaticon-"]:before,
.common-blog i {
    padding: 0 5px 0 0;
}

.common-blog .date {
    font-size: 15px;
}

/*--------------------------------------------------------------
11.4 Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

.comment-reply-title {
    text-align: center;
    font-size: 32px;
    line-height: 1.5;
    padding: 10px;
}

.comment-notes {
    text-align: center;
    font-size: 15px;
}

#comments label {
    display: none;
}

#comments p {
    margin-bottom: 1.5rem;
}

#comments .form-submit {
    margin-bottom: 0 !important;
}

.comments-title {
    padding-bottom: 30px;
    font-size: 32px;
    text-align: center;
}

.comment-metadata {
    font-size: 14px;
    margin-left: 60px;
}

.says {
    display: none;
}

.comment-author .fn {
    margin-left: 60px;
    margin-top: -45px;
    display: block;
    font-weight: normal !important;
    font-size: 20px;
}

.comment article {
    border-bottom: 2px solid #f2f2f2;
    margin-bottom: 2.5rem;
}

.comment-content p {
    margin-bottom: 0px;
}

.comment .reply a {
    margin-bottom: 25px;
    display: inline-block;
}

.ztl-line-delimiter {
    width: 60px;
    height: 2px;
    background-color: #f2f2f2;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2rem;
    clear: both;
}

/*--------------------------------------------------------------
11.5 Rows same height
--------------------------------------------------------------*/
@media only screen and (min-width : 768px) {
    .table-row {
        display: table;
        width: 100%;
    }

    .table-row [class*="col-"] {
        float: none;
        display: table-cell;
        vertical-align: top;
    }
}

/*--------------------------------------------------------------
11.6 Grids
--------------------------------------------------------------*/




/*--------------------------------------------------------------
12.0 Footer
--------------------------------------------------------------*/
.site-footer .site-info {
    padding: 2.5rem 0;
}

.sidebar-footer aside {
    margin: 4.5rem 0 6rem 0;
    color: #5A748A;
}

.sidebar-footer h2 {
    padding-top: 0px;
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
}

.sidebar-footer ul {
    list-style-type: none;
}

.sidebar-footer a {
    color: #fff !important;
    background-color: transparent !important;
}

.sidebar-footer li a:hover {
    text-decoration: underline;
}

.sidebar-footer caption {
    color: #fff;
}

.sidebar-footer select{
    border-color:#fff;
    background-color: #fff;
}

aside caption{
    text-transform: uppercase;
}

aside .menu li:before {
    display: none !important;
}

aside .menu li {
    width: 100%;
    padding: 0 !important;
    line-height: 1.5;
}

aside .menu li a {
    font-size: 16px;
    line-height: 1.5;
}

aside ul ul {
    margin-left: 24px;
}

aside ul ul li:hover a {
    background-color: transparent !important;
}

aside .menu li:hover a {
    background-color: transparent !important;
}

aside input[type="search"] {
    padding: 10px 20px !important;
    line-height:18px !important;
}

aside select {
    width: 100%;
}

aside .menu li a::after{
    display:none;
}

.sidebar-footer .widget-title {
    margin-bottom: 40px;
}

.sidebar-footer select {
    border-color: transparent;
}

.sidebar-footer i {
    color: #fff !important;
}

.sidebar-footer a {
    color: #fff;
}

.sidebar-footer .widget_text li, .ztl-list li {
    padding-left: 1.5rem;
    text-indent: -1.5rem;
    padding-bottom: 0.5rem;
}

.sidebar-footer .widget_text li:before {
    font-family: 'BaseFlaticon';
    content: '\f119';
    padding-right: 1.5rem;
    color: #fff;
}

.sidebar-footer form label {
    width: 100%;
}

.sidebar-footer input[type='search'] {
    border-color: transparent !important;
    width: 100%;
}

.ztl-scroll-top {
    width: 45px;
    height: 45px;
    background-color: rgba(0, 0, 0, 0.35);
    border-radius: 50%;
    position: fixed;
    z-index: 999999;
    bottom: 69px;
    right: 25px;
    display: none;
    text-align: center;
    line-height: 40px;
    color: #fff !important;
    font-size: 24px;
}

.ztl-scroll-top:hover {
    color: #fff;
}

#ztl-copyright {
    line-height: 20px;
    padding: 2.5rem  0 0 0;
    text-decoration: none;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.ztl-social {
    list-style-type: none;
    text-align: center;
}

.ztl-social li {
    display: inline-block;
    border: 2px solid #f2f2f2;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    margin: 0 10px;
}

.ztl-social.ztl-social-mini li {
    width: 50px;
    height: 50px;
    margin: 0 5px;
}

.ztl-social li a:hover {
    text-decoration: none;
}

.ztl-social i,
.ztl-social [class^="flaticon-"]:before,
.ztl-social [class*=" flaticon-"]:before,
.ztl-social [class^="flaticon-base-"]:before,
.ztl-social [class*=" flaticon-base-"]:before {
    font-size: 22px !important;
    font-weight: bold;
    line-height: 60px;
}

.ztl-social.ztl-social-mini i,
.ztl-social.ztl-social-mini [class^="flaticon-"]:before,
.ztl-social.ztl-social-mini [class*=" flaticon-"]:before,
.ztl-social.ztl-social-mini [class^="flaticon-base-"]:before,
.ztl-social.ztl-social-mini [class*=" flaticon-base-"]:before {
    line-height: 50px;
}

.entry-footer a {
    font-size: 15px;
    padding: 5rem 0 2.5rem 0;
}

.entry-footer-meta {
    padding: 5rem 0 2.5rem 0;
}

/* Stick the footer */
.home .site-footer {
    position: relative;
}

.home #content {
    padding: 0px;
}

.site-footer {
    position: absolute;
    width: 100%;
    bottom: 0px;
}

#content {
    padding-bottom: 80px;
}

/*Modal box background*/
.modal-open #page {
    -webkit-filter: blur(8px);
    -moz-filter: blur(8px);
    -o-filter: blur(8px);
    -ms-filter: blur(8px);
    filter: blur(8px);
}

.modal-content {
    border: none;
    box-shadow: none !important;
    background-color: transparent;
}

.modal {
    text-align: center;
}

.modal-dialog {
    display: inline-block !important;
    vertical-align: middle !important;
}

.modal:before {
    display: inline-block;
    vertical-align: middle;
    content: '';
    height: 100%;
}

#search-modal .search-input {
    font-size: 14px;
    line-height: 18px;
    border: none;
    padding: 14px 120px 14px 20px;
    border-radius: 28px;
    margin-bottom: 20px;
    width: 100%;
    float: left;
}

#search-modal .search-input::focus {
    border-color: transparent !important;
}

#search-modal .search-title {
    color: #fff;
    font-size: 30px;
    line-height: 1.5;
    margin-bottom: 10px;
    text-align: center;
}

#search-modal .ztl-search-button {
    position: absolute;
    top: 2px;
    right: 2px;
}

#search-modal .search-wrapper {
    position: relative;
}

/*--------------------------------------------------------------
13.0 Infinite scroll and pagination
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-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;
}

.pagination {
    text-align: center;
    width: 100%;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 0px;
}

.pagination .page-numbers {
    min-width: 40px;
    margin: 3px;
    height: 40px;
    text-align: center;
    padding: 0 5px;
    line-height: 40px;
    display: inline-block;
    text-decoration: none;
    border-radius: 50%;
    font-size: 18px;
    transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    -webkit-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
}

/*--------------------------------------------------------------
14.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.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%;
}

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

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

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

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

/*--------------------------------------------------------------
14.2 Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 1.5em;
}

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

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

/*--------------------------------------------------------------------
15.0 Revolution slider custom navigation
----------------------------------------------------------------------*/

.tp-leftarrow {
    background-position: center center !important;
    border-radius: 50%;
    background-clip: padding-box;
    opacity: 0.7 !important;
}

.tp-rightarrow {
    background-position: center center !important;
    border-radius: 50%;
    background-clip: padding-box;
    opacity: 0.7 !important;
}

.tp-leftarrow:hover,
.tp-rightarrow:hover {
    opacity: 1 !important;
}

.custom .tp-bullet {
    width: 24px !important;
    height: 24px !important;
    background-color: transparent !important;
    text-align: center;
    margin-top: -6rem;
}

.custom .tp-bullet:after {
    content: '';
    width: 12px;
    height: 12px;
    display: block;
    border-radius: 50%;
    border: solid 2px;
}

.tp-bullets.custom {
    -webkit-transform: none !important;
    transform: none !important;
    margin-left: -3rem;
}

.sidebar-right .menu li a {
    background-color: transparent !important;
}

.widget-title::after {
    content: '';
    display: block;
    margin: 2rem 0 0 0;
    width: 40px;
    height: 2px;
}

.ztl-widget-title-light .widget-title::after {
    border-top: 3px solid #fff !important;
}

.ztl-background-image::after {
    display: none !important;
}
/*--------------------------------------------------------------------
16.0 Contact page
----------------------------------------------------------------------*/
/*Contact page*/
#map-canvas-contact {
    width: 100%;
    height: 500px;
}

.ztl-contact-heading {
    font-size: 42px;
    padding-top: 26px;
}

/*Contact form Contact I*/
#comments input[type="text"],
#comments input[type="email"],
#comments input[type="url"],
.ztl-contact-form input[type="text"],
.ztl-contact-form input[type="url"],
.ztl-contact-form input[type="email"],
.sidebar-right input[type="search"] {
    width: 100%;
    background-color: #f2f2f2;
    border: 2px solid #f2f2f2;
    border-radius: 28px;
    line-height: 18px;
    padding: 14px 20px;
    color: #545454;
}

.sidebar-right input[type="search"]{
    background-color:transparent !important;
}

.ztl-contact-form form {
    max-width: 460px;
    margin-left: auto;
    margin-right: auto;
}

.comment-list .comment-form{
    margin-bottom: 3rem;
}

.ztl-contact-form p {
    margin-bottom: 2.5rem;
}

#comments textarea,
.ztl-contact-form textarea {
    width: 100%;
    background-color: #f2f2f2;
    color: #545454;
    border: 2px solid #f2f2f2;
    border-radius: 0px;
    padding: 20px;
}

.ztl-contact-form ::-webkit-input-placeholder {
    color: #545454 !important;
}

.ztl-contact-form ::-moz-placeholder {
    opacity: 1 !important;
    color: #545454 !important;
}

.ztl-contact-form :-ms-input-placeholder {
    color: #545454 !important;
}

/*.ztl-contact-form input:focus,*/
/*.ztl-contact-form textarea:focus {*/
    /*border-color: #e6e6e6;*/
/*}*/

/* Style errors */
.ztl-contact-form span.wpcf7-not-valid-tip {
    padding: 5px 20px;
    color: #545454 !important;
}

.ztl-contact-form div.wpcf7-validation-errors {
    border: 2px solid #f2f2f2;
    padding: 20px;
}

input:focus,
textarea {
    outline: 0;
}

:focus {
    outline: none;
}


/*--------------------------------------------------------------------
17.0 404 page
----------------------------------------------------------------------*/
.error404 #page {
    background-image: url('images/background.svg');
    background-position: -10px center;
    background-attachment: fixed;
}

.ztl-404 {
    padding: 180px 0 200px 0;
    text-align: center;
    color: #fff;
}

.ztl-error-code {
    font-size: 128px;
    padding-bottom: 30px;
}

.ztl-404-oops {
    font-size: 24px;
}

.ztl-404-page-description {
    font-size: 36px;
    padding-bottom: 30px;
}

.ztl-404-page-directions {
    font-size: 16px;
    padding-bottom: 40px;
    color: #545454;
}

/*--------------------------------------------------------------------
17.1 No results page
----------------------------------------------------------------------*/
.no-results .page-title {
    font-size: 26px;
}

.no-results .page-header {
    border: none !important;
}

.no-results {
    padding: 1rem 0 5rem 0;
}

/*--------------------------------------------------------------------
18.0 Pricing plans pages
----------------------------------------------------------------------*/
.ztl-pricing {
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
}

.ztl-bars div {
    box-shadow: none !important;
}

/*--------------------------------------------------------------------
19.0 Staff page
----------------------------------------------------------------------*/
.ztl-staff-item {
    overflow: hidden;
    height: auto;
    padding: 0 0 5rem 0;
}

.ztl-social-single {
    position: relative;
    z-index: 1;
}

html .ztl-staff-item:nth-child(odd).ztl-clear {
    display: none !important;
}

.ztl-staff-item .item-left {
    width: 260px;
    float: left;
    padding: 25px 0;
    margin-right: 40px;
}

.ztl-staff-item .item-right {
    float: none;
    width: 100%;
    padding: 25px 0 0 25px;
}

.ztl-staff-item .image {
    position: relative;
}

.ztl-staff-item {
    width: 50%;
    float: left;
}

.ztl-staff-item .staff-position {
    font-size: 24px;
}

.ztl-staff-item .staff-description div,
.item-row-description {
    background-color: #f6f6f6;
    width: 100%;
    padding: 10px 15px;
    text-align: right;
}

.ztl-staff-item .staff-description div span,
.item-row-description span {
    font-weight: normal;
    float: left;
}

.ztl-staff-item .staff-description div span i,
.item-row-description span i {
    padding-right: 5px;
    min-width: 25px;
}

.ztl-staff-item .staff-excerpt {
    color: #545454;
}

.ztl-staff-item .staff-description {
    margin-top: 0.8rem;
}

.ztl-staff-item .staff-more {
    width: 100%;
    text-align: center;
    padding: 2rem 0;
}

.ztl-staff-item .staff-more a {
    margin: 0px;
}

.ztl-staff-item .variation-2 .staff-title {
    font-size: 24px;
    text-align: center;
    padding: 1rem 0;
}

.ztl-staff-item .variation-2 .staff-position {
    font-size: 18px;
    text-align: center;
    padding-bottom: 2rem;
    width: 100%;
}

.ztl-staff-item .staff-excerpt {
    margin: 2rem 0 0 0;
    float: left;
}

.ztl-staff-item .item-wide {
    float: left;
    width: 100%;
}

.ztl-staff-item .variation-2 .item-left {
    width: 100%;
    margin-right: 0px;
    padding: 0;
}

.ztl-staff-item .variation-2 .item-left img {
    width: 100%;
}

.ztl-staff-item .variation-2 .item-right {
    padding: 0;
    float: left;
}

.ztl-staff-item .variation-2 .staff-description {
    float: left;
    width: 100%;
}

.ztl-staff-navigation-left {
    left: 0px;
}

.ztl-staff-navigation-right {
    right: 0px;
}

.ztl-staff-navigation {
    position: absolute;
    z-index: 101;
    top: 177px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

.ztl-staff-navigation {
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
}

.ztl-staff-navigation:hover {
    cursor: pointer;
}

.ztl-staff-navigation-right:before {
    font-size: 26px;
    color: #fff;
    display: block;
    line-height: 40px;
    text-align: center;
    content: '\f116';
    font-family: 'BaseFlaticon';
}

.ztl-staff-navigation-left:before {
    font-size: 26px;
    color: #fff;
    display: block;
    line-height: 40px;
    text-align: center;
    content: '\f117';
    font-family: 'BaseFlaticon';
}

/*--------------------------------------------------------------------
20.0 Courses listing page
----------------------------------------------------------------------*/
.ztl-course-item {
    margin: 0 0 5rem 0;
}

.ztl-course-item .image img {
    width: 100% !important;
}

.ztl-course-item .course-title {
    padding: 20px;
    text-align: center;
    font-size: 28px;
}

.ztl-course-item .course-description div,
.ztl-course-description div {
    border-top: 2px solid;
    width: 100%;
    padding: 1rem 2rem 1rem 1rem;
    text-align: right;
    font-size: 14px;
}

.ztl-course-item .course-description div:last-child,
.ztl-course-description div:last-child {
    border-bottom: 2px solid;
}

.ztl-course-item .course-description div span,
.ztl-course-description div span {
    font-weight: normal;
    float: left;
}

.ztl-course-item .course-description div span i,
.ztl-staff-item .staff-description div span i,
.ztl-staff-description div span i,
.ztl-course-description div span i {
    padding-right: 5px;
    min-width: 25px;
}

.ztl-event-container {
    width: 100%;
}

.ztl-event-info {
    font-size: 12px;
    text-transform: uppercase;
    line-height: 1.3;
}

.ztl-event-info [class^="flaticon-"]:before {
    font-size: 12px;
}

.ztl-event-item:not(:last-child) {
    margin-bottom: 60px;
}

.ztl-event-hour {
    padding: 0 15px;
}

.ztl-event-item .row {
    margin: 0;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ztl-event-item .ztl-col {
    padding: 0px;
}

.ztl-event-item .second {
    text-align: center;
    vertical-align: middle !important;
}

.ztl-event-item .ztl-post-thumbnail {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 340px;
    flex: 0 0 340px;
}

.ztl-event-item .ztl-post-details {
    padding: 0 25px;
}

.ztl-event-title h3{
    line-height: 1.4 !important;
    padding: 5px 0 !important;
}

/*--------------------------------------------------------------------
21.0 Miscellaneous
----------------------------------------------------------------------*/

/* VC Accordion */
.ztl-accordion .vc_tta-panel-heading {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-color: #f2f2f2 !important;
}

.ztl-accordion .vc_tta-panel-heading:hover {
    background-color: transparent !important;
}

.ztl-accordion h4 a,
.ztl-accordion h4 a:hover {
    font-size: 18px;
}

/* VC Progress Bar */
.ztl-progress-bar .vc_single_bar {
    box-shadow: none !important;
    border-radius: 0px !important;
}

.ztl-progress-bar .vc_single_bar .vc_bar {
    border-radius: 0px !important;
}


/* VC Tabs */
.ztl-tabs .vc_tta-panel-title > a,
.ztl-tabs .vc_tta-tabs-list .vc_tta-tab > a {
    background-color: transparent !important;
    font-size: 14px !important;
    border-radius: 28px !important;
    margin: 10px;
    border: 2px solid !important;
    padding: 10px 20px !important;
    line-height: 18px !important;
    transition: all .2s ease-in-out !important;
    -webkit-transition: all .2s ease-in-out !important;
}

.ztl-tabs .vc_active .vc_tta-panel-title > a span:after,
.ztl-tabs .vc_tta-tabs-list .vc_active > a span:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    bottom: -12px;
    margin-left: -10px;
    left: 50%
}

.ztl-tabs .vc_tta-tabs-list .vc_active > a:before,
.ztl-tabs .vc_tta-tabs-list .vc_active > a:after {
    display: none !important;
}

.ztl-tabs .vc_tta-panel-body,
.ztl-tabs .vc_tta-panel-heading {
    background-color: #ffffff !important;
    border: none !important;
}

.ztl-circle-menu {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-ztl-lg .vc_icon_element-icon {
    font-size: 4em !important;
}

.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-ztl-lg {
    width: 8em;
    height: 8em;
}


/*Overwrite Lightbox Buttons */
.esgbox-nav span {
    background-image: none !important;
    color: #fff;
}

.esgbox-next span:before {
    font-family: 'BaseFlaticon' !important;
    content: '\f116' !important;
    font-size: 36px !important;
}

.esgbox-prev span:before {
    font-family: 'BaseFlaticon' !important;
    content: '\f117' !important;
    font-size: 36px !important;
}

.esgbox-close {
    top: 10px !important;
    right: 10px !important;
    background-image: none !important;
    color: #fff;
    font-weight: 300;
}

.esgbox-close:active,
.esgbox-close:focus,
.esgbox-close:hover {
    text-decoration: none;
    color: #fff;
}

.esgbox-close:before {
    font-family: 'BaseFlaticon' !important;
    content: '\f114' !important;
    font-size: 22px !important;
}

/*Overwrite Slider Buttons */
.tp-rightarrow:before {
    font-family: 'BaseFlaticon' !important;
    content: '\f116' !important;
    font-size: 36px !important;
}

.tp-leftarrow:before {
    font-family: 'BaseFlaticon' !important;
    content: '\f117' !important;
    font-size: 36px !important;
}

.ztl-background-one {
    background-image: url('images/background.svg');
    background-position: -70px center;
    background-attachment: fixed;
}

/*--------------------------------------------------------------------
22.0 Page loader
----------------------------------------------------------------------*/
#ztl-overlay {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    background-color: #fff;
}

#ztl-loader {
    border: 2px solid #f2f2f2;
    border-radius: 50%;
    width: 66px;
    height: 66px;
    -webkit-animation: spin 1.2s linear infinite;
    animation: spin 1.2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

#page {
    visibility: hidden;
}