/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  padding: 30px 0;
  height: 92px;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  transition: all 0.5s;
  z-index: 997;
}

#header #logo {
  float: left;
}

#header #logo h1 {
  font-size: 36px;
  margin: 0;
  padding: 6px 0;
  line-height: 1;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
}

#header #logo h1 a, #header #logo h1 a:hover {
  color: #fff;
}

#header #logo img {
  padding: 0;
  margin: 0;
}

@media (max-width: 768px) {
  #header #logo h1 {
    font-size: 26px;
  }
  #header #logo img {
    max-height: 40px;
  }
  
}
@media (max-width: 480px) {
 #services .description {
  font-size: 14px!important;
  line-height: 20px !important;	
} 
#main {
  margin-top: 70px !important
}
	#unit4erp .description {
   
   line-height: 20px !important;
}
#unit4erp #boxMaster{
  height: 900px !important;
}
#reporting #boxMaster1{
  height: 1000px !important;
}  
#reporting #boxMaster2{
  height: 1020px !important;
}  
#unit4training #boxMaster3{
  height: 800px !important;
}  
#expertUnit4 #boxMaster4{
  height: 500px !important;
}  
#expertUnit4 #boxMaster5{
  height: 500px !important;
}  
#unit4erp .box {
	font-size: 14px!important;
	height: 755px !important;
}
#reporting .description {
	font-size: 14px!important;
   line-height: 22px !important;
}
#reporting .box{
	height: 900px !important;
}

#hero {
    top: 72px !important;
    height: 40vh !important;
	}
   
#hero .btn-get-started{
    margin-top: 100px !important;
    font-size: 07px !important;
    border-radius: 30px !important;
  } 
#unit4training .box	
  { 

  	height: 610px !important;
 }
 #expertUnit4 .box{
 	height: 430px !important;
 }
 #expertUnit4 .description{
 	font-size: 14px!important;
 	line-height: 24px !important;
 }
}

#header.header-fixed {
  background: rgba(52, 59, 64, 0.9);
  padding: 20px 0;
  height: 72px;
  transition: all 0.5s;
}



h1, h2, h3, h4, h5, h6 {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  margin: 0 0 20px 0;
  padding: 0;
}
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Nav Menu Essentials */
.nav-menu, .nav-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav-menu ul {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  z-index: 99;
}

.nav-menu li {
  position: relative;
  white-space: nowrap;
}

.nav-menu > li {
  float: left;
}

.nav-menu li:hover > ul,
.nav-menu li.sfHover > ul {
  display: block;
}

.nav-menu ul ul {
  top: 0;
  left: 100%;
}

.nav-menu ul li {
  min-width: 180px;
}

/* Nav Menu Arrows */
.sf-arrows .sf-with-ul {
  padding-right: 30px;
}

.sf-arrows .sf-with-ul:after {
  content: "\f107";
  position: absolute;
  right: 15px;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
}

.sf-arrows ul .sf-with-ul:after {
  content: "\f105";
}

/* Nav Meu Container */
#nav-menu-container {
  float: right;
  margin: 0;
}

@media (max-width: 768px) {
  #nav-menu-container {
    display: none;
  }
}

/* Nav Meu Styling */
.nav-menu a {
  padding: 0 8px 10px 8px;  /* padding: 0 8px 10px 8px; */
  text-decoration: none;
  display: inline-block;
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 13px;
  outline: none;
}

.nav-menu > li {
  margin-left: 10px;
}

.nav-menu > li > a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color:#05C46B; /*#2dc997;*/
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.nav-menu a:hover:before, .nav-menu li:hover > a:before, .nav-menu .menu-active > a:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.nav-menu ul {
  /*margin: 4px 0 0 0;*/
	margin: 0px;
  border: 1px solid #e7e7e7;
}

.nav-menu ul li {
  background: #fff;
}

.nav-menu ul li:first-child {
  border-top: 0;
}

