/*
Theme Name: Autoresq
Theme URI: http://demo.zoutula.com/autoresq/
Author: Zoutula
Author URI: http://www.zoutula.com
Description: Autoresq is a fully responsive WordPress theme best suitable for car repair shops, tires shops, auto services, mechanic shops or any auto/car related project.
Version: 2.1.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: autoresq
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

Autoresq 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
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;
    -moz-osx-font-smoothing: grayscale !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: 10px 10px 10px 0;
}

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

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

blockquote p {
    margin-bottom: 0px;
}

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: #313131;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
}

a:focus,
button:focus,
input:focus,
textarea:focus {
    outline: none;
}

select {
    border-radius: 5px;
    font-weight: 600;
    border: 2px solid #eaeaea;
    background-color: #f2f2f2;
    line-height: 18px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 14px 30px 14px 15px;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIDAgMzA2IDMwNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzA2IDMwNjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnIGlkPSJleHBhbmQtbW9yZSI+CgkJPHBvbHlnb24gcG9pbnRzPSIyNzAuMyw1OC42NSAxNTMsMTc1Ljk1IDM1LjcsNTguNjUgMCw5NC4zNSAxNTMsMjQ3LjM1IDMwNiw5NC4zNSAgICIgZmlsbD0iIzMxMzEzMSIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
    background-position: 94%;
    background-size: 10px;
    background-repeat: no-repeat;
    min-width: 100px;
}

select.wide {
    width: 100%;
    max-width: 600px;
}

select[disabled] {
    color: #b1b1b1;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIDAgMzA2IDMwNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzA2IDMwNjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnIGlkPSJleHBhbmQtbW9yZSI+CgkJPHBvbHlnb24gcG9pbnRzPSIyNzAuMyw1OC42NSAxNTMsMTc1Ljk1IDM1LjcsNTguNjUgMCw5NC4zNSAxNTMsMjQ3LjM1IDMwNiw5NC4zNSAgICIgZmlsbD0iI2IxYjFiMSIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
}

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

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

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

.ztl-accordion .vc_tta-title-text {
    color: #111111;
}

p {
    margin-bottom: 1.5rem;
}

b,
strong {
    font-weight: bold;
}

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

blockquote {
    background-color: #f2f2f2;
    display: inline-block;
    padding: 3rem;
    margin: 3rem 0;
    font-style: italic;
    font-size: 18px;
}

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 #313131;
    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-semi-bold {
    font-weight: 600;
}

.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"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="password"],
input[type="search"],
select,
textarea {
    font-size: 14px !important;
    /* 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: 14px !important;
    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: #313131;
    border: 2px solid #f2f2f2;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="password"],
input[type="search"] {
    padding: 10px 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: #313131;
}

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

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

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

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

.wrapper .affix {
    max-width: 1120px;
}

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

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

#head-frame {
    height: 180px;
}

.affix {
    position: fixed;
}

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

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

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

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

.affix #logo-second {
    display: block;
}

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

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

.affix .ztl-tools-wrapper {
    display: none;
}

.ztl-tools-wrapper {
    float: right;
    display: -ms-flexbox;
    display: flex;
    -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: 10px;
    text-align: center;
    font-weight: 600;
    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;
}

.ztl-header-image .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    flex-direction: column;
}

.ztl-header-image {
    padding-top: 5rem;
	padding-bottom: 5rem;
}

.ztl-header-image .ztl-date-header a {
    color: #707070;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
}

.ztl-custom-header-has-image .ztl-header-image .ztl-date-header a {
    color: #ffffff;
}

.ztl-header-image .ztl-date-header a span {
    font-size: 20px;
}

.ztl-post-header .custom-header-title {
    padding: 2rem 0 !important;
}

.ztl-header-image .ztl-info-header a,
.ztl-header-image .ztl-info-header {
    width: 100%;
    color: #707070;
    font-size: 12px;
    text-transform: uppercase;
}

.ztl-custom-header-has-image .ztl-header-image .ztl-info-header a,
.ztl-custom-header-has-image .ztl-header-image .ztl-info-header {
    color: #ffffff;
}

.ztl-header-image .ztl-info-header a {
    font-weight: 600;
}

.ztl-header-image .ztl-info-header i {
    padding-right: 10px;
}

.ztl-header-image .ztl-info-header .ztl-delimiter-header {
    padding-right: 3rem;
}

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

.affix .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 {
    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: 5px;
    border-top-right-radius: 5px;
    padding-top: 12px;
}

.main-navigation ul ul li:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    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;
}

.affix #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;
    transform: rotate(0deg);
    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;
    transform: rotate(0deg);
    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) {
    transform: rotate(45deg);
}

#menu-toggle.open span:nth-child(3) {
    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;
}

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

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

.affix .sub-menu li a,
.affix .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: 6rem 0 0 0;
    overflow: hidden;
}

#comment-nav-above{
    margin: 2rem 0 6rem 0;
}

.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 49%;
    padding: 0 45px;
    text-align: right;
    position: relative;
}

.comment-navigation .nav-previous i,
.paging-navigation .nav-previous .ztl-icon-navigation,
.post-navigation .nav-previous .ztl-icon-navigation {
    position: absolute;
    left: 25px;
    top: 0px;
    line-height: 60px;
}

.comment-navigation .nav-next i,
.paging-navigation .nav-next .ztl-icon-navigation,
.post-navigation .nav-next .ztl-icon-navigation {
    position: absolute;
    right: 25px;
    top: 0px;
    line-height: 60px;
}

.comment-navigation .nav-previous a,
.comment-navigation .nav-next a,
.paging-navigation .nav-previous a,
.paging-navigation .nav-next a,
.post-navigation .nav-previous a,
.post-navigation .nav-next a {
    line-height: 60px;
}

.comment-navigation .nav-previous a,
.comment-navigation .nav-next a,
.paging-navigation .nav-previous a,
.paging-navigation .nav-next a,
.post-navigation .nav-previous a,
.post-navigation .nav-next a {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 600;
}

.comment-navigation .nav-previous a,
.paging-navigation .nav-previous a,
.post-navigation .nav-previous a {
    padding-left: 10px;
}

.comment-navigation .nav-next a,
.paging-navigation .nav-next a,
.post-navigation .nav-next a {
    padding-right: 10px;
}

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

.paging-navigation .ztl-icon-navigation:before,
.post-navigation .ztl-icon-navigation:before {
    font-size: 16px !important;
}

.comment-navigation i:before{
    font-size:28px !important;
}

.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: left;
    width: 48%;
    padding: 0 45px;
    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: 12px 120px 12px 20px !important;
    width: 100%;
    border-radius: 5px !important;
    font-size: 14px;
    line-height: 24px;
    background-color: #f2f2f2;
    border: 2px solid #eaeaea !important;
}

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

.clear80 {
    clear: both;
    height: 8rem;
}

/*--------------------------------------------------------------
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 .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-right .widget_autoresq_info_widget {
    margin-bottom: 0px !important;
    margin-left: 0px !important;
}

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

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

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

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

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

.header-one-right aside {
    width: 100%;
    max-width: 350px;
    padding: 0 0 0 40px !important;
    margin-bottom: 2rem !important;
}

.header-one-right .widget_autoresq_info_widget {
    width: auto !important;
}

.header-one-right .ztl-header-widget {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

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

.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 {
    font-weight: 600;
}

.widget_calendar #next a:hover,
.widget_calendar #prev a:hover {
    text-decoration: none;
}

.widget_calendar #next {
    text-align: right;
    padding-right: 20px;
    border-right: 2px solid #eaeaea;
    border-bottom-right-radius: 5px;
}

.widget_calendar #prev {
    text-align: left;
    padding-left: 20px;
    border-left: 2px solid #eaeaea;
    border-bottom-left-radius: 5px;
}

.widget_calendar tfoot td {
    border-bottom: 2px solid #eaeaea;
}

.widget_calendar caption {
    border-bottom: none !important;
    border-top: 2px solid #eaeaea;
    border-left: 2px solid #eaeaea;
    border-right: 2px solid #eaeaea;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    caption-side: top;
    background-color: #f2f2f2;
    padding: 12px 20px;
    font-weight: 600;
}

.widget_calendar table caption,
.widget_calendar table td,
.widget_calendar table th {
    text-align: center;
}

.widget_calendar table thead th {
    padding-top: 10px;
}

.widget_calendar table thead th:first-child,
.widget_calendar table tbody td:first-child {
    border-left: 2px solid #eaeaea !important;
}

.widget_calendar table thead th:last-child,
.widget_calendar table tbody td:last-child {
    border-right: 2px solid #eaeaea !important;
}

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

.widget_calendar table tfoot {
    background-color: #f2f2f2;
}

.widget_calendar table tfoot td {
    padding-top: 12px;
    padding-bottom: 12px;
}

.widget_calendar #prev a:before {
    font-family: 'BaseFlaticon';
    content: '\f12f';
    padding-right: 5px;
}

.widget_calendar #next a:after {
    font-family: 'BaseFlaticon';
    content: '\f12e';
    padding-left: 5px;
}

.category-sidebar-right aside,
.post-sidebar-right aside {
    margin: 0 0 8rem;
}

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

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

.sidebar-above-footer .widget {
    margin: 5.5rem 0;
    color: #ffffff;
    overflow: auto;
}

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

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

.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: '\f10e';
    padding-right: 1.5rem;
    display: inline-block;
}

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

.ztl-list-simple {
    list-style-type: none !important;
}

.ztl-list-simple li:before {
    display: none !important;
}

.ztl-list-simple li span {
    min-width: 40%;
    float: left;
}

.ztl-list-icons {
    list-style-type: none !important;
    text-align: left;
}

.ztl-list-icons li {
    padding-bottom: 3rem !important;
    width: 100%;
}

.ztl-list-icons li:before {
    display: none !important;
}

.ztl-list-icons li span:first-child {
    padding-right: 30px;
}

.ztl-list-icons li span:before {
    font-size: 24px !important;
    line-height: 40px;
}

.ztl-list-icons li, .ztl-list-icons li span {
    line-height: 40px;
    float: left;
}

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

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

.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-date-header {
    width: 100%;
}

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

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

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

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

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

.sidebar-right h2.widget-title {
    font-weight: 600;
}

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

.sidebar-ztl aside {
    margin: 4.5rem 0 6rem 0;
    color: #fff;
}

.sidebar-ztl h2 {
    padding-top: 0px;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
}

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

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

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

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

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

.sidebar-ztl .widget-title {
    margin-bottom: 3rem;
}

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

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

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

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

.sidebar-ztl input[type='search'] {
    width: 100%;
}

.header-one-right .ztl-header-widget {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

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

.ztl-widget-info {
    width: 100%;
    overflow: hidden;
    float: left;
    margin-right: 25px;
}

.ztl-widget-info-image svg {
    width: 100%;
}

.ztl-widget-info-image {
    float: left;
}

.header-widget .ztl-widget-info-image {
    max-height: 100px;
    overflow: hidden;
}

.ztl-widget-info-description {
    display: table-cell;
    vertical-align: middle;
    line-height: 1.5;
    font-size: 14px;
}

/*--------------------------------------------------------------
11.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
11.1 Main container
--------------------------------------------------------------*/
.container {
    max-width: 1170px;
    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: -ms-flexbox;
    display: flex;
}

