/* ====================================================
   Fonts
   ==================================================== */
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,300italic,400italic);
/*
@font-face {
    font-family: 'brandon_grotesquemedium';
    src: url('//p3.zdassets.com/hc/theme_assets/484575/200013782/hvd_fonts_-_brandongrotesque-medium-webfont.eot');
    src: url('//p3.zdassets.com/hc/theme_assets/484575/200013782/hvd_fonts_-_brandongrotesque-medium-webfont.eot?#iefix') format('embedded-opentype'), url('//p3.zdassets.com/hc/theme_assets/484575/200013782/hvd_fonts_-_brandongrotesque-medium-webfont.eot') format('woff'), url('//p3.zdassets.com/hc/theme_assets/484575/200013782/hvd_fonts_-_brandongrotesque-medium-webfont.ttf') format('truetype'), url('//p3.zdassets.com/hc/theme_assets/484575/200013782/hvd_fonts_-_brandongrotesque-medium-webfont.svg#brandon_grotesquemedium') format('svg');
    font-weight: normal;
    font-style: normal;
}*/

@font-face {
    font-family: 'avenir_roman';
    src: url('//p3.zdassets.com/hc/theme_assets/484575/200013782/AvenirLTStd-Roman.otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'avenir_light';
    src: url('//p3.zdassets.com/hc/theme_assets/484575/200013782/AvenirLTStd-Light.otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'avenir_medium';
    src: url('//p3.zdassets.com/hc/theme_assets/484575/200013782/AvenirLTStd-Medium.otf');
    font-weight: normal;
    font-style: normal;
}
/*

@font-face {
    font-family: 'brandon_grotesquebold';
    src: url('//p3.zdassets.com/hc/theme_assets/484575/200013782/hvd_fonts_-_brandongrotesque-bold-webfont.eot');
    src: url('//p3.zdassets.com/hc/theme_assets/484575/200013782/hvd_fonts_-_brandongrotesque-bold-webfont.eot?#iefix') format('embedded-opentype'), url('//p3.zdassets.com/hc/theme_assets/484575/200013782/hvd_fonts_-_brandongrotesque-bold-webfont.ttf') format('truetype'), url('//p3.zdassets.com/hc/theme_assets/484575/200013782/hvd_fonts_-_brandongrotesque-bold-webfont.svg#brandon_grotesquemedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'brandon_grotesquelight';
    src: url('//p3.zdassets.com/hc/theme_assets/484575/200013782/hvd_fonts_-_brandongrotesque-light-webfont.eot');
    src: url('//p3.zdassets.com/hc/theme_assets/484575/200013782/hvd_fonts_-_brandongrotesque-light-webfont.eot?#iefix') format('embedded-opentype'), url('//p3.zdassets.com/hc/theme_assets/484575/200013782/hvd_fonts_-_brandongrotesque-light-webfont.ttf') format('truetype'), url('//p3.zdassets.com/hc/theme_assets/484575/200013782/hvd_fonts_-_brandongrotesque-light-webfont.eot') format('woff'), url('//p3.zdassets.com/hc/theme_assets/484575/200013782/hvd_fonts_-_brandongrotesque-light-webfont.svg#brandon_grotesquemedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'brandon_grotesque';
    src: url('//p3.zdassets.com/hc/theme_assets/484575/200013782/hvd_fonts_-_brandongrotesque-bold-webfont.eot');
    src: url('//p3.zdassets.com/hc/theme_assets/484575/200013782/hvd_fonts_-_brandongrotesque-bold-webfont.eot?#iefix') format('embedded-opentype'), url('//p3.zdassets.com/hc/theme_assets/484575/200013782/hvd_fonts_-_brandongrotesque-bold-webfont.woff') format('woff'), url('//p3.zdassets.com/hc/theme_assets/484575/200013782/hvd_fonts_-_brandongrotesque-bold-webfont.svg#brandon_grotesquebold') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'brandon_grotesque';
    src: url('//p3.zdassets.com/hc/theme_assets/484575/200013782/hvd_fonts_-_brandongrotesque-medium-webfont.eot');
    src: url('//p3.zdassets.com/hc/theme_assets/484575/200013782/hvd_fonts_-_brandongrotesque-medium-webfont.eot?#iefix') format('embedded-opentype'), url('//p3.zdassets.com/hc/theme_assets/484575/200013782/hvd_fonts_-_brandongrotesque-medium-webfont.woff') format('woff'), url('//p3.zdassets.com/hc/theme_assets/484575/200013782/hvd_fonts_-_brandongrotesque-medium-webfont.ttf') format('truetype'), url('//p3.zdassets.com/hc/theme_assets/484575/200013782/hvd_fonts_-_brandongrotesque-medium-webfont.svg#brandon_grotesquemedium') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'brandon_grotesque';
    src: url('//p3.zdassets.com/hc/theme_assets/484575/200013782/hvd_fonts_-_brandongrotesque-light-webfont.eot');
    src: url('//p3.zdassets.com/hc/theme_assets/484575/200013782/hvd_fonts_-_brandongrotesque-light-webfont.eot?#iefix') format('embedded-opentype'), url('//p3.zdassets.com/hc/theme_assets/484575/200013782/hvd_fonts_-_brandongrotesque-light-webfont.svg#brandon_grotesquelight') format('svg');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'brandon_grotesque';
    src: url('//p3.zdassets.com/hc/theme_assets/484575/200013782/BrandonGrotesque-Thin.eot');
    src: url('//p3.zdassets.com/hc/theme_assets/484575/200013782/BrandonGrotesque-Thin.eot?#iefix') format('embedded-opentype'), url('//p3.zdassets.com/hc/theme_assets/484575/200013782/BrandonGrotesque-Thin.woff') format('woff'), url('//p3.zdassets.com/hc/theme_assets/484575/200013782/BrandonGrotesque-Thin.ttf') format('truetype'), url('//p3.zdassets.com/hc/theme_assets/484575/200013782/BrandonGrotesque-Thin.svg#brandon_grotesquethin') format('svg');
    font-weight: 100;
    font-style: normal;
}
*/
/* ====================================================
   Header Nav Bar
   ==================================================== */

.no-border > li,
.no-border > li a {
    border-right: none !important;
    border-left: none !important;
    padding-left: 0;
}

.no-border hr{
    margin: 12px 0;
    width: 50px;
    background-color: transparent;
    border-top: none;
}

.border-bottom {
    padding-bottom: 0px;
    padding-top: 0px;
}

.border-bottom > a {
    text-decoration: none;
    font-weight: 400;
    color: #4B4E53;
}

.border-bottom > a:hover {
    color: #468E48;
}

.border-left {
    border-left: 1px solid #BCBEBF;
}

.ddmenu {
    display: none;
    min-width: 147px;
    position: absolute;
    z-index: 9999;
    cursor: pointer;
}

.ddmenu ul{
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #ccc;
    padding: 10px;
    position: relative;
    top: 36px;
    z-index: 10;
}
.sub-nav-links:hover .ddmenu {
    display: block;
}

#qardionav #qardio-menu.uk-navbar-nav > li > a {
    line-height: 1.6em;
    padding: 0 16px;
}
#qardionav #qardio-menu #store {
    color: #008b4b;
    padding: 0 21px 0 21px;
}
#qardionav #qardio-menu.uk-navbar-nav > li:last-child > a{
    color: #46a348;
    padding-left: 17px;
    padding-right: 2px;
    padding-top: 3px;
    position: relative;
}

#qardio-menu .ddmenu ul{
    border:none;
}

#qardio-menu .ddmenu ul a{
    padding-left: 5px;
}
#qardionav .ddmenu ul > li:first-child > a,
#qardio-menu .ddmenu ul > li:last-child > a {
    padding-left: 5px;
}

/* ====================================================
   Base Styles
   ==================================================== */

*,
input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    background-color: #ffffff;
}

body {
    color: #424240;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: lighter;
    line-height: 1.5;
    margin: 0;
    padding-bottom: 50px;
}

img {
    max-width: 100%;
    vertical-align: middle;
}

img[width],
img[height] {
    max-width: none;
}

figure > img {
    display: block;
}

a {
    color: #489f45;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

ul,
ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    text-align: left;
    width: 100%;
}

[dir=rtl] table {
    text-align: right;
}

td,
th {
    border-color: #eeeeee;
    border-style: solid;
    padding: 12px;
}

th {
    border-width: 1px 0;
    color: #bebebe;
    font-size: 11px;
    font-weight: normal;
    white-space: nowrap;
}

td {
    border-width: 0 0 1px 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: black;
    font-weight: 400;
}