.nav-menu ul li a {
  padding: 10px;
  color: #333;
  transition: 0.3s;
  display: block;
  font-size: 14px;
  text-transform: none;
}

.nav-menu ul li a:hover {
  background:#05C46B !important; /*#2dc997;*/
  color: #fff;
}

.nav-menu ul ul {
  margin: 0;
}

/* Mobile Nav Toggle */
#mobile-nav-toggle {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999;
  margin: 20px 20px 0 0;
  border: 0;
  background: none;
  font-size: 24px;
  display: none;
  transition: all 0.4s;
  outline: none;
  cursor: pointer;
}

#mobile-nav-toggle i {
  color: #fff;
}

@media (max-width: 950px) { /*768*/
  #mobile-nav-toggle {
    display: inline;
  }
}

/* Mobile Nav Styling */
#mobile-nav {
  position: fixed;
  top: 0;
  padding-top: 18px;
  bottom: 0;
  z-index: 998;
  background: rgba(52, 59, 64, 0.9);
  left: -260px;
  width: 260px;
  overflow-y: auto;
  transition: 0.4s;
}

#mobile-nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#mobile-nav ul li {
  position: relative;
}

#mobile-nav ul li a {
  color: #fff;
  font-size: 16px;
  overflow: hidden;
  padding: 10px 22px 10px 3px; /* padding: 10px 22px 10px 15px; */
  position: relative;
  text-decoration: none;
  width: 100%;
  display: block;
  outline: none;
}

#mobile-nav ul li a:hover {
  color: #fff;
}

#mobile-nav ul li li {
  padding-left: 30px;
}

#mobile-nav ul .menu-has-children i {
  position: absolute;
  right: 0;
  z-index: 99;
  padding: 15px;
  cursor: pointer;
  color: #fff;
}

#mobile-nav ul .menu-has-children i.fa-chevron-up {
  color: #2dc997;
}

#mobile-nav ul .menu-item-active {
  color: #2dc997;
}