.ztl-flex-left {
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.ztl-flex-center {
    -ms-flex-pack: center;
    justify-content: center;
}

.ztl-flex-right {
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.ztl-flex-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

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

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

body.single .ztl-full-width-template {
    max-width: 860px;
    margin-left: auto;
    margin-right: auto
}

.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 1.5rem;
    font-weight: 600;
    font-size: 14px;
    padding: 3rem 0 0 0;
}

.page-links .page-number {
    display: inline-block;
    padding: 0.5rem 1rem;
    min-width: 34px;
    text-align: center;
}

.page-links > span.page-number{
    background-color: #f2f2f2;
    border-radius:3px !important;
}

.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: left;
    line-height: 1.2;
    padding: 5rem 0;
    font-size: 42px;
    font-weight: 600;
    width: 100%;
}

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

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

.category-listing {
    margin: 8rem 0 0 0 !important;
}

#page .content-area {
    margin: 8rem 0;
}

.category-listing .item-content-wrap {
    background-color: #f2f2f2;
    margin-bottom: 8rem;
    overflow: auto;
    display: flex;
}

.item-content-wrap.ztl-has-thumbnail .item-media {
    max-width: 45%;
    min-height: 320px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.item-content-wrap .item-media a {
    display: block;
    width: 100%;
    height: 100%;
}

.item-content-wrap.ztl-has-thumbnail .item-content {
    width: 55%;
    padding: 3rem 4.5rem !important;
}

.item-content-wrap .item-content {
    width: 100%;
    padding: 4rem;
}

.item-content-wrap .item-content .info {
    text-transform: uppercase;
    padding-bottom: 2rem;
    font-size: 12px;
    font-weight: 600;
}

.item-content-wrap .item-media,
.item-content-wrap .item-content {
    box-sizing: border-box;
}

.item-content-wrap .item-content .title {
    padding-bottom: 1.5rem;
    border-bottom: 2px solid #eaeaea;
    margin-bottom: 1rem;
}

.item-content-wrap .item-content .date {
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
}

.item-content-wrap .item-content .title a {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
}

.item-content-wrap .item-content .ztl-author a,
.item-content-wrap .item-content .ztl-author span {
    padding-right: 2px;
}

.category-listing .item .ztl-delimiter-post {
    font-size: 20px;
    padding: 0 2px !important;
}

.category-listing .item .ztl-comments a {
    font-size: 13px;
    font-weight: 600;
    position: relative;
    margin-right: 35px;
}

.category-listing .item .ztl-comments a{
    display:inline-block;
}

.category-listing .item .ztl-comments a:after {
    content: "\f134";
    font-family: BaseFlaticon;
    font-size: 20px;
    position: absolute;
    top: -8px;
    right: -25px;
}

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

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

.ztl-post .date {
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 1.4rem;
    line-height: 48px;
    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 {
    margin-top: 3rem;
    color: #313131;
}

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;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 1.5;
    padding-bottom: 4rem;
    font-weight: 600;
}

#comments,
#respond {
    margin: 6rem 0 0 0;
}