h1 {
    font-size: 20px;
}

input,
label {
    display: inline-block;
    vertical-align: middle;
}

label {
    font-size: 12px;
}

input[type="checkbox"] + label {
    margin-left: 5px;
}

input,
textarea {
    border: 1px solid #dddddd;
    border-radius: 2px;
    padding: 10px;
}

textarea {
    height: 100px;
    padding: 7px 10px;
    resize: vertical;
}

textarea,
input[type=text] {
    width: 100%;
}

input,
textarea,
select {
    color: #555;
}

input::-ms-clear {
    display: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
}

::-webkit-input-placeholder {
    color: #cccccc;
}

:-ms-input-placeholder {
    color: #cccccc;
}

::-moz-placeholder {
    color: #cccccc;
}
/* ====================================================
   Forms
   ==================================================== */

.form {
    max-width: 505px;
}

.form-field + .form-field {
    margin-top: 25px;
}

.form-field label {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}

.form-field input[type=checkbox] + label {
    margin: 0 0 0 10px;
}

.form-field.required > label:after {
    content: "*";
    color: red;
    margin-left: 2px;
}

.form-field p {
    color: #bebebe;
    font-size: 11px;
}

.form-field input[type=number],
.form-field input.datepicker {
    width: 150px;
}

.form form + form,
.searchbox {
    margin-top: 25px;
}

.searchbox-suggestions {
    background-color: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 4px;
    padding: 10px 20px;
}

.searchbox-suggestions li {
    padding: 5px 0;
}

[data-loading="true"] input,
[data-loading="true"] textarea {
    background: transparent url(/hc/assets/loader.gif) 99% 50% no-repeat;
    background-size: 16px 16px;
}

.form footer {
    border-top: 1px solid #eeeeee;
    margin-top: 40px;
    padding-top: 30px;
    text-align: right;
}

.form footer a {
    color: #cccccc;
    cursor: pointer;
    margin-right: 15px;
}
/* ====================================================
   Nav Menus
   ==================================================== */

.nav li,
.nav-bordered li,
.nav-spaced li {
    display: inline-block;
}

.nav-bordered li + li {
    border-color: #eeeeee;
    border-style: solid;
    border-width: 0 0 0 1px;
    margin: 0 0 0 30px;
    padding: 0 0 0 30px;
}

[dir=rtl] .nav-bordered li + li {
    border-width: 0 1px 0 0;
    margin: 0 30px 0 0;
    padding: 0 30px 0 0;
}

.nav-spaced li + li {
    margin: 0 0 0 40px;
}

[dir=rtl] .nav-spaced li + li {
    margin: 0 40px 0 0;
}

.sub-nav-links {
    border-right: 1px solid #bcbebf;
}

html[lang=it] .no-border>li:last-child {
    padding-left: 5px;
}
html[lang=it] #qardio-menu .no-border>li:last-child a {
    padding-left: 0;
}

/* ====================================================
   Search Box
   ==================================================== */

.search-box {
    position: relative;
}

.search-box:before {
    content: "\1F50D";
    font-family: "entypo";
    font-size: 1.25em;
    line-height: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 2.5em;
    z-index: 1;
}

.search-box input {
    line-height: 1.2em;
    font-weight: lighter;
    padding: .75em 2.7em;
    width: 100%;
    -webkit-appearance: none;
}

.search-box input[type="submit"] {
    display: none;
}
/* ====================================================
   Breadcrumbs
   ==================================================== */

.breadcrumbs {
    position: relative;
    float: left;
    line-height: 1.5;
}

.breadcrumbs li {
    color: #bebebe;
    display: inline-block;
    font-size: 18px;
    text-transform: uppercase;
}

.breadcrumbs li + li:before {
    content: ">";
    margin: 0 4px;
}

.breadcrumbs li a {
    color: #424240;
    font-size: 18px;
    font-family: "avenir_light" font-weight: normal;
}
/* ====================================================
   Labels
   ==================================================== */

.label,
.request-status {
    border-radius: 20px;
    display: inline-block;
    font-size: 10px;
    padding: 3px 10px;
    text-transform: uppercase;
    white-space: nowrap;
}
/* Metadata */

.meta,
.meta-group {
    color: #cccccc;
    display: inline-block;
    font-size: 11px;
}

.meta-group * + *:before {
    content: "\2022";
    font-size: 8px;
    margin: 0 10px;
}
/* Helper classes */

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}
/* Pagination */

.pagination {
    margin: 20px 0;
    text-align: center;
}

.pagination * {
    display: inline-block;
}

.pagination li {
    border: 1px solid #eeeeee;
    float: left;
    margin-left: -1px;
}

[dir=rtl] .pagination li {
    float: right;
}

.pagination a,
.pagination span {
    color: inherit;
    font-size: 12px;
    padding: 5px 12px;
}

.pagination-current {
    background-color: #f9f9f9;
    color: #bebebe;
}

.pagination-first {
    border-radius: 3px 0 0 3px;
}

[dir=rtl] .pagination-first {
    border-radius: 0 3px 3px 0;
}

.pagination-last {
    border-radius: 0 3px 3px 0;
}

[dir=rtl] .pagination-last {
    border-radius: 3px 0 0 3px;
}
/* ====================================================
   Markdown Styles
   ==================================================== */

.markdown {
    word-wrap: break-word;
    line-height: 1.7;
}

.markdown img {
    max-width: 100%;
}

.markdown hr {
    background-color: #eeeeee;
    border: 0;
    height: 1px;
}

.markdown ul,
.markdown ol {
    list-style-position: inside;
    padding: 0 15px;
}

.markdown ul {
    list-style-type: disc;
}

.markdown ol {
    list-style-type: decimal;
}

.markdown pre {
    background: #f9f9f9;
    border: 1px solid #eeeeee;
    border-radius: 3px;
    padding: 10px 15px;
    overflow: auto;
    white-space: pre;
}

.markdown blockquote {
    border-left: 1px solid #eeeeee;
    color: #bebebe;
    font-style: italic;
    padding: 0 15px;
}
/* ====================================================
   Base styles
   ==================================================== */

*,
input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    background-color: #ffffff;
}

body {
    color: #424240;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
    margin: 0;
}

main {
    display: block;
}

main a,
main a:visited,
main a:active {
    color: #489f45 !important;
}

main strong,
main font,
main span {
    font-family: "avenir_roman", Helvetica, Arial, sans-serif;
    font-weight: 200;
    font-size: inherit;
}

a {
    font-family: "avenir_roman", Helvetica, Arial, sans-serif;
    color: #489f45;
    text-decoration: none;
}

a:hover {
    cursor: pointer;
    text-decoration: underline;
}

img {
    vertical-align: middle;
}

p {
    margin-top: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: normal;
}

h1 {
    font-size: 1.75em;
    line-height: 1.75em;
    margin: 0;
    text-transform: uppercase;
}

.section-area h1 {
    text-transform: capitalize;
}

ul,
ol {
    list-style: none;
    margin: 0;
    padding: 0;
}
/* ====================================================
   Sub Nav
   ==================================================== */

.sub-nav {
    margin-bottom: 40px;
}

.sub-nav form {
    display: none;
}

.page-header {
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 30px;
    min-height: 50px;
    padding-bottom: 15px;
}

.page-header > * {
    display: table-cell;
    vertical-align: middle;
}

.page-header > *:first-child {
    width: 100%;
}

.page-header + p {
    color: #bebebe;
    margin: -15px 0 20px 0;
}

.page-header h1 {
    font-size: 20px;
    font-weight: 400;
}
/* ====================================================
   Content frame (Footer)
   ==================================================== */
#colophon .qardio-zend-lang-selector {
	border: none;
}
#colophon .qardio-zend-lang-selector .dropdown-toggle {
    font-size: 12px;
}
#colophon .qardio-zend-lang-selector .dropdown-menu {
    padding: 0;
    background: #231f20;
    border: none;
    border-radius: 0;
    border-top: 1px solid #cdcdcd;
}
#colophon .qardio-zend-lang-selector .dropdown-menu [role="menuitem"] {
    text-transform: uppercase;
  	font-size: 12px;
		color: grey;
    line-height: 1.4;
    padding: 5px 10px;
}
#colophon .qardio-zend-lang-selector .dropdown-menu [role="menuitem"]:hover, #colophon .qardio-zend-lang-selector .dropdown-menu [role="menuitem"]:active {
	  color: #686868;
    background: #eee;
}

#colophon .menu-footer-menu-container {
    float: left;
    font-weight: 700;
    line-height: 25px;
    margin: 0;
  padding:0;
}