#mobile-body-overly {
  width: 100%;
  height: 100%;
  z-index: 997;
  top: 0;
  left: 0;
  position: fixed;
  background: rgba(52, 59, 64, 0.9);
  display: none;
}
/* Vikas ==> Footer classes */
/*=============================
	Footer CSS
===============================*/
.footer {
	background: #20232E;
	padding: 0;
}
.footer .footer-top {
	padding: 30px 0 20px;
	background-image: url('img/clients-bg.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.footer .footer-top:before{
	opacity:0.9;
}

.footer a, .footer p {
	font-weight: 400;
	color: #ccc;
	line-height: 22px;
	font-size:17px;
}
.footer .single-widget{
	margin-top:30px;
}
.footer .single-widget h2 {
	font-size: 20px; /*16px;*/
	margin-bottom: 25px;
	color: #fff;
	position: relative;

}
.footer .about p {
	margin-top: 20px;
}
/* List */

.footer .list ul, ul li {

    list-style: none !important;
    padding: 0;
    margin: 0;

}
.footer .list li {
	line-height: 35px;
	color: #ababab;
}
.footer .list li a {
   	color: #8d8d8d;
}
.footer .list li i {
	margin-right: 15px;
}
.footer .list li a:hover {
  color: #fff;/*#2dc997;*/
  
}
/* Social */
.footer .social_map {
	margin-top: 20px;
}
.footer .social_map li {
	display: inline-block;
	margin-right: 8px;/*5px;*/
}
.footer .social_map li:last-child{
	margin:0;
}
.footer .social_map li a {
	display: inline-block;
	text-align: center;
	margin: 0;
	padding: 0;
	border-radius: 100%;
	font-size: 22px;
	width: 38px;
	height: 38px;
	line-height: 35px;
	background: rgba(255, 255, 255, 0.1);
	color: #fff;
}
.footer .social_map li:hover a,
.footer .social_map li.active a{
	color:#fff;
	background: #05C46B;
}
/* Opening Times */
.footer .opening-times .list li {
	position: relative;
	line-height: 35px;
	color: #ccc;
}
.footer .opening-times .list li a {
	color: #ccc;
	font-size: 15px;
}
.footer .opening-times .list li i{
	margin-right:10px;
}
.footer .opening-times .list li .value {
	float: right;
}
.footer .opening-times .list li .value.off {
	color: #fff;
	border-radius: 30px;
	padding: 0 11px;
	line-height: 30px;
}
/* Newsletter Widget */
.footer .newsletter .title{
	font-size:26px;
	font-weight:600;
	color:#fff;
}
.footer .newsletter .form{
	position:relative;
	margin-top:20px;
}
.footer .newsletter .form input {
	width: 100%;
	line-height: 50px;
	color: #888;
	box-shadow: none;
	text-shadow: none;
	border: none;
	padding: 0px 50px 0px 20px;
	border-radius: 0px;
	background: #fff;
	height: 45px;
	font-size: 14px;
	font-weight: 500;
}
.footer .newsletter .button {
	height: 45px;
	color: #fff;
	box-shadow: none;
	text-shadow: none;
	border: none;
	font-size: 14px;
	padding: 10px 35px;
	border-radius: 0px;
	position: absolute;
	right: 0;
	top: 0;
	border-left: 2px solid transparent;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.footer .newsletter .button:hover{
	opacity:0.8;
}
.footer .newsletter .button i{
	margin-right:5px;
}
.footer-bottom {
	background: #121212;
	padding: 12px 0;
}
.footer .copyright {
	text-align: center;
}
.footer .copyright p {
	color: #aaa;
}
.footer .copyright a:hover{
	color:#fff;
}
/*******************************/

.ftco-footer .ftco-footer-widget {
    width: 100%;
    display: block;
}
.mb-5, .my-5 {
    margin-bottom: 3rem !important;
}

.ftco-footer .subscribe-form .form-group {
    position: relative;
    margin-bottom: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
}
.subscribe-form-input {
    color: #fff !important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.1) !important;
    border: none;
    /*color: rgba(255, 255, 255, 0.7) !important;*/
    font-size: 16px;
    width: 100%;
    height: 52px !important;   
    text-align: center !important;
    margin-bottom: -1.5rem !important;
}

.subscribe-button {
    color:#fff !important;
    font-size:16px;
    background: #05C46B /*#1b9ce3*/ !important;
    border: none !important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 100%;
    height: 52px !important;
}
.pl-3, .px-3 {

    padding-left: 1rem !important;

}
.pr-3, .px-3 {

    padding-right: 1rem !important;

}

/*=============================
	End Footer CSS
===============================*/
/* Vikas ==> Footer classes */

/* Mobile Nav body classes */
body.mobile-nav-active {
  overflow: hidden;
}

body.mobile-nav-active #mobile-nav {
  left: 0;
}

body.mobile-nav-active #mobile-nav-toggle {
  color: #fff;
}



/*--------------------------VIKAS------------------------------------*/
.business-champ-header{
	  padding: 30px 0;
  height: 92px;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  transition: all 0.5s;
  z-index: 997;
background: rgba(52, 59, 64, 0.9);
	}





/*--------------------------VIKAS------------------------------------*/

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;
}
body{
   background: #fff !important;
  color: #666666 !important;
  font-family: "Open Sans", sans-serif !important;
}
    
a {
  color: #2dc997 ;
}

a:hover, a:active, a:focus {
  color: #2dca98 ;
  outline: none;
  text-decoration: none ;
}



/**
 * 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;
    display: inline-block;
    /* 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;
    }
}
/*--------------------------------------------------------------*/

