/*!
Theme Name: GTL Multipurpose
Theme URI: http://www.greenturtlelab.com/gtl-multipurpose
Author: Greenturtlelab
Author URI: http://www.greenturtlelab.com/
Description: GTL Multipurpose is a simple, beautifully designed responsive multipuropose WordPress theme. This theme can be easily customized to make business, corporate, yoga, blog, construction, education, portfolio, travel and tour, news, beauty, fitness and many more websites. We support via online chat, email, support forum.
Version: 2.2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gtl-multipurpose
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

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

GTL Multipurpose is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> 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,
.wpcf7-submit {
  border: none;
  display: inline-block;
  margin-top: 24px;
  width: auto;
  cursor: pointer;
}

.custom-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: rgba(0, 0, 0, 0.4);
}

.custom-btn:hover {
  text-decoration: none;
  color: white;
}

.custom-btn.primary-btn {
  background-color: #4257f2;
}

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

.custom-btn.secondary-btn,
.wpcf7-submit {
  background-color: #df3d8c;
}

.custom-btn.secondary-btn:hover,
.wpcf7-submit:hover{
  background-color: #b61e68;
}

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

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

/**** skillbar ***************************/
.skillbar {
    position:relative;
    display:block;
    margin-bottom:15px;
    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: -9px;
  height: 8px;
  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;
}

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

.skill-bar-percent {
    position: absolute;
    right: -32px;
    top: 22px;
    font-size: 11px;
    height: 35px;
    line-height: 35px;
}




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

.jr-site-static-banner{
  overflow: hidden;
}

.jr-site-static-banner video,
.jr-site-static-banner iframe video{
  width: 100%;
}
.jr-site-static-banner 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 */
.footerCol li,
.footerCol ul,
.footerCol ol,
.footerCol ul li,
.footerCol ol li{
  list-style: none;
  padding-left: 0;
}

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

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

.body-wrapp{
  position: relative;
  z-index: 9;
  
}

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

.content-all{
  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;
}




.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-flex-item-center,
.align-flex-item-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;
}

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

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

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

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

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: 12px;
  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.top_slider {
  height: 100vh;
  z-index:10;
  position: relative;
}
.flexslider.top_slider li{
  background-position: center;
}

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


textarea{
  height: 140px;
}



.body-wrapp.no-banner .jr-site-header {
  background-color: grey;
}


.top_slider .slide1 .flex_caption1, .top_slider .slide2 .flex_caption1{
  margin-left: -600px;
}


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

.jr-site-static-banner {
  width: 100%;
  height: 500px;
  background-color: #1f2024;
  position: relative;
  color: white;
  text-align: center;
}

.jr-site-static-banner .alert-danger{
  max-width: 800px;
  position: absolute;
  left:calc(50% - 320px);
  bottom: 20%;
  z-index: 95;

}

.jr-site-static-banner iframe {
  height: 100%;
  width: 100%;
}

.jr-site-static-banner>img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  z-index: 0;
}

.jr-site-static-banner .flex-box,
.jr-site-static-banner .d-f,
.jr-site-static-banner .custom-flex,
.jr-site-static-banner .popWrapper .v-h-center,
.popWrapper .jr-site-static-banner .v-h-center {
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.jr-site-static-banner .flex-box.caption,
.jr-site-static-banner .caption.d-f,
.jr-site-static-banner .caption.custom-flex,
.jr-site-static-banner .popWrapper .caption.v-h-center,
.popWrapper .jr-site-static-banner .caption.v-h-center {
  position: relative;
  z-index: 4;
}

.jr-site-static-banner .flex-box.caption h2,
.jr-site-static-banner .caption.d-f h2,
.jr-site-static-banner .caption.custom-flex h2,
.jr-site-static-banner .popWrapper .caption.v-h-center h2,
.popWrapper .jr-site-static-banner .caption.v-h-center h2 {
  font-size: 64px;
  font-weight: 600;
  margin: 0 0 15px 0;
}

.jr-site-static-banner .flex-box.caption p,
.jr-site-static-banner .caption.d-f p,
.jr-site-static-banner .caption.custom-flex p,
.jr-site-static-banner .popWrapper .caption.v-h-center p,
.popWrapper .jr-site-static-banner .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;
}

