/*!
Theme Name: SDKB Theme
Author: Intersoul
Author URI: https://intersoul.com.au
Description: Resonsive design, one page, versitile theme.
Version: 1.0.0
Text Domain: sdkb
Tags: blog, one-column, two-columns, left-sidebar, right-sidebar, custom-header, custom-background, custom-logo, custom-menu, custom-colors, threaded-comments, translation-ready, featured-images, theme-options, full-width-template, e-commerce, portfolio

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

html {
    line-height: 1.15;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}


/* Sections
   ========================================================================== */


/**
 * Remove the margin in all browsers (opinionated).
 */

body {
    margin: 0;
}


/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
    display: block;
}


/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */




/* Grouping content
   ========================================================================== */

   :root{
     --gutter-space:50px;
   }

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main {
    /* 1 */
    display: block;
}


/**
 * Add the correct margin in IE 8.
 */

figure {
    margin: 1em 40px;
}


/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}


/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}


/* Text-level semantics
   ========================================================================== */


/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
    background-color: transparent;
    /* 1 */
    -webkit-text-decoration-skip: objects;
    /* 2 */
}


/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
}


/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
    font-weight: inherit;
}


/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
    font-weight: bolder;
}


/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}


/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
    font-style: italic;
}


/**
 * Add the correct background and color in IE 9-.
 */

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


/**
 * Add the correct font size in all browsers.
 */

small {
    font-size: 80%;
}


/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}


/* Embedded content
   ========================================================================== */


/**
 * Add the correct display in IE 9-.
 */

audio,
video {
    display: inline-block;
}

iframe{width: 100%;}

/**
 * Add the correct display in iOS 4-7.
 */

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


/**
 * Remove the border on images inside links in IE 10-.
 */

img {
    border-style: none;
}


/**
 * Hide the overflow in IE.
 */

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


/* Forms
   ========================================================================== */


/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}


/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
    /* 1 */
    overflow: visible;
}


/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
    /* 1 */
    text-transform: none;
}


/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"],

/* 1 */

[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
}


/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}


/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}


/**
 * Correct the padding in Firefox.
 */

fieldset {
    padding: 0.35em 0.75em 0.625em;
}


/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}


/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}


/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
    overflow: auto;
}


/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}


/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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


/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}


/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

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


/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}


/* Interactive
   ========================================================================== */


/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details,

/* 1 */

menu {
    display: block;
}


/*
 * Add the correct display in all browsers.
 */

summary {
    display: list-item;
}


/* Scripting
   ========================================================================== */


/**
 * Add the correct display in IE 9-.
 */

canvas {
    display: inline-block;
}


/**
 * Add the correct display in IE.
 */

template {
    display: none;
}


/* Hidden
   ========================================================================== */


/**
 * Add the correct display in IE 10-.
 */

[hidden] {
    display: none;
}


/*ul li default margin */

ul,
li {
    padding: 0;
    margin: 0;
}



html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */



/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap; /* 1 */
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    -webkit-clip-path: none;
    clip-path: none;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */


@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}
/*--------------------------------------------------------------*/