#respond + .comment,
#respond + ul.children {
    margin-top: 6rem;
}

.comment #respond{
	margin-bottom: 6rem;
}

#respond {
    background-color: #f2f2f2;
    padding: 6rem 3rem;
}

#comments label {
    display: none;
}

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

.pingback {
    margin-bottom: 3rem;
}

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

#comments .comment-form-cookies-consent label {
    display: inline-block;
    padding-left: 5px;
}

.comments-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 1.5;
    padding-bottom: 4rem;
    font-weight: 600;
}

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

.says {
    display: none;
}

.comment-author .fn {
    margin-left: 60px;
    margin-top: -48px;
    display: block;
    font-size: 20px;
}

.comment-author img{
	border-radius: 5px;
}

.comment-metadata a time{
	font-weight: 600;
	text-transform: uppercase;
	font-size: 12px;
}

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

.ztl-link-no-decoration {
    text-decoration: none;
}

.ztl-link-no-decoration:hover {
    text-decoration: none;
}

.ztl-min-height-450 {
    min-height: 450px !important;
}

/*--------------------------------------------------------------
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: 4rem 0;
    color: #fff;
}

.sidebar-above-footer h2,
.sidebar-footer h2 {
    padding-top: 0px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    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 .menu li:before {
    display: none !important;
}

aside .menu li {
    width: 100%;
    line-height: 1.5;
}

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

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

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

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

aside select {
    width: 100%;
}

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

.sidebar-footer .widget-title {
    margin-bottom: 3rem;
}

.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: 1rem;
}

.sidebar-footer .widget_text li:before {
    font-family: 'BaseFlaticon';
    content: '\f10e';
    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-half-container {
    max-width: 560px;
    width: 100%;
}

#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;
    position: relative;
    margin: 0 16px;
}

.ztl-social li .ztl-icon {
    position: relative;
    text-align: center;
    width: 40px !important;
    height: 52px !important;
    border-radius: 25%;
}

.ztl-social li .ztl-icon:before, .ztl-social li .ztl-icon:after {
    position: absolute;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    background: inherit;
    top: 0px;
    left: 0px;
    content: '';
}

.ztl-social li .ztl-icon:before {
    transform: rotate(60deg);
}

.ztl-social li .ztl-icon:after {
    transform: rotate(-60deg);
}

.ztl-social li a {
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 0px;
    width: 40px;
    height: 52px;
}

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

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

.ztl-social.ztl-social-mini li a {
    width: 34px;
    height: 44px;
}

.ztl-social.ztl-social-mini li {
    width: 34px;
    height: 44px;
    margin: 0 12px;
}

.ztl-social.ztl-social-mini .ztl-icon {
    position: relative;
    text-align: center;
    width: 34px !important;
    height: 44px !important;
    border-radius: 25%;
}

.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;
    overflow: auto;
    width: 100%;
}

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

.modal-backdrop.show {
    opacity: 0.85;
}

.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 .modal-header {
    border-bottom: none;
}

#search-modal .modal-header .close {
    color: #fff;
    text-shadow: none;
    font-weight: normal;
    padding-right: 1.5rem;
    opacity: 1;
}

#search-modal .modal-header .close:hover {
    opacity: 1;
}

#search-modal .search-input {
    font-size: 14px;
    line-height: 24px;
    border: none;
    padding: 14px 120px 14px 20px;
    border-radius: 5px;
    margin-bottom: 20px;
    width: 100%;
    float: left;
    font-weight: 600;
    color:#313131;
}

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

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

#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: 8rem;
}

.pagination .page-numbers {
    position: relative;
    display: inline-block;
    margin: 5px 20px 5px 10px;
    color: #313131;
}

.pagination .page-numbers-wrap {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    line-height: 48px;
    z-index: 1;
    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;
}

.pagination .page-numbers-hexagon {
    position: relative;
    font-weight: 600;
    text-align: center;
    line-height: 48px;
    width: 36px !important;
    height: 48px !important;
    display: block;
    border-radius: 25%;
    font-size: 14px;
    text-decoration: none;
    background-color: #f2f2f2;
    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;
}

.pagination .page-numbers.next .page-numbers-wrap,
.pagination .page-numbers.prev .page-numbers-wrap {
    display: none;
}

.pagination .page-numbers.next:hover,
.pagination .page-numbers.prev:hover {
    color: #ffffff;
}

.pagination .page-numbers.next:after {
    font-family: 'BaseFlaticon' !important;
    content: '\f12e' !important;
    font-size: 14px !important;
    line-height: 48px;
    text-align: center;
    display: block;
    font-weight: bold;
    position: absolute;
    top: 0px;
    left: 2px;
    z-index: 1;
    width: 100%;
}

.pagination .page-numbers.prev:after {
    font-family: 'BaseFlaticon' !important;
    content: '\f12f' !important;
    font-size: 14px !important;
    line-height: 48px;
    text-align: center;
    display: block;
    font-weight: bold;
    position: absolute;
    top: 0px;
    right: 2px;
    z-index: 1;
    width: 100%;
}

.pagination .page-numbers-hexagon:before,
.pagination .page-numbers-hexagon:after {
    position: absolute;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    background: inherit;
    top: 0px;
    left: 0px;
    content: '';
}

.pagination .page-numbers-hexagon:before {
    transform: rotate(60deg);
}

.pagination .page-numbers-hexagon:after {
    transform: rotate(-60deg);
}

.pagination .page-numbers-hexagon .page-numbers {
    display: inline-block;
}

/* .pagination .page-numbers.next,
.pagination .page-numbers.prev {
    background-color: transparent;
    text-transform: uppercase;
    font-size: 14px;
} */