.site-title a{
  font-size: 32px;
}
.site-description{
  font-size: 14px;
}
nav.menu-main li a{
  font-size: 13px;
}
/*
h1{
  font-size: 60px;
   }
h2{
  font-size: 46px;
   }
h3{
  font-size: 26px; 
}
h4{
  font-size: 20px; 
}
h5{
  font-size: 16px;
   }
h6{
  font-size: 12px; 
}
*/
nav ul li:hover, 
nav ul li.active-page, 
nav ul > li.current-menu-item
{
     position: relative !important;
     white-space: nowrap !important;
	/*background-color:  #d33a2c!important; */   /************************  VIKAS *******************************/
}

h1.site-title{
  font-size: 32px;
  margin:0 0 5px 0;
   }
/*
a{
	font-size: 16px;text-decoration: none;color:#ce5a7a;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: 40px;
  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: #05C46B;  /*#d33a2c;*/
  border-radius: 30px;
}

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

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


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

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


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

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

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

.business-champ-content-wrapper{
  padding: 80px 0;
 
}
.bc-site-blog-list{
      background: #f8f8f8;
}


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


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

.business-champ-flex-wrap,
.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;
}

.bc-flex-center,
.bc-flex-center .business-champ-flex-wrap{
  align-items: center;
}

.align-flex-item-right,
.align-flex-item-right .business-champ-flex-wrap {
  align-items: flex-end;
}

.align-flex-item-left,
.align-flex-item-left .business-champ-flex-wrap {
  align-items: flex-start;
}

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

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

.justify-center,
.justify-center .business-champ-flex-wrap {
  justify-content: center;
}

.justify-left,
.justify-left .business-champ-flex-wrap {
  justify-content: flex-start;
}

.justify-right,
.justify-right .business-champ-flex-wrap {
  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: #d33a2c;
}

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

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

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 {
  
  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%;
 
  z-index: 99;
  background: #fff;
  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;
  
}



.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: 13px;
  color:rgba(0, 0, 0, 0.7);
  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: none; /*rgba(0,0,0,.24) 0 0 14px;/
}



.menu-item-has-children .sub-menu li,
.page_item_has_children .children li {
  /* color: #333;/
  text-align: left;
  float: none;
  margin: 2px;
  position: relative;
  padding:10px;
}

.menu-item-has-children .sub-menu li a,
.page_item_has_children .children li a{
  font-size: 13px !important;
  /*rgba(0, 0, 0, 0.6);/
}


.menu-item-has-children .sub-menu li:hover,
.page_item_has_children .children li:hover {
	background:#05C46B;
    color: #fff;
	/*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: 22px;
}
*/

.flexslider.top_slider {
  height: 100vh;
  z-index:10;
  position: relative;
}
.flexslider.top_slider li{
  background-position: center;
  display: none;
}

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

.banner-slider-wrap{
  text-align: center;
}
.banner-slider-wrap p{
  margin:0 auto; 
  padding:0 5px;

}
textarea{
  height: 140px;
}



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



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

}

.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: 50px;
  font-weight: 400;
 }

.top_slider .slide1 .flex_caption1 .title4{
  font-size: 35px;
}
/*Footer --------------------------------------------------------------------------------------------------------------------

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



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


.post-details .business-champ-image-wrapper {
  height: 0px; /*height: 480px;*/
  width: 100%;
  margin-bottom: 20px; /*40px*/
}

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

.post-details p {
  margin-bottom: 0px; /*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: 0px; /* 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: #d33a2c;
  text-decoration: none;
}

.article-wrap h4 a {
  color: #d33a2c;
  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 {
    margin-right: 25px;
    width: 47%;
    display: inline-block;
    vertical-align: top;
    
}

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

.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%;
}
.post-wrap {
    box-shadow: 0px 30px 90px rgba(0,0,0,0.14);
    margin-bottom: 40px;
    padding: 20px;
    background: #fff;
}

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

.article-wrap .article-img-wrap {
  height: auto; /* height: 300px; */
  overflow: hidden;
}

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