a{font-size: 16px;text-decoration: none;color:#0275d8;transition:all .3s ease;}
a:hover{color:black;}

ul,
ol{
  margin-bottom: 30px;
  padding-left: 30px;
  line-height: 150%;
}

ol li{
  list-style: decimal;
}

ul li,
ul li ol li ul li{
  list-style: circle;
}

ul li ol li,
ol li ul li ol li,
ul li ul li ol li{
  list-style: decimal;
}
ol li ul li ul li
{
  list-style: square;
}



/* Table design default */
table{
  width: 100%;
  margin-bottom: 40px;
}

table tr{border-bottom: solid 1px rgba(0,0,0,.2)}
table tr th{
  padding: 15px;
  font-size: 16px;
  color: rgba(0,0,0,.8)
}

table tr td{
  padding:20px 15px;
  font-size: 14px;
  font-weight: 300;
  color:rgba(0.6);
}

h1{margin-bottom: 20px;}
h2{margin-bottom: 15px;}
h3{margin-bottom: 10px;} 
h4{margin-bottom: 5px;} 
h5, 
h6{margin-bottom: 2px;}

dl dd, 
pre{margin-bottom: 30px;}

/* button ************************************************/
button {
  border: none;
  display: inline-block;
  margin-top: 24px;
  width: auto;
  cursor: pointer;
}

.def-btn,
.wpcf7-submit{
  font-size: 14px;
  line-height: 50px;
  padding: 0 34px;
  display: inline-block;
  transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  color: white;
  background-color: #d65050;
  cursor: pointer;
}

.def-btn:hover,.wpcf7-submit:hover {
  text-decoration: none;
  color: white;
  background-color:rgba(214, 80, 80, 0.78);
}

.def-btn.primary-btn {
  background-color: #d65050;
}

.def-btn.primary-btn:hover {
  background-color: #2a42f0;
}

.def-btn.secondary-btn,
.wpcf7-submit {
  background-color: #d65050;
}


.def-btn.light-grey-btn {
  background-color: #c2c2c2;
}

.def-btn.light-grey-btn:hover {
  background-color: #131416;
}

/**** skillbar ***************************/
.skillbar {
    position:relative;
    display:block;
    margin-bottom:25px;
    width:100%;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -webkit-transition:0.4s linear;
    -moz-transition:0.4s linear;
    -ms-transition:0.4s linear;
    -o-transition:0.4s linear;
    transition:0.4s linear;
    -webkit-transition-property:width, background-color;
    -moz-transition-property:width, background-color;
    -ms-transition-property:width, background-color;
    -o-transition-property:width, background-color;
    transition-property:width, background-color;
}

.skillbar-title {
    position:relative;
    top:0;
    left:0;
    font-weight:bold;
    font-size:14px;
    background:transparent !important;
}

.skillbar-title:before{
  content:'';
  position: absolute;
  left:0;
  bottom: -12px;
  height: 12px;
  background-color: rgba(0,0,0,.08);
  width: 100%;
  border-radius: 20px;
}

.skillbar-title span {
    display:block;
    height:35px;
    line-height:35px;
    -webkit-border-top-left-radius:3px;
    -webkit-border-bottom-left-radius:3px;
    -moz-border-radius-topleft:3px;
    -moz-border-radius-bottomleft:3px;
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
    color:#4f4f4f;
}

.skillbar-bar {
    height:12px;
    width:0px;
    background:#6adcfa;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}

.skill-bar-percent {
    position: absolute;
    right:0px;
    top:5px;
    font-size: 11px;
    height: 35px;
    line-height: 35px;
    font-weight: bold;
}




/* Alignments Defaults */

img.alignleft, 
.wp-caption.alignleft {
  margin: 0 24px 24px 0;
  margin: 0 2.4rem 2.4rem 0;
}
.alignleft {
  float: left;
  text-align: left;
}
img {
  height: auto;
}

img.alignright, 
.wp-caption.alignright {
  margin: 0 0 24px 24px;
}
.alignright {
  float: right;
  text-align: right;
}

img.centered, 
.aligncenter {
  display: block;
  margin: 0 auto 24px;
}
embed, 
iframe, 
img, 
object, 
video, 
button, 
input, 
select, 
textarea, .wp-caption {
  max-width: 100%;
  
}

.quial-header-image{
  overflow: hidden;
}

.quial-header-image video,
.quial-header-image iframe video{
  width: 100%;
}
.quial-header-image iframe {
  transform: scale(2);
}

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

.video-banner .video-banner{
  height: 100vh !important;
}

.video-banner .banner-overlay{
  opacity: 0.6;
}

.gallery{
  display: grid;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  text-align: center
}
.gallery-columns-1 { 
  grid-template-columns: 1fr; 
}

.gallery-columns-2 { 
  grid-template-columns: repeat(2, 1fr); 
}

.gallery-columns-3 { 
  grid-template-columns: repeat(3, 1fr); 
}

.gallery-columns-4 { 
  grid-template-columns: repeat(4, 1fr); 
}

.gallery-columns-5 { 
  grid-template-columns: repeat(5, 1fr); 
}

.gallery-columns-6 { 
  grid-template-columns: repeat(6, 1fr); 
}

.gallery-columns-7 { 
  grid-template-columns: repeat(7, 1fr); 
}

.gallery-columns-8 { 
  grid-template-columns: repeat(8, 1fr); 
}

.gallery-columns-9 { 
  grid-template-columns: repeat(9, 1fr); 
}

.wp-caption-text{}
.gallery-caption{}
.bypostauthor{}

/* List styles none */
.foter-column li,
.foter-column ul,
.foter-column ol,
.foter-column ul li,
.foter-column ol li{
  list-style: none;
  padding-left: 0;
}

.menu-main ul,
.is-sidebar ul{
  padding:0;
  margin-bottom: 0;
}

/*Global styles --------------------------------------------------------------------------*/

.main{
  position: relative;
  z-index: 9;
  
}

[class*="container-"]{
  margin: 0 auto;
}

.quail-page-content{
  padding: 80px 0;
  background: white;
}


pre{
  background-color: rgba(0,0,0,.06);
  padding: 20px;
  border: solid 1px rgba(0,0,0,.08);
}

.tags a{
  display: inline-block;
  color: rgba(0,0,0,0.6);
  transition: all .4s ease;
  -ms-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  margin-right: 2px;
  margin-bottom: 5px;
}


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

.flex-box,
.d-f,
.custom-flex,
[class*="container-"],
.popWrapper .v-h-center {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.row{
  width: 100%;
}
.full-width{
  width: 100%;
}

.container-large {
  width: 100%;
  max-width: 1200px;
  position: relative;
  z-index: 4;
  margin: 0 auto;
}

.container-medium{
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
}

.container-small{
  width: 100%;
  max-width: 1010px;
  margin: 0 auto;
}


.container-fluid{
  width: 100%;
  max-width: 100%;
}


body{
  background-attachment: fixed !important;
  background-size: cover !important;
  color:#4f4f4f;
  font-size: 16px;
}




.letter-space-0 {
  letter-spacing: 0px;
}

.letter-space-neg0 {
  letter-spacing: 0px;
}

.letter-space-1 {
  letter-spacing: 1px;
}

.letter-space-neg-1 {
  letter-spacing: -1px;
}

.letter-space-2 {
  letter-spacing: 2px;
}

.letter-space-neg-2 {
  letter-spacing: -2px;
}

.letter-space-3 {
  letter-spacing: 3px;
}

.letter-space-neg-3 {
  letter-spacing: -3px;
}

.letter-space-4 {
  letter-spacing: 4px;
}

.letter-space-neg-4 {
  letter-spacing: -4px;
}

.letter-space-5 {
  letter-spacing: 5px;
}

.letter-space-neg-5 {
  letter-spacing: -5px;
}

.letter-space-6 {
  letter-spacing: 6px;
}

.letter-space-neg-6 {
  letter-spacing: -6px;
}

.letter-space-7 {
  letter-spacing: 7px;
}

.letter-space-neg-7 {
  letter-spacing: -7px;
}

.letter-space-8 {
  letter-spacing: 8px;
}

.letter-space-neg-8 {
  letter-spacing: -8px;
}

.letter-space-9 {
  letter-spacing: 9px;
}

.letter-space-neg-9 {
  letter-spacing: -9px;
}

.letter-space-10 {
  letter-spacing: 10px;
}

.letter-space-neg-10 {
  letter-spacing: -10px;
}

.align-div-center {
  margin-left: auto;
  margin-right: auto;
}

.margin-left-auto {
  margin-left: auto;
}

.margin-right-auto {
  margin-right: auto;
}

.d-b {
  display: block;
}

.d-n {
  display: none;
}

.d-i-b {
  display: inline-block;
  vertical-align: top;
}

.d-t {
  display: table;
  width: 100%;
  height: 100%;
}

.d-t .d-t-c-t {
  display: table-cell;
  vertical-align: top;
}

.d-t .d-t-c-m {
  display: table-cell;
  vertical-align: middle;
}

.fx-1 {
  flex: 1;
  -ms-flex: 1;
}

.fx-2 {
  flex: 2;
  -ms-flex: 2;
}

.fx-3 {
  flex: 3;
  -ms-flex: 3;
}

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

.flex-no-wrap {
  flex-wrap: nowrap;
}

.align-center,
.align-center .flex-box{
  align-items: center;
}

.align-flex-item-right,
.align-flex-item-right .flex-box {
  align-items: flex-end;
}

.align-flex-item-left,
.align-flex-item-left .flex-box {
  align-items: flex-start;
}

.flex-verticle-top {
  align-self: flex-start;
}

.flex-verticle-bottom {
  align-self: flex-end;
}

.justify-center,
.justify-center .flex-box {
  justify-content: center;
}

.justify-left,
.justify-left .flex-box {
  justify-content: flex-start;
}

.justify-right,
.justify-right .flex-box {
  justify-content: flex-end;
}

.overflow-visible {
  overflow: visible;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-auto {
  overflow: auto;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

.overflow-x-scroll {
  overflow-x: scroll;
}

.overflow-y-scroll {
  overflow-y: scroll;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-y-auto {
  overflow-y: auto;
}

.float-left,
.floted-li li {
  float: left;
}

.float-right {
  float: right;
}

.float-none {
  float: none;
}

.clearfix:after,
.clearfix:before {
  content: '';
  display: table;
  clear: both;
}

.fit-image,
.article-wrap .article-author-info span.img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.fit-background {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.fit-background.paralax-bg {
  background-attachment: fixed;
}

.position-static {
  position: static;
}

.position-absolute {
  position: absolute;
}

.position-fixed {
  position: fixed;
}

.position-relative {
  position: relative;
}

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

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

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

.text-transform-none {
  text-transform: none;
}

.text-transform-uppercase {
  text-transform: uppercase;
}

.text-transform-capital {
  text-transform: capitalize;
}

.floted-li li {
  display: block;
}

.inline-li>li {
  display: inline-block;
  vertical-align: top;
  list-style: none;
}

.inline-li>li ul li {
  text-align: left;
  list-style: none;
}

.non-floted-li li {
  float: none;
  display: block;
}

.basic-transition {
  transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}

.round-radius {
  border-radius: 50%;
}

.x-small-radius {
  border-radius: 2px;
}

.small-radius {
  border-radius: 4px;
}

.medium-radius {
  border-radius: 6px;
}

.large-radius {
  border-radius: 8px;
}

.x-large-radius {
  border-radius: 12px;
}

.box-shadow {
  box-shadow: rgba(0, 0, 0, 0.1) 0 0 14px 0;
}

.img-thumb-micro {
  height: 50px;
  width: 50px;
  object-fit: cover;
}

.img-thumb-x-small {
  height: 80px;
  width: 80px;
  object-fit: cover;
}

.img-thumb-small {
  height: 120px;
  width: 120px;
  object-fit: cover;
}

.img-thumb-medium {
  height: 180px;
  width: 180px;
  object-fit: cover;
}

.img-thumb-large {
  height: 220px;
  width: 220px;
  object-fit: cover;
}

.img-thumb-x-large {
  height: 260px;
  width: 260px;
  object-fit: cover;
}

.img-thumb-giant {
  height: 300px;
  width: 300px;
  object-fit: cover;
}




.text-color-primary {
  color: #4257f2;
}

.text-color-secondary {
  color: #d65050;
}

.text-color-dark {
  color: #1f2024;
}

.text-color-light {
  color: #c2c2c2;
}

.text-color-white {
  color: white;
}

.text-color-black {
  color: black;
}

.text-color-medium-dark {
  color: rgba(0, 0, 0, 0.6);
}

.border-color-primary {
  border-color: #4257f2;
}

.border-color-secondary {
  border-color: #d65050;
}

.border-color-dark {
  border-color: #1f2024;
}

.border-color-light {
  border-color: #c2c2c2;
}

.border-color-white {
  border-color: white;
}

.border-color-black {
  border-color: black;
}

.border-color-medium-dark {
  border-color: rgba(0, 0, 0, 0.6);
}

.bg-transparent {
  background-color: transparent;
}

.bg-transparent-hover {
  background-color: transparent;
}

.bg-transparent-hover:hover {
  background-color: transparent;
}

.underline {
  height: 2px;
  width: 100%;
}

.font-weight-100 {
  font-weight: 100;
}

.font-weight-200 {
  font-weight: 200;
}

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

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

.font-weight-500 {
  font-weight: 500;
}

.font-weight-600 {
  font-weight: 600;
}

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

.font-weight-800 {
  font-weight: 800;
}

.font-weight-900 {
  font-weight: 900;
}



/*Header -----------------------------------------------------------------------------------------------------------*/
header {
  color: white;
  transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
}

header ol,
header ul,
header dl {
  margin-bottom: 0;
}

header .align-right li {
  margin-left: 8px;
}

header .text-align-left li {
  margin-right: 15px;
}

header .text-align-center li {
  margin: 0 8px;
}

header.absolute-header {
  position: absolute;
  top: 34px;
  left: 0;
  width: 100%;
  background-color: transparent;
  z-index: 99;
}

header.static-header {
  background-color: #1F2024;
  position: relative;
  z-index: 9999;
  padding: 10px 0;
}

header.absolute-header{
  padding: 10px 0;
}

.no-banner header.static-header + div,
.no-banner header.static-header + section{
  padding-top: 0 !important;
}

header.fixed-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: transparent;
  z-index: 99;
  background-color: #1f2024;
  padding: 10px 0;
}

.box-layout header.fixed-header{
  max-width: 1240px;
  left: auto;
  right: auto
}

header.sticky-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 34px 0;
  z-index: 99;
}

header.sticky-header.scrolled {
  padding: 10px 0;
  background-color: #1f2024;
}



.mobile-menu {
  display: none;
}

.quail-header nav ul li {
  transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  padding: 0 20px;
  border-radius: 2px;
}
.quail-header nav ul li:last-child{
  padding: 0;
}
.quail-header nav ul li .sub-menu li{
  padding: 0 20px;
}

pd-rt-0{
  padding-right: 0;
}

nav ul li a {
  display: block;
  line-height: 44px;
  font-weight: 500;
  font-size: 14px;
  color: white;
  transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
}



.menu-item-has-children,
.page_item_has_children{
  position: relative !important;
}

.menu-item-has-children .sub-menu,
.page_item_has_children .children{
  position: absolute;
  top: 80px;
  left: 0;
  background-color: white;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
  -ms-transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  min-width: 200px;
  z-index: 999;
  box-shadow: rgba(0,0,0,.24) 0 0 14px;
}


.menu-item-has-children .sub-menu li,
.page_item_has_children .children li {
  text-align: left;
  float: none;
  margin: 0;
  position: relative;
}

.menu-item-has-children .sub-menu li a,
.page_item_has_children .children li a{
  font-size: 16px;
  color: rgba(0, 0, 0, 0.6);
}

.menu-item-has-children .sub-menu li:hover,
.page_item_has_children .children li:hover {
  background-color: rgba(0, 0, 0, 0.14);
}



.menu-item-has-children:hover .sub-menu .sub-menu,
.page_item_has_children:hover .children .children {
  top: 0;
  left: 100%;
}

.menu-item-has-children:nth-last-child(2):hover .sub-menu .sub-menu,
.menu-item-has-children:nth-last-child(1):hover .sub-menu .sub-menu,
.page_item_has_children:nth-last-child(2):hover .children .children,
.page_item_has_children:nth-last-child(1):hover .children .children,{
  top: 0;
  left: -100%;
}


.menu-item-has-children .menu-item-has-children a{display: flex;align-items: center}
.menu-item-has-children .menu-item-has-children a i{margin-left: auto !important;

  margin-right: 0 !important;}



nav ul li:last-child .menu-item-has-children .sub-menu .sub-menu,
nav ul li:last-child .page_item_has_children .children .children {
  top: 0;
  left: -100%;
}

.menu-item-has-children:hover>.sub-menu,
.page_item_has_children:hover>.children {
  opacity: 1;
  visibility: visible;
  top: 44px;
}
.flexslider.full-screen-slider.slides li{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.flexslider.full-screen-slider {
  height: 100vh;
  z-index:10;
  position: relative;
}
.flexslider.full-screen-slider .flex-direction-nav li {
    
    background-position: center;
    display: flex;
    vertical-align: middle;
    align-items: center;
}

#carousel {
  width: auto;
  left: auto;
  right: 0;
}


textarea{
  height: 140px;
}



.main.no-banner .quail-header {
  background-color: grey;
}


.full-screen-slider .image-slide .image-slide-caption, .full-screen-slider .slide2 .image-slide-caption{
  margin-left: -600px;
}


/*Banner section ----------------------------------------------------------------------------------------------------------*/
.banner-caption,
.banner-nav{
  position: relative;
  height: 100%;
}

.quial-header-image {
  width: 100%;
  height: 500px;
  background-color: #1f2024;
  position: relative;
  color: white;
  text-align: center;
}

.quial-header-image .alert-danger{
  max-width: 800px;
  position: absolute;
  left:calc(50% - 320px);
  bottom: 20%;
  z-index: 95;

}

.quial-header-image iframe {
  height: 100%;
  width: 100%;
}

.quial-header-image>img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  z-index: 0;
}

.quial-header-image .flex-box,
.quial-header-image .d-f,
.quial-header-image .custom-flex,
.quial-header-image .popWrapper .v-h-center,
.popWrapper .quial-header-image .v-h-center {
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.quial-header-image .flex-box.caption,
.quial-header-image .caption.d-f,
.quial-header-image .caption.custom-flex,
.quial-header-image .popWrapper .caption.v-h-center,
.popWrapper .quial-header-image .caption.v-h-center {
  position: relative;
  z-index: 4;
}

.quial-header-image .flex-box.caption h2,
.quial-header-image .caption.d-f h2,
.quial-header-image .caption.custom-flex h2,
.quial-header-image .popWrapper .caption.v-h-center h2,
.popWrapper .quial-header-image .caption.v-h-center h2 {
  font-size: 64px;
  font-weight: 600;
  margin: 0 0 15px 0;
}

.quial-header-image .flex-box.caption p,
.quial-header-image .caption.d-f p,
.quial-header-image .caption.custom-flex p,
.quial-header-image .popWrapper .caption.v-h-center p,
.popWrapper .quial-header-image .caption.v-h-center p {
  font-size: 18px;
  font-weight: 400;
}

.banner-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  color: white;
  z-index: 9;
}

.flexslider.full-screen-slider .flex-direction-nav {
    top:calc(50% - 35px);
    position: absolute;
    margin: 0 auto;
    display: flex;
    align-items: center;
    vertical-align: middle;
    width: 100%;
}
.flexslider.full-screen-slider .flex-direction-nav li.flex-nav-prev {
    margin-right: auto;
    vertical-align: middle;
}
.flexslider.full-screen-slider .flex-direction-nav li a {
    position: unset;  
    background-color: transparent;
    display: block;
    color:#fff;
    opacity: 0.3;
}
.flexslider.full-screen-slider .flex-direction-nav li:hover a{
  opacity: 1
  background:transparent;
}
.flexslider.full-screen-slider .flex-direction-nav li a:hover{
  background:transparent;
  opacity: 1
}
.full-screen-slider .image-slide .image-slide-caption .title4 {
    margin-bottom: 15px;
    width: 100%;
    font-weight: 300;
    line-height: 34px;
    font-size: 30px;
    text-align: center;
    
}

.full-screen-slider .image-slide .image-slide-caption, 
.full-screen-slider .slide2 .image-slide-caption{
  top: 52%;
}

 .full-screen-slider .image-slide .image-slide-caption .title2,
  .full-screen-slider .image-slide .image-slide-caption .title3,
   .full-screen-slider .image-slide .image-slide-caption .title1 {
    font-size: 57px;
    font-weight: 700;
    padding: 5px;
}

/*Footer --------------------------------------------------------------------------------------------------------------------*/
.quail-footer {
  background-color: #1f2024;
  color: rgba(255, 255, 255, 0.4);
  padding: 80px 0 0 0;
}

.quail-footer .foter-column {
  padding: 0 40px;
  border-right: solid 1px rgba(255, 255, 255, 0.04);
}


.quail-footer .foter-column:first-child {
  padding-left: 0;
}

.quail-footer .foter-column:last-child {
  border-right: none;
  padding-right: 0;
}

.quail-footer .foter-column .ftr-logo {
  max-width: 140px;
  margin-bottom: 15px;
}

.quail-footer .foter-column h2 {
  font-size: 24px;
  margin-bottom: 15px;
  font-weight: 600;
}

.inner-page .entry-content iframe{
  height: 450px;
}

.quail-footer .foter-column p {
  margin-bottom: 10px;
}

.quail-footer .foter-column p,
.quail-footer .foter-column a {
  font-size: 14px;
  font-weight: 300;
  transition:all .3s ease;
  
}

.quail-footer .foter-column ul li a {
  transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  display: inline-block;
 
}

input[type="submit"]{
  border:none;
}

.quail-footer .foter-column a:hover,
.quail-footer .foter-column li a:hover {
  opacity: 0.9;
  color:#fff;
  text-decoration: none;
}

.quail-footer .foter-column .footerPost li {
  border-bottom: solid 1px rgba(255, 255, 255, 0.2);
  padding: 10px 0;
}

.quail-footer .foter-column .footerPost li:last-child {
  border-bottom: none;
}

.quail-footer .foter-column .footerPost li a {
  font-size: 12px;
  display: block;
}


.quail-footer .foter-column .footer-address span {
  position: relative;
  display: block;
  margin-bottom: 15px;
  padding-left: 30px;
  font-size: 12px;
}

.quail-footer .foter-column .footer-address span i {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 16px;
}

.quail-footer .foter-column .newsletter-box {
  border: none;
  height: 45px;
  line-height: 45px;
  padding: 0 10px;
  font-size: 12px;
  text-transform: none;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.6);
  background-color: rgba(255, 255, 255, 0.08);
  margin-bottom: 15px;
  width: 100%;
}

.quail-footer .foter-column .def-btn {
  color: white;
}

.quail-footer .foter-column .def-btn:hover {
  color: white;
}

.quail-footer .foter-column .menu-social {
  margin-top: 40px;
}


.quail-footer .foter-column .menu-social a {
  display: inline-block;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  background-color: rgba(255, 255, 255, 0.05);
  
}

.quail-footer .foter-column .menu-social a:hover {
  background-color: #4257f2;
}

.fixed-footer {
  position: fixed;
  width: 100%;
  height: auto;
  left: 0;
  bottom: 0;
}



.quail-footer ul{
padding: 0;
margin-bottom: 0;
}
.foter-column .footer-address li{
  position: relative;
  padding-left: 25px;
  font-size:14px;
}
.footer-address li i{
  position: absolute;
  left:0;
  top:5px;
}


.keepSpace {
  box-shadow: rgba(0, 0, 0, 0.6) 0 40px 60px;
}

.copyright {
  font-size: 12px;
  margin-top: 20px;
}

/*Post articles list and details -----------------------------------------------------------------------------------
==========================================================*/


.article-wrap {
  margin-bottom: 50px;
}

.article-wrap .article-title-link {
  font-size: 20px;
}

.article-wrap .article-img-wrap {
  background-color: rgba(0, 0, 0, 0.8);
  overflow: hidden;
}

.article-wrap .article-img-wrap img {
  transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
}

.article-wrap:hover .article-img-wrap img {
  transform: scale(1.01);
  opacity: 0.6;
}

.post-details .image-holder {
  height: 480px;
  width: 100%;
  margin-bottom: 40px;
}

.post-details .image-holder img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.post-details p {
  margin-bottom: 30px;
}


.post-details blockquote {
  background-color: rgba(0, 0, 0, 0.04);
  padding: 60px;
  font-size: 24px;
  font-weight: 200;
  margin-bottom: 40px;
  line-height: 140%;
  border-left: 4px solid #b2dd4c;
}

.onDetails {
  text-align: left;
  margin-bottom: 30px;
}

.onDetails .article-date,
.onDetails .tags,
.onDetails .comments,
.onDetails .other {
  color: white !important;
}

.onDetails .article-date span,
.onDetails .article-date a,
.onDetails .tags span,
.onDetails .tags a,
.onDetails .comments span,
.onDetails .comments a,
.onDetails .other span,
.onDetails .other a {
  color: white;
}

.onDetails .article-author-info {
  display: inline-block;
}

.embed-media {
  margin-bottom: 40px;
}

.embed-media embed,
.embed-media audio {
  height: auto !important;
  width: 100% !important;
}

.embed-media iframe {
  width: 100% !important;
  height: 400px !important;
  left: 0;
  top: 0;
  position: absolute;
}

.vimeo-vid {
  position: relative;
  height: 400px;
  margin-bottom: 40px;
}

.vimeo-vid iframe {
  width: 100% !important;
  height: 400px !important;
  left: 0;
  top: 0;
  position: absolute;
}


/*pagination*/

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
  color: #fff;
  text-decoration: none;
}

.navigation li {
  display: inline;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
  background-color: #494848;
  border-radius: 3px;
  cursor: pointer;
  padding: 12px;
  padding: 0.75rem;
}

.navigation li a:hover,
.navigation li.active a {
  background-color: #494848;
}

.pagination {
  display: block;
  text-align: center;
}

.pagination .nav-links {
  padding: 8px 15px;
}

span.current {
  text-decoration: none;
  color: #FFF;
  font-size: 18px;
  padding: 9px 15px;
  background: #494848;
}

a.page-numbers {
  text-decoration: none;
  color: #494848;
  font-size: 18px;
  background: #eaeaea;
  padding: 9px 15px;
}

.comment-area {
  margin-top: 40px;
}

.comment-area h3 {
  font-weight: 300;
  font-size: 28px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: solid 1px rgba(0, 0, 0, 0.18);
}

.blog-list-view .article-img-wrap {
  flex: 1;
  -webkit-flex: 1;
  margin-right: 40px;
}

.blog-list-view .post-summary {
  flex: 2;
  -webkit-flex: 2;
  padding-right: 30px;
}

.blog-list-view .post-summary .article-title-link {
  font-size: 18px;
}

.blog-list-view .post-summary h4 {
  color: #d65050;
  text-decoration: none;
}

.article-wrap h4 a {
  color: #d65050;
  font-size: 24px;
}

.post-grid-view h4{margin-bottom: 8px;}
.post-list-view h4
{
    font-size: 22px;
    line-height: 30px;
    letter-spacing: 0;
    margin-bottom: 15px;
    }

 .article-wrap .post-summary h4 a {
    color: #242424;
     font-size: 22px;
    line-height: 30px;
    letter-spacing: 0;
    margin-bottom: 15px;
  }
.article-wrap .post-summary  p{
      font-size: 14px;
    line-height: 25px;
    letter-spacing: 0.06em;
    color: #5e5e5e;
    
}
.content-list-meta {
    position: relative;
    margin: 0;
    padding: 15px 0 0;
    border-top: 1px solid #eeeeee;
    margin-top: 9px;
  }
.content-list-meta  > li {
    position: relative;
    list-style: none;
    display: inline-block;
    font-size: 13px;
    line-height: 24px;
    letter-spacing: 0.04em;
    color: #999999;
    padding: 0 10px;
}
.content-list-meta > li:first-child {
    padding-left: 0;
}
.content-list-meta>li:last-child{
  padding-right: 0;
}
.content-list-meta:before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 35px;
    height: 1px;
    background: #d65050;
}
.content-list-meta>.post-author:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -1px;
    width: 1px;
    height: 10px;
    background: #d65050;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.blog-list-view .post-summary h4 a:hover {
  color: #4257f2;
}
 a.detail-link{
color:#d65050;

}

