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


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;}
2
/* 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%;
    /*background:#eee;*/
    /*height:35px;*/
    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;
    /*background:rgba(0, 0, 0, 0.1);*/
    /*padding:0 20px;*/
    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-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: 15px;
}

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 > a{
  position: relative;
  padding-right: 24px;
}

.menu-item-has-children > a:after{
  content:'\f107';
  font-family: 'Font Awesome 5 Free';
  font-size: 14px;
  position: absolute;
  top:5px;
  right: -8px;
}

.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 .menu-item-has-children:before,
.page_item_has_children .page_item_has_children:before {
  content: '\f105';
  position: absolute;
  top: 10px;
  right: 10px;
  font-family: 'fontAwesome';
  color: rgba(0, 0, 0, .8);
}

.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:last-child:hover .sub-menu .sub-menu {
  top: 0;
  left: -100%;
}

.menu-item-has-children:nth-last-child(2):hover>.sub-menu .sub-menu {
  top: 0;
  left: -100%;
} */

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


#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;
  color: rgba(255, 255, 255, 0.8);
}

.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;
  color: rgba(255,255,255,.4);
}

.jr-site-footer .footerCol ul li a {
  color: rgba(255, 255, 255, 0.3);
  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;
  color: rgba(255,255,255,.4);
}

.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);
  color: white;
}

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

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

  /* font-size: 10px;
  font-weight: 300;
  color: rgba(0, 0, 0, 0.6);
} */

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

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

.is-sidebar [class*="widget_"] ul li a {
  display: inline-block;
  padding: 5px 0;
  color: rgba(0, 0, 0, 0.6);
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
}

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

.is-sidebar [class*="widget_"] li.cat-item:before {
  content: '\e6a8';
  position: absolute;
  top: 7px;
  left: 0;
  font-family: 'themify';
  color: rgba(0, 0, 0, 0.4);
}

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


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%;
  max-width: 300px;
  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%;
}


/* sticky header in no banner */

/* .no-banner .sticky-header+section:nth-child(2) {
  padding-top: 140px !important;
}

.no-banner .sticky-header.menu-center+section:nth-child(2) {
  padding-top: 40px !important;
}

.no-banner .static-header+section:nth-child(2) {
  padding-top: 40px !important;
}

.no-banner .fixed-header.menu-center+section:nth-child(2) {
  padding-top: 40px !important;
}

.no-banner .absolute-header {
  top: 0;
}

.no-banner .absolute-header.menu-center+section:nth-child(2) {
  padding-top: 40px !important;
} */


/* 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;
  font-weight: 200;
  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-prev .fas:hover,
.owl-nav .owl-next .fas:hover{
  font-size: 40px;
  opacity: 1;
  
} */

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

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

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

/* .pb_row_overlay{
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9;
} */

.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: -2px;
  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::before {
  content: '\e610';
  position: absolute;
  top: 8px;
  left: 16px;
  font-family: 'themify';
  color: rgba(0,0,0,0.4);
}

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

.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(12, 1fr);
  grid-column-gap: var(--gutter-space);
}

.aGrid .cols{
  grid-column: span 12;
}

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

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

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

.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
}
div#dct-content h2{
  font-size: 20px;
}
div#sitelayout img{
  margin-bottom: 25px;
}
/* ******************** */

#homepagesetup .ilu-img-group{
  display: flex;
  vertical-align: middle;
align-item:center;
}

.mg-rt-25{
  margin-right:25px;
}
.inline{
  display: inline-block;
}
#colorsetting .ilu-img img{
  display: block;
}