.top_slider .slide1 .flex_caption1, 
.top_slider .slide2 .flex_caption1{
  top: 60%;
}
.top_slider .slide1 .flex_caption1 .title2,
 .top_slider .slide1 .flex_caption1 .title3,
 .top_slider .slide1 .flex_caption1 .title1{
  font-size: 60px;
 }

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

.jr-site-footer .footerCol {
  padding: 0 40px;
  border-right: solid 1px rgba(255, 255, 255, 0.04);
}


.jr-site-footer .footerCol:first-child {
  padding-left: 0;
}

.jr-site-footer .footerCol:last-child {
  border-right: none;
  padding-right: 0;
}

.jr-site-footer .footerCol .ftr-logo {
  max-width: 140px;
  margin-bottom: 15px;
}

.jr-site-footer .footerCol h2 {
  font-size: 24px;
  margin-bottom: 15px;
  font-weight: 600;
}

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

.inner-page  .article-wrap .article-img-wrap,
.jr-site-blog-list .article-wrap .article-img-wrap{
  margin-right: 40px;
}

.jr-site-footer .footerCol p {
  margin-bottom: 10px;
}

.jr-site-footer .footerCol p,
.jr-site-footer .footerCol a {
  font-size: 14px;
  font-weight: 300;
  transition:all .3s ease;
  
}

.jr-site-footer .footerCol 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;
  padding: 5px 0;
}

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

.jr-site-footer .footerCol a:hover,
.jr-site-footer .footerCol li a:hover {
  color: #0275d8;
  text-decoration: none;
}

.jr-site-footer .footerCol .footerPost li {
  border-bottom: solid 1px rgba(255, 255, 255, 0.2);
  padding: 10px 0;
}

.jr-site-footer .footerCol .footerPost li:last-child {
  border-bottom: none;
}

.jr-site-footer .footerCol .footerPost li a {
  font-size: 12px;
  display: block;
}

.jr-site-footer .footerCol .footer-address {
  margin-top: 30px;
}

.jr-site-footer .footerCol .footer-address span {
  position: relative;
  display: block;
  margin-bottom: 15px;
  padding-left: 30px;
  font-size: 12px;
}

.jr-site-footer .footerCol .footer-address span i {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 16px;
}

.jr-site-footer .footerCol .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%;
}

.jr-site-footer .footerCol .custom-btn {
  color: white;
}

.jr-site-footer .footerCol .custom-btn:hover {
  color: white;
}

.jr-site-footer .footerCol .social-links {
  margin-top: 40px;
}


.jr-site-footer .footerCol .social-links 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);
  
}

.jr-site-footer .footerCol .social-links a:hover {
  background-color: #4257f2;
}

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

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

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

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


.jr-site-blog-list .article-wrap {
  margin-bottom: 50px;
}

.jr-site-blog-list .article-wrap .article-title-link {
  font-size: 20px;
}

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

.jr-site-blog-list .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;
}

.jr-site-blog-list .article-wrap:hover .article-img-wrap img {
  transform: scale(1.14);
  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: #df3d8c;
  text-decoration: none;
}

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

.post-grid-view h4{margin-bottom: 8px;}
.post-list-view h4{margin-bottom: 10px;}

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

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

.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: 300px;
  overflow: hidden;
  margin-bottom: 20px;
  flex: 0 0 350px;
}

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

.article-wrap .article-date span {
  display: inline-block;
  color: rgba(0, 0, 0, 0.4);
}

.article-wrap .article-title-link {
  font-size: 34px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.6);
  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: rgba(0, 0, 0, 0.8);
  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;
  flex: 1;
  -ms-flex: 1;
}

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

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

.author-name a{
  font-size: 12px;
}

  

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

.article-wrap .tags i {
  color: #df3d8c;
}


.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: rgba(0, 0, 0, 0.8);
}

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

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

.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 {
  margin-bottom: 10px;
  font-size: 25px;
}

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

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

    
.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: 12px;
  color: rgba(0, 0, 0, .6);
}

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

.post-navigation h2:empty {
  display: none;
}

.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;
  margin-right: 2px;
}

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

.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: rgba(0, 0, 0, .05);
  border: solid 1px rgba(0, 0, 0, .08);
  color: rgba(0, 0, 0, .6);
  width: 100%;
}