.post-grid-view .post-wrap{
  width: 50%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 40px;
  padding-right: 30px;
}

.post-grid-view .article-img-wrap{
  margin-right: 0 !important;
}

.blog-artical-content {
    background: #f5f5f5;
    padding: 25px;
    text-align: center;
}
.masonry-view .article-wrap h4 {
  font-size: 18px;
  font-weight: 600;
  color: #4257f2;
}

.masonry-view .article-wrap .article-title-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
}

.masonry-view .article-wrap .article-img-wrap {
  height: auto;
}

.masonry-view .article-wrap .article-img-wrap img {
  height: auto;
}

.masonry-view .row {
  column-count: 3;
  column-gap: 40px;
  display: block;
}

.masonry-view .row .post-wrap.col-md4 {
  width: 100%;
}


.article-wrap {
  width: 100%;
  position: relative;
}

.article-wrap .article-img-wrap {
  height: 250px;
  overflow: hidden;
  flex: 0 0 350px;
  margin-right: 20px;
}

.article-wrap .article-img-wrap img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.article-wrap .article-title-link {
  font-size: 30px;
  font-weight: bold;
  color:#d65050;
  display: block;
  margin-bottom: 20px;
  transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  line-height: 120%;
}

.article-wrap .article-title-link:hover {
  color:#d65050;
  text-decoration: none;
}