.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 i {
  color: #d33a2c;
  padding-right: 5px;
}


.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,.article-date.mr-t-5 {
  
  font-size: 12px;
  color: rgba(0, 0, 0, 0.4);
  display: inline-block;
  margin-bottom: 8px;
  margin-right: 8px;

}

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

.has-post-thumbnail .article-wrap .post-summary {
  padding-left: 40px;
}
.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_"] ul{
  margin-top: -10px;
}
.is-sidebar [class*="widget_"] h2 {
  margin-bottom: 10px;
  font-size: 22px;
  position: relative;
}

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

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

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

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

}


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

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

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

}

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


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

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


/*Recent Comment Sidrebar*/

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

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

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


.is-sidebar .thumb-posts{
  box-shadow: 0px 30px 90px rgba(0, 0, 0, 0.14);
      margin-bottom: 20px;
    background: #fff;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    margin: 0 0 30px;
    word-wrap: break-word;
    padding: 30px;
}
.is-sidebar .thumb-posts .widget-title{
  position: relative;
}
.is-sidebar .thumb-posts .widget-title:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    border-bottom: 1px solid #f2f2f2;
}
.is-sidebar .thumb-posts .widget-title:after {
    content: "";
    display: block;
    width: 50px;
    border-bottom: 1px solid #7a7a7a;
    margin: 20px auto 0px 0;
    z-index: 1;
    position: relative;
  }

/*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;*/
	border-top: 0;
}
/*
nav.menu-main ul li a i:last-child{
  margin-left: 10px;
}*/

nav.menu-main ul li:before{
  position:  relative; /*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;
 
}
#respond {
    clear: both;
    display: block;
    background: #fcfcfc;
    padding: 30px;
    box-shadow: 0px 30px 90px rgba(0, 0, 0, 0.14);
}
.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 {
 
  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: #d33a2c;
  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"] {

  border: solid 1px rgba(0, 0, 0, .08);
  color: rgba(0, 0, 0, .6);
  height: 40px;
  width: 100%;
  line-height: 40px;
  padding:5px 10px;
  transition: all .3s ease;
}
.comment-respond input:focus,textarea:focus{
  outline: none;
  border:1px solid #d33a2c;
transition: all .3s ease;
}
.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;
}
.comment-form-cookies-consent label{
  display: inline-block;
  margin-left: 10px;
}


/* 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 .bc-logo-wrapper {
  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: #ce5a7a;
}

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

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

.bc-bottom-section {
  padding: 15px 10px;
  
  background: #1F2029;
  color: white;
  font-size: 12px;
  
}
.bc-bottom-section a{
  font-size: 12px;

}
h1.page-title,h1.post-title {
  margin-bottom: 40px;  
  color: rgba(0, 0, 0, .6);
  margin-top: 0;
  font-size: 30px;
}
/*
.jr-site-footer a{
  font-size: 12px;
  color:#d33a2c;
}
*/
/* 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;
  color:#000;
}
.sticky-header p.site-description,
.absolute-header p.site-description,
.sticky-header nav.menu-main ul>li>a,
.absolute-header nav.menu-main ul>li>a{
  color:#fff;
}

.sticky-header.scrolled p.site-description,
.fixed-header p.site-description,
.fixed-header nav.menu-main ul>li>a,
.sticky-header.scrolled nav.menu-main ul>li>a{
  color:#000;
}
header.sticky-header.scrolled,
header.fixed-header,
header.static-header,
.no-banner header.business-champ-header{
  background: #fff;
}

.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 .bc-body-wrapp > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.page-template .bc-body-wrapp > .row > [class*="col-md-"]{
  padding: 0;
}

/* Component Common element */

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

.business-champ-header{
  padding: 20px 0;
  position: relative;
  z-index: 9999;
  box-shadow: none; /*0px 1px 12px rgba(0,0,0,0.3);*/
}

/* Intro Component */

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

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


.business-champ-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 .business-champ-image-wrapper,
.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 */
.business-champ-text-image-video-body .text-image{ margin-bottom: 80px;}
.business-champ-text-image-video-body .text-image .text-part p{font-size: 17px;line-height: 23px;}
.business-champ-text-image-video-body .text-image .text-part a{margin-top: 15px;}
.business-champ-text-image-video-body .video-part{max-width: 70%; max-height: 800px;margin: 0 auto;}
.business-champ-text-image-video-body .video-part iframe{ max-width: 100%;max-height: 100% }

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

.business-champ-team{
  margin: 0;
}

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

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


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

.business-champ-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 ================================================================= */

.business-champ-testimonial{}

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

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


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

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

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


.hasbody_bg .business-champ-content-wrapper{
  padding-left: 20px;
  padding-right: 20px;
}

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

/* CTA Devider ========================================================================== */
.pb-business-champ-cta{

}

.business-champ-divider-body{
  width: 100%;
}

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


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

.business-champ-counter .milestone-counter{}
.business-champ-counter .milestone-counter{
  text-align: center;
}
.business-champ-counter .business-champ-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 span,
p label span input,
p label span textarea{
  width: 100%;
  outline: none;
}

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

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

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


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

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

.business-champ-home-blog .business-champ-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: #d33a2c;
  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;
}



.page-numbers li{
  height: auto;
}


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



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

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



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

/* Search side bar */

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

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

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

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

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

/* Slider Shaded Layer */

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

.business-champ-list-with-icon ul{padding:0;}
.business-champ-list-with-icon ul li{list-style: none;position: relative;padding-left: 88px;min-height: 70px;margin-bottom: 20px;}
.business-champ-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 #d33a2c;
  font-size: 24px;
  color: #d33a2c;
}

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

}
.business-champ-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);
  width: 100%;
  grid-column-gap: var(--gutter-space);
}
.post-grid-view .aGrid,
.post-grid-view .col_2-30-70,
.post-grid-view .col_2-70-30{
  grid-column-gap: initial;
  
}

.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: #d33a2c;
}
.wpcf7-form p label{
  color:rgba(0,0,0,.6);
}

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




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

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

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

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

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

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

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

.tagcloud{
  margin-top: 25px;
}



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

}

*/

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

.header_height {
    
    overflow: hidden;
    position: relative;
}
@media( min-width:767px){
.bc-post-footer-left{
  float:left;
  width: 50%;
}
.bc-post-footer-right{
float: right;
width: 50%;
text-align:right;
}
}
   .is-sidebar{
      background-color:  rgba(0,0,0,0);
      color:  #353535;
    }
    .bc-site-footer{
      background-color:  #1f2024;
      color:#fff;
    }
    .bc-site-footer a{
      color:#fff;
    }

    .bc-site-footer .bc-bottom-section{
      background-color: #3d3d3d;
      color:#efefef;
    }

/*
    nav ul li:hover,
    nav ul li.active-page,
    nav ul > li.current-menu-item {
      /*background-color: #4257f2;*/     /************************  VIKAS ******************************* /
    }

    nav ul li:hover a,
    nav ul li.active-page a,
    nav ul > li.current-menu-item a {
		
      text-decoration: none;
      color: white;
    }
*/
    .single-post .post-title, h1.page-title{font-size:  ;}

    @media (max-width: 1020px){
      .mobile-menu span {

        background-color: #fff;

      }

    }

    section.business-champ-page-section.inner-page,
    section#postSingle {
    background: #fff;
}

#siteHeader .bc-flex-center.full-width{
	
    display: flex;
    align-items: center;
} 
.bc-logo-part{
    
	margin-right: auto;
}
.bc-logo-part,.bc-menu-part{
    vertical-align: middle;
}
.elementor-edit-mode .elementor-inner {
    margin-top: 25px;
}