@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.ttf') format('truetype'),
    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.woff') format('woff'),
    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.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/fonts/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;
}


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

#qardionav {
    font-family: "avenir_roman", Helvetica, Arial, sans-serif;
    font-weight: 200;
    z-index: 90;
    background-color: #ffffff;
}

#qardionav a {
    text-decoration: none;
}

/*---- NAVIGATION FIX LAYOUT------------*/

.items-container-container{
    display: block;
    /*overflow: hidden;*/
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    padding: 0 27px;
    margin-top: 1px;
}
.items-container{
    width: 100%;
    height: 28px;
    position: relative;
    border-bottom: 1px solid #bbbdbe;
    box-sizing: content-box;
    padding-bottom: 10px;
    z-index: 1005;
}
.items-container>*{
    position: absolute;
    display: inline-block;
}
.items-container>#qardio-logo{
    left: 0;
    /*margin-left: 27px;*/
}
.items-container>#qardio-menu{
    right: 0;
    /*margin-right: 27px;*/
}

.mobile-navigation{
    padding: 0;
    border-bottom: 1px solid #bbbdbe;
}


@media (min-width: 989px) {
    #qardio-menu>li>a {
        display: inline-block;
        text-align: left;
        margin-top: 0;
        width: auto;
        float: left;
        font-size: 14px;
        text-decoration: none;
        text-outline: none;
    }
}

@media (min-width: 768px) and (max-width: 1000px){

    .uk-navbar-nav > li > a{
        padding: 0 10px;
    }

}

@media (max-width: 460px) {

    .items-container-container {
        border-bottom: 1px solid #bbbdbe;
    }

    .mobile-navigation{
        border: 0;
    }
}

/*-------------------------END--------------------- NAVIGATION FIX LAYOUT------------*/

/* ******************** NAVIGATION ******************** */
#qardionav.uk-navbar {
    height: 58px;
    padding: 44px 0 0;
    background: #ffffff;
    z-index: 500;
    border: 0;
    border-radius: 0;
}

#qardionav .uk-navbar-brand{
    margin-bottom: -1px;
}

#qardionav.uk-navbar div {
    /*padding-top: 18px;*/
}

#qardionav.uk-navbar div .uk-navbar-nav{
    margin-top:2px;
    display: inline-block;
}

#qardionav .uk-navbar-toggle {
    font-size: 24px;
    padding-top: 35px;
}

#qardionav.uk-navbar .uk-visible-small .shoppingCartBox {
    font-size: 14px;
    font-weight: 400;
    color:#46A543;
    /*margin-right: 10px;*/
}

.brandLogo {
    width: 120px;
}

#qardionav .uk-navbar-nav > li > a {
    color: #4B4E53;
    font-family: "avenir_roman", Helvetica, Arial, sans-serif;
    font-size: 14px;
    padding: 0 24px;
    height: 24px;
    line-height: 28px;
    font-weight: 400;
    text-transform: uppercase;
}

#qardionav .uk-navbar-nav > li > a.shoppingCartBox {
    color: #46a348;
    cursor: pointer;
}

#qardionav .uk-navbar-nav > li > a:hover {
    color: #46a348;
}

#qardionav .uk-navbar-nav > li > a:hover span.shoppingCart{
    background: url('//www.getqardio.com//wp-content/themes/qardio-3.0/images/shopCartGreen.svg') no-repeat;
    background-size: contain;
}

#qardionav .uk-navbar-nav > li:hover > a,
#qardionav .uk-navbar-nav > li > a:focus,
#qardionav .uk-navbar-nav > li.uk-open > a {
    background-color: transparent;
    border-color: transparent;
}

#qardionav .uk-navbar-nav li:first-child > a {
    background-color: transparent;
    border-color: transparent;
    border-right: 1px solid #BCBEBF;
    /*padding-right: 25px;*/
    padding-left: 0;
}

#qardionav .uk-navbar-nav li:last-child > a {
    border-left: 1px solid #BCBEBF;
    padding-left: 32px;
    padding-right: 0;
}


.arrows {
    font-size: 18px;
    padding-left: 8px;
}

.headerGoods {
    position: absolute;
    width:100%;
    background-color: #ffffff;
    font-family: "avenir_roman", Helvetica, Arial, sans-serif;
    font-size: 18px;
    padding-top:0;
    top:83px;
    z-index: 1001;
    display: none;

}

.headerGoods .addPadding {
    /*border-top: 1px solid #bbbdbe;*/
    margin-left: 0px;
}

.headerGoods .uk-width-large-1-3 {
    padding-left: 0px;
    background: url("//p3.zdassets.com/hc/theme_assets/484575/200013782/menu_line.png") no-repeat right center;
}

.headerGoods .uk-width-large-1-3:last-child {
    border-right: 0;
    background: none;
}

.headerGoods .uk-width-large-1-2 {
    padding-left: 0px;
    background: url("//p3.zdassets.com/hc/theme_assets/484575/200013782/menu_line.png") no-repeat right center;
}

.headerGoods .uk-width-large-1-2:last-child {
    padding-left: 0px;
    background: none;
}