.article-wrap h3.post-title {
  font-size: 34px;
  font-weight: 700;
  margin: 20px 0;
  max-width: 800px;
}

.article-wrap p{
  font-size: 16px;
}

.article-wrap .article-text {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
  margin-bottom: 20px;
}

.article-wrap .article-author-info {
  align-items: center;
}

.article-author-info span.img {
  display: inline-block;
  height: 30px;
  width: 30px;
  max-width: 30px;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 10px;
}



.post-details .article-author-info{
  margin-bottom: 30px;
}


.post-details  li.post-author .article-author-info{
  margin-bottom: 0;
}
.article-wrap .article-author-info span.infos {
  flex: 2;
  -ms-flex: 2;
  max-width: 100%;
}

.article-wrap .article-author-info span.infos .author-name {
  font-weight: 600;
  display: block;
  line-height: 8px;
  font-size: 12px;
  color: #4257f2;
}

.content-list-meta li a{
  color:#999999;
  font-size: 13px;
  font-weight: normal;
  text-decoration: none;
}

 .content-list-meta li:hover a, .content-list-meta li:hover a span{
  color: #999999;
  cursor: context-menu;
}
  

.article-wrap .tags {
  margin: 5px 0;
  font-size: 12px;
  display: inline-block;
}

.article-wrap .tags i {
  color: rgba(0, 0, 0, .6);
}


.article-wrap .tags a {
  color: rgba(0, 0, 0, 0.3);
  text-decoration: none;
  display: inline-block;
  margin-right: 5px;
  transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
}

.article-wrap .tags a:hover {
  color: #d65050;
}

.article-wrap .comments {
  margin: 5px 0 5px 0;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.4);
  display: inline-block;
  margin-bottom: 8px;
}

.article-wrap .comments a,
.article-wrap .tags a{
  font-size: 12px;
}

.article-wrap .comments i {
  margin-right: 10px;
  color: rgba(0, 0, 0, .6);
}

.thumb-posts {
  margin-bottom: 25px;
}

.thumb-posts .img-holder {
  flex: 1;
  -webkit-flex: 1;
  margin-right: 15px;
  height: 80px;
  width: 80px;
}

.thumb-posts .img-holder img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.thumb-posts .infos {
  flex: 2;
  -webkit-flex: 2;
}

.thumb-posts .infos .article-date {
  font-size: 12px;
}

.thumb-posts .infos .article-title-link {
  font-weight: 600;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.4);
  transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
}

.thumb-posts .infos .article-title-link:hover {
  color: rgba(0, 0, 0, 0.8);
  text-decoration: none;
}

/*Sidebar -------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------
--------------------------------------------------*/

.is-sidebar [class*="widget_"] {
  flex-wrap: wrap;
  margin-bottom: 25px;
  box-shadow: 0 1px 12px rgba(0,0,0,0.2);
    padding: 25px;
    background:#fff;
}

.is-sidebar [class*="widget_"] label {
  font-size: 12px;
}

.is-sidebar [class*="widget_"] ul,
.is-sidebar [class*="widget_"] h2 {
  flex: 0 0 100%;
}

.is-sidebar [class*="widget_"] h2 {

  font-size: 20px;
}
.is-sidebar .widget-title{
position: relative;
    font-weight: 600;
    line-height: 24px;
    margin-top: 0;
    padding-bottom: 15px;
  }
.is-sidebar .widget-title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width:25%;
    height: 2px;
    background: #d65050;
}
.is-sidebar [class*="widget_"]:last-child{
  margin-bottom: 0
}

.is-sidebar [class*="widget_"] a {
  padding: 12px 0;
  transition: all .3s ease;
}

.is-sidebar [class*="widget_"] a:hover {
  text-decoration: none;
  color: #d65050;
}
.is-sidebar [class*="widget_"] ul{
  margin-top: -10px;
}

.is-sidebar [class*="widget_"] ul li {
  display: block;
  border-bottom: 1px solid #eeeeee;
  padding:10px 0;
}

    
.is-sidebar [class*="widget_"] ul li ul.children li {

  border-bottom: none;
  margin:0;
  padding: 10px 0 0px;
  padding-left: 20px;

}


.is-sidebar [class*="widget_"] ul li ul.children{
  padding-left: 15px;
    
}

.is-sidebar [class*="widget_"] ul li a {
  display: inline-block;
  padding:0;
  color: rgba(0, 0, 0, 0.7);
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 0.5px;
  
}

.is-sidebar [class*="widget_"] ul li ul.children li a:before{
content: " »";
position: absolute;
left: 0;
top:8px;
font-size: 28px;

}

.is-sidebar [class*="widget_"] li.cat-item {
  position: relative;
}