#colophon.footer{
        background: #231f20;
    overflow: hidden;
    margin: 0 auto;
    border-top: 1px solid #ededed;
    clear: both;
    font-size: 12px;
    font-size: 0.857142857rem;
    line-height: 2;
    margin-top: 1.714285714rem;
    margin-left: auto;
    margin-right: auto;
    font-weight: 200;
    padding: 0;
    font-family: "avenir_light",Helvetica,Arial,sans-serif;
}

.footer #colophon-container {
    padding:  20px 27px 0;

    max-width: 1280px;
    margin: 0 auto;
}

.footer-icon {
    background-color: #686868;
}

.footer-icon img {
    width: 28px;
    height: 28px;
}

.footer-icon,
.footer-icon:hover {
    -webkit-transition: all .17s ease-out;
    -moz-transition: all .17s ease-out;
    -o-transition: all .17s ease-out;
    transition: all .17s ease-out;
}

#icon-facebook:hover {
    background-color: #3b5998;
}

#icon-pinterest:hover {
    background-color: #cc2127;
}

#icon-googleplus:hover {
    background-color: #dd4b39;
}

#icon-twitter:hover {
    background-color: #55acee;
}

#icon-youtube:hover {
    background-color: #cd201f;
}

.header-inner,
.footer-inner {
    margin: 0 auto;
    padding: 0 20px;
    width: 980px;
    height: 100%;
}

main {
    margin: 60px auto 100px;
    padding: 0 47px;
    max-width: 1280px;
    width: 100%;
}


.footer .menu-footer-menu-container {
    float: left;
    font-weight: 700;
    line-height: 25px;
}

.footer  .menu-item.menu-item-has-children {
    display: inline-block;
    margin: 0 35px 0 0;
    vertical-align: top;
}
.footer .menu-item.menu-item-has-children:first-child {
    margin: 0 50px 0 0;
}
.footer  .menu-item.menu-item-has-children:first-child + .footer  .menu-item.menu-item-has-children {
    margin: 0 42px 0 0;
}

.footer .t-social-container{
    margin: 20px 0 0;
    text-align: right;
}

.footer .language-section{
    height: 14px;
    display: block;
}

.footer .menu-item.menu-item-has-children a[href="#"]{
    color: #fff;
    cursor: default;
}

.footer .menu-footer-menu-italian0-container{
    float: left;
    font-weight: 700;
    line-height: 25px;
    margin-right: 75px;
}
.footer .store {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
        padding: 0;
    margin: 0 0 0 37px;
}

.footer .store a{
    display: inline-block;
}

.footer .store a:first-child{
    margin: 0 10px 0 0;
}

.footer .copy {
    width: 100%;
    text-align: center;
    margin-top: 7px;
}

.footer .copy a {
    display: inline-block;
    margin-bottom: 5px;
}

.footer .copy-text {
    color: #808080;

    font-family: "avenir_light";
    font-weight: lighter;
    font-size: 12px;
    line-height: 27px;
}

.footer .footer-social-container{
    display: inline-block;
    float:right;
    clear: right;
}

.footer .follow_us {
    margin: 0 276px 0 0;
    position: absolute;
    top: 0;
    right: 0;
}
.b-social-box{
    text-align: right;
    margin: 30px 0 0;
    display: block;
    position: relative;
}

.footer .social_links {
    color: grey;
    font-size: 1em;
    line-height: 40px;
    vertical-align: middle;
    margin: 0;
   float: none;
}
.footer .nav-menu-footer a{
    font-size: 12px;
}
.footer .social_links span {
    font-family: "avenir_light";
    font-weight: lighter;
    font-size: 12px;
    margin-right: 5px;
    color: grey;
    text-transform: none;
    display: inline-block;
    vertical-align: middle;
}

.footer .social_links a {
    margin-left: 10px;
    display: inline-block;
    margin: 0 0 0 10px;
}

.footer .social_links img {
    border-radius:16px;
    width: 32px;
}

.footer .social_links img {
    filter: url("https://getqardio.com/wp-content/themes/qardio-3.0/images/grey_filter.svg#grayscale");  /*Firefox 4+*/
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray; /* IE 6-9 */

}

.footer .social_links img:hover {
    filter: none;
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
}

.footer .footer-newsletter{
    clear:none;
  float:none;
  margin-top:25px;
  height: 25px;
}


/* ====================================================
   Header
   ==================================================== */

.header {
    width: 100%;
    height: 100px;
    max-width: 1280px;
    position: relative;
    margin: auto;
    padding-left: 27px;
    padding-right: 27px;
}

.header-inner {
    width: 100%;
    height: 100%;
    background: url("//p3.zdassets.com/hc/theme_assets/484575/200013782/header-background-img.png");
    background-position: top;
    background-size: cover;
    overflow: hidden;
}

.header-form {
    width: 60%;
    max-width: 600px;
    min-width: 350px;
    height: 100%;
    margin: auto;
    position: relative;
    padding-top: 29px;
}

.logo {
    float: left;
}

.logo a {
    display: inline-block;
    line-height: 130px;
}

.logo img {
    max-height: 60px;
    vertical-align: middle;
}

.user-nav {
    margin: 12px auto;
    padding: 0 20px;
    width: 980px;
}

.user-nav:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.user-nav > a {
    border-left: 1px solid #ECECEC;
    border-left: 1px solid rgba(0, 0, 0, 0.07);
    float: right;
    font-size: 12px;
    line-height: 33px;
    margin-left: 15px;
    padding-left: 15px;
}

.user-nav > a.login {
    font-size: 13px;
    margin-left: 30px;
    padding: 0 15px;
}

.user-nav > a.my-activities {
    border: 0;
}

.user-info {
    display: block;
    float: right;
    margin-left: 30px;
}

.language-selector {
    display: inline-block;
}

.user-avatar {
    left: -5px;
    max-height: 20px;
    position: relative;
    top: -1px;
}

button,
[role=button],
[type=button],
[type=submit] {
    background: transparent;
    border: 1px solid #D1D1D1;
    border: 1px solid rgba(0, 0, 0, 0.17);
    border-radius: 2px;
    box-shadow: inset 0 -2px #F6F6F6;
    box-shadow: inset 0 -2px rgba(0, 0, 0, 0.03);
    color: #252525;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    height: 33px;
    line-height: 31px;
    padding: 0 10px;
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-transition: opacity 300ms ease;
    -moz-transition: opacity 300ms ease;
    -o-transition: opacity 300ms ease;
    transition: opacity 300ms ease;
}

input[type=submit][disabled] {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    /* IE 8 */
    
    opacity: 0.4;
}

a[role="button"]:hover {
    text-decoration: none;
}
/* ====================================================
   Dropdown Carets
   ==================================================== */

button,
[role=button],
[type=button],
[type=submit],
#user .dropdown-toggle {
    background: #ffffff;
    border-radius: 3px;
}

.dropdown {
    margin-bottom: 20px;
}

#user .dropdown-toggle:hover,
.comment-form-controls input[type=submit]:hover,
button:hover,
[role=button]:hover,
[type=button]:hover,
[type=submit]:hover {
    box-shadow: inset 0 -1px #ccc;
    text-decoration: none;
}

#user .dropdown-toggle:active,
.comment-form-controls input[type=submit]:active,
button:active,
[role=button]:active,
[type=button]:active,
[type=submit]:active {
    background: #eee;
}

.dropdown-toggle,
.dropdown-toggle:hover,
.dropdown-toggle:active,
.dropdown-toggle:visited {
    display: inline-block;
    color: #ffffff;
    font-family: "avenir_medium";
    text-transform: uppercase;
}

.dropdown-toggle:hover {
    text-decoration: none;
}

.dropdown-toggle:after {
    color: #468f48;
    content: "- Change";
    font-family: "avenir_light";
    font-size: 14px;
    margin-left: 5px;
    text-transform: none;
}

.section-subscribe .dropdown-toggle,
.article-subscribe,
.article-unsubscribe {
    background: #fafafa;
    color: #1a74b0;
    border: 0px;
    box-shadow: none;
}

.article-subscribe:hover,
.article-unsubscribe:hover {
    box-shadow: none;
}

.topic-follow [role=button],
.post-follow [role=button] {
    padding: 0 10px !important;
}
/* ====================================================
   Home
   ==================================================== */

.hero-unit {
    padding: 25px 60px 70px 60px;
}

.help-center-name {
    font-size: 35px;
    text-align: center;
    text-transform: uppercase;
}

#home-nav {
    background-color: blue;
    width: 100%;
    height: 50px;
}