/* .pagination .page-numbers.next:after {
    content: "\f12e";
    font-family: BaseFlaticon;
    font-size: 16px;
    margin-left: 10px;
}

.pagination .page-numbers.prev:before {
    content: "\f12f";
    font-family: BaseFlaticon;
    font-size: 16px;
    margin-right: 10px;
} */

/*--------------------------------------------------------------
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;
    font-style: italic;
}

.sidebar-header .wp-caption .wp-caption-text,
.sidebar-above-footer .wp-caption .wp-caption-text,
.sidebar-footer .wp-caption .wp-caption-text {
    color: #ffffff;
}

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

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

}

.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;
    font-style: italic !important;
    margin: 0.8075em 0;
}

/*--------------------------------------------------------------------
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.selected {
    background-color: #ffffff !important;
    opacity: 1;
}

.custom .tp-bullet:hover {
    opacity: 1;
}

.custom .tp-bullet {
    position: relative;
    font-weight: bold;
    text-align: center;
    line-height: 48px;
    width: 36px !important;
    height: 48px !important;
    border-radius: 25%;
    opacity: 0.75;
    font-size: 14px;
    transform: rotate(60deg);
}

.custom .tp-bullet:before, .custom .tp-bullet:after {
    position: absolute;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    background: inherit;
    top: 0px;
    left: 0px;
    content: '';
}

.custom .tp-bullet:before {
    transform: rotate(60deg);
}

.custom .tp-bullet:after {
    transform: rotate(-60deg);
}

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

.widget-title {
    line-height: 1.15 !important;
    position: relative;
    overflow: hidden;
}

.widget-title::before {
    content: '';
    display: block;
    width: 100%;
    border-top: 2px solid #f2f2f2;
    position: absolute;
    top: 40px;
    left: 43px;
    z-index: 0;
}

.widget-title::after {
    content: '';
    display: block;
    position: relative;
    margin: 2rem 0 0 0;
    width: 35px;
    height: 10px;
    border-top: 2px solid;
    border-left: 2px solid;
    z-index: 1;
}

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

.ztl-background-image::after {
    display: none !important;
}

.widget .tagcloud a {
    background-color: #f2f2f2;
    line-height: 1.5;
    font-size: 12px !important;
    text-transform: uppercase;
    padding: 6px 12px;
    margin: 0 6px 6px 0;
    display: inline-block;
    border-radius: 3px;
}

.widget .tagcloud a:hover {
    color: #313131;
    text-decoration: none;
}

.widget_pages li,
.widget_nav_menu li,
.widget_rss li,
.widget_recent_entries li,
.widget_recent_comments li,
.widget_meta li,
.widget_categories li,
.widget_archive li,
.woocommerce.widget.widget_layered_nav li {
    text-align: right;
    padding: 1rem !important;
    border-bottom: 2px solid #f2f2f2;
}

.widget_categories li,
.widget_archive li,
.widget_pages li,
.widget_nav_menu li,
.widget_rss li,
.widget_recent_entries li,
.widget_recent_comments li,
.widget_meta li {
    text-align: left !important;
}

.widget_pages li ul.children li,
.widget_nav_menu li > ul li,
.widget_recent_entries li ul.children li,
.widget_categories li ul.children li,
.widget_archive li ul.children li {
    padding: 1rem 0 !important;
    border-bottom: 0px !important;
}

.widget_pages li ul.children li:last-child,
.widget_nav_menu li > ul li:last-child,
.widget_recent_entries li ul.children li:last-child,
.widget_categories li ul.children li:last-child,
.widget_archive li ul.children li:last-child {
    padding-bottom: 0px !important;
}

.widget_pages li ul.children li:first-child,
.widget_nav_menu li > ul li:first-child,
.widget_recent_entries li ul.children li:first-child,
.widget_categories li ul.children li:first-child,
.widget_archive li ul.children li:first-child {
    padding-top: 2rem !important;
}

.widget_categories li a,
.widget_archive li a,
.widget_pages li a,
.widget_nav_menu li a,
.widget_rss li a,
.widget_recent_entries li a,
.widget_recent_comments li a,
.widget_meta li a,
.woocommerce.widget.widget_layered_nav li a {
    font-weight: 600;
    float: left;
}

.widget_categories li a,
.widget_archive li a,
.widget_pages li a,
.widget_nav_menu li a,
.widget_rss li a,
.widget_recent_entries li a,
.widget_recent_comments li a,
.widget_meta li a {
    float: none !important;
}

.widget_pages li a:before,
.widget_nav_menu li a:before,
.widget_recent_entries li a:before,
.widget_meta li a:before,
.widget_categories li a:before,
.widget_archive li a:before,
.widget_recent_comments li a:first-child:before,
.widget_rss li a:first-child:before,
.woocommerce.widget.widget_layered_nav li a:before {
    content: '\f105';
    font-family: 'FontAwesome';
    display: inline-block;
    padding-right: 10px;
    line-height: 28px;
    font-weight: 300;
}

.widget_rss li span.rss-date {
    display: block;
    padding: 1rem 0;
    font-size: 14px;
    font-weight: 600;
}

.widget_rss cite {
    font-weight: 600;
    font-style: normal;
}

.widget_rss li .rssSummary {
    padding-bottom: 1rem;
}

/*--------------------------------------------------------------------
16.0 Contact page
----------------------------------------------------------------------*/
/*Contact page*/
#map-canvas-contact {
    width: 100%;
    height: 500px;
}