.is-sidebar .widget_archive label,
.is-sidebar .widget_categories label {
  display: block;
  margin-bottom: 10px;
}

.is-sidebar .widget_archive select,
.is-sidebar .widget_categories select {
  height: 44px;
  line-height: 44px;
  padding: 0 10px;
  border: solid 1px rgba(0, 0, 0, .2);
  width: 100%;
}


/*Recent Comment Sidrebar*/

.is-sidebar .recentcomments {
  font-size: 12px;
  margin-bottom: 10px;
}

.is-sidebar .recentcomments span {
  font-size: 15px;
  color: rgba(0, 0, 0, .8);
}

.is-sidebar li.recentcomments a {
  padding: 5px 0 !important;
}



/*Calendar Sidebar*/

.widget_calendar {}

.widget_calendar .calendar_wrap,
.widget_calendar .calendar_wrap table {
  width: 100%
}

.widget_calendar .calendar_wrap table tbody {
  background-color: rgba(0, 0, 0, .04)
}

.widget_calendar .calendar_wrap table tbody td {
  padding: 10px;
  text-align: center;
}

.widget_calendar .calendar_wrap table th {
  background: rgba(0, 0, 0, .24);
  font-size: 14px;
  padding: 10px;
}
tfoot{
  padding: 10px;
  color:white;
  background: rgba(0,0,0,.6);
}

.is-sidebar [class*="widget_"] tfoot a{
  display: block;
  color: white;
  padding: 5px;
}

.is-sidebar [class*="widget_"] tfoot td:last-child{text-align: right;}
.widget_calendar .calendar_wrap caption {
  caption-side: top;
  text-align: center;
  background-color: rgba(0, 0, 0, .40);
  color: white;
}


/*Search widget sidebar*/

.is-sidebar .widget_search {}

.is-sidebar .widget_search label {
  margin: 0;
}

.is-sidebar .widget_search .screen-reader-text {
  display: none;
}

.is-sidebar .search-form {
  position: relative;
  border: solid 1px rgba(0, 0, 0, 0.18);
  border-radius: 2px;
  width: 100%;
  padding: 4px;
  display: flex;
  align-items: center;
}

.is-sidebar .widget_search .search-field {
  border: none;
  margin: 0;
  flex: 0 0 2;
}

.is-sidebar .widget_search .search-submit {
  flex: 0 0 1;
  margin-left: auto;
}


/*text widget sidebar*/

.is-sidebar .textwidget {
  width: 100%;
}

.is-sidebar .textwidget p img {
  width: 100% !important;
  height: auto;
  margin-bottom: 20px;
}

.is-sidebar .size-large {
  width: 100% !important;
  height: auto !important;
}

.is-sidebar .textwidget select {
  height: 44px;
  line-height: 44px;
  padding: 0 10px;
  border: solid 1px rgba(0, 0, 0, .2);
  width: 100%;
}

.is-sidebar .textwidget select option {
  width: 100% !important
}

.is-sidebar .textwidget .emoji,
.is-sidebar .textwidget img.emoji {
  display: inline-block !important;
  width: auto !important;
}

.is-sidebar .textwidget p {
  margin-bottom: 10px;
}


/*sidebar has main menu called*/

.is-sidebar .menu-main-menu-container {
  width: 100%;
}

.is-sidebar .menu-main-menu-container {}

.is-sidebar .menu-main-menu-container ul li .sub-menu {
  position: static;
  visibility: visible;
  opacity: 1;
}

.is-sidebar .menu-main-menu-container ul li a {
  display: block;
  padding: 8px 0;
}

.is-sidebar .menu-main-menu-container ul li .sub-menu .sub-menu {
  padding-left: 15px;
}

.is-sidebar .menu-main-menu-container ul li .sub-menu li a {
  display: block;
  padding: 5px 0;
  font-size: 11px;
}

.is-sidebar .menu-main-menu-container ul li .sub-menu li:hover {
  background-color: transparent;
}
nav.menu-main ul li a i:first-child{
  margin-right: 10px;
}

nav.menu-main ul li a i:last-child{
  margin-left: 10px;
}

nav.menu-main ul li:before{
  position: absolute;
  top: 15px;
  left:10px; 
}

nav.menu-main ul li a i{}

nav.menu-main ul li


ol.commentlist li{
  list-style: none !important;
}

/*Details page comment section*/

.post-navigation {
  margin-bottom:50px;
  margin-top:20px;
}

.post-navigation h2:empty {
  display: none;
}
.post-navigation .nav-links{
  display: flex;
  vertical-align: middle;
  align-items: center;

}
.post-navigation .nav-links .nav-previous{
  margin-right: auto;
}
.post-navigation .nav-links .nav-previous,
.post-navigation .nav-links .nav-next {
  display: inline-block;
  height: 45px;
  min-width: 45px;
  text-align: center;
  line-height: 42px;
  font-size: 14px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.6);
  border: solid 2px rgba(0, 0, 0, 0.08);
  transition: all .4s ease;
  -ms-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  padding: 0 14px;
  
}

.post-navigation .nav-links .nav-previous:hover,
.post-navigation .nav-links .nav-next:hover {
  background-color: #d65050;
}

.post-navigation .nav-links .nav-previous:hover a,
.post-navigation .nav-links .nav-next:hover a {
  color: white;
  text-decoration: none;
}


/*Comment Area*/

.comments-area {
  margin-top: 20px;
}

.comments-area p {
  padding: 0;
}

h3.comment-reply-title {
  font-weight: 300;
  font-size: 28px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: solid 1px rgba(0, 0, 0, 0.18);
}

.logged-in-as {
  margin-bottom: 10px;
}

.logged-in-as a {
  font-size: 12px;
}

.comment-form-comment textarea {
      background-color: #fff;
    border: solid 1px rgba(0, 0, 0, .2);
    color: rgba(0, 0, 0, .6);
    width: 100%;
    padding: 10px;
    border-radius: 10px;
}

.comments-area .form-submit .submit {
  border: none;
  background-color: #d65050;
  color: white;
  text-transform: uppercase;
  line-height: 50px;
  padding: 0 34px;
  display: inline-block;
  cursor: pointer;
  transition: all .4s ease;
}

.comments-area .form-submit .submit:hover {
  background-color: rgba(0, 0, 0, .8)
}

.comments-area .comments-title {
  font-size: 20px;
  margin-bottom: 30px;
}

.comments-area .comment-list {
  padding: 0;
}

.comment-author {
  font-size: 14px;
}

.comment-author img {
  margin-right: 15px;
}

.comment-metadata {
  padding-left: 48px;
  font-size: 12px;
  margin-bottom: 10px;
  color: rgba(0, 0, 0, .6);
}
.comment-metadata a{
  color: rgba(0, 0, 0, .6);
  font-size: 13px;
}
.comment-metadata a:hover{
color: #d65050;
text-decoration: none;
}
.comment-content {
  padding-left: 48px;
}

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

.comment-body {
  margin-bottom: 45px;
}

.reply {
  margin-left: 48px;
  display: inline-block;
  font-size: 12px;
  padding: 8px 14px;
  background-color: rgba(0, 0, 0, .08);
  color: rgba(0, 0, 0, .6);
}

.onDetails .article-date span,
.onDetails .tags a,
.onDetails .comments span {
  color: rgba(0, 0, 0, .6);
}

.onDetails .article-author-info {
  display: flex;
}

.article-wrap a span {
  transition: all .4s ease;
}

.article-wrap a:hover {
  text-decoration: none;
}

.article-wrap a:hover span {
  color:#d65050;
}

.comment-respond p {
  margin-bottom: 10px;
}

.comment-respond input[type="text"],
.comment-respond input[type="email"],
.comment-respond input[type="url"] {
  background-color: #fff;
  border: solid 1px rgba(0, 0, 0, .2);
  color: rgba(0, 0, 0, .6);
 height: 40px;
  width: 100%;
    padding: 10px;
    border-radius: 10px
}

.comment-respond label {
  display: block;
  margin-bottom: 10px;
  font-weight: 600;
  color: rgba(0, 0, 0, .6);
  font-size: 12px;
  text-transform: uppercase;
}

.comment-form .form-submit {
  margin-top: 40px;
}


/* Layout setting for the theme ===================================================================================================================================================================================================== */


/* Simple Settings */

#postSingle .post-details {
  width: 100%;
}


/* Option menu center */

.menu-center [class*="col-md-"] {
  max-width: 100%;
  flex: 0 0 100%;
  text-align: center !important;
}

.menu-center .quail-logo {
  margin-top: 15px;
  margin-bottom: 30px;
}


/* as per layout header and main content setting */


/* all artical/posts setting */

.article-main .article-wrap h4:hover a {
  color: #d65050;
}

.article-main .article-wrap .article-wrap .post-summary .comments a {
  text-decoration: none;
}


.article-main .article-wrap .comments span {
  color: rgba(0, 0, 0, .3);
}

.article-main .article-wrap .comments:hover span {
  color: rgba(0, 0, 0, .8);
}

.article-main .article-wrap p {
  color: rgba(0, 0, 0, .6);
}

.image-slide-caption .def-btn {
  margin-top: 40px;
}

input:focus,textarea {
  outline: none !important;
  box-shadow: none;
}

.copyright-bottom {
  padding: 15px 10px;
  text-align: center;
  background: #1F2029;
  color: white;
  font-size: 12px;
  margin-top: 80px;
}

h1.page-title {
  margin-bottom: 40px;  
  color: rgba(0, 0, 0, .6);
  margin-top: 0;
}