#home-nav li {
    height: 100%;
    width: 100px;
    margin: 0 25px;
    padding: 0;
    display: inline-block;
}

#home-nav a {
    margin: 0;
    padding: 0;
    font-size: 16px;
    border: none;
}
/* ====================================================
   Search
   ==================================================== */

.search {
    display: block;
    float: left;
    position: relative;
}

.search:before {
    content: "\1F50D";
    font-family: "entypo";
    font-size: 25px;
    right: 18px;
    line-height: 30px;
    position: absolute;
    top: 20%;
    color: #b2b2b2;
}

#query {
    border: none;
}

#query:focus::-webkit-input-placeholder {
    color: transparent;
}

#query:focus::moz-placeholder {
    color: transparent;
}

form.search {
    width: 100%;
}

.search input[type=search] {
    border-radius: 0px;
    font-size: 18px;
    padding: 10px 45px 10px 20px;
    width: 100%;
}

.search input[type=text] {
    border-radius: 0px;
    font-size: 18px;
    padding: 10px 45px 10px 20px;
    width: 100%;
}

.search input[type=submit],
.search input[type=submit]:hover,
.search input[type=submit]:focus,
.search input[type=submit]:active {
    float: right;
    background-color: transparent;
    background-image: none;
    filter: none;
    border: none;
    padding: 0;
    margin: 0;
    color: transparent;
    margin-top: -42px;
    margin-right: 10px;
    height: 42px;
    width: 35px;
    border-radius: 0px;
    box-shadow: none;
}
/* ====================================================
   Navigation pages: Home, Category and Section
   ==================================================== */

.knowledge-base h1 {
    font-size: 30px;
    letter-spacing: 1px;
    margin-bottom: 10px;
    margin-top: 16px;
}

.knowledge-base p {
    text-align: center;
    font-size: 18px;
    margin-bottom: 60px;
}

.knowledge-base:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.community h4 {
    float: right;
    margin: 0;
}

[dir=rtl] .community h4 {
    float: left;
}

.trending-questions + h4 {
    margin-top: 65px;
}

.community,
.section-tree,
.subtle-wrap,
.article-sidebar section {
    padding: 20px 30px 0px;
    margin-top: 25px;
}

.article-sidebar div {
    margin-left: 30px;
    margin-right: 30px;
}

.subtle-wrap {
    margin-top: 15px;
}

.community .recent-activity {
    padding: 25px 20px;
    width: auto;
}

.community h2 {
    border-bottom: 1px solid #ECECEC;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    font-size: 16px;
    margin-bottom: 20px;
    margin-top: 0;
    padding-bottom: 12px;
    text-transform: uppercase;
}

.community h2 a {
    font-size: 12px;
    margin-left: 5px;
}

.community h4 a {
    font-size: 11px;
    font-weight: normal;
    margin-left: 5px;
}

.section-tree section {
    width: 45%;
    float: left;
    vertical-align: top;
    margin-top: 0px;
    margin-bottom: 60px;
    max-width: 450px;
    min-width: 360px;
}

.section-tree section:nth-child(odd) {
    margin-right: 10%;
}

.section-tree a,
.section-tree a:hover,
.section-tree a:active,
.section-tree a:visited {
    text-decoration: none;
}

.section-tree h3 {
    line-height: 28px;
}

.article-list a[aria-selected="false"] + article {
    display: none;
}

.knowledge-base h4:before,
.community h4:before {
    color: #ffffff !important;
    font-family: "entypo";
    font-size: 20px;
    margin-right: 10px;
    vertical-align: middle;
}

.article-list {
    margin: 25px 0px;
}

.article-list li,
.community li {
    margin-bottom: 0;
    padding-right: 30px;
}

.article-list li {
    line-height: 8px;
    margin-left: 10px;
    padding-left: 10px;
}

.article-list li a {
    font-size: 20px;
    font-family: "avenir_light";
    line-height: 28px;
    color: #4b4a4b !important;
}

.article-list li:hover > a,
.article-list a[aria-selected="true"] {
    color: #489f45 !important;
}

.article-list .article-body {
    margin-top: 25px;
}

article.article-body {
    margin-left: 30px;
    margin-bottom: 60px;
}

.article-body p {
    margin-bottom: 5px;
}

.article-body p,
.article-body a,
.article-body span,
.article-body span a,
.article-body li {
    font-size: inherit !important;
    line-height: 28px;
}

.category-list {
    width: 1140px;
    margin: auto;
    height: auto;
    transition: all .2 ease-in-out;
}

@media (max-width: 1194px) {
    .category-list {
        width: 760px;
    }
}

@media (max-width: 814px) {
    .category-list {
        width: 380px;
    }
}

.category-list li {
    width: 350px;
    height: 245px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 25px;
    display: block;
    overflow: hidden;
    text-align: center;
    color: #ffffff;
    float: left;
    font-weight: normal;
    background-position: center center;
}

.category-list li a {
    color: #ffffff !important;
    font-size: 28px;
    font-family: "avenir_light";
    padding: 11px;
    padding-top: 100px;
}

.category-list li a:hover {
    text-decoration: none;
}

.category-list li:after {
    content: "";
    width: 350px;
    height: 300px;
    margin: 0;
    margin-top: -149px;
    display: block;
    background-color: rgba(0, 0, 0, .5);
}

html[lang="it"] .category-list li:after {
    margin-top: -180px;
}

.category-list li:hover:after {
    background-color: rgba(0, 0, 0, 0);
}

.category-list li:nth-child(1) {
    background: url("//p3.zdassets.com/hc/theme_assets/484575/200013782/1support_page-09.png");
    background-position: center center;
}

.category-list li:nth-child(2) {
    background: url("//p3.zdassets.com/hc/theme_assets/484575/200013782/1support_page-06.png");
    background-position: center center;
}

.category-list li:nth-child(3) {
    background: url("//p3.zdassets.com/hc/theme_assets/484575/200013782/1support_page-07.png");
    background-position: center center;
}

.category-list li:nth-child(4) {
    background: url("//p3.zdassets.com/hc/theme_assets/484575/200013782/1support_page-05.png");
    background-position: center center;
}

.category-list li:nth-child(5) {
    background: url("//p3.zdassets.com/hc/theme_assets/484575/200013782/user-manual-thumb.png");
    background-position: center center;
}

.category-list li:nth-child(6) {
    background: url("//p3.zdassets.com/hc/theme_assets/484575/200013782/user-manual-thumb-QBASE_small_.png");
    background-position: center center;
}

.category-list li:nth-child(7) {
    background: url("//p3.zdassets.com/hc/theme_assets/484575/200013782/1support_page-08.png");
    background-position: center center;
}


.category-list li:nth-child(8) {
    background: url("//p3.zdassets.com/hc/theme_assets/484575/200013782/internal.png");
    background-position: center center;
}

.category-list li:nth-child(9) {
    background: url("//p3.zdassets.com/hc/theme_assets/484575/200013782/QardioMD_app.png");
    background-position: center center;
}

.category-list li:nth-child(10) {
    background: url("//p3.zdassets.com/hc/theme_assets/484575/200013782/QardioMD_app2.png");
    background-position: center center;
}

.section h3 a {
    font-family: "avenir_light";
    color: inherit;
    font-size: 28px;
    font-weight: light;
}

.article-promoted span {
    cursor: default;
    margin-right: 5px;
    position: relative;
}

.article-promoted span:before,
.article-promoted span:after {
    display: none;
    position: absolute;
}

.article-promoted span:hover:before,
.article-promoted span:hover:after {
    display: block;
}

.article-promoted span:before {
    background: #222;
    background: rgba(0, 0, 0, 0.85);
    border-radius: 4px;
    color: #ffffff;
    content: attr(data-title);
    left: -10px;
    margin-top: 5px;
    padding: 3px 10px;
    top: 100%;
    white-space: nowrap;
    z-index: 1;
}

.article-promoted span:after {
    border-bottom: 5px solid #222;
    border-bottom: 5px solid rgba(0, 0, 0, 0.85);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    bottom: -5px;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -5px;
    width: 0;
}

.category-description,
.section-description {
    color: #424240;
    font-size: 15px;
    line-height: 15px;
    margin-top: 0;
    margin-bottom: 30px;
}

.section-subscribe,
.section-unsubscribe {
    float: right;
    margin-top: 5px;
}

.category-list a,
.section-list a {
    color: inherit;
    display: inline-block;
    font-size: 18px;
    margin-bottom: 10px;
}
/* ====================================================
   Article
   ==================================================== */

.article-header h1 {
    text-transform: capitalize;
    font-size: 20px;
    margin-bottom: 5px;
}

.article-metadata {
    float: left;
    padding-left: 55px;
    position: relative;
}

.article-avatar {
    left: 0;
    position: absolute;
    top: 0;
}

.article-avatar img {
    max-height: 38px;
    max-width: 38px;
}

.article-updated {
    color: #8E8E8E;
    font-size: 12px;
    margin-top: 5px;
}

.article-subscribe,
.article-unsubscribe {
    float: right;
}
/* ====================================================
   Article - Sidebar
   ==================================================== */

.article-sidebar {
    margin-top: -4px;
}

.article-sidebar h3 {
    border-bottom: 1px solid #ECECEC;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    font-size: 20px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    margin-top: 0;
    text-transform: uppercase;
}

.article-sidebar section ul li a {
    font-size: 16px;
    line-height: 1.4;
}

.article-sidebar section.phone-number a {
		color: #4b4f54 !important;
    text-decoration: none;
  	position: relative;
  	padding-left: 35px;
}

.article-sidebar section.phone-number a:hover,
.article-sidebar section.phone-number a:active {
		color: #46a447 !important;
    text-decoration: none;
}

.article-sidebar section.phone-number a::before {
	content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 25px;
	height: 25px;
	vertical-align: middle;
	background: url('http://p3.zdassets.com/hc/theme_assets/484575/200013782/us_flag.png') no-repeat;
	background-size: contain;
}

.article-body,
.section-area .article-list {
    margin-top: 6px;
}

.article-body {
    font-size: 18px;
    line-height: 22px;
    word-wrap: break-word;
    color: #4b4f54;
}

.article-list > li {
    margin-bottom: 15px;
}

.article-list li .article-body a,
.article-list li .article-body a:visited {
    color: #46a447 !important;
    text-decoration: none;
}

.article-list li .article-body a:hover,
.article-list li .article-body a:active {
    color: #46a447 !important;
    text-decoration: underline;
}

.article-body img {
    margin: 15px 0;
    height: auto;
    max-width: 100%;
    padding: 3px;
}

.article-body pre {
    background: #FBFBFB;
    background: rgba(0, 0, 0, 0.02);
    border: 1px solid #ECECEC;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 3px;
    padding: 10px 15px;
    overflow: auto;
    white-space: pre-wrap;
}

.article-body blockquote {
    border-left: 1px solid #ECECEC;
    border-left: 1px solid rgba(0, 0, 0, 0.07);
    color: #8E8E8E;
    font-style: italic;
    margin: 20px 0;
    padding-left: 20px;
}

.article-body ul,
.article-body ol {
    color: #4b4f54;
    margin: 20px 0 20px 20px;
    list-style-position: outside;
    font-size: inherit !important;
}

.article-body li > ul,
.article-body li > ol {
    margin: 0 0 0 20px;
}

.article-body ul {
    list-style-type: disc;
}

.article-body ol {
    list-style-type: decimal;
}

.article-body li {
    margin-right: 20px;
    font-size: 14px;
}

.article-body table {
    table-layout: fixed;
}

.article-body table td {
    padding-left: 20px;
  font-weight:200;
}

.article-footer {
    margin: 50px 0 25px;
}

.article-footer .share {
    float: right;
}

.article-vote {
    float: left;
    position: relative;
}

.article-vote-count {
    position: absolute;
    left: 100%;
    margin-left: 106px;
    top: 4px;
    width: 300px;
}

.article-vote small {
    color: #8E8E8E;
    display: block;
}

.article-vote a:hover {
    text-decoration: none;
}

.article-vote-controls {
    position: absolute;
    right: -85px;
    top: 1px;
}

.article-vote-up,
.article-vote-down {
    background: #d5d5d5;
    color: inherit;
    font-family: "entypo";
    border: none;
    border-radius: 50%;
    box-shadow: none;
    line-height: 30px;
    height: 30px;
    width: 30px;
    padding: 0 10px;
}

.article-vote-up:before {
    color: #fafafa;
    content: "\1f44d";
}

.article-vote-down:before {
    color: #fafafa;
    content: "\1f44e";
}

.article-voted {
    box-shadow: inset 1px 1px 5px #666;
    opacity: 1;
}

.article-vote-up.article-voted {
    box-shadow: inset 1px 1px 5px #526F00;
    background-color: #6B9100 !important;
}

.article-vote-down.article-voted {
    box-shadow: inset 1px 1px 5px #99260E;
    background-color: #b7391e !important;
}

.article-more-questions {
    margin-top: 20px;
    margin-bottom: 30px;
}

.article-comments {
    margin-top: 50px;
}

.article-comments .subtle-wrap {
    padding: 30px 30px 5px;
}

.recent-articles li,
.related-articles li {
    margin-bottom: 10px;
}
/* ====================================================
Forms
==================================================== */

label {
    display: inline-block;
    font-size: 12px;
    vertical-align: middle;
}

input[type=checkbox] + label {
    display: inline-block;
    margin-left: 5px;
}

input,
textarea {
    border: 1px solid #DBDBDB;
    border: 1px solid rgba(0, 0, 0, 0.13);
    outline: none;
    padding: 10px;
    vertical-align: middle;
}

textarea {
    height: 100px;
    padding: 7px 10px;
    resize: vertical;
}

textarea,
input[type=text] {
    width: 100%;
}

input,
textarea,
select {
    color: #252525;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
}
/* ====================================================
   Comments - Used in the Article page and Request page
   ==================================================== */

.comment,
.comment-form {
    position: relative;
    padding-bottom: 40px;
}

.comment-avatar img {
    border-radius: 3px;
    max-width: 70px;
    max-height: 70px;
}
/*
 * Column size
 */

.main-column {
    float: left;
    max-width: 618px;
    width: 100%;
}

.side-column {
    float: right;
    width: 298px;
}

.visibility-internal-icon:before {
    content: "\1F512";
    display: inline-block;
    font-family: "entypo";
    text-align: center;
    width: 13px;
}

.article-promoted span,
.visibility-internal {
    cursor: default;
    position: relative;
}

.article-promoted span:before,
.article-promoted span:after,
.visibility-internal:before,
.visibility-internal:after {
    display: none;
    font-size: 13px;
    font-weight: normal;
    position: absolute;
}

.article-promoted span:before,
.visibility-internal:before {
    background: #222;
    border-radius: 3px;
    color: #ffffff;
    content: attr(data-title);
    font-family: sans-serif;
    left: -10px;
    margin-top: 5px;
    padding: 3px 10px;
    text-transform: none;
    top: 100%;
    white-space: nowrap;
    z-index: 1;
}

.article-promoted span:after,
.visibility-internal:after {
    border-bottom: 5px solid #222;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    bottom: -5px;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -5px;
    width: 0;
}

.article-promoted span:hover:before,
.article-promoted span:hover:after,
.visibility-internal:hover:before,
.visibility-internal:hover:after {
    display: block;
}

.article-body td {
    border-width: 1px;
}
/* Comments - Article, Request and Post pages 
-----
.comment-list {
  margin-bottom: 25px;
}
    .comment-list > * {
      border-bottom: 1px solid #eeeeee;
      padding: 25px 0;
    }
    .comment-list > *:first-child {
      border-top: 1px solid #eeeeee;
    }

.comment-sorter {
  float: right;
}
    .comment-sorter a {
      color: #999;
      text-decoration: none;
      padding-left: 20px;
    }
    [dir=rtl] .comment-sorter {
      float: left;
    }
    [dir=rtl] .comment-sorter a {
      padding-left: 0;
      padding-right: 20px;
    }

    .comment-sorter [aria-selected=true] {
      font-weight: bold;
      color: #333;
    }

.comment, .comment-form {
  display: table;
  table-layout: fixed;
  width: 100%;
}
    .comment > *, .comment-form > * {
      display: table-cell;
      vertical-align: top;
    }

    .comment-vote, .comment-bookmark {
      text-align: center;
      width: 50px;
    }

.comment-bookmark:before {
  color: #77a500;
  content: "\1F516";
  font-family: "entypo";
  font-size: 23px;
  line-height: 1.1;
}

.comment-avatar {
  position: relative;
  width: 85px;
}
    .comment-avatar img {
      border-radius: 3px;
      max-width: 65px;
      max-height: 65px;
    }
    .comment-avatar-agent:after {
      background-color: transparent;
      background-image: url(/hc/assets/agent-marker.png);
      background-image: url(/hc/assets/agent-marker.svg);
      background-repeat: no-repeat;
      background-size: 15px;
      content: " ";
      height: 15px;
      left: 55px;
      position: absolute;
      top: 55px;
      width: 15px;
    }
    [dir=rtl] .comment-avatar-agent:after {
      left: auto;
      right: 55px;
    }

.comment-header {
  margin-bottom: 15px;
}

.comment-published, .comment-pending, .comment-official {
  border: 1px solid transparent;
  float: right;
  font-size: 11px;
  padding: 1px 5px;
}
[dir=rtl] .comment-published, [dir=rtl] .comment-pending, [dir=rtl] .comment-official {
  float: left;
}

.comment-published {
  color: #bebebe;
}
.comment-published:before {
  content: " ";
  display: inline-block;
  width: 5px;
}

.comment-pending, .comment-official {
  border-color: currentcolor;
  border-radius: 2px;
}

.comment-pending {
  color: #eec100;
}

.comment-official {
  color: #77a500;
}

.comment-form textarea {
  border-radius: 2px 2px 0 0;
  border-width: 1px;
}

.comment-attachments {
  border: 1px solid #dddddd;
  margin-top: -1px;
  padding: 10px;
}

.comment-form-controls {
  display: none;
  margin-top: 10px;
  text-align: right;
}

.comment-form-controls input[type=submit] {
  margin-left: 15px;
}
[dir=rtl] .comment-form-controls input[type=submit] {
  margin-left: 0;
  margin-right: 15px;
}

.comment-screencasts, .comment-mark-as-solved {
  display: inline-block;
  margin-right: 20px;
  vertical-align: middle;
}
[dir=rtl] .comment-screencasts, [dir=rtl] .comment-mark-as-solved {
  margin-left: 20px;
}

.comment-actions {
  float: right;
  color: #999999;
}
[dir=rtl] .comment-actions {
  float: left;
}

.comment-actions .dropdown-toggle:before {
  content: "\2699";
  font-size: 11px;
  font-family: "entypo";
}
*/

.attachment-list,
.screencast-list {
    font-size: 11px;
    margin-top: 25px;
}

.attachment-list span,
.screencast-list span {
    color: #999999;
}

[dir=rtl] .attachment-list span,
[dir=rtl] .screencast-list span {
    direction: rtl;
    unicode-bidi: bidi-override;
}

.attachment-list li,
.screencast-list li {
    margin-bottom: 10px;
}

.attachment-list li:before,
.screencast-list li:before {
    background: #f9f9f9;
    border-radius: 3px;
    color: #bbb;
    font-family: "entypo";
    margin-right: 5px;
    padding: 5px;
}

.attachment-list li:before {
    content: "\1F4CE";
}

.screencast-list li:before {
    content: "\1F4BB";
}

.my-activities-header {
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 25px;
    padding: 25px 0;
}

.my-activities-header .breadcrumbs li {
    color: black;
    font-size: 20px;
}

.my-activities-header .breadcrumbs li:first-child,
.my-activities-header .breadcrumbs li:before {
    display: none;
}

.my-activities-nav {
    margin-bottom: 100px;
}

.my-activities-sub-nav {
    margin-bottom: 15px;
}

.request-table-toolbar {
    background: #f9f9f9;
    display: table;
    padding: 8px;
    width: 100%;
}

.request-table-filters {
    display: table-cell;
    text-align: right;
}

[dir=rtl] .request-table-filters {
    text-align: left;
}

.request-table-filters label:before {
    content: " ";
    width: 25px;
    display: inline-block;
}

.request-filter option {
    font-family: "avenir_roman", Helvetica, Arial, sans-serif;
}

.requests-search {
    outline: none;
    padding: 6px 15px;
}

.request-id {
    color: #bebebe;
}

.request-details {
    background: #f9f9f9;
    border: 1px solid #eeeeee;
    border-radius: 3px;
    font-size: 12px;
    margin: 0 0 30px;
    padding: 15px 20px;
}

.request-details dt ~ dt {
    font-weight: bold;
    margin-top: 15px;
}

.request-details dd {
    margin: 2px 0 0;
    word-wrap: break-word;
}

.request-details dd ul {
    margin: 10px 0;
}

.request-details dd li {
    list-style-type: disc;
    list-style-position: inside;
    margin: 0 0 3px 0;
}

.request-details .nested-field-tag:before {
    content: " > ";
}

.request-details .nested-field-tag:first-child:before {
    content: "";
}

.request-status {
    color: #ffffff;
    border-radius: 3px;
}

.request-open {
    background: #59BBE0;
}

.request-answered {
    background: #F5CA00;
}

.request-solved {
    background: #828282;
}

.form-field label,
.form-field.required label {
    font-weight: inherit;
    font-size: 18px;
    color: #4B4E53;
}

.form-field.required label:after {
    color: #489f45;
}

.request-form footer input[type="submit"],
.request-form footer input[type="submit"]:hover,
.request-form footer input[type="submit"]:active,
.request-form footer input[type="submit"]:visited {
    border-radius: 0px;
    border: none;
    box-shadow: none;
    text-transform: uppercase;
    text-decoration: none;
    background-image: none;
    background-color: #489f45;
    color: #ffffff;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: normal;
    font-family: "avenir_roman";
    padding-left: 15px;
    padding-right: 15px;
}
/* Community heading */

.community-heading {
    font-size: 18px;
    margin: 0;
    width: 100%;
}
/* Community nav */

.community-nav {
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 55px;
    padding: 25px 0;
}

.community-nav li {
    display: inline-block;
    font-weight: bold;
    padding-right: 30px;
}

.community-nav li a {
    font-weight: normal;
}

.community-nav li + li {
    border-left: 1px #eeeeee;
    padding-left: 30px;
}

.community-nav li:last-child {
    border: 0;
    float: right;
    margin: 0;
    padding: 0;
    position: relative;
    top: -5px;
}

[dir=rtl] .community-nav li:last-child {
    float: left;
}

.community-nav li:last-child a {
    color: #489f45;
}

.community-nav li:last-child a:before {
    content: "\270E";
    font-family: "entypo";
    font-size: 14px;
    margin-right: 10px;
    vertical-align: middle;
}

[dir=rtl] .community-nav li:last-child a:before {
    margin-right: 0;
    margin-left: 10px;
}
/* Community sub-nav */

.community-sub-nav {
    border-bottom: 1px solid #eeeeee;
    padding: 15px 0;
    position: relative;
    width: 800px;
}

.community-sub-nav li {
    display: inline-block;
    font-weight: bold;
    padding-right: 15px;
}

.community-sub-nav li a {
    font-weight: normal;
}

.community-sub-nav li + li {
    padding-left: 15px;
}

.community-sub-nav .topic-add {
    position: absolute;
    right: 0;
    top: 10px;
}
/* Topics/questions/answers */

.topic {
    display: inline-block;
    width: 49.5%;
    padding: 20px 30px 20px 0;
    vertical-align: top;
}

.topic-header,
.question-header {
    border-bottom: 1px solid #eeeeee;
    display: table;
    padding-bottom: 10px;
}

.topic-header > *,
.question-header > * {
    display: table-cell;
    vertical-align: middle;
}

.topic-header .topic-meta,
.question-header .question-meta {
    padding: 0 15px;
    white-space: nowrap;
}

.topic-heading,
.question-heading,
.answer-list-heading {
    font-weight: bold;
    font-size: 13px;
    width: 100%;
}

.topic-heading {
    font-size: 18px;
}

.topic-questions {
    margin-top: 45px;
}

.topic-description {
    word-break: break-word;
}
/* Question ------
.question, .answer {
  border-bottom: 1px solid #eeeeee;
  padding: 20px 0;
  position: relative;
}

.question-form .nesty-input {
  max-width: none;
}

.question-avatar, .answer-avatar {
  display: table-cell;
  margin-right: 10px;
  min-width: 50px;
  position: relative;
  vertical-align: top;
}

.question-avatar-agent:after, .answer-avatar-agent:after {
  background-color: transparent;
  background-image: url(/hc/assets/agent-marker.png);
  background-image: url(/hc/assets/agent-marker.svg);
  background-repeat: no-repeat;
  background-size: 14px;
  position: absolute;
  width: 15px;
  height: 15px;
  left: 30px;
  top: 30px;
  content: " ";
}

.question-avatar img, .answer-avatar img {
  border-radius: 3px;
  max-height: 38px;
  max-width: 38px;
}

.question-body, .answer-body, .answer-official-body {
  display: table-cell;
  vertical-align: top;
  width: 100%;
}

.question-body .answer-official-body {
  vertical-align: top;
  width: 100%;
}

.question-body p, .answer-body p, .answer-official-body p {
  margin: 0 0 5px;
}

.question-body .question-meta, .answer-body .answer-meta, .answer-official-body .answer-meta {
  float: left;
}

.question .answer {
  border: none;
  padding-bottom: 0;
}

.question-topic-list {
  margin: -20px 0 30px;
}

.question-topic-list li {
  display: inline-block;
  margin: 10px 10px 0 0;
}

.question-topic-list a {
  background: #f6f6f6;
  background: rgba(0, 0, 0, 0.02);
  border-radius: 5px;
  color: #cccccc;
  display: inline-block;
  font-size: 11px;
  padding: 7px 15px;
}

.question-title, .topic-title {
  margin: -3px 0 5px;
  font-size: 15px;
}

.question-title a, .topic-title a {
  font-weight: lighter;
}

.question-meta, .answer-meta, .topic-meta {
  color: #cccccc;
  font-size: 11px;
}

.topic-meta span + span:before, .question-meta span + span:before, .answer-meta span + span:before {
  content: "\2022";
  font-size: 10px;
  margin: 0 10px;
}

.answer-form {
  margin: 30px 0 0 95px;
}

.answer-form-controls {
  display: none;
  margin-top: 10px;
  text-align: right;
}

.answer-form-controls input[type=submit] {
  margin-left: 15px;
}

.answer-form-controls .pull-left {
  float: left;
}

.answer-official-heading {
  font-size: 13px;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 20px;
  border-bottom: 0px;
}

.answer-list-heading {
  border-bottom: 1px solid #eeeeee;
  margin-top: 30px;
  padding-bottom: 20px;
}

.pending-moderation-answer-badge {
  clear: both;
  border-style: solid;
  border-width: 1px;
  border-color: #c7aa2b;
  color: #c7aa2b;
  padding: 3px 5px;
  float: left;
  margin-top: 10px;
  font-size: 12px;
}

.question-share, .answer-share {
  position: relative;
}

*/

.related-questions-header {
    border-bottom: 1px solid #eeeeee;
}

.related-questions-heading {
    margin-top: 3px;
}

.related-questions li {
    margin-top: 10px;
    margin-bottom: 10px;
}
/* ====================================================
   Vote
   ==================================================== */

.vote {
    display: table-cell;
    margin-left: 15px;
    margin-right: 10px;
    min-width: 95px;
    vertical-align: top;
}

.vote-sum,
.vote-controls {
    display: inline-block;
    vertical-align: middle;
}

.vote-sum {
    font-size: 15px;
    font-weight: bold;
    min-width: 60px;
    padding-left: 10px;
    text-align: center;
}

.vote-controls {
    border-radius: 5px;
}

.vote-controls a {
    background: #ffffff;
    border-color: #f6f6f6;
    box-shadow: none;
    color: #bebebe;
    display: block;
    font-family: "entypo";
    font-size: 13px;
    height: 18px;
    line-height: 18px;
    padding: 0 6px;
}

.vote-up {
    border-radius: 5px 5px 0 0;
}

.vote-down {
    border-radius: 0 0 5px 5px;
    border-top: 0;
}

.vote-up:before {
    content: "\E763";
}

.vote-down:before {
    content: "\E760";
}

.vote-controls:hover {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}

.vote-controls:hover a {
    background: #ffffff;
    border-color: #A6A6A6;
    color: #BBB;
}

.vote-controls a:hover,
.vote-controls [aria-selected=true] {
    background: #f6f6f6;
    color: #333;
}

.vote-controls a:active {
    background: #CCC;
    color: #111;
}
/* ====================================================
   Accept
   ==================================================== */

.answer-accept {
    color: #BBB;
    font-size: 15px;
    max-width: 15px;
    overflow: hidden;
    padding-top: 7px;
    position: absolute;
    white-space: nowrap;
}

.answer-accept:hover {
    text-decoration: none;
}

.answer-accept:before {
    content: "\2713";
    font-family: "entypo";
    margin-right: 5px;
}

.answer-accepted .answer-accept,
.answer-accepted .vote-sum {
    color: green;
}
/* ====================================================
   Admin Controls
   ==================================================== */

.topic-controls,
.question-controls,
.answer-controls {
    float: right;
    font-size: 11px;
}

.topic-edit:before,
.question-delete:before,
.question-mark-as-spam:before,
.answer-delete:before,
.answer-mark-as-spam:before {
    color: #cccccc;
    content: "\2022";
    font-size: 10px;
    margin-left: -16px;
    margin: 0 8px;
    pointer-events: none;
    position: relative;
    display: inline-block;
}

body.community-enabled .search-results-column {
    display: inline-block;
    vertical-align: top;
    width: 450px;
}

body.community-enabled .search-results-column + .search-results-column {
    margin-left: 35px;
}

[dir=rtl] body.community-enabled .search-results-column + .search-results-column {
    margin-left: 0;
    margin-right: 35px;
}

.search-results-subheading {
    padding-bottom: 10px;
    margin-bottom: 0;
}

.search-results-subheading-link {
    font-size: 13px;
    font-weight: normal;
    margin-left: 5px;
}

.search-results-list {
    margin-bottom: 25px;
}

.search-results-list > * {
    border-bottom: 1px solid #eeeeee;
    padding: 20px 0;
}

.search-results-list > *:first-child {
    border-top: 1px solid #eeeeee;
}

.search-result-meta a,
.search-result-meta a:visited,
.search-result-description a,
.search-result-description a:visited {
    color: #4b4a4b !important;
}


.search-result-link,
.search-result-link:hover,
.search-result-link:active,
.search-result-link:visited,
.search-result a:hover,
.search-result a:active {
    color: #46a447 !important;
}

.search-result-link {
    font-size: 20px;
}

.search-result-description,
.search-result-meta {
    padding-top: 16px;
}

.search-result-meta-name,
.search-result-meta-time,
.search-result-meta-count {
    font-size: 12px;
    color: #bebebe;
}

.search-result-meta-time:before,
.search-result-meta-count:before {
    display: inline-block;
    padding-right: 5px;
    content: '\2022';
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.search-result-votes {
    background: #A8D119;
    border-radius: 2px;
    color: #ffffff;
    display: inline-block;
    line-height: 1;
    margin-left: 5px;
    padding: 4px 5px;
    position: relative;
    top: -2px;
}

.search-result-votes:before {
    content: "\1F44D";
    font-family: "entypo";
    margin-right: 3px;
}
/* ====================================================
   Chat & Errors
   ==================================================== */

.chat {
    background: #f6f6f6;
    border: 1px solid #E0E0E0;
    border-bottom: 0;
    border-radius: 5px 5px 0 0;
    bottom: 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    font-size: 13px;
    line-height: 35px;
    padding: 0 15px;
    position: fixed;
    right: 85px;
    -webkit-transition: bottom .5s ease-in, color .5s ease-in;
    -moz-transition: bottom .5s ease-in, color .5s ease-in;
    -ms-transition: bottom .5s ease-in, color .5s ease-in;
    -o-transition: bottom .5s ease-in, color .5s ease-in;
    transition: bottom .5s ease-in, color .5s ease-in;
}

.chat:before {
    content: "\E720";
    font-family: "entypo";
    font-size: 16px;
    margin-right: 10px;
    vertical-align: middle;
}

.chat:hover {
    text-decoration: none;
}

.chat-available {
    bottom: 0;
}

.chat-unavailable {
    color: gray;
    cursor: default !important;
    bottom: -50px;
}

.error-page {
    margin: 100px auto 200px;
    max-width: 500px;
}

.error-page h1 {
    font-size: 52px;
    margin-bottom: 20px;
}

.error-page h2 {
    font-size: 16px;
    margin-bottom: 5px;
}

.error-page > a {
    display: block;
    margin-top: 25px;
}
/* ====================================================
   Recent Activity
   ==================================================== */

.recent-activity {
    background: #f9f9f9;
    border-radius: 5px;
    width: 270px;
}

.recent-activity-header {
    margin-top: 0;
    font-size: 15px;
}

.recent-activity-item ~ .recent-activity-item {
    margin-top: 15px;
}

.recent-activity-item-parent {
    color: #424240;
    font-size: 12px;
    text-decoration: none;
    display: block;
}

.recent-activity-item-parent:hover {
    text-decoration: underline;
}

.recent-activity-item-link {
    display: block;
}

.recent-activity-item-meta {
    font-size: 12px;
    color: #999999;
}

.recent-activity-item-time {
    display: inline-block;
}

.recent-activity-item-comment {
    display: none;
}

.recent-activity-item-comment:before {
    display: inline-block;
    content: "\2022";
}

.recent-activity-item-comment span:before {
    font-family: "entypo";
    content: "\00a0\00a0\e718";
    display: inline-block;
    vertical-align: middle;
    padding-right: 3px;
}

[data-recent-activity-action="article_comment_added"] .recent-activity-item-comment,
[data-recent-activity-action="post_comment_added"] .recent-activity-item-comment,
[data-recent-activity-action="answer_added"] .recent-activity-item-comment {
    display: inline-block;
}

.recent-activity-controls,
.recent-activity-loader {
    padding-top: 20px;
    font-size: 12px;
}

.recent-activity-loader {
    display: inline-block;
    position: relative;
}

.recent-activity-loader:before {
    display: block;
    position: absolute;
    content: "\0020";
    width: 50%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #f9f9f9 50%, rgba(255, 255, 255, 0) 100%);
    animation: recent-activity-loader 0.5s infinite;
    -webkit-animation: recent-activity-loader 0.5s infinite;
}
/* ====================================================
   Submit a request Button
   ==================================================== */

.submit_a_request-wrapper {
    width: 100%;
    max-width: 1110px;
    background: #eaebed;
    padding: 20px;
    margin: auto;
    margin-top: 20px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
  	flex-direction: column;
  	-webkit-flex-direction: column;
}

.submit-a-request,
.submit-a-request:hover,
.submit-a-request:active,
.submit-a-request:visited {
    width: 200px;
    height: 42px;
    margin: auto;
    position: relative;
    padding-top: 8px;
    padding-bottom: 8px;
    font-family: "avenir_roman";
    font-size: 15px;
    letter-spacing: normal;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 26px;
    color: #ffffff !important;
    background-color: #4a4a4a;
    text-align: center;
    display: inline-block;
}

.submit_a_request_phone-number {
	width: 200px;
  margin: 25px auto 0 auto;
  text-align: center;
}

.submit_a_request_phone-number a{
 	color: #4B4E53 !important;
  height: 24px;
    line-height: 26px;
    vertical-align: bottom;
    display: inline-block;
  
}

.submit_a_request_phone-number a:hover{
  text-decoration: none;
}

.submit_a_request-flag {
  width: 24px;
    height: 24px;
    display: inline-block;
    background: url(//p3.zdassets.com/hc/theme_assets/484575/200013782/usa-flag-round.svg );
    background-size: cover;
    line-height: 16px;
    vertical-align: middle;
    margin-right: 5px;
}

@keyframes recent-activity-loader {
    0% {
        left: 0;
    }
    100% {
        left: 100%;
    }
}

@-webkit-keyframes recent-activity-loader {
    0% {
        left: 0;
    }
    100% {
        left: 100%;
    }
}
/* ====================================================
   Media Queries
   ==================================================== */
@media (min-width:1280px){
  .section-tree section:nth-child(odd) {
      margin-right: 20%;
  } 
}
@media (max-width: 1024px) {
    .article-sidebar.side-column {
        float: left;
        margin-top: 50px;
        width: 100%;
    }
    .article-sidebar > div,
    .article-sidebar section {
        display: inline-block;
        vertical-align: top;
        margin-top: 20px;
        padding-top: 20px;
    }
    .article-sidebar section {
        max-width: 250px;
    }
}

@media (max-width: 988px) {
    .search input[type=search],
    .search input[type=text] {
        font-size: 16px;
    }
    .no-border .border-bottom > a {
        font-weight: normal;
        font-size: 12px;
    }
}

@media (max-width: 850px) {
    .article-sidebar.side-column {
        width: 50%;
        min-width: 260px;
    }
}

@media (max-width: 767px) {
    .section-tree {
        margin-top: 0px;
        padding-top: 5px;
    }
    .category-list li a,
    .section-tree h2 {
        font-size: 24px;
    }
    .section-tree section {
        margin-bottom: 40px;
    }
    .article-list > li {
        margin-bottom: 5px;
    }
    .article-list {
        margin: 10px 0px;
    }
    .article-list li a,
    .section h3 a,
    .article-header h1,
    .my-activities-header .breadcrumbs li {
        font-size: 18px;
    }
    .article-list li a,
    .breadcrumbs li,
    .breadcrumbs li a,
    .article-body {
        font-size: 16px;
    }
    . .community h2,
    .article-sidebar h3 {
        font-size: 14px;
    }
    body {
        font-size: 12px;
    }
    .community h2 a,
    .article-updated {
        font-size: 11px;
    }
  	#colophon .qardio-zend-lang-selector {
		  	float: none;
		}
  	#colophon .qardio-zend-lang-selector .dropdown-menu {
				left: 0;
    		right: auto;
    		width: 100%;
    		max-width: 300px;
		}
  	.footer .footer-newsletter {
			margin-top: 0;
      border: none;
		}
}

@media (max-width: 460px) {
    .header {
        padding-left: 17px;
        padding-right: 17px;
    }
    .header-form {
        width: 90%;
        min-width: 200px;
    }
    ul.category-list {
        width: 100%;
    }
    .category-list li,
    .category-list li:after {
        width: 100%;
        max-width: 460px;
        margin-left: 0%;
        margin-right: 0%;
        margin-left: 0;
        margin-right: 0;
    }
    main {
        padding: 0 17px;
    }
    .section-tree section {
        width: 100%;
        min-width: 100px;
    }
    .section-tree section:nth-child(odd) {
        margin-right: 0%;
    }
    .article-list li {
        padding-right: 0px;
    }
    .article-footer {
        max-width: 300px;
    }
    .article-sidebar.side-column {
        width: 100%;
    }
    .article-sidebar section {
        max-width: 100%;
    }
}



@media(max-width: 1260px){
    #colophon .menu-footer-menu-container{
        padding: 0;
        float:none;
    }
    .footer .copy{
        float: left;
        width: auto;
        text-align: left;
        vertical-align: bottom;
        line-height: 170px;
        margin: 0;
        min-height: 170px;
        display: table;
        height: 170px;
    }

    .footer .copy-text{
        margin: 0;
    }

    .footer .t-social-container {
        display: inline-block;
        vertical-align: top;
        float: right;
        margin: 0;
    }

    /*.footer .language-section {
        display: none;
    }*/

   .footer  .footer-newsletter{
        position: relative;
    }

   .footer .footer-newsletter .emailMessage{
        position: absolute;
        text-align: left;
        top: -34px;
    }


   .footer .copy-inner {
        line-height: 1.4em;
        display: table-cell;
        vertical-align: bottom;
    }

    #colophon .follow_us{
        display: block;
        margin: 0 0 20px;
        position: static;
    }
    #colophon .store{
        clear: none;
        display: block;
        float: none;
        margin: 0 0 30px;
    }
    .footer .footer-newsletter {
        margin-top: 20px;
    }
    .footer .footer-newsletter input[type=text]{
        min-width: 288px;
    }
    .footer .b-social-box {
        text-align: left;
        margin: 5px 0 0;
        display: block;
    }

}

@media (min-width: 767px) and (max-width: 910px) {
  #colophon .store {
		clear: both;
	}
  #qardio-logo .brandLogo {
		max-width: 100px;
	}
  .ddmenu ul {
		top: 10px;
	}
	html[lang="it"] #qardionav #qardio-menu #store,
  html[lang="it"] #qardionav #qardio-menu.uk-navbar-nav > li > a {
		padding: 0 12px;
	}
}


@media(max-width: 760px){
    .footer #colophon-container {
        padding: 31px 28px 30px 35px;
    }
    .footer .menu-footer-menu-container{
        float: none;
    }
    .footer .menu-item.menu-item-has-children,
    .footer .menu-item.menu-item-has-children:first-child,
    .footer .menu-item.menu-item-has-children:first-child + .menu-item.menu-item-has-children{
        margin: 0 0 22px 0;
        display: block;
    }
    .footer .nav-menu-footer a {
        line-height: 1.6em;
    }
    .footer .t-social-container{
        display: block;
        float: none;
    }
    .footer .t-social-container{
        text-align: left;
    }
    .footer .copy {
        display: block;
        float: none;
        height: auto;
        line-height: 1.4em;
        min-height: 1px;
        position: static;
    }

    .footer .footer-newsletter .emailMessage{
        position: static;
    }
    .footer .footer-newsletter {
       /* margin-top: 19px;*/
        padding-top: 24px;
        /*border-top: 1px solid #808080;*/
    }
}


.article-body p, .article-body a, .article-body span, .article-body span a, .article-body li{
 font-family: 'avenir_light'; 
  
}