#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-radius: 5px;
    line-height: 18px;
    padding: 13px 20px;
    color: #313131;
    border: 2px solid #eaeaea;
    font-size:14px;
    font-weight: 600;
}

.ztl-contact-form-dark form {
    background-color: #313131;
    padding: 75px 30px 80px 30px;
    margin: 80px 0;
    max-width: 400px !important;
    float: right;
}

.ztl-contact-form-dark h2,
.ztl-contact-form-dark p {
    color: #ffffff;
    margin-bottom: 25px;
}

.ztl-contact-form-dark input[type="text"],
.ztl-contact-form-dark input[type="email"],
.ztl-contact-form-dark input[type="url"],
.ztl-contact-form-dark textarea {
    background-color: #4a4a4a;
    color: #ffffff;
    border: 2px solid #444444 !important;
    width: 100%;
    border-radius: 5px;
    line-height: 20px;
    padding: 12px 20px;
    font-size:14px;
    font-weight: 600;
}

.ztl-contact-form-dark textarea {
    max-height: 140px;
    font-size:14px;
    font-weight: 600;
}

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

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

.comment-list li ul.children{
	margin-left: 6rem;
}

.comment-list li.comment{
	list-style-type:none;
}

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

#comments textarea {
    width: 100%;
    background-color: #ffffff;
    color: #313131;
    border: 2px solid #eaeaea;
    border-radius: 5px;
    padding: 20px;
    font-size:14px;
    font-weight: 600;
}