/* Default Contents */

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

blockquote {
  padding: 40px;
  font-weight: 200;
  font-size: 24px;
  border-left: solid 4px #47bdd6;
  background-color: rgba(0, 0, 0, .06);
}

.entry-content blockquote p {
  font-weight: 200;
  font-size: 20px;
  margin-bottom: 0;
}

.comment-content p {
  font-size: 15px;
  color: rgba(0, 0, 0, .8);
  margin-bottom: 28px;
  font-weight: 300;

}

.pagination.details {
  margin-bottom: 30px;
}

.panel-grid{margin-bottom: 0 !important;}

p.site-title{margin-bottom: 5px;transition:all .3s ease;}
p.site-title a{
  font-weight: 600;
  line-height: 32px;
  transition:all .3s ease;
  
}

p.site-title:hover a{
  text-decoration: none;
  color: white
}

p.site-description{
  margin-bottom: 0;
}


.flex-align-item-center{
  align-items:center;
}




.share-this{
  align-items:center;
  margin-bottom: 20px;
}

.share-this a{
  font-size: 30px;
  display: inline-block;
  margin: 0 15px;
}


/* Home page section setting *just for home page --------------------------------------------------------------------------------
-----------------------------------------------------------------
---------------------------------------- */
.page-template .main > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.page-template .main > .row > [class*="col-md-"]{
  padding: 0;
}

/* Component Common element */

.compo-header h2{
  font-weight: 400;
  margin-bottom: 20px;
}

.compo-header{
  margin-bottom: 40px;
}


/* Intro Component */

.compo-title-subtitle-body h4{
  font-size: 14px;
  letter-spacing: 6px;
  margin-bottom: 10px;
}

.quail-component .text-body,
.quail-component .text-body p{
  margin-bottom: 30px;
}


.quail-services,
.two-col,
.one-col,
.three-col,
.four-col{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}

.quail-services{
  grid-template-columns: repeat(3, 1fr);
}
.quail-component.four-col{
  grid-column-gap: 30px;
    grid-row-gap: 30px;
}
.service-item .image-holder,
.service-item .icon-holder{
  margin-bottom: 30px;
}


.service-item .icon-holder i{
  font-size: 54px;
  transition: all .4s ease;
}

.service-item h3, .service-item h4, .service-item h5{
  margin-bottom: 15px;
  
  font-size: 22px;

}

.service-item a{
  color:rgba(0,0,0,.8);
}

.service-item a:hover{
  color:rgba(0,0,0,.6);
  text-decoration: none;
}

.service-item:hover a{
  color: rgba(0,0,0,1);
}

.icon-holder i{
  color:#d65050;
}
/* component text image video */
.compo-text-image-video-body .text-image{ margin-bottom: 80px;}
.compo-text-image-video-body .text-image .text-part p{font-size: 17px;line-height: 23px;}
.compo-text-image-video-body .text-image .text-part a{margin-top: 15px;}
.compo-text-image-video-body .video-part{max-width: 70%; max-height: 800px;margin: 0 auto;}
.compo-text-image-video-body .video-part iframe{ max-width: 100%;max-height: 100% }

/* Component Team ====================================================================== */

.quail-team{
  margin: 0;
}

.quail-team .person-img {
    
    max-width: 100%;
    height: 200px;
    width: 200px;
     margin: 0 auto;
    margin-bottom: 30px;
    background-size: cover;
    overflow: hidden;
    border: 10px solid rgba(17,17,17,0.05);
    border-radius: 100%;
   
}
.quail-team .item{
text-align: center;
}
.owl-nav{
  position: relative;
}

.owl-nav > div{
  display: inline-block;
  margin-right: 15px;
}


.quail-team .name,
.quail-team .name a{
  font-size: 18px;
  margin-bottom: 10px;
  display: block;
  font-weight: 600;
  line-height: 18px;
}

.quail-team .name a:hover{
  text-decoration: none;

}

.name a:hover{
  color: black;
}

.owl-nav .owl-prev,
.owl-nav .owl-next{
  position: absolute;
  left:0px;
  top:-210px;
      background: transparent;
    border: 2px solid #b0b0b0;
    padding: 3px;
    border-radius: 100%;
    transition: all .4s ease;
    line-height: 1;

}

.owl-nav .owl-prev .fas,
.owl-nav .owl-next .fas{
  font-size: 30px;
  opacity: 0.4;
  transition: all .4s ease;
}

.quail-testimonial span.fa {
    background: #b0b0b0;
    height: 30px;
    width: 30px;
    line-height: 30px;
    border-radius: 100%;
}
.teamCarousel:hover .owl-nav .owl-prev .fas, 
.teamCarousel:hover .owl-nav .owl-next .fas
  {
  opacity: 1;
  color:#d65050;
  transition: all .4s ease;
  
}
.quail-testimonial:hover span.fa{
  background:#d65050;
   transition: all .4s ease;
}
.teamCarousel:hover .owl-nav .owl-prev,
.teamCarousel:hover .owl-nav .owl-next,
.quail-testimonial:hover .owl-next,
.quail-testimonial:hover .owl-nav .owl-prev{
  border: 2px solid #d65050;
  transition: all .4s ease;
}

.owl-nav .owl-next{
  left: auto;
  right: -15px;
}
.quail-team .person-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Testimonial Components ================================================================= */

.quail-testimonial{}

.quail-testimonial .owl-nav .owl-prev,
.quail-testimonial .owl-nav .owl-next{
  position: static;
}

.quail-testimonial .tst-item-img{
  display: inline-block;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  background-color: rgba(255,255,255,0.08);
  overflow: hidden;
  text-align: center;
}

.tst-item-inner{
  font-size: 18px;
  font-weight: 200;

}

.tst-item-meta .name{
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 5px;
  display: block;
}

.tst-item-meta .comany,
.tst-item-meta .designation{
  font-size: 11px;
  display: inline-block;
  margin-right: 10px;
}


.quail-testimonial .owl-nav{
  margin-top: 25px;
}

.quail-testimonial .tst-item-img img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.container-fluid{
  padding-left: 0;
  padding-left: 0;
}


.hasbody_bg .quail-page-content{
  padding-left: 20px;
  padding-right: 20px;
}

.hassidebar_bg.is-sidebar{
  padding: 20px;
  
}

/* CTA Devider ========================================================================== */
.quail-component-cta{

}

.compo-divider-body{
  width: 100%;
}

.compo-divider-body.inline-btn h2,
.compo-divider-body.inline-btn a{display: inline-block;vertical-align: top;}
.compo-divider-body.inline-btn .flex-box{align-items: center}
.compo-divider-body.inline-btn .flex-box span{width: 308px;}
.compo-divider-body.inline-btn h2{margin-bottom: 0;}
.compo-divider-body.inline-btn a{margin-left: 30px;}


/* counter component ================================================================== */


.compo-counter .mc-item-inner{
  text-align: center;
}

/*.mc-item{
  float: left;
  vertical-align: top;
  width: 50%;
  text-align:center;
  margin: 10px 0;
      display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 40px;
    grid-row-gap: 40px
  
}*/

.mc-item-inner .mc-item-icon,.mc-item-inner .mc-item-meta{
  display: inline-block;
}
.mc-item .mc-item-inner {
      display: flex;
    vertical-align: middle;
    align-items: center;
   
    position: relative;
    min-height: 100px;
    max-width: 360px;
    margin: 0 auto;
    padding-left: 110px;
}

.mc-item .mc-item-meta {
    margin-top: -13px;
   
    text-align: left;
}
.mc-item-inner .mc-item-icon{
      -wekbit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
   background: #ffffff;
       position: absolute;
    top: 0;
    left: 0;
        width: 90px;
    height: 90px;
    font-size: 28px;
    line-height: 88px;
    text-align: center;
    
    color:#d65050;
    border: 1px solid #ececec;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

}
.mc-item-inner:hover .mc-item-icon{
  -wekbit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
 -moz-box-shadow:    inset 0 0 10px rgba(0,0,0,0.3);
   -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.3);
   box-shadow:         inset 0 0 10px rgba(0,0,0,0.3);
}
.mc-item-inner span{
  font-size: 40px;
}
.mc-item-lbl{
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2.5px;
}

p label,
p label span,
p label span input,
p label span textarea{
  width: 100%;
  outline: none;
}

/* Home page blog lists ================================================================== */

.quail-blog .article-wrap .article-title-link{font-size: 16px;}
.quail-blog .quail-component > .row{
  margin:0;
}

.quail-blog .article-wrap .article-img-wrap{
  height: 260px;
  margin-right: 0;
}


.quail-component.quail-blog{
  display: grid;
  grid-template-columns: repeat(3, 1.5fr);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}
.quail-component.quail-blog .article-wrap{
  text-align: left;
}


.has-overlay{
  position: relative;
}

.has-overlay:before{
  content: '';
  position: absolute;
  top:0;
  left:0;
  height: 100%;
  width: 100%;
  background-color: rgba(0,0,0,.6);
  z-index: 2;
}

.relative{ position: relative;}
.has-parallax{
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat; 
    background-attachment: fixed;
  }

ul.products{
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  grid-column-gap: 30px;
  grid-row-gap: 50px;
}
ul.products li.product{
  margin: 0 !important;
  width: 100% !important;
  padding: 0;
  float:none !important;
}

.woocommerce .products ul::after, 
.woocommerce ul.products::after{
  display: none;
}

ul.products:before{
  display: none !important;
}


.panel-row-style{
  position: relative;
  z-index: 6;
}