.comments-area .form-submit .submit {
  border: none;
  background-color: #df3d8c;
  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;
}

.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: rgba(0, 0, 0, .8);
}

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

.comment-respond input[type="text"],
.comment-respond input[type="email"],
.comment-respond input[type="url"] {
  background-color: rgba(0, 0, 0, .05);
  border: solid 1px rgba(0, 0, 0, .08);
  color: rgba(0, 0, 0, .6);
  height: 40px;
  width: 100%;
  line-height: 40px;
}

.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 .logo-holder {
  margin-top: 15px;
  margin-bottom: 30px;
}


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


/* all artical/posts setting */


.all-article-wrap .article-wrap h4 a {
  transition: all .4s ease;
  color: #0275d8;
}

.all-article-wrap .article-wrap h4:hover a {
  color: #df3d8c;
}

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


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

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

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

.flex_caption1 .custom-btn {
  margin-top: 40px;
}

input:focus {
  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-style: italic;
  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 .body-wrapp > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.page-template .body-wrapp > .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;
}

.pb-compo .text-body,
.pb-compo .text-body p{
  margin-bottom: 30px;
}


.compo-service-body,
.two-col,
.one-col,
.three-col,
.four-col{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}

.one-col{
  grid-template-columns: repeat(1, 1fr);
}

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

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

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

.card-design .image-holder,
.card-design .icon-holder{
  margin-bottom: 30px;
}


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

.card-design h3, .card-design h4, .card-design h5{
  margin-bottom: 15px;
  font-weight: 600;
  font-size: 20px;

}

.card-design a{
  color:rgba(0,0,0,.8);
}

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

.card-design:hover a{
  color: rgba(0,0,0,1);
}

.card-design:hover .icon-holder i{
  color:#4257f2;
}
/* 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 ====================================================================== */

.compo-team{
  margin: 0;
}

.compo-team .person-img{
  height: 250px;
  margin-bottom: 20px;
  background-size: cover;
}
.owl-nav{
  position: relative;
}

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


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

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

}

.owl-nav .owl-prev .fas,
.owl-nav .owl-next .fas{
  font-size: 40px;
  opacity: 0.4;
  transition: all .4s ease;
}
.teamCarousel:hover .owl-nav .owl-prev .fas, 
.teamCarousel:hover .owl-nav .owl-next .fas {
  opacity: 1;
  color:#fff;
  
}

.owl-nav .owl-next{
  left: auto;
  right: -15px;
}

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

.compo-testimonial{}

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

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

.people-word{
  font-size: 18px;
  font-weight: 200;

}

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

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


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

.compo-testimonial .people-img img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}

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


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

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

/* CTA Devider ========================================================================== */
.pb-compo-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 .milestone-counter{}
.compo-counter .milestone-counter{
  text-align: center;
}
.compo-counter .compo-body{
  display: flex;
}
.milestone-counter{
  display: inline-block;
  vertical-align: top;
  min-width: 25%;
  max-width: 25%
}

.milestone-counter i,
.milestone-counter span{
  display: block
}

.milestone-counter i{font-size: 54px;}
.milestone-counter span{font-size: 50px;}
.milestone-details{
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 4px;
}

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

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

.compo-home-blog .article-wrap .article-title-link{font-size: 16px;}
.compo-home-blog .compo-body > .row{
  margin:0;
}

.compo-home-blog .article-wrap .article-img-wrap{
  height: 208px;
}


.compo-home-blog .compo-body{
  display: grid;
  grid-template-columns: repeat(4, 1.5fr);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}
.compo-home-blog .compo-body .article-wrap{
  text-align: left;
}
.compo-home-blog .compo-body .article-wrap:first-child{
  grid-column: span 2;
  grid-row:span 2;
}

.compo-home-blog .compo-body .article-wrap:first-child .article-img-wrap{
  height: 500px;
}

.compo-home-blog .compo-body .article-wrap:first-child .article-title-link{
  font-size: 40px;
}


.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: #df3d8c;
  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: #4257f2 !important;
  color:white !important;
  border-color:#4257f2 !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: #4257f2 !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: 15px;
  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;
}