#comments input[type="text"],
#comments input[type="email"],
#comments input[type="url"] {
    width: 100%;
    background-color: #ffffff;
    border-radius: 5px;
    line-height: 18px;
    padding: 13px 20px;
    color: #313131;
    border: 2px solid #eaeaea;
}

.ztl-contact-form textarea {
    width: 100%;
    background-color: #f2f2f2;
    color: #313131;
    border: 2px solid #eaeaea;
    border-radius: 5px;
    padding: 20px;
    font-size:14px;
    font-weight: 600;
}

.wpcf7-form input[type=file] {
    padding: 14px 20px;
    background: #f2f2f2;
    color: #000;
    font-size: 12px;
    font-weight:600;
    border-radius: 5px;
    border: 2px solid #eaeaea;
    width: 100%;
}

div.wpcf7-response-output {
    margin: 2em 0 1em !important;
    border-radius: 5px;
    padding: 10px;
}

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

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

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

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

.ztl-contact-form-dark span.wpcf7-not-valid-tip {
    padding: 5px 0;
    color: #707070 !important;
}

.ztl-contact-form-dark div.wpcf7-response-output {
    border: 2px solid #707070;
    border-radius: 5px !important;
    color: #ffffff !important;
    margin-left: 0px;
    margin-right: 0px;
    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: 40px 0 60px 0;
    text-align: center;
    color: #fff;
}

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

