@charset "utf-8";

blockquote { font-size: 14px; border-left: 5px solid rgb(128, 128, 128); }

.searchwrap { background: none 0px 0px repeat scroll rgb(40, 55, 119); width: 100%; }

h3 { font-size: 20px; font-family: Cabin, sans-serif; color: rgb(40, 55, 119); }

h4 { font-family: Cabin, sans-serif; color: rgb(128, 128, 128); }

h2 { font-size: 22px; font-family: Cabin, sans-serif; color: rgb(44, 140, 242); }

a { color: rgb(40, 55, 119); }

.header-text { font-family: Cabin, sans-serif; color: rgb(40, 55, 119); }

.sidebar-heading { background: rgb(0, 0, 0); color: rgb(255, 255, 255); position: relative; margin: 0px; padding: 10px; border-radius: 3px; }

a:hover, a.wid-cat-title p:hover, a:focus { color: rgb(44, 140, 242) !important; }

#commentform input[type="submit"] { background: rgb(40, 55, 119); }

#header a { font-family: OpenSansLight !important; color: rgb(119, 119, 119); }

#header a.btn { color: rgb(255, 255, 255); background-color: rgb(39, 55, 119); border-color: rgb(39, 55, 119); }

#main-menu a { font-family: Raleway, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px; }

@font-face { font-family: opensanslight; src: url("/how-to/webhi/fonts/opensans-light.woff") format("woff"), url("/how-to/webhi/fonts/opensans-light.ttf") format("truetype"); }

@font-face { font-family: opensanssemibold; src: url("/how-to/webhi/fonts/opensans-semibold.woff") format("woff"), url("/how-to/webhi/fonts/opensans-semibold.ttf") format("truetype"); }

.navbar-main { margin-bottom: 0px; background-color: rgb(39, 55, 119); border: 0px; min-height: 38px; font-size: 15px; background-image: none; }

.navbar-main .navbar-nav > li > a { color: white; }

.navbar-collapse.collapse { float: inherit; }

.navbar-toggle { top: 0px; position: relative; float: right; padding: 9px 10px; margin-right: 15px; margin-top: 8px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; }

.navbar-default .navbar-toggle { border-color: rgb(39, 55, 119) !important; }

.dropdown-menu { margin-top: 0px; padding: 3px 0px; border-top: 0px; text-align: left; box-shadow: rgba(0, 0, 0, 0.18) 0px 6px 12px; margin-left: 0px; border-radius: 0px !important; min-width: 160px !important; }

.dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857; color: rgb(51, 51, 51); white-space: nowrap; font-family: Raleway, "Helvetica Neue", Helvetica, Arial, sans-serif; border-width: 0px !important; font-size: 14px !important; }

#main-menu a:hover, #main-menu a.wid-cat-title p:hover, #main-menu a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: rgb(238, 238, 238) !important; background-color: rgb(4, 61, 95); }

.navbar-main .navbar-toggle:focus, .navbar-main .navbar-toggle:hover { background-color: transparent !important; }

.navbar-main .navbar-toggle:focus .icon-bar, .navbar-main .navbar-toggle:hover .icon-bar { background-color: rgb(187, 187, 187) !important; }

@media only screen and (max-width: 991px) {
  .navbar-collapse { padding-left: 0px !important; }
  .navbar-nav { margin-top: 7px !important; margin-bottom: 7.5px !important; }
}

#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { font-family: OpenSansSemibold; }

#footer a { font-family: opensanslight; }

.searchwrap { background: none 0px 0px repeat scroll rgb(40, 55, 119); margin-top: 15px; }

h3 { font-size: 20px; font-family: Cabin, sans-serif; color: rgb(40, 55, 119); }

h4 { font-family: Cabin, sans-serif; color: rgb(128, 128, 128); }

h2 { font-size: 22px; font-family: Cabin, sans-serif; color: rgb(44, 140, 242); }

.language-popover { max-width: 450px; width: 100%; background-color: rgba(20, 20, 20, 0.98); background-image: url("https://www.webhi.com/templates/webhi/img/worldmap.png"); background-repeat: no-repeat; font-size: 0.8em; }

.popover a { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

#header, #footer, .popover, #main-menu { direction: ltr; }

@media only screen and (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: rgb(221, 221, 221); }
}

#footer { background-color: rgb(248, 248, 248) !important; }

.page-title, .content-according a, .content-according i, .page-catheader.cat-catheader h4, .sprite.amp a, #commentform a { color: rgb(40, 55, 119) !important; }

ul.top-nav { float: right; margin-top: 8px; padding-left: 0px; margin-bottom: 0px; list-style: none; white-space: nowrap; }

ul.top-nav > li, ul.top-nav > li > a { display: inline-block; position: relative; }

ul.top-nav { float: right; margin-top: 8px; padding-left: 0px; margin-bottom: 0px; list-style: none; white-space: nowrap; }

ul.top-nav > li > a { padding: 6px 10px; color: rgb(119, 119, 119); line-height: 20px; text-decoration: none; }

ul.top-nav > li, ul.top-nav > li > a { display: inline-block; position: relative; }

ul.top-nav > li.primary-action { padding-left: 15px; margin-left: 5px; border-left: 1px solid rgb(221, 221, 221); }

ul.top-nav > li, ul.top-nav > li > a { display: inline-block; position: relative; }

ul.top-nav > li.primary-action > a.btn { padding: 6px 15px; background-color: rgb(14, 80, 119); color: rgb(255, 255, 255); border-radius: 3px; }

#main-menu .navbar-nav { margin-left: -15px; margin-right: -15px; }

.navbar-main .navbar-nav > li > a { padding-top: 9px; padding-bottom: 9px; }

.navbar-main .dropdown-menu { padding: 3px 0px; border-top: 0px; border-radius: 0px; }