.headerGoods .uk-width-large-1-2 a {
    display: block;
    float: right;
    right: 50%;
    position: relative;
    text-outline: none;
}

.headerGoods .uk-width-large-1-2 .uk-text-center {
    float: right;
    right: -50%;
    position: relative;
}

.headerGoods .clear {
    clear: both;
}






.headerGoods .uk-width-large-1-2:last-child {
    border-right: 0;
    /*background: none;*/
}

.headerGoods h2 {
    font-size: 14px;
    margin: 11px 0;
    color: #4B4E53;
    font-weight: 400;
    text-transform: uppercase;
}

.headerGoods h2:hover {
    color: #46a348;
}

.headerGoods .uk-width-large-1-2 .uk-text-center:hover h2 , .headerGoods  .uk-width-large-1-3 .uk-text-center:hover h2 {
    color: #46a348
}

.headerGoods p{
    color: #4B4E53;
    font-weight: 200;
    font-size: 18px;
    line-height: 21px;

}

.headerGoods a {
    text-decoration: none;
}

.goodsPicsDiv {
    width: 380px;
    height: 185px;
    width: 380px;
    height: 185px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.goodsPicsDiv img {
    /* width: 234px;*/
    /*height: 117px;*/
    vertical-align: middle;
}

.addPadding {
    padding: 0 15px;
    margin-bottom: 60px;
}






@media (max-width: 1210px) {
    .goodsPicsDiv {
        width: 310px;
    }
}

@media all and (max-width: 988px) {
    .uk-navbar div > a.shoppingCartBox {
        margin-top: -35px;
    }

    .navbar, .td-menu, .f-menu {
        display: none;
    }

    .goodsPicsDiv {
        margin: 0 auto 0;

    }

    #qardionav .uk-navbar-nav > li > a{
        font-size: 12px;
        line-height: 25px;
        height: 25px;
        padding: 0 12px;
    }
}

@media all and (max-width: 767px) {
    .uk-navbar-brand > a{
        display: none !important;
    }

    .uk-navbar div {
        padding-top: 0;
    }
    .goodsPicsDiv {
        width: 260px;
    }
    .uk-modal-dialog {
        width: 100% !important;
    }

}

@media all and (max-width: 420px)
{
    .uk-navbar {
        padding: 20px 0 0 !important;
        height: 61px !important;
    }

    .uk-sticky-placeholder {
        height: 61px !important;
    }
}

span.shoppingCart {
    display: inline-block;
    background: url('//www.getqardio.com/wp-content/themes/qardio-3.0/images/shopCart.png') no-repeat;
    background-size: contain;
    width: 21px;
    height: 21px;
    vertical-align: middle;
    margin-right: 4px;
    color: #46A543;
}

span.shoppingCart:hover {
    background: url('//www.getqardio.com/wp-content/themes/qardio-3.0/images/shopCartGreen.png') no-repeat ;
    background-size: contain;
}


.uk-navbar span.shoppingCart {
    background: url('//www.getqardio.com/wp-content/themes/qardio-3.0/images/shopCartGreen.svg') no-repeat;
    background-size: contain;
}

.uk-navbar .qardioBtn:hover span.shoppingCart{
    background: url('//www.getqardio.com/wp-content/themes/qardio-3.0/images/shopCart.png') no-repeat;
    background-size: contain;
}

.greenText {
    color: #46a348;
}

.qBold {
    font-weight:400;
}



.logoMenu {
    margin-top: 4px !important;
    font-weight: 400;
    color: #4B4E53;
    font-size: 15px;
}

.closeMenu {
    margin-top: 4px !important;
    font-weight: 400;
    color: #4B4E53;
}

.logoMenu .smallogo {
    background: url("//p3.zdassets.com/hc/theme_assets/484575/200013782/menu_icon.png") no-repeat scroll 0 0 / contain rgba(0, 0, 0, 0);
    color: #46a543;
    display: inline-block;
    height: 21px;
    margin-right: 4px;
    vertical-align: text-top;
    width: 21px;
}

.closeMenu .smallogo {
    background: url("//p3.zdassets.com/hc/theme_assets/484575/200013782/close_x.png") no-repeat scroll 0 0 / contain rgba(0, 0, 0, 0);
    color: #46a543;
    display: inline-block;
    height: 18px;
    margin-right: 4px;
    vertical-align: text-top;
    width: 18px;
}




#mobileMenu {
    position: fixed;
    left: 0px;
    top:84px;
    width: 100%;
    height: 100%;
    background: #ffffff;
    display: none;
    z-index: 999;
    padding-top: 30px;
    opacity: 0.9;
}

#mobileMenu li {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    padding: 12px 0 5px;
    background: url("//p3.zdassets.com/hc/theme_assets/484575/200013782/mobile_menu_line.png") no-repeat center bottom;
}

#mobileMenu li:last-child {
    background: none;
}

#mobileMenu li a {
    color: #4B4E53;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 10px 0px;
}

#mobileMenu li a span {
    color: #46A543;
    font-size: 16px;
    font-weight: 400;
}

#mobileMenu li p {
    font-size: 18px;
    font-weight: 200;
    padding-bottom: 12px;
}