/*
Theme Name:     HelpGuru Child Theme
Theme URI: 		http://herothemes.com/
Description:    
Author: 		Hero Themes
Author URI: 	http://herothemes.com
Template:       helpguru
Version:        1.0.0
*/

h1, h2, h3, h4, h5, h6{
    font-family: "Open Sans", Arial, sans-serif;
}


.bold {
	font-weight: 600;
}

/* ------- BEGIN UNSORTED ------- */
.margin-small {
	margin: 10px auto;
}

.badge {
	display: inline-block;
	width: 1.6em;
	padding: 0.3em 0;
	line-height: 1em;
	border-radius: 50%;
	text-align: center;
}


.badge-orange {
	color: #fff;
	background: #f5933c;
}

.hkb-article-attachments .hkb-article-attachments__item a {
	color:#32a3cb!important;
}

.hkb-article-attachments .hkb-article-attachments__item a[href$='.pdf']:before {
	color:#DC5343!important;
	font-size:20px!important;
}

.hkb-article-attachments .hkb-article-attachments__item a[href$='.csv'],
.hkb-article-attachments .hkb-article-attachments__item a[href$='.xls'],
.hkb-article-attachments .hkb-article-attachments__item a[href$='.xlsx'] {
	position: relative;
	margin-left: 25px;
}

.hkb-article-attachments .hkb-article-attachments__item a[href$='.csv']:before,
.hkb-article-attachments .hkb-article-attachments__item a[href$='.xls']:before,
.hkb-article-attachments .hkb-article-attachments__item a[href$='.xlsx']:before {
	color: #48b71b;
	font-family: FontAwesome;
	font-size: 20px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -25px;
	content: "\f1c3";
}


.hkb-article__content .release-notes li, .hkb-article__content .no-bullets li {
	list-style: none;
}

.hkb-article__content .no-bullets {
	padding-left: 20px;
}

.hkb-article__content .release-notes li:before {
	content: '+';
	display: inline-block;
	width: 1em;
	font-size: 1.2em;
	margin-left: -1em;
}

.hkb-article__content .release-notes .no-bullet {
	margin-left: -5px;
}
.hkb-article__content .release-notes .no-bullet:before {
	display: none;
}

img.shadow {
	-webkit-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.5);
	margin-top: 20px;
}

img.inline-image {
	margin: 0 1%;
}


.hkb-entry-content .image-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.hkb-entry-content .image-container .overlay {
	position: absolute;
	display: flex;
}

.hkb-entry-content .image-container .overlay span {
	display: block;
	opacity: 0;
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	-ms-transition: all 0.35s;
	-o-transition: all 0.35s;
	transition: all 0.35s;

	background: url(/wp-content/themes/helpguru-childtheme/images/zoom-in.svg) center center no-repeat transparent;
	background-size: 32px 32px;
	width: 32px;
	height: 32px;
	position: absolute;
	text-align: center;
	z-index: 10;

}

.hkb-entry-content .image-container a {
	display: block;
	opacity: 1;
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	-ms-transition: all 0.35s;
	-o-transition: all 0.35s;
	transition: all 0.35s;
	border-bottom: none!important;
}

.hkb-entry-content .image-container a:hover {
	opacity: 0.6;
}


/*===== BEGIN Zoom V2 ======*/
a[rel^="lightbox"] {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
	display:block;
	position: relative;
}

a[rel^="lightbox"]:hover {
	border: none!important;
}


a[rel^="lightbox"]:before {
	transition: opacity 0.2s linear;
	background: url(/wp-content/themes/helpguru-childtheme/images/zoom-in.svg) center center no-repeat transparent;
	background-size: 32px 32px;
	display: block;
	content: '';
	opacity: 0;
	width: 32px;
	height: 32px;
	position: absolute;
	text-align: center;
	z-index: 1000;
	top:50%;
	left:50%
}

a[rel^="lightbox"]:after {
	transition: opacity 0.2s linear;
	background-color: #ffffff;
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	opacity: 0;
	right: 0;
	top: 0;
	z-index: 999;
	width: 100%;
}


a[rel^="lightbox"]:hover:before {
	opacity: 0.99;
}

a[rel^="lightbox"]:hover:after {
	opacity: 0.8;
}

a[rel^="lightbox"] img{
	margin-bottom: 0!important;
}

/*=========== BEGIN Zoom V2 =====================*/
.hkb-entry-content .image-container a:hover ~ .overlay span,
.hkb-entry-content .image-container a ~ .overlay span:hover {
	opacity: 1;
}

/*.ht-container{ max-width: 1280px; }*/
.hkb-entry-content {
	padding-bottom: 50px;
}

.hkb-entry-content a {
	-webkit-transition: all 0.15s ease;
	   -moz-transition: all 0.15s ease;
		    transition: all 0.15s ease;
}
.hkb-entry-content a:hover, .hkb-entry-content a:focus {
	text-decoration: none;
    border-bottom: 1px dashed;

}

.hkb-entry-content a:visited {
	color: #277f9e;
	border:none;
}


#primary.sidebar-right #content {
	min-height:400px;
}

.hkb-subcats__cat .hkb-subcats{
	display: none;
}

.hkb-subcats .hkb-subcats__cat-title, .hkb-subcats .hkb-subcats__cat-title:visited {
	color:#4b4d4d;
}

.hkb-subcats .hkb-subcats__cat-title:hover,
.hkb-subcats .hkb-subcats__cat-title:active,
.hkb-subcats .hkb-subcats__cat-title:focus {
	color: #32a3cb;
}

.ht-voting .ht-voting-links .ht-voting-upvote,
.hkb-meta .hkb-meta__usefulness {
	background:#00cb64;
}
.ht-voting .ht-voting-links .ht-voting-downvote {
	background: #e55038;
}
.hkb-site-search__button {
    background:#00cb64;
    border-radius: 0 3px 3px 0;
    transition: all 0.5s ease ;
}

.hkb-site-search__button:hover {
    background: #00cb64;
}

.search-results #primary {
	padding: 60px 0 90px;
}
.search-no-results #content {
	margin: 40px 0 40px;
}

.ht-container .hkb-breadcrumbs {
	display: none;
}
.ht-container > ol:nth-child(1) {
	display: block;
}

/*MENU*/

/*#nav-primary ul > li a {*/
	/*font-weight: 300;*/
/*}*/

body .menu-item-language-current > a {
    font-weight: 700!important;
	color: #00e953 !important;

}


@media screen and (max-width: 770px) {
	#nav-primary ul ul{
		right: 0;
		left: inherit;
        width: 100%;
	}

    #nav-primary #nav-primary-menu ul li ul {
        width: 100%;
        margin-left: 0;
    }
    .menu-item-language-current > a:before {
        content: '';
    }
}

@media screen and (min-width: 770px) {
    #nav-primary ul ul {
        right: 0;
        left: inherit;
    }
	#nav-primary ul > li a {
		font-weight: 400;
		opacity: 0.8;
	}
	body .menu-item-language-current>a {
		opacity: 1 !important;
	}
}



/*===== BEGIN Home page =====*/
.hp-block-title h2 {
	text-transform:uppercase;
	font-size: 1.75em;
    font-weight: 300;
    line-height: 1em;
	padding:60px 0 10px 0;
}

#nav-primary ul > li.menu-item-has-children > a::after {
    display: none;
}

/*===== BEGIN Most Viewed articles block ======*/
.wpp-list {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.wpp-list li {
	float: left;
	width: 33.33%;
	margin-bottom: 40px;
	padding-left: 20px;
}

.wpp-list .wpp-title {
	font-weight: 400;
	font-size: 1.1em;
	line-height: 1.5em;
}

.wpp-list .wpp-title a:hover,
.wpp-list .wpp-title a:focus {
    color:#1E5E75;
}

.wpp-list .wpp-summary {
	font-size: 1em;
}
/*===== END Most Viewed articles block ======*/
/**/


/*===== END Home page =====*/
.breadcrumbs{
	margin-bottom:15px;
}
.centered{
	text-align:center;
}
#site-header {
	background-image:url('/wp-content/uploads/2016/03/header-bgrd.jpg')!important;
	/*background-color:#409FD8;*/
}

#site-header #logo {
	width: 120px;
}

/*===== BEGIN 404 page ======*/
body.error404 #ht-site-container {
	display: flex;
	min-height: 100vh;
	min-width: 100vw;
	flex-direction: column;
}


.flex-holder {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}


body.error404 #primary {
	background:#ffffff;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

body.error404 .post.error404 {
	max-width: 80%;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;

}

body.error404 .post.error404 p {
	text-align:justify;
}

body.error404 .post.error404 .entry-title,
body.error404 .post.error404 .entry-tagline {
	color:#32a3cb;
}


body.error404 .post.error404 section {
	flex: 1 0 400px;
}


/*===== END 404 page ======*/


.page-template-template-homepage #site-header,
.post-type-archive-ht_kb #site-header,
.tax-ht_kb_category #site-header, .single-ht_kb #site-header {
	background-image:url('/wp-content/uploads/2016/03/header-bgrd.jpg');
}

.page-template-template-login {
	background-image: url('/wp-content/uploads/2016/03/login-page-bgrd.jpg');
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 !important;
    min-width: 100vw !important;
    min-height: 100vh !important;
}


.page-template-template-login .entry-title {
	color:#ffffff;
}

.page-template-template-homepage #primary {
	background: #f3f3f3;
}

.page-template-template-homepage #site-header #page-header,
.post-type-archive-ht_kb #site-header #page-header,
.tax-ht_kb_category #site-header #page-header,
.single-ht_kb #site-header #page-header,
.search.search-results #page-header,
.search.search-no-results #page-header {
	background:none;
}



/*====== BEGIN THEME CUSTOMIZE=====*/

body.single-ht_kb img {
	margin-top: 15px;
	margin-bottom: 25px !important;
}

#sidebar .widget{
    background: #f5f5f5;
}

#sidebar .widget-title{
    text-transform: uppercase;
    color:#333333;
    line-height: 1.2em;
}

#page-header-breadcrumbs{
    background: #f5f5f5;
    padding: 20px 0;
}



/*sidebar*/
.list-custom-taxonomy-widget > ul > li {
    position: relative;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e7e9;
    padding-right: 30px;
}

.list-custom-taxonomy-widget > ul > li span {
    position: absolute;
    right:0;
}
/*sidebar*/
/*====== END THEME CUSTOMIZE=====*/

/*====== Begin Footer ======*/
#site-footer-widgets {
	background: #2e2e2e;
}

#site-footer-widgets .widget .widget-title {
	color: #ffffff;
	font-size:18px;
}
#site-footer-widgets .widget .textwidget {
	color: #cbcbcb;
}
.contact-with-us span {
	font-size: 12px;
}

.contact-with-us .footer-photo {
	padding: 0 14px 0 0!important;
}

#site-footer {
	background: #1b1b1b;
    color: #ffffff;
    padding: 20px 0;
}

#site-footer #copyright a,
#site-footer #copyright a:visited {
	color: #cbcbcb;
}
#site-footer #copyright a:hover {
	color: #ffffff;
}

#site-footer #copyright {
	width:100%;
	font-size:14px;
	font-weight:normal;
	line-height:24px;
	color: #cbcbcb;
}
/*========= END Footer  =========*/


/*========= BEGIN Home page product section ============== */
#menu-products li {
	padding: 8px 0px;
}


.products-panel {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;

	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	margin: 30px 15px;
}

.product-item {
	-webkit-box-flex: 0 1 356px;
	-webkit-flex: 0 1 356px;
	-ms-flex: 0 1 356px;
	flex: 0 1 356px;
	background: white;
	margin-bottom: 30px;

	box-shadow: 0 2px 20px 0 rgba(0,0,0,0.05);
	transition: box-shadow .3s ease-out, transform .3s ease-out, opacity .2s ease-out;
	transition-delay: .1s;
	border-radius: 4px;
	transform: translateZ(0);
}

.product-item:hover {
	box-shadow: rgba(45,45,45,0.05) 0px 2px 2px, rgba(49,49,49,0.05) 0px 4px 4px, rgba(42,42,42,0.05) 0px 8px 8px, rgba(32,32,32,0.05) 0px 16px 16px, rgba(49,49,49,0.05) 0px 32px 32px, rgba(35,35,35,0.05) 0px 64px 64px;
	transform: translate(0, -4px);
}


.product-descr {
	padding: 15px 15px 5px 15px;
    position: relative;
}

.product-descr h3 {
	border-bottom: 1px solid #d5d5d5;
	padding-bottom:20px;
}

.product-links ul li a {
	color:inherit;
}


.product-links ul li {
	padding: 8px 5px 8px 0;
	display:block;
	-webkit-transition: all 0.2s linear;
	color:#7D8680;
}

.product-links ul li:hover {
	color:#0791BF;
}

.product-links ul li i {
    margin-right: 10px;
    display: inline-block;
    margin-left: 2px;
    font-size: 18px;
}
/*========= END Home page product section ============== */


.soc-icon.fa {
    font-size: 32px;
    margin: 0;
    padding: 0 3px 6px 0 !important;
}

#site-footer-widgets a .soc-icon.fa-facebook-official {
	color: #478FE7;
}

#site-footer-widgets a .soc-icon.fa-twitter-square {
	color: #46B4EE;
}

#site-footer-widgets a .soc-icon.fa-google-plus-square {
	color: #DD6236;
}

#site-footer-widgets a .soc-icon.fa-youtube-square {
	color: #DD3737;
}

#site-footer-widgets a .soc-icon.fa-rss-square {
	color: #68B857;
}

#site-footer-widgets .menu li {
    padding:8px 0;
}

#site-footer-widgets a, #site-footer-widgets a:visited {
    padding: 8px 0;
	color: #cbcbcb !important;
	border-bottom: 1px solid rgba(0,0,0,0.2);
	box-shadow: 0px 1px 0px rgba(255,255,255,0.05);
}


#site-footer-widgets a:hover {
	color: #ffffff !important;
}
/*====== BEGIN Personal help section ======*/


#footer-need-personal-help {
	margin-top:-20px;
	background: url(/wp-content/themes/helpguru-childtheme/images/working-woman.jpg) center top/cover no-repeat;
	height: 400px;
	padding: 60px 0;
	text-align: center;
}



#footer-need-personal-help h2, #footer-need-personal-help h3 {
	color:#ffffff;
	text-shadow: 0 1px 0 rgba(0,0,0,.65);
	line-height:1em;
}

#footer-need-personal-help h2{
	font-size:4.8em;
}
#footer-need-personal-help h3{
	font-size:2em;
}

.btn-wrapper {
	margin-top:60px;
}

.chat {
    color: #000;
    background-color: #fff;
    border: 1px solid #fff;
    padding: 12px 42px;
    font-size: 14px;
    line-height: 26px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-right: 10px;
    transition: all .3s;
    -webkit-transition: all .3s;
}


.ticket {
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
    padding: 12px 24px;
    font-size: 14px;
    line-height: 26px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}

/*====== BEGIN Personal help section ======*/


/*=== BEGIN Buttons===*/
.button-section {
	padding-top:10px;
	text-align:center;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center
}


.button {
	float: left;
	min-width: 150px;
	display: block;
	margin: 5px;
	padding: 1em 2em;
	border: none;
	background: none;
	color: inherit;
	vertical-align: middle;
	position: relative;
	z-index: 1;
}

.button:focus {
	outline: none;
}

.button > span {
	vertical-align: middle;
}

/**/
/* Sizes */
.button--size-s { font-size: 14px; }
.button--size-m { font-size: 16px; }
.button--size-l { font-size: 18px; }

/* Typography and Roundedness */
.button--text-upper {
	letter-spacing: 2px;
	text-transform: uppercase;
}

.button--text-thin {
	font-weight: 300;
}

.button--text-medium {
	font-weight: 500;
}

.button--text-thick {
	font-weight: 600;
}

.button--round-s {
	border-radius: 5px;
}

.button--round-m {
	border-radius: 15px;
}

.button--round-l {
	border-radius: 40px;
}

/* Borders */
.button--border-thin {
	border: 1px solid;
}

.button--border-medium {
	border: 2px solid;
}

.button--border-thick {
	border: 3px solid;
}
/**/

/**/
/* Isi */
.button--isi {
	padding: 1em 2.5em;
	color: #fff;
	background: #00d148;
	overflow: hidden;
    border-radius: 3px;
}
.button--isi::before {
	content: '';
	z-index: -1;
	position: absolute;
	top: 50%;
	left: 100%;
	margin: -15px 0 0 1px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #00bd41;
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-transform: scale3d(1, 2, 1);
			transform: scale3d(1, 2, 1);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
			transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.9,1);
			transition-timing-function: cubic-bezier(0.7,0,0.9,1);
}
.button--isi .button__icon {
	vertical-align: middle;
}
.button--isi > span {
	vertical-align: middle;
	padding-left: 0.75em;
}
.button--isi:hover::before {
	-webkit-transform: scale3d(9, 9, 1);
	transform: scale3d(9, 9, 1);
}

.button--isi:hover {
	color:#fff;
}

.button--isi:visited {
	color:#fff;
}
/**/
/*=== END Buttons===*/


/*======  Submit ticket form =========*/
.submit-ticket-form {
	margin-bottom:90px;
}

.wpcf7 label {
	font-size:1.1em;
	font-weight:bold;
}

.wpcf7 .required:after {
	content:"*";
	color:#A9071E;
	margin-left:2px;
}

.wpcf7 textarea, .wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 select,
.upload-dropzone,
.wpcf7 .submit-wrapper,
.wpcf7-response-output {
	width:80%;
}

.wpcf7 textarea, .wpcf7 input, .wpcf7 select {
	color: #212121;
	-webkit-font-smoothing:antialiased;
}


.wpcf7 textarea, .wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 select {
	border: 2px solid #CBDBE1;
    border-radius: 3px;
    outline: none;
    padding: 15px;
    vertical-align: middle;

}

.wpcf7 select {
	-webkit-appearance: menulist;
	appearance: menulist;
}


.wpcf7 .submit-wrapper {
	border-top: 2px solid #CBDBE1;
	text-align:right;
	padding-top:30px
}

.wpcf7 input[type=submit] {
	padding:12px 42px;
	background:none;
	border: 2px solid #86d021;
	color: #86d021;
	transition:all 0.2s ease;
	margin-right:0;

}

.wpcf7 input[type=submit]:hover {
	background: #86d021;
	border: 2px solid #86d021;
	color:#ffffff;
}

.wpcf7 img.ajax-loader{
	margin-top:12px;
}


.upload-dropzone{
	border: 2px dashed #CBDBE1 !important;
    font-size: 15px !important;
    padding: 40px;
	margin-bottom:40px;
}


/*======  Submit form =========*/
.hkb-category .hkb-category__title {
    text-transform: uppercase;
}


.page-template-template-login #logo {
	text-align:center;
	margin-top:100px;
}

.page-template-template-login #ht-site-container {
	background:none;
}


/*======  BEGIN login form =========*/
.page-id-1184 .entry-title, .page-id-1382 .entry-title {
	/* todo:Temp solution - Need to fix*/
	text-align:center;
}

#wppb-login-wrap {
	width: 400px;
	height: 280px;
	min-width:200px;
	margin:10px auto 60px;
	background-color: #edeff1;
	padding: 24px 23px 20px;
	position: relative; border-radius: 6px;
}
#wppb-login-wrap input[type="text"], input[type="password"] {
	width:100%; min-width:100px;
}

#loginform #wppb-submit {
	background-color: #00d148!important;
	width:100%;
	max-width: inherit;
}
.wppb-alert, .wppb-error {
	text-align:center;
}

.wppb-alert {
	color:#fff;
}
.wppb-error{
	color: #FF5656;
}
/*======  END login form =========*/


/*======  BEGIN FAQs page =========*/

.com-row {
    border-bottom: 1px dashed #DCE6E9;

}

.collapseomatic{
    font-weight: 600;
    font-size: 22px;
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 20px 20px 20px 0;
    background-position: 100%;
    transition: all 0.2s ease 0.1s;
}

.colomat-hover {
    text-decoration: none;
    color: #101e34;
}
/*======  END FAQs page =========*/

/*==== BEGIN breadcrumbs fixing blog ===*/
.main-nav-scrolled{
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 150;
    background:#fff;
    padding-top:60px;
}

/*==== END breadcrumbs fixing blog ===*/

/*===== BEGIN notification section ======*/
.hkb-messages {
	position: relative;
	padding: 20px 25px;
	margin: 0 0 22px;
	border-radius: 5px;
}

.hkb-messages.hkb-messages-info {
	background: #ecf4f9;
}

.hkb-messages .message-title {
	color: #c74809;
}

.hkb-messages.hkb-messages-warning {
	background: #ffd996;
	color: #8e6317;
}

/*===== END notification section ======*/


/*====== BEGIN Compare plans table =======*/
.compare-table span {
	display:inline-block;
	width: 100px;
	height: 18px;

 }
.compare-table span.responsiveHeader{
	display: none;
}
.compare-table span.child {
	font-style: italic;
}
.compare-table i{
	font-size: 24px;
}
.compare-table i.fa-info-circle {
	font-size:16px;
	color:#818181;
}
.compare-table .fa-times {
	color: red;
}
.compare-table .fa-check {
	color: #62BA00;
}

table.compare-table td {
	line-height: 22px;
	padding: 10px;
	vertical-align: middle;
	border-bottom:1px solid #d8d8d8;
}

table.compare-table thead{
	text-align: center;
}

table.compare-table th {
	vertical-align: middle; line-height: 22px; padding: 10px; font-weight: normal;
}
table.compare-table thead th:nth-child(2),
.compare-table thead th:nth-child(3),
.compare-table thead th:nth-child(4),
.compare-table thead th:nth-child(5) {
    font-weight: 700;
}

.compare-table tbody td:nth-child(2),
.compare-table tbody td:nth-child(3),
.compare-table tbody td:nth-child(4),
.compare-table tbody td:nth-child(5),
.compare-table tbody td:nth-child(6) {
	text-align: center;
}

	table.compare-table tbody tr:nth-child(2n) {
		background:#ffffff;
	}

.compare-table .plan-price {
	font-weight: 600;
	color: #3B7ED5;
	font-size:18px;
}

.info-tooltip {
	display:inline;
	position:relative;
}

.info-tooltip:hover:after {
	font-size: 12px;
	background:#333;
	background: rgba(0,0,0,.8);
	border-radius:3px;
	bottom: 26px;
	color:#fff;
	content:attr(tooltip);
	left:-40px;
	padding: 5px 15px;
	position:absolute;
	z-index:98;
	width:220px;
}

.info-tooltip:hover:before {
	border:solid;
	border-color:#333 transparent;
	border-width: 6px 6px 0 6px;
	bottom: 20px;
	content: "";
	left: 0;
	position:absolute;
	z-index:99;
}
/*====== END Compare plans table =======*/

.products-panel .product-item:nth-child(2), .products-panel .product-item:nth-child(3) {
	display: none;
}

/* ===  BEGIN SIDEBAR MENU ====*/
.wpb_category_n_menu_accordion .cat-item.cat-item-677 {
	/*Hide Attendance category for en site*/
	display:none;
}

.wpb_category_n_menu_accordion .cat-item.cat-item-470 {
	display:none;
}


.wpb_category_n_menu_accordion > ul > li > ul > li > ul > li > ul > li > a {
	padding-left: 65px;
}

.wpb_category_n_menu_accordion > ul > li > a {
 /*background: #f5f5f5!important;*/
	background: #6285B7!important;
}

.wpb_category_n_menu_accordion ul > li li {
	background: #44546B!important;
}

.wpb_category_n_menu_accordion > ul > li li.current-cat > a {
	background: #497AB7;
}

.wpb_category_n_menu_accordion > ul > li li:hover > a {
	border-left-color: #3b495e!important;
	background: #3b495e!important;
}
/* ===  END SIDEBAR MENU ====*/

/* Start HT Voting CSS */
.ht-voting-comment {
	max-width: inherit !important;
}

.ht-voting-comment .ht-voting-comment__input {
	background: #fff;
	border: 1px solid #ebebeb;
	border-radius: 4px;
	color: #6e6c6c;
	padding: 10px 12px;
	width: 100%;
}

.ht-voting-comment .ht-voting-comment__textarea {
	padding: 10px;
}

.hkb-feedback .ht-voting-comment__submit {
	margin-top: 10px;
	background: #44546B !important;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
}

.hkb-feedback .ht-voting-comment__submit:hover {
	background: #5e728f !important;
}

.hkb-feedback .ht-voting-comment__textarea.error, .ht-voting-comment .ht-voting-comment__input.error {
	border: 1px solid darkred;
	outline: none;
}
/* End HT Voting CSS */

/*BEGIN Archive articles  list*/
.hkb-archive .hkb-article-list a, .hkb-archive .hkb-article-list a:visited {
	color: #4b4d4d;
}

.hkb-archive .hkb-article-list a:hover,
.hkb-archive .hkb-article-list a:active,
.hkb-archive .hkb-article-list a:focus {
	color: #32a3cb;
}

/*END Archive cats list*/



/*===== BEGIN Responsive Section =========*/
@media screen and (max-width: 800px) {
	table.compare-table th {
		padding: 8px;
	}

	table.compare-table thead th:nth-child(2),
	.compare-table thead th:nth-child(3),
	.compare-table thead th:nth-child(4) {
	    text-transform: uppercase;
	    font-size: 14px;
	    font-weight: normal;
	}
}

@media screen and (max-width: 768px) {
    #nav-primary-menu {
		background: #144357;
	}

    #content, #sidebar {
		margin: 70px 0 0;
	}

    .wpp-list li {
		width: 100%;
	}

    .products {
		min-width: 350px;
	}

    #footer-need-personal-help h2 {
		font-size:2.8em;
	}

    #footer-need-personal-help h3 {
		font-size:1em;
	}

	.hkb-entry-content .image-container .overlay {
		visibility: hidden;
	}
}

@media screen and (max-width:768px) {
	body.error404 .post.error404 {
		flex-flow: column wrap;
	}

	body.error404 .post.error404 section {
		flex: 1 0 100px;
	}

	.compare-table th{ 	display: none; }
	.compare-table .plan-price{ padding-left:70%; }
	.compare-table table, .compare-table thead,
	.compare-table tbody, .compare-table td, .compare-table tr {
		display: block;
	}
	table.compare-table td {
		border: none;
		border-bottom: 1px solid #e8e8e8;
		position: relative;
	    padding-left: 90%;
	    text-align: left;
	    white-space: normal;
	}

	table.compare-table td:first-child {
		font-weight: 700;
		padding-left: 30%;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.compare-table span.responsiveHeader {
		display: block;
		left: 20px;
	    padding-right: 10px;
	    width: 30% !important;
	    white-space: nowrap;
	    text-align: left;
	    position: absolute;
	}
}

@media screen and (max-width: 500px) {

	body.error404 .post.error404 .entry-title {
		font-size: 80px;
	}
}

@media screen and (max-width: 320px) {
    .wpp-list li{
        width: 100%;
    }

    .products {
        min-width: 290px;
    }
}

/*===== END Responsive Section =========*/