/* =========================================================== WooCommerce========================================================= */

.onsale{
  height: 50px;
  width: 50px;
  border-radius: 50%;
  line-height: 50px;
}

/* add to cart button */
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button{
  background-color: #4257f2;
  color:white;
  padding: 15px;
  font-size: 14px;
  border-radius: 0;
  transition: all .3s ease;
}

.woocommerce a.added_to_cart {
  vertical-align: top;
  margin-top: 13px;
}

.woocommerce ul.products li.product .price{
  font-size: 16px;
  color:rgba(0,0,0,.8);
}

.woocommerce-cart{
  position: relative;
}

.woocommerce-cart:hover{
  background-color: transparent;
}

.cart-count{
  position: absolute;
  top: 0;
  right: 5px;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  background-color: #d65050;
  color: white;
  font-size: 12px;
  line-height: 24px;
  display: inline-block;
  text-align: center;
  margin-left: 8px;
}

.woocommerce .cart-collaterals .cross-sells, 
.woocommerce-page .cart-collaterals .cross-sells{
  width: 100%;
}

.woocommerce .cart-collaterals .cross-sells ul.products li, 
.woocommerce-page .cart-collaterals .cross-sells ul.products li{
  width: 22.5%
}


/* ======================================== View Cart ===================================================== */

.cart.woocommerce-cart-form__contents thead tr{background-color: rgba(0,0,0,.14);color:rgba(0,0,0,.6)}
.cart.woocommerce-cart-form__contents thead tr th,
.cart.woocommerce-cart-form__contents tbody tr td{padding-top: 15px;padding-bottom: 15px;}

.coupon .input-text{
  height: 44px;
  min-width: 200px;
}

.woocommerce .cart-collaterals .cart_totals, 
.woocommerce-page .cart-collaterals .cart_totals{width: 35%;}

.woocommerce #respond input#submit.alt.disabled, 
.woocommerce #respond input#submit.alt.disabled:hover, 
.woocommerce #respond input#submit.alt:disabled, 
.woocommerce #respond input#submit.alt:disabled:hover, 
.woocommerce #respond input#submit.alt:disabled[disabled], 
.woocommerce #respond input#submit.alt:disabled[disabled]:hover, 
.woocommerce a.button.alt.disabled, 
.woocommerce a.button.alt.disabled:hover, 
.woocommerce a.button.alt:disabled, 
.woocommerce a.button.alt:disabled:hover, 
.woocommerce a.button.alt:disabled[disabled], 
.woocommerce a.button.alt:disabled[disabled]:hover, 
.woocommerce button.button.alt.disabled, 
.woocommerce button.button.alt.disabled:hover, 
.woocommerce button.button.alt:disabled, 
.woocommerce button.button.alt:disabled:hover, 
.woocommerce button.button.alt:disabled[disabled], 
.woocommerce button.button.alt:disabled[disabled]:hover, 
.woocommerce input.button.alt.disabled, 
.woocommerce input.button.alt.disabled:hover, 
.woocommerce input.button.alt:disabled, 
.woocommerce input.button.alt:disabled:hover, 
.woocommerce input.button.alt:disabled[disabled], 
.woocommerce input.button.alt:disabled[disabled]:hover,
.woocommerce input.button:disabled[disabled]{
  height: 48px;
  padding: 0 15px;
  line-height: 48px;
  background-color: rgba(0,0,0,.2);
}

.woocommerce table.shop_table{
  border-radius: 0;
}

.cart_totals {
  padding: 20px;
  background-color: rgba(0,0,0,.06);
}
.woocommerce .cart_totals table.shop_table{
  border:none;
}
.cart_totals h2{
  font-size: 24px;
  margin-bottom: 18px;
}

.cross-sells h2{margin-bottom: 34px;}

/* =============================================== Product Details ======================================================== */

.woocommerce div.product p.price, .woocommerce div.product span.price{
  font-size: 24px;
  font-weight: 700;
  color: rgba(0,0,0,.6);
}

.woocommerce div.product form.cart .variations select{
  max-width: 100%;
  min-width: 160px;
  display: inline-block;
  margin-right: 1em;
  height: 48px;
  border: solid 1px rgba(0,0,0,.2);
  padding: 0 10px;
}

.variations lable{line-height: 48px;}
.quantity .input,
input, 
button, 
select, 
textarea{
  line-height: 40px;
}

.value select{margin-bottom: 15px;}

.wc-tabs li:before,
.wc-tabs li:after{
  display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li{
  border-radius:0;
  margin: 0;
  padding: 0.3em 2em;
}

.woocommerce #review_form #respond textarea{max-width: 500px;}
.wc-tabs-wrapper{
  margin-bottom: 40px;
}

.up-sells h2,
.related h2{
  margin-bottom: 34px;
}

.woocommerce-breadcrumb{display: none;}

.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2){padding: 20px;}


/* ==================================== Product Listing ========================================================= */
#container{
  width: 100%;
}
.woocommerce nav.woocommerce-pagination{text-align: left}
.woocommerce .woocommerce-result-count{margin-bottom: 34px;}

.woocommerce-ordering select{
  line-height: 40px;
  border: solid 1px rgba(0,0,0,.2);
  height: 40px;
}

.woocommerce nav.woocommerce-pagination ul{
  border: none;
}

/* global paginations */
.page-numbers li{
display: inline-block;
height: 45px;
min-width: 45px;
text-align: center;
line-height: 42px;
font-size: 14px;
font-weight: 600;
color: rgba(0, 0, 0, 0.6);
transition: all .4s ease;
-ms-transition: all .4s ease;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
padding: 0 14px;
margin-right: 2px !important;
border-radius: 0;
}

.pagination .nav-links{
  text-align: left
}

.page-numbers li span.current,
span.current{
  line-height: 30px !important;
  background-color: transparent;
  background-color:#d65050 !important;
  color:white !important;
  border-color:#d65050!important;
  border: solid 2px rgba(0, 0, 0, 0.08);
}

a.page-numbers{
  background-color: transparent;
  line-height: 30px !important;
  border: solid 2px rgba(0, 0, 0, 0.08);
}

a.page-numbers:hover{
  background-color: #d65050 !important;
  color:white !important;
  border: solid 2px transparent;
}

.woocommerce nav.woocommerce-pagination ul li{
  border-right: none;
}

.page-numbers li{
  height: auto;
}

/* =========================================  Checkout page ===================================== */

.checkout .col-1{
  max-width: 100%;
  width:100%;
}
.woocommerce .col2-set .col-1, 
.woocommerce-page .col2-set .col-1{
  width: 100%;
}

.woocommerce .col2-set .col-2, 
.woocommerce-page .col2-set .col-2{max-width: 50%;float: left}
.checkout .col-2{
  max-width: 100%;
}

.woocommerce form .form-row input.input-text, 
.woocommerce form .form-row textarea{
  line-height: 40px;
}

.select2{
  width: 100%;
  max-width: 300px;
  border:solid 1px rgba(0,0,0,.2) !important;
  float: left;
  height: 48px !important;
}
.select2-container--default .select2-selection--single{
  border:none;
}

.select2-selection__rendered{
  margin-top: 10px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
  top:10px;
}

.woocommerce-additional-fields{
  margin: 40px 0;
}

.input-text {
  border:solid 1px rgba(0,0,0,.2);
  padding-left:10px;
  padding-right:10px;
}

.col2-set{
  border:solid 1px rgba(0,0,0,.2);
  padding: 24px 10px;
  margin-bottom: 40px;
}

.woocommerce form .form-row .required{
  text-decoration: none;
}

nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a{
  color:rgba(0,0,0,.8);
}

nav.woocommerce-MyAccount-navigation ul li:hover a{
  color:white;
}

.edit-account legend{
  margin-top: 40px;
}

.woocommerce-Address{
  max-width: 100% !important;
}

.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{
  width: 100%;
  float:left;
}

.wc-forward{
  margin-left: 1px;
  border: solid;
  padding: 11px 14px;
  border-color:#4257f2;
}

.woocommerce #respond input#submit.loading::after, 
.woocommerce a.button.loading::after, 
.woocommerce button.button.loading::after, 
.woocommerce input.button.loading::after{
  top:1.3em
}
.woocommerce .quantity .qty{
  height: 44px;
}

/* Search side bar */

.quick-search{
  position: relative;
  border: solid 1px rgba(0,0,0,0.18);
  border-radius: 38px;
  margin-bottom: 0;
  width: 100%;

}



.quick-search input {
  border: none;
  background-color: transparent;
  height: 40px;
  line-height: 40px;
  padding-left: 45px;
  padding-right: 8px;
  font-size: 14px;
  color: rgba(0,0,0,0.8) !important;
  margin-bottom: 0;
  width: 100%;
}

.not-found h1.page-title{
  font-size: 64px;
}

.error-404{
  font-weight: 800;
  font-size: 108px;
  color: rgba(0,0,0,.2);
}

.search-result .article-wrap .article-img-wrap{
  height: 166px;
  flex: 0 0 290px;
}

/* Slider Shaded Layer */

.slides li{
  position: relative
}
.slides li:before{
  content: '';
  height: 100%;
  width: 100%;
  background-color:rgba(0,0,0,.4);
  position: absolute;
  top:0;
  left:0;
  display: block;
}

.quail-component.quail-card ul{padding:0;}
.quail-component.quail-card ul li{
  list-style: none;
  position: relative;
  padding-left: 110px;
  min-height: 70px;
  margin-bottom: 40px;
}
.quail-component.quail-card ul li i{
  position: absolute;
  top:-10px;
  left: 0;
  height: 70px;
  width: 70px;
  line-height: 70px;
  text-align: center;
  border:solid 1px #d65050;
  font-size: 24px;
  color: #d65050;
  border-radius:100%;
}