.compo-list-with-icon ul{padding:0;}
.compo-list-with-icon ul li{list-style: none;position: relative;padding-left: 88px;min-height: 70px;margin-bottom: 20px;}
.compo-list-with-icon ul li i{
  position: absolute;
  top:0;
  left: 0;
  height: 60px;
  width: 60px;
  line-height: 60px;
  text-align: center;
  border:solid 1px #df3d8c;
  font-size: 24px;
  color: #df3d8c;
}

.compo-list-with-icon ul li h4{
  margin-bottom: 10px;
  font-weight: 600;

}
.compo-list-with-icon ul li p{
  opacity:0.6;
}

.top_slider .slide1 .flex_caption1, .top_slider .slide2 .flex_caption1{
  margin-left: 0;
  left: 0;
}

.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 ============================= */
.aGrid{
  width: 100%;
}
.aGrid,
.col_2-30-70,
.col_2-70-30{
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-column-gap: var(--gutter-space);
  width: 100%;
}

.aGrid .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 {
  background-color: white;
  padding: 30px;
  border-radius: 4px;
  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:none;
  border-bottom: solid 1px rgba(0,0,0,.24);
  transition:all .4s ease;
}

.wpcf7-form p label span input.wpcf7-form-control:focus,
.wpcf7-form p label span textarea.wpcf7-form-control:focus{
  border-color: #df3d8c;
}
.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: 700 !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.top_slider .flex-direction-nav li a.flex-next::before,
.flexslider.top_slider .flex-direction-nav li a.flex-prev::before{
  display: none ;
}

.flex-next i,
.flex-prev i{font-size: 30px}
.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 rgba(0,0,0,.08);
  background-color:rgba(0,0,0,.06);
  font-size: 16px;
  color:rgba(0,0,0,.8);
  padding: 0 10px;
  border-radius: 0;
  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;
}

/*Custom nav-menu code*/

.custom-logo {
  max-width:66px !important;
  position: absolute;
}
.site-title, .site-description {
  margin-left: 26% !important;
}
.site-title a {
    font-size: 26px;
    text-decoration: none;
}
.site-title a {
    
  text-decoration: none;
}
.slides {
    padding-left: 0px !important;
    margin-bottom: 0px !important;
}
.slide1 {
  background-size: cover;
  margin-top:0px !important;    
}
.flex_caption1 {

    margin-top: 20%;
    line-height: 1.2;
    color: #fff;
  width:100% !important
}
.top_slider .slide1 .flex_caption1 {
    top: 10% !important;
}
a:focus, a:hover {
    text-decoration:none !important;

}
.flexslider {
    margin-top: 0px !important;
}
.flex-prev, .flex-next {
    
    text-decoration: none !important;

}
.flex-next i, .flex-prev i {

    font-size: 46px;
    font-style: normal;
    font-weight: bold;

}

.fa-angle-right::before {

    content: "\f105";
    

}

.fa-angle-left::before {

    content: "\f104";
    

}
.flex_caption1 p {
    padding-right: 15px;
}


@media only screen and (max-width: 600px) {
    
.top_slider .slide1 .flex_caption1 {
    top: 35% !important;
}
.site-title a {
    font-size: 26px !important;
}
.site-description {
    font-size: 11px !important;
}

}


@media only screen and (max-width: 1020px) {
    
 .menu-item-has-children .sub-menu {
    background-color: #fff;
    display: block !important;
    position: relative !important;
    opacity: 1;
    visibility: visible !important;
    top: 0px !important;
    
    width: auto !important;
    background: none !important;
}
li .current-menu-item {
    background-color: none !important;
}
.sub-menu li a {
    color: #fff !important; 
}
nav ul li:hover {
    background-color: None !important;
}
.menu-item {
    background: none !important;
}

#siteHeader{ 
    padding: 12px 0; 
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.94);
    width: 100%;
    z-index: 99;
    
}
}

@media only screen and (min-width: 601px) {
.slide1 {

    background-size: cover;
    background-position: center;

}
}
@media (min-width: 981px) and (max-width: 1200px) {

    .flex_caption1 {
        left:50px !important;
    }
}

@media only screen and (max-width: 1024px) {
.top_slider .slide1, .top_slider .slide2, .top_slider .slide3{
background-attachment: scroll!important;
}
}