.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: #313131;
}

/*--------------------------------------------------------------------
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;
    width: 100%;
}

/*--------------------------------------------------------------------
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 8rem 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 .variation-2 > div {
    float: left;
}

.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;
    font-weight: 600;
}

.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: #313131;
}

.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: 14px;
    text-align: center;
    padding-bottom: 2rem;
    text-transform: uppercase;
    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: '\f12e';
    font-family: 'BaseFlaticon';
}

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

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

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

.ztl-service-info {
    font-size: 12px;
    text-transform: uppercase;
    line-height: 40px;
    width: 100%;
    overflow: auto;
    padding-bottom: 1rem;
    border-bottom: 2px solid #eaeaea;
}

.ztl-service-item .ztl-button-one {
    text-align: center;
    position: relative;
    z-index: 2;
}

.ztl-service-item {
    margin-bottom: 8rem;
}

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

.ztl-service-info-line > span {
    padding-right: 20px;
    line-height: 1.5;
    float: left;
    display: block;
}

.ztl-service-info-line span {
    font-size: 12px;
}

.ztl-service-item .ztl-post-thumbnail,
.ztl-service-item .ztl-post-details {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

.ztl-service-item .ztl-post-details:before {
    content: '';
    display: block;
    height: 30px;
    width: 120px;
    position: absolute;
    top: -10px;
    left: 0px;
}

.ztl-service-item .ztl-post-details {
    padding: 3rem 4.5rem;
    position: relative;
    border-bottom: 10px solid #eaeaea;
}

.ztl-service-item .ztl-flex {
    -ms-flex-direction: column;
    flex-direction: column;
}

.ztl-service-item .ztl-post-thumbnail img {
    width: 100%;
}

.ztl-service-info-line span span {
    font-size: 20px;
    font-weight: 600;
    text-transform: none;
}

.ztl-service-item {
    width: 50%;
    padding: 0 15px;
    float: left;
}

.ztl-service-item .first {
    background-color: #f2f2f2;
}

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

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

.ztl-service-item .ztl-post-thumbnail {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 240px;
    overflow: hidden;
    position: relative;
}

.ztl-service-item .ztl-post-thumbnail a {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
}

.ztl-service-title h3 {
    line-height: 1.4 !important;
    padding: 1.5rem 0 !important;
    font-weight: 600 !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;
    font-weight: 600;
}

/* VC Progress Bar */
.ztl-progress-bar.vc_progress_bar .vc_single_bar .vc_label {
    font-weight: 600 !important;
}

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

.ztl-progress-bar.vc_progress_bar .vc_single_bar {
    background-color: #f2f2f2;
}

/* VC Tabs */
.ztl-tabs .vc_tta-panel-title > a,
.ztl-tabs .vc_tta-tabs-list .vc_tta-tab > a {
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 5px !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;
    padding: 35px 20px !important;
}

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

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

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

.esgbox-prev span:before {
    font-family: 'BaseFlaticon' !important;
    content: '\f12f' !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: '\f119' !important;
    font-size: 22px !important;
}

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

.tp-leftarrow:before {
    font-family: 'BaseFlaticon' !important;
    content: '\f12f' !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: -ms-flexbox;
    display: flex;
    z-index:999;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    background-color: #fff;
}

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

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

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

#page {
    visibility: hidden;
}

@keyframes slideInDown {
    from {
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    animation-name: slideInDown;
}

.animated {
    animation-duration: 0.75s;
    animation-fill-mode: both;
}

.ztl-gallery-sign-wrapper {
    display: block;
    position: relative;
    width: 36px !important;
    height: 48px !important;
}

.ztl-gallery-sign {
    line-height: 48px;
    width: 36px !important;
    height: 48px !important;
    border-radius: 25%;
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 0px;
    text-align: center;
}

.ztl-gallery-plus {
    position: absolute;
    z-index: 2;
    top: 6px;
    left: 0px;
    width: 36px;
    height: 36px;
    display: block;
}

.ztl-gallery-sign:before, .ztl-gallery-sign:after {
    position: absolute;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    background: inherit;
    top: 0px;
    left: 0px;
    content: '';
}

.ztl-gallery-plus:before {
    font-weight: normal !important;
    font-size: 18px !important;
}

.ztl-gallery-sign:before {
    transform: rotate(60deg);
}

.ztl-gallery-sign:after {
    transform: rotate(-60deg);
}

.ztl-gallery-plus,
.ztl-gallery-sign {
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}

.ztl-table > thead > tr > th,
.ztl-table tbody tr td {
    vertical-align: middle;
    text-align: center;
}

.ztl-table tbody tr:first-child td {
    border-top: none;
}

.ztl-table tr:hover {
    background-color: #f2f2f2;
}

.ztl-table > thead > tr > th:first-child {
    border-top-left-radius: 5px;
}

.ztl-table > thead > tr > th:last-child {
    border-top-right-radius: 5px;
}

.select2-container--default .select2-results > .select2-results__options {
    min-height: 230px;
}

.ztl-sticky.ztl-has-thumbnail .item-media a:before {
    font-family: 'BaseFlaticon';
    content: '\f108';
    font-weight: 600;
    font-size: 32px;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    margin: 4rem 2rem 2rem 2rem;
    display: inline-block;
    position:absolute;
    right: 0px;
    top:0px;
}

.ztl-sticky.ztl-has-thumbnail .item-content .title a:before {
    display: none;
}

.ztl-sticky.ztl-has-thumbnail .item-content {
    padding-left: 4rem;
}

.ztl-sticky .item-content {
    padding-left: 10rem;
}

.ztl-post-item .item-content .title a {
    line-height: 34px;
}

.ztl-sticky .item-content .title a:before {
    font-family: 'BaseFlaticon';
    content: '\f108';
    font-weight: 600;
    font-size: 32px;
    border-radius: 50%;
    float: left;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    display: inline-block;
    margin-left: -8rem;
    margin-top: -1.5rem;
    color: #313131;
}

.ztl-post-item .item-content:before {
    content: '';
    display: block;
    height: 30px;
    width: 120px;
    position: absolute;
    top: 0;
    left: 0;
}

.ztl-has-thumbnail.ztl-post-item .item-content:before {
    top: 0px;
    left: -10px;
}

.ztl-post-item .item-content {
    position: relative;
    border-bottom: 10px solid #eaeaea;
}