.quail-component.quail-card ul li h4{
  margin-bottom: 10px;
 

}
.quail-component.quail-card ul li p{
  opacity:0.9;
  font-size: 16px;
}

.full-screen-slider .image-slide .image-slide-caption, .full-screen-slider .slide2 .image-slide-caption{
  margin-left: 0;
  left: 0;
  text-align: center;
}

.flexslider.full-screen-slider .flex-direction-nav li a.flex-next {
    right:0px;
}
.no-banner header.absolute-header{
  top:0;
}


@media all and (min-width: 1280px){
  body.box-layout{
    width: 1240px;
    margin: 0 auto;
    background: white;
    box-shadow: rgba(0,0,0,.2) 0 0 15px;
    
  }
  
  body.box-layout [class*="container-"] {
    width: 90%;
    margin: 0 auto;
  }

  .box-layout header.sticky-header{
    max-width: 1240px;
    width: 100%;
    left: auto;
    right: auto
  }

}




/* ========================== Awesome Grid ============================= */
.single-grid{
  width: 100%;
}
.single-grid,
.col_2-30-70,
.col_2-70-30{
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-column-gap: var(--gutter-space);
  width: 100%;
}

.single-grid .cols{
  grid-column: span 10;
}

.col_2-30-70 .cols:nth-child(1){
  grid-column: span 3;
}

.col_2-30-70 .cols:nth-child(2){
  grid-column: span 7;
}

.col_2-70-30 .cols:nth-child(1){
  grid-column: span 7;
}

.col_2-70-30 .cols:nth-child(2){
  grid-column: span 3;
}

.add_to_cart_button{
  color: white !important;
}


/* Contact Form ================ */
.wpcf7-form {
  padding: 30px;
  box-shadow: rgba(0,0,0,.3) 0 0 14px;
}

.inner-page .wpcf7-form{
  box-shadow: none;
  padding: 0;
  border-radius: 0;
}

.wpcf7-form .wpcf7-form-control-wrap{
  display: block;
  margin-top: 10px;
}
.wpcf7-form p label span input.wpcf7-form-control,
.wpcf7-form p label span textarea.wpcf7-form-control{

  border:1px solid #aaa;
  transition:all .4s ease;
  border-radius: 5px;
}

.wpcf7-form p label span input.wpcf7-form-control:focus,
.wpcf7-form p label span textarea.wpcf7-form-control:focus{
  border:1px solid #9c9595!important;
}

.wpcf7-form p label{
  color:rgba(0,0,0,.6);
}

.panel-grid-cell{
  align-self: center
}


.woocommerce ul.cart_list li img, 
.woocommerce ul.product_list_widget li img{
  float: left !important;
  width: 60px;
  margin-right: 15px;
}

li.chosen,
.woocommerce-widget-layered-nav-list__item{
  background: rgba(0,0,0,.1);
  padding: 0 15px !important;
  margin-right: 15px;
  border-radius: 34px;
  display: inline-block !important;
  line-height: 35px;
  display: inline-block;
  margin-bottom: 10px;
}

.mini_cart_item,
.mini_cart_item a,
.widget_products ul li,
.widget_products ul li a{
  display: flex !important;
  align-items: center;
  margin-right: 15px;
}

.remove_from_cart_button{
  text-align: center;
  margin-top: 8px;
  line-height: 15px;
  display: inline-block;
}

.mini_cart_item a,
.widget_products ul li a,
.woocommerce ul.cart_list li a, 
.woocommerce ul.product_list_widget li a{
  width: 248px;
}

.remove_from_cart_button:hover,
.woocommerce a.remove:hover{
  background-color: transparent !important;
  color:red !important;
  width: 20px !important;
}

.tag-cloud-link{
  display: inline-block !important;
  line-height: 30px !important;
  padding: 5px 20px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
      background: #f0f0f0;
    color: #8d8d8d;
    border-radius: 8px;
    margin-right: 10px;
    text-transform: capitalize;
    
}

.tag-cloud-link:hover{
  background-color: rgba(0,0,0,.5) !important;
  color: white !important;
}

.tagcloud{
  margin-top: 25px;
}

/* Pre Loader */
#preloader{
  position: fixed;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,.96);
  z-index: 99999;
}

#status{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}


.flexslider.full-screen-slider .flex-direction-nav li a.flex-next::before,
.flexslider.full-screen-slider .flex-direction-nav li a.flex-prev::before{
  display: none ;
}

.flex-next i,
.flex-prev i{font-size: 70px}
.flex-next i:before,
.flex-prev i:before{line-height: 70px;}


div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{
  color:white;
  background: #e66767;
  border:none;
}

div.wpcf7-mail-sent-ok{
  background: #38c27c;
  border: none;
  color:white;
}

/*Menu Accordian*/


nav.menu-main.is_mobile--menu ul li .sub-menu,
nav.menu-main.is_mobile--menu ul li li .sub-menu{
  position: static;
  top:0;
  margin-bottom: 20px;
  opacity: 1;
  visibility: visible;
  display: none;
  transition: none;

}

.menu-item-has-children{padding-right: 4px;}


/*Contact Form*/

.wpcf7-form .wpcf7-form-control-wrap input[type="text"].wpcf7-form-control,
.wpcf7-form .wpcf7-form-control-wrap input[type="email"].wpcf7-form-control,
.wpcf7-form .wpcf7-form-control-wrap input[type="date"].wpcf7-form-control,
.wpcf7-form .wpcf7-form-control-wrap input[type="number"].wpcf7-form-control,
.wpcf7-form .wpcf7-form-control-wrap input[type="tel"].wpcf7-form-control,
.wpcf7-form .wpcf7-form-control-wrap input[type="url"].wpcf7-form-control,
.wpcf7-form .wpcf7-form-control-wrap input[type="password"].wpcf7-form-control,
.wpcf7-form .wpcf7-form-control-wrap select.wpcf7-form-control,
.wpcf7-form .wpcf7-form-control-wrap textarea.wpcf7-form-control{
  line-height: 44px;
  border:solid 1px #aaa;
  font-size: 16px;
  color:rgba(0,0,0,.8);
  padding: 0 10px;
  border-radius:5px;
  width: 100%;
  height: 44px;
}

.wpcf7-form .wpcf7-form-control-wrap textarea.wpcf7-form-control{
  min-height: 124px;
  resize:none;
  margin-bottom: 0
}


.wpcf7-form-control-wrap{
  margin-bottom: 10px;
}

/*-------------------------added----------------------*/

.tst-item-img_meta{
  display: flex;
  align-items:center;
  vertical-align: middle;
  justify-content: center;
}
.tst-item-img_meta .tst-item-img{
  margin-right: 25px;
}
/* ---------------------------------------- social icons -------------------------- */
#menu-social li a{
overflow: hidden;
    text-indent: -9999px;
    display: inline-block;
  }
  #menu-social li{
    display: inline-block;
    
  }
#menu-social li a:before {
    content: "\f0c1";
    font-family: "Font Awesome 5 Brands";
    border-radius: 2px;
    color: #fff;
    font-size: 16px;
    transition: color 0.3s ease-in-out 0s;
    vertical-align: middle;
    text-indent: 0;
    float: left;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #fff;
}
#menu-social li a:hover:before{
  color:#d65050;
}
#menu-social  li a[href*="facebook.com"]::before {
  content: "\f09a";
}
#menu-social li a[href*="twitter.com"]::before {
  content: '\f099';
}
#menu-social li a[href*="linkedin.com"]::before {
  content: '\f0e1';
}
#menu-social li a[href*="plus.google.com"]::before {
  content: '\f0d5';
}
#menu-social li a[href*="youtube.com"]::before {
  content: '\f167';
}
#menu-social li a[href*="dribbble.com"]::before {
  content: '\f17d';
}
#menu-social li a[href*="pinterest.com"]::before {
  content: '\f0d2';
}
#menu-social li a[href*="bitbucket.org"]::before {
  content: '\f171';
}
#menu-social li a[href*="github.com"]::before {
  content: '\f113';
}
#menu-social li a[href*="codepen.io"]::before {
  content: '\f1cb';
}
#menu-social li a[href*="flickr.com"]::before {
  content: '\f16e';
}
#menu-social li a[href$="/feed/"]::before {
  content: '\f09e';
}
#menu-social li a[href*="foursquare.com"]::before {
  content: '\f180';
}
#menu-social li a[href*="instagram.com"]::before {
  content: '\f16d';
}
#menu-social li a[href*="tumblr.com"]::before {
  content: '\f173';
}
#menu-social li a[href*="reddit.com"]::before {
  content: '\f1a1';
}
#menu-social li a[href*="vimeo.com"]::before {
  content: '\f194';
}
#menu-social li a[href*="digg.com"]::before {
  content: '\f1a6';
}
#menu-social li a[href*="twitch.tv"]::before {
  content: '\f1e8';
}
#menu-social li a[href*="stumbleupon.com"]::before {
  content: '\f1a4';
}
#menu-social li a[href*="delicious.com"]::before {
  content: '\f1a5';
}
#menu-social li a[href*="mailto:"]::before {
  content: '\f0e0';
}
#menu-social li a[href*="skype.com"]::before {
  content: '\f17e';
}

#menu-social li a[href*="dribble.com"]:before {
  content: '\f17d';
}