@media only screen and (max-width: 767px) {
  ul.top-nav { margin: 0px; font-size: 0.8em; }
  ul.top-nav > li > a { padding: 6px; }
  ul.top-nav > li.primary-action > a.btn { padding: 3px 12px; font-size: 1em; }
}

@media only screen and (max-width: 991px) {
  .navbar-header { float: none; }
  .navbar-toggle { display: block; }
  .collapse.in { display: block !important; margin-bottom: 10px; }
  .navbar-nav { float: none !important; margin-top: 7px; }
  .navbar-nav > li { float: none; }
  .navbar-main .navbar-nav > li > a { padding: 3px 20px; }
}

@media only screen and (min-width: 450px) {
  section#footer { line-height: 32px; }
}

section#footer { margin: 0px; padding: 20px 10px; background-color: rgb(248, 248, 248); border-top: 1px solid rgb(221, 221, 221); color: rgb(102, 102, 102); font-size: 0.9em; }

.footer_con { float: left; width: 100%; padding: 25px 0px; background: url("footer_con.png") left top repeat; }

.wrapper { width: 100%; margin: 0px auto; max-width: 1000px; }

.copyright { float: left; width: 100%; color: rgb(255, 255, 255); padding: 14px 0px; text-align: center; background: rgba(255, 255, 255, 0.3); font-family: Arial, Helvetica, sans-serif; }

.footer_box { float: left; width: 100%; padding: 25px 0px; text-align: center; }

.sitemap { width: 24%; display: inline-block; vertical-align: top; text-align: left; padding: 0px 3%; }

.sitemap h5 { margin: 0px 0px 25px; padding: 0px; line-height: 20px; font-size: 20px; color: rgb(168, 168, 168); }

.sitemap ul { list-style: none; padding: 0px; margin: 0px; }

.sitemap ul li { line-height: 24px; font-size: 12px; color: rgb(255, 255, 255); padding: 0px 0px 0px 12px; background: url("footer_arrow.png") left center no-repeat; }

ul li { display: block; color: rgb(66, 139, 202); }

#footer a { color: rgb(255, 255, 255); }

a { font-family: Cabin, sans-serif; text-decoration: none !important; }

@media only screen and (max-width: 980px) {
  .footer_box { width: 96%; padding: 20px 2%; }
  .sitemap { padding: 0px; width: 24%; }
}

@media only screen and (max-width: 667px) {
  .sitemap { width: 49%; margin: 10px 0px; }
  .sitemap h5 { margin: 0px 0px 10px; }
}

section#header { margin: 0px; padding: 10px 0px; background: rgb(255, 255, 255); border-radius: 5px 5px 0px 0px; }

section#main-menu { background-color: rgb(39, 55, 119); }

.caret { display: inline-block; width: 0px; height: 0px; margin-left: 6px; vertical-align: middle; border-top: 4px dashed; border-right: 4px solid transparent; border-left: 4px solid transparent; }

.comment-respond input[type="submit"] { width: auto !important; }

.searchwrap { background: none 0px 0px repeat scroll rgb(0, 0, 0); }

.language-popover .popover-content li { float: left; display: inline; padding: 0px 20px 0px 40px; width: 33.333%; line-height: 2em; }

.language-popover .popover-content li { float: left; display: inline; padding: 0px 20px 0px 40px; width: 33.333%; line-height: 2em; }

.language-popover .popover-content li a { color: rgb(255, 255, 255); }

.popover-content { padding: 9px 14px; }

.language-popover .popover-content ul { margin: 6px 0px 14px; padding: 0px; max-width: 400px; list-style-type: none; overflow: hidden; }

.language-popover .popover-content ul { margin: 6px 0px 14px; padding: 0px; max-width: 400px; list-style-type: none; overflow: hidden; }

.language-popover.popover.bottom > .arrow::after { border-bottom-color: rgba(20, 20, 20, 0.97); }

.popover.bottom > .arrow::after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0px; border-bottom-color: rgb(255, 255, 255); }

.popover > .arrow, .popover > .arrow::after { position: absolute; display: block; width: 0px; height: 0px; border-color: transparent; border-style: solid; }

.popover-content a:hover { outline: none; transition: 0.6s ease-in-out; text-decoration: underline !important; color: rgb(255, 255, 255) !important; }

.single-post .cat-title { color: rgb(39, 55, 119); font-size: 20px; }

#home-main nav { margin-top: 50px; }

#commentform .comment-form-cookies-consent { display: flex; align-items: center; }

#wp-comment-cookies-consent { margin: 4px 7px 4px 0px; width: 5%; }

.category .page-catheader { background-color: rgb(39, 55, 119); }

.page-catheader.cat-catheader h4 { color: white !important; }

.cat-hadding a { color: rgb(40, 55, 119) !important; }

.post_content a { color: revert; }

#commentform p:nth-child(4) { width: 100% !important; }

.page.page-id-47 .home-main > .cat-main-section, .page.page-id-52 .home-main > .cat-main-section, .page.page-id-350 .home-main > .cat-main-section { width: 100%; }

.page.page-id-47 .home-main, .page.page-id-52 .home-main, .page.page-id-350 .home-main { display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); grid-auto-flow: dense; }

.page.page-id-47 .home-main .cat-main-section, .page.page-id-52 .home-main .cat-main-section, .page.page-id-350 .home-main .cat-main-section { grid-column: span 2; }

.cat-main-section { width: 100% !important; }

.page-id-47 .content-according, .page-id-350 .content-according { margin-top: 4%; margin-bottom: 3%; overflow: hidden; max-height: 383px; }

.page-id-52 .content-according { margin-top: 4%; margin-bottom: 3%; overflow: hidden; max-height: 390px; }