/* --- GENERAL --- */



@font-face {
  font-family: "OpenSans-Light";
  src: url(../fonts/OpenSans-Light.ttf) format("truetype");
}

@font-face {
  font-family: "OpenSans-Regular";
  src: url(../fonts/OpenSans-Regular.ttf) format("truetype");
}

@font-face {
  font-family: "OpenSans-Bold";
  src: url(../fonts/OpenSans-Bold.ttf) format("truetype");
}


body,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #656565;
    font-family: "OpenSans-Regular";
}

button {
  transition:0.2s;
}

a,
a:visited {
    color: #656565;
    transition: 0.2s;
}

a:hover {
    color: #2a6a9a;
}

button:focus {
    outline: none;
}

.custom_btn {
    color: #fff !important;
    display: block;
    text-align: center;
    width: 150px;
    padding: 8px 16px;
    border-radius: 4px;
    background: #4e9ed4;
}

.hkb_widget_exit__btn {
    text-decoration: none;
    display: block;
    text-align: center;
    width: 150px;
}

#primary .ht-container {
    display: block;
}

.custom_btn:hover,
.hkb_widget_exit__btn:hover {
    text-decoration: none;
    background: #2a6a9a;
}

a,
p {
    font-family: "OpenSans-Regular";
}

.row_flex {
    display: flex;
}

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

.go_right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.pointer {
    cursor: pointer;
}

.hr_dark {
    border-top: 1px solid #ccc;
}

.flex_column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
}

.underlined {
    text-decoration: underline;
}

.font14 {
    font-size: 14px;
}

.w500 {
    font-weight: 500;
}

.w700 {
    font-weight: 700;
}

.fa-3x {
    font-size: 3.5em;
}

/* ------------- 2. EXTRA COLORS ---------------- */
.text_white {
    color: #fff;
}

.text_dark,
.large-title h1 {
    color: #656565;
}

.is-inner-page .large-title h1 {
    font-family: "OpenSans-Bold";
    color: #4e9ed4;
}

/* ------------- 4. COLORS ---------------- */
.blue_color {
    color: #4e9ed4;
}

.green_color {
    color: #52B366;
}

.dark_color {
    color: #414141;
}

.semi_dark_color {
    color: #615D5E;
}

.gray_color {
    color: #656565;
}

.light_gray_color {
    color: #f7f7f7;
}

.white_color {
    color: #ffffff;
}

/*GB Colors*/
.blue_bg {
    background: #4e9ed4;
}

.green_bg {
    background: #52B366;
}

.dark_bg {
    background: #414141;
}

.gray_bg {
    background: #656565;
}

.light_gray_bg {
    background: #f7f7f7;
}

.white_bg {
    background: #ffffff;
}


/* --- BUTTONS --- */
form button,
form input[type="reset"],
form input[type="submit"],
form input[type="button"] {
    background: #4e9ed4;
}



/* --- CUSTOM HEADER --- */
.all_header {
    background: url(/wp-content/themes/helpguru-childtheme/redesign/img/hero.jpg);
    background-position: 50% 50%;
    background-size: cover;
    min-height: 100px;
}

#site-header,
#page-header {
    background: none;
}

#site-header #logo img {
    width: 260px;
}

#page-header-title {
    display: none;
}

#page-header .hkb-site-search {
    max-width: 980px;
    margin: auto;
    margin-top: 80px;
    margin-bottom: 120px;
}

#page-header-breadcrumbs form input[type="text"] {
  transition: 0.2s;
  border-color:#ccc;
}

#page-header-breadcrumbs form input[type="text"]:focus {
  border-color:#4e9ed4;
}

#site-header,
#site-header a,
#site-header a:visited,
#site-header a:hover,
#nav-primary button {
    text-decoration: none;
    transition: 0.2s;
}

#site-header a:hover,
#nav-primary button {
    text-decoration: underline;
}

#nav-primary ul>li a {
    font-weight: 500;
    font-family: 'OpenSans-Regular';
    font-size:14px;
    margin: 0 14px 2px;
    padding: 6px 1px;
    letter-spacing: 0;
}

.custom_status_page .fa-check {
    background: #52b366;
    border-radius:100%;
    color:#fff;
    font-size:12px;
    padding:2px;
    -webkit-text-stroke: 0.5px #52b366;
    position: relative;
    top: -1px;    
}

.custom_status_page .fa-check:before {
  position:relative;
  left:1px;
}


.hkb-site-search .hkb-site-search__button:hover {
    background: #2a6a9a;
}

#page-header .hkb-site-search {
    border-radius: 3px;
    border: 14px solid #f2f2f2;
    background: #f2f2f2;
}


.hkb-site-search .hkb-site-search__button {
    right: 0;
    border-radius: 0 3px 3px 0;
}


.hkb-site-search .hkb-site-search__field {
    border: 1px solid #d1d1d1;
}

.hkb-site-search .hkb-site-search__field:focus {
    border: 1px solid #4e9ed4;
}


/*
input[type="text"], input[type="email"], input[type="password"], textarea, .dp-medium-rte {
  border: 1px solid #d1d1d1;
  border-radius: 2px;
  background: #fff;
  padding: 6px 12px;
  color: #414141; }
  input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, .dp-medium-rte::-webkit-input-placeholder {
    color: #7a7a7a;
    font-style: italic; }
  input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="password"]::-moz-placeholder, textarea::-moz-placeholder, .dp-medium-rte::-moz-placeholder {
    color: #7a7a7a;
    font-style: italic; }
  input[type="text"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="password"]:-moz-placeholder, textarea:-moz-placeholder, .dp-medium-rte:-moz-placeholder {
    color: #7a7a7a;
    font-style: italic; }
  input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, textarea:-ms-input-placeholder, .dp-medium-rte:-ms-input-placeholder {
    color: #7a7a7a;
    font-style: italic; }
  input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus, .dp-medium-rte:focus {
    outline: none;
    border: 1px solid #2b93c0;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
  input[type="text"].email, input[type="email"].email, input[type="password"].email, textarea.email, .dp-medium-rte.email {
    color: #2b93c0;
    font-weight: normal; }
*/


/*navbar scrolled*/

#site-header {
    transition: 0.2s;
    position: fixed;
    display: block;
    width: 100%;
    z-index: 9999;
    padding-top: 15px;
    padding-bottom: 15px;
}

#site-header.navbar_scrolled {
    background: #414141;
}

/*lang swithcer*/
#nav-primary ul>li.menu-item-has-children>a:after {
    display: none;
}

.wpml-ls-current-language a {
  color:#43b3e2 !important;
}

/*burger button*/
#nav-primary button span:before {
    display: none;
}

#ht-nav-toggle {
    position: relative;
}

#nav-icon3 {
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

#nav-primary button {
    height: 28px;
    width: 38px;
    padding: 0;
}

#nav-primary button span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #ffffff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    float: right;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#nav-primary button span:nth-child(1) {
    top: 0px;
}

#nav-primary button span:nth-child(2),
#nav-primary button span:nth-child(3) {
    top: 12px;
}

#nav-primary button span:nth-child(4) {
    top: 24px;
}

#nav-primary button.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}

#nav-primary button.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#nav-primary button.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#nav-primary button.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}

/* --- BREADCRUMBS --- */

#page-header-breadcrumbs form.search,
#page-header-breadcrumbs ol.hkb-breadcrumbs {
    display:none;
}

.fix_breadcrumb {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1170px;
    margin: auto;        
}

#page-header-breadcrumbs {
    padding-top: 15px;
    padding-bottom: 15px;
}

#page-header-breadcrumbs .ht-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hkb-breadcrumbs li:after {
    content: "\f054";
    font-family: "FontAwesome";
    -webkit-text-stroke: 0.5px #f4f8fa;
}

/*style as deskpro*/
#page-header-breadcrumbs{
    background:#fff;
    padding-top:40px !important;
}

.hkb-breadcrumbs {
  padding-top: 0px;
}

.hkb-breadcrumbs li {
  height: 36px;
}  

.hkb-breadcrumbs li:last-child a{color:#2893c0;}

.hkb-breadcrumbs li a {
  min-width: 180px;
  padding: 10px; 
}

.hkb-breadcrumbs li:nth-child(1) {
  background: #898989;
  -webkit-clip-path: polygon(95% 0, 100% 50%, 95% 100%, 0 100%, 0 0);
  clip-path: polygon(95% 0, 100% 50%, 95% 100%, 0 100%, 0 0);
  color: #fff; }

.hkb-breadcrumbs li:nth-child(2) {
  background: #a7a7a7;
  -webkit-clip-path: polygon(0% 0%, 5% 50%, 0% 100%, 95% 100%, 100% 50%, 95% 0);
  clip-path: polygon(0% 0%, 5% 50%, 0% 100%, 95% 100%, 100% 50%, 95% 0);
  color: #fff; }

.hkb-breadcrumbs li:nth-child(3) {
  background: #bdbdbd;
  -webkit-clip-path: polygon(0% 0%, 5% 50%, 0% 100%, 95% 100%, 100% 50%, 95% 0);
  clip-path: polygon(0% 0%, 5% 50%, 0% 100%, 95% 100%, 100% 50%, 95% 0);
  color: #fff; }

.hkb-breadcrumbs li:nth-child(4) {
  background: #d0d0d0;
  -webkit-clip-path: polygon(0% 0%, 5% 50%, 0% 100%, 95% 100%, 100% 50%, 95% 0);
  clip-path: polygon(0% 0%, 5% 50%, 0% 100%, 95% 100%, 100% 50%, 95% 0);
  color: #fff; }

.hkb-breadcrumbs li {
  padding: 7px 0 !important;
  min-width: 100px; }

.hkb-breadcrumbs li .fa-angle-right {
  display: none; }

.hkb-breadcrumbs li:last-child, .breadcrumbs a.active-page {
  font-size: 14px;
  padding: 0;
  background: #fff;
  -webkit-clip-path: none; }

.hkb-breadcrumbs li:after {
    display:none;
}

.hkb-breadcrumbs li:nth-child(1) a:before {
   content: "\f015";
   font-family:'fontAwesome';
    font-size:14px;
    font-weight:100;
    color: #c5c5c5;
    margin: 0 5px 0 0;
}

.hkb-breadcrumbs li:not(:last-child) a {
    color:#fff;
}
/*style as deskpro*/



/* --- HOME BIG CATEGORIES --- */

#homepage-features {
    background: #f7f7f7;
}

.hkb-subcats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    text-align: center;
    flex-wrap: wrap;
    padding-top:20px;
}


.hkb-subcats .hkb-subcats__cat-title {
    padding: 20px 0;
    background: #ffffff;
    border: 2px solid #dedede;
    width: 235px;
    display: block;
    border-radius: 1px;
    transition: 0.2s;
    margin: 15px 10px;
}

.hkb-subcats .hkb-subcats__cat-title:focus,
.hkb-subcats .hkb-subcats__cat-title:hover {
    border: 2px solid #4e9ed4;
    text-decoration: none;
    -webkit-box-shadow: 0px 3px 9px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 9px 1px rgba(0, 0, 0, 0.2);
}



.hkb-subcats a.hkb-subcats__cat-title {
    text-decoration: none;
}

.archive .hkb-subcats a.hkb-subcats__cat-title {
    margin: auto;
}


.hkb-subcats .hkb-subcats__cat-title h3 {
    font-size: 18px;
    color: #4e9ed4;
    font-family: "OpenSans-Bold";
    padding-left: 5px;
    padding-right: 5px;
    line-height: 28px;
}

.hkb-subcats .hkb-subcats__cat-title .custom_icon_set {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    border: 1px solid #656565;
    border-radius: 100%;
    height: 95px;
    width: 95px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}

/*Custom Icons*/
.custom_icon_set:before {
    font-family: enartia2-icons;
    font-style: normal;
    font-size: 3em;
    color: #615d5e;
}

.hkb-subcats .hkb-subcats__cat-title .managed.wordpress:before {
  content: "\f19a";
  font-family: 'FontAwesome';
}
.hkb-subcats .hkb-subcats__cat-title .billing:before {
    content: "\e917";
}
.hkb-subcats .hkb-subcats__cat-title .site.design:before {
    content: "\e925";
}
.hkb-subcats .hkb-subcats__cat-title .website:before {
    content: "\e952";
}
.hkb-subcats .hkb-subcats__cat-title .domain.names:before {
    content: "\e92f";
}
.hkb-subcats .hkb-subcats__cat-title .web.hosting:before {
    content: "\e954";
}
.hkb-subcats .hkb-subcats__cat-title span[class*="Συνεργάτες"]:before {
    content: "\e975";
}

.hkb-subcats .hkb-subcats__cat-title .ssl:before {
    content: "\e93b";
}
.hkb-subcats .hkb-subcats__cat-title .plesk.panel:before {
    content: "\e949";
}
.hkb-subcats .hkb-subcats__cat-title[title*="Archived"] {
    display:none;
}






/* --- HOME FAQ --- */

.custom_faq .panel {
    padding-top: 40px;
    padding-bottom: 20px;
}

.custom_faq .panel:not(:last-child) {
    border-bottom: 1px solid #cccccc;
}

.custom_faq .panel-body {
    padding-top: 10px;
    padding-bottom: 0;
    font-size: 14px;
}

.custom_faq {
    padding-left: 10px;
    padding-right: 10px;
}

.custom_faq .panel-title a,
.custom_faq .panel-title a:hover,
.custom_faq .panel-title a:active,
.custom_faq .panel-title a:focus {
    text-decoration: none;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    color: #656565;
}

.custom_faq .panel-title a:hover,
.custom_faq .panel-title a:active,
.custom_faq .panel-title a:focus {
    color: #2b93c0;
}

.custom_faq .panel-title a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.custom_faq .panel-title>a,
.custom_faq .panel-title>a:active {
    display: block;
    font-weight: bold;
    font-size: 17px;
    line-height: 24px;    
}

.custom_faq .panel-heading a:before {
    font-family: 'FontAwesome';
    content: "\f107";
    float: right;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.custom_faq .panel-heading.active a:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.custom_faq .faq_link_more {
    color:#4e9ed4;
}


/* --- ARTICLES LIST --- */

.hkb-article.hkb-article__format-standard {
    margin-top: 20px;
    margin-bottom: 20px;
}

.custom_excerpts p {
    font-weight: normal;
    font-family: "OpenSans-Regular";
    font-size: 16px;
    line-height: 24px;
    color: #656565;
    margin-bottom: 0;
}

.hkb-article .hkb-article__title a,
.hkb-article .hkb-article__title a:hover,
.hkb-article .hkb-article__title a:focus {
    color: #4e9ed4;
    font-family: "OpenSans-Bold";
    line-height: 28px;    
}

.hkb-template-category {
    padding-left: 10px;
    padding-right: 10px;
}

#hkb.hkb-template-category .hkb-article__format-standard:before {
    display: none;
}

#hkb.hkb-template-category .hkb-article__format-standard,
#hkb.hkb-template-category .hkb-article__format-video {
    padding-left: 0;
    display: block !important;
}

.hkb-category .hkb-category__title {
    font-size: 24px;
    font-weight: 700;
    font-family: "OpenSans-Bold";
    color: #656565;
}


.hkb-article .hkb-article__title a.read-more-link {
    font-family: "OpenSans-Regular";
    text-decoration: underline;
}


.hkb-article-list .hkb-meta {
    display: none;
}


/* --- CATECORY ARTICLES LIST--- */

.hkb-subcats .hkb-subcats__cat:before {
    display: none;
}

.hkb-subcats .hkb-subcats__cat {
    padding-left: 0;
}

.hkb-subcats .hkb-subcats__cat .hkb-article-list {
    padding-top: 20px;
    text-align: left;
}

/* --- SINGLE ARTICLE --- */

#content article {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 40px;
}


.single #content article div,
.single #content article li {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 10px;
}

.hkb-article-related {
    padding-bottom: 40px;
}

/*
body.archive .hkb-pagination {
    display: none;
}*/


body.archive #primary,
body.single #primary {
    margin: auto;
    max-width: 1100px;
}

body.single .hentry .entry-title {
    color: #4e9ed4;
    font-weight: 700;
    font-family: "OpenSans-Bold";
    line-height: 36px;    
}


.custom_category_name {
    display: none;
}

a.active_category {
    color: #4e9ed4 !important;
    font-weight: 700;
}

.single-ht_kb article img {
    padding-top: 10px;
    padding-bottom: 30px;
}

/* --- Votes & Feedback --- */


.hkb-searchresults__article .hkb-meta,
.hkb-article .hkb-meta {
    display: none;
}

.ht-voting .ht-voting-links .ht-voting-upvote,
.hkb-meta .hkb-meta__usefulness {
    background: #52B366;
}


.ht-voting .ht-voting-links .ht-voting-downvote,
.hkb-meta .hkb-meta__usefulness.hkb-meta__usefulness--bad {
    background: #e66d44;
}

.hkb-feedback .ht-voting-comment__submit {
    background: #2b93c0;
    box-shadow: none;
    outline: none;
}

.hkb-feedback .ht-voting-comment__submit:hover {
    background: #2a6a9a;
}

.hkb-feedback .ht-voting-comment__submit {
  font-family: "OpenSans-Regular";
  padding:6px 16px;
  text-transform: none;
  transition: 0.2s;
}

.hkb-feedback {
    margin-bottom: 0;
}

.hkb-feedback .hkb-feedback__title,
.hkb-article-related .hkb-article-related__title {
  font-family: "OpenSans-Bold";
  font-size:22px;
}

/* --- Related articles --- */
.hkb-article-related li a {
    color: #4e9ed4;
}

/* --- CTA on Single Posts --- */
.call_action a.btn_ghost {
    background: transparent;
    border: 2px solid #ffffff;
    color: #ffffff;
    width: 180px;
}

.call_action a.btn_ghost:hover {
    background: #ffffff;
    color: #4e9ed4;
}


.call_action .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}


/* --- SEARCH CUSTOM BAR AND SEARCH PAGE --- */
.custom_enartia_search form input[type="search"] {
    border-color: #c7c7c7;
}

.custom_enartia_search form input[type="search"]:focus {
    border-color: #4e9ed4;
}

.custom_enartia_search button {
    padding: 0;
    outline: none;
}

.custom_enartia_search button:focus {
    box-shadow: none;
}

.bread-search__button,
.custom_enartia_search .fa-search {
    background: #4e9ed4;
    width: 40px;
    padding: 0;
    height: 40px;
    line-height: 40px;
    color: #fff;
    border-radius: 3px;
    outline: none;
    transition: 0.2s;
}

.bread-search__button:hover,
.custom_enartia_search .fa-search:hover {
    background: #2a6a9a;
}


/* --- SIDEBAR --- */
/*remove archive category from sidebar*/
#sidebar .widget > ul > li.cat-item-182 {
  display:none
}

#sidebar .widget {
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.2);
}

#sidebar .widget li.current-cat a,
#sidebar .widget>ul>li.current-cat {
    color: #4e9ed4;
    font-weight: 700;
}

#sidebar .widget a,
#sidebar .widget a:visited {
    font-size: 14px;
}

#sidebar .widget-title {
    color:#656565;
    font-weight: 700;
    line-height: 24px;  
}

#primary.sidebar-left #sidebar {
  padding-bottom:40px;
}


/* --- 404 --- */



body.error404.search-no-results form.hkb-site-search {
    display: none;
}

body.error404 .hkb-search-title {
  text-align:center;
  padding-top:40px;
  padding-bottom:40px;
}

body.error404 #primary {
    background: #fff;
}

.error404 .all_header,
body.error404.search_no_results .all_header {
    height: 100px;
}

body.error404 .post.error404 .entry-title {
    color: #4e9ed4;
}

body.error404 .post.error404 .entry-tagline {
    color: #656565;
}


body.error404 .post.error404 img {
    max-width: 800px;
}

body.error404 .post.error404 .search-form .search-field {
    border: 1px solid #898989;
}

body.error404 .post.error404 .search-form .search-field:focus {
    border: 1px solid #4e9ed4;
}

.search-no-results #primary.sidebar-right #content {
    float: none;
    width: 100%;
}

body.error404 .post.error404 {
    margin-top: 40px;
}

.search-no-results #primary.sidebar-left #content {
    width: 100%;
}

.search-no-results #page-header-breadcrumbs,
.error404 #page-header-breadcrumbs,
.search-no-results #sidebar {
    display: none;
}

.search.search-results #site-footer {
  margin-top:80px;
}

/* --- NAV BAR --- */
#nav-primary-me ul li.active_lang a{
  color:#2893c0;
}

/* --- CUSTOM FOOTER --- */
#site-footer {
    padding: 0;
}

.footer_contact_btn {
    background: #414141;
    color: #fff !important;
    font-size: 13px;
    border: 1px solid #fff;
    text-align: center;
    width: 100px;
    padding: 4px 0;
    border-radius: 2px;
    margin-top: 10px;
    display: block;
    transition: 0.2s;
}

.footer_contact_btn:hover {
    text-decoration: none;
    opacity: 0.9;
    color: #ffffff;
}


#custom_footer {
    padding-top: 20px;
    padding-bottom: 20px;
}

#custom_footer .inner_footer_frame {
    padding-top: 50px;
    padding-bottom: 60px;
}

.page-bottom-section {
    max-width: 100%;
}

.footer_paths_to_external_links {
    padding-top: 20px;
}


/*Inputs*/
.footer_links {
    justify-content: center;
}

.footer_links a {
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    color: #a9a9a9;
    font-size: 12px;
    padding-left: 15px;
}



.footer_links.vraveia img {
    max-width: 140px;
    margin: auto;
    margin-bottom: 20px;

}

.footer_links.vraveia {
    margin: auto;
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}


/*COL 1*/

.history_frame .history {
    color: #fff;
    opacity: 0.65;
    font-size: 14px;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 15px;
}

.history_frame h6 a {
    color: #fff;
}

.history_frame .hr_dark {
    opacity: 0.5;
}

footer .history_frame .newsletter input {
    height: 36px;
    line-height: 36px;
    outline: none;
    border: none;
    border-radius: 1px;
    min-width: 250px;
    padding-left: 10px;
}

footer .history_frame .newsletter .fa {
    background: transparent;
    color: #fff;
    border-radius: 100%;
    margin-left: 15px;
    padding: 10px;
    border: 1px solid #fff;
    outline: none;
    cursor: pointer;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

footer .history_frame .newsletter .fa:hover {
    background: #fff;
    color: #414141;
    border: 1px solid #fff;
}



/*COL2*/

.footer_social_icons .fa {
    font-family: 'Fontawesome';
    background: #fff;
    color: #414141;
    border: 1px solid #fff;
    width: 40px;
    height: 40px;
    line-height: 30px;
    height: 40px;
    text-align: center;
    font-size: 20px;
    padding: 5px;
    margin: 5px 5px 5px 0;
    border-radius: 100%;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.footer_social_icons .fa:hover {
    background: #414141;
    color: #fff;
    text-decoration: none;
}

.show_on_500px {
    display: none;
}


@media screen and (min-width: 992px) {
    .menu-item-has-children ul {
        max-width: 140px;
    }
}


@media screen and (max-width: 1220px) {
    .fix_breadcrumb {
        padding-left: 15px;
        padding-right: 15px;
    }
}



@media screen and (max-width: 1100px) {
.fix_breadcrumb {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1170px;
    margin: auto;        
    }

    .fix_breadcrumb {
        flex-flow: column;
    }
    .fix_breadcrumb .hkb-breadcrumbs {
        order:2;
    }
    .fix_breadcrumb form.search{
        margin-bottom:20px;
        order:1;
    }

}




@media screen and (max-width: 992px) {
    #primary.sidebar-left #content {
        width: 100%;
    }

    #primary.sidebar-left #sidebar {
        display: none;
    }


    .hkb-article-related {
        padding-left: 10px;
        padding-right: 10px;
    }

    #nav-primary #ht-nav-toggle {
      display:block;
    }

    .custom_status_page .fa-check:before {
        left: 0;
    }

    #nav-primary .mobile-menu ul {
      text-align: center;
      display:flex;
      flex-flow:column;
    }

    #nav-primary #nav-primary-me ul li {
        text-align: center;
    }

    #nav-primary #nav-primary-me ul li ul {
        margin-left: 0;
    }

    #nav-primary #nav-primary-me {
        margin: 52px 0 0;
    }

    #nav-primary #nav-primary-me {
        background: #414141;
        clear: both;
        position: absolute;
        left: 0;
        right: 0;
        top:-100px;
        z-index: -1;
        padding: 20px;
        height:0px;
        transition:0.2s;
    }


    #nav-primary #nav-primary-me.mobile-menu {
        top:21px;
        display: inline-block !important;
        opacity:1;
        height:220px;
    }


    #site-header {
        background: #414141;
        display: block;
        width: 100%;
    }

    #page-header-breadcrumbs .ht-container {
        flex-flow: column;
    }

    #page-header-breadcrumbs .ht-container form {
        padding-top: 20px;
    }

    #page-header-breadcrumbs .hkb-breadcrumbs {
        text-align: center;
    }


    .call_action .row {
        flex-flow: column;
    }

    .call_action .row a {
        margin-top: 20px;
    }

    #custom_footer .col-md-4:not(:nth-child(1)) {
        margin-top: 30px;
    }
}


@media screen and (max-width: 770px) {
    #nav-primary #nav-primary-me {
        top:-300px;
    }
}

@media screen and (max-width: 500px) {

    #custom_footer .col-md-4 {
        text-align: center;
    }

    #custom_footer .col-md-4 a {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .footer_contact_btn {
        margin-bottom: 20px;
    }
    
    #custom_footer .footer_social_icons .fa {
        margin-right:5px;
        margin-left:5px;
    }

    .footer_links.vraveia {
        flex-flow: column;
    }


    #custom_footer .inner_footer_frame {
        padding-bottom: 0px;
    }

    .show_on_500px {
        display: block;
        margin: 30px auto 30px auto;
        width: 75%;
        border-color: #f7f7f7;
        opacity: 0.2;
    }
}