@charset "UTF-8";
@import url('reset.css');
/*@import url('font/fonts.css');*/

/*
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic|merriweather:300,700,300italic,700italic&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:800&subset=latin,latin-ext);
*/
/* 	****

red: #9a191f
blue: ##041138

***
*/		
* {
    font: normal 18px/1.2 'merriweather', serif; color: #323232; 
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
    text-rendering: geometricPrecision !important;
    -webkit-font-smoothing: antialiased !important;
}
a {
    color: #069; text-decoration: none;
}

a:hover {
    color: #02537b; text-decoration: none;
    transition: color 0.5s ease, background-color 0.5s ease;
}
i, em {
    font-style: italic;
}
body {
    background: #c6c6c6; position: relative; cursor: default;

}
.vertical-align {
    align-items: center !important;
    display: flex !important;
}
#intro {
    background: url('images/bbj_old.png') no-repeat top center;
    position: fixed; width: 100%; height: 100%; z-index:10000;
}
pre {
    font-size: 12px;
}
.modal-backdrop.in {
    opacity: .7;
}
#toast-container > div {
    margin: 0 auto; padding: 15px; width: 75%; 
}
#toast-container > .toast-warning {
    color: #fff; background-image: none !important; background: #9a191f; font-size: 24px;
}
.toast-message {
    color: #fff; text-align: center;
}
.pull-center {
    display: block; margin: 0 auto;
}
.clearfix30 {
    clear: both; width: 100%; height: 30px;
}
.clearfix20 {
    clear: both; width: 100%; height: 20px;
}
.clearfix15 {
    clear: both; width: 100%; height: 15px;
}
.clearfix10 {
    clear: both; width: 100%; height: 10px;
}
.clearfix5 {
    clear: both; width: 100%; height: 5px;
}

h1, h2, h3, h1 a, h2 a, h3 a {
    font-family: 'myriad-pro', sans-serif !important; font-weight: 400 !important;
}
h6 {
    color: #323232 !important; margin: 0 0 20px; font-size: 15px; line-height: 1.2;
    font-family: 'myriad-pro', sans-serif !important; font-weight: 400 !important;
} 
.icheckbox_flat-red, .iradio_flat-red {
    margin: 0 10px 4px 0;
}

mark {
    background: #ffb848; color: inherit; font: inherit;
    padding: 1px 0;
}
.no-bottom-margin {
    margin-bottom: 0;
}
/* ****
search & search modal
****
*/	 
.search-modal .modal-content {
    text-align: center;
    background: rgba(255, 255, 255, 0.95); margin: 0; padding: 40px;
    border-radius: 0; 
}
#search-form-2 {
    background: #f4f2f2; margin: 15px 15px 0; padding: 40px 25px 30px;
    border-radius: 0; text-align: center;
}
.search-form input[type=text] {
    padding: 10px; text-align: center; font-size: 24px; height: 51px; font-weight: 300; 
    border: none; border-right: 1px solid #aaa;
}
.search-modal .close {
    position: absolute; right: 10px; top: 10px;
}
.search-form .btn {
    border: 1px solid #fff; font-size: 25px; height: 50px; margin-left: 0 !important;
    width: 60px; color: #aaa;
}
.search-form .btn:hover {
    border-color: #e6e6e6;
}
.search-form .btn i {
    color: #aaa;
}
.search-form input[type=text].error {
    border: 1px solid #9a191f;
}
.search-form .form-control:focus {
    border-color: #aaa;
}

div.search-column-select {
    text-align: center; margin-top: 15px;
}
a.search-column-select, a.search-column-select:hover, a.search-column-select:active {
    color: #555;
}

.search-results-wrapper {
    background: #d4d4d4; margin: 0 15px 15px; padding: 10px; height: 70px;
    text-align: center;
}
.search-results-wrapper {

}
.search-results-wrapper h1 {
    margin: 0; font-size: 30px; color: #9a191f; display: none;
}
.search-results-wrapper p {
    color: #555; margin: 0; display: none;
}
.search-load-more {
    display: none;	
}


div.tagsinput {
    padding: 10px; text-align: center; font-size: 24px; height: 51px !important; font-weight: 300; 
}
div.tagsinput span.tag {
    background: #f0f0f0; border: 1px solid #d4d4d4;
    color: #555; display: block;
    font-size: 15px;
    margin: 0 5px 5px 0;  text-decoration: none;
}
div.tagsinput span.tag span {
    padding: 5px 10px 5px 5px;
}
div.tagsinput span.tag a {
    color: #555; text-decoration: none; font-family: 'myriad-pro', sans-serif;	font-weight: 700; color: #9a191f; font-size: 15px;	
}
/* ****
login modal
****
*/	 
.login-modal .modal-content {
    text-align: center;
    background: rgba(255, 255, 255, 0.95); margin: 0; padding: 40px 40px 25px 40px;
    border-radius: 0; 
}
.login input {
    padding: 10px; text-align: center; font-size: 24px; height: 51px; font-weight: 300;
    border: none; margin-bottom: 20px;
}
.login-modal .close {
    position: absolute; right: 10px; top: 10px; z-index: 10;
}
.login h2 {
    font-weight: 300; color: #555; margin-bottom: 20px; font-size: 24px; color: #069;
}
.login .btn {
    border: 0; font-size: 25px; height: 50px; font-size: 12px; text-transform: uppercase;
    color: #aaa; padding: 0 40px; width: 200px;
}
.login .btn i {
    color: #aaa; font-size: 20px; margin-left: 10px;
}
.login p {
    margin: 10px 0; /* font-size: 12px; */color: #aaa;
}
.login.form-resend p, .login.form-sent p {
    margin-bottom: 15px;
} 
.login p a {
    font-size: 12px; text-transform: uppercase;color: #aaa; 
}
.login p a:hover {
    color: #069;
}
/*.login-modal*/ .form-group.country {
    height: 50px; margin-bottom: 20px;
}
/*.login-modal*/ .form-group.country .form-control {
    padding: 0; border: none; font-weight: 300; height: 50px;
}
/*.login-modal*/ .form-group.country .select2-choice {
    height: 50px !important; font-size: 24px; color: #555 !important; padding: 10px 50px 0 50px !important; background: #fff; border: none; text-align: center;
}
/*.login-modal*/ .form-group.country .select2-arrow {
    width: 50px; background: #f0f0f0; border: 0;
}
/*.login-modal*/ .form-group.country .select2-arrow b {
    width: 18px; width: 18px; margin: 8px 0 0 16px;
}
/*.login-modal*/ .form-group.country .select2-chosen {
    color: #555; font-weight: 300;
}
.login input.error, input.error {
    border: 1px solid #9a191f;
}
.login-modal .logged {
    /* display: none; */
}
.login-modal .logged h2 span {
    color: #069; font-weight: 400; font-family: 'myriad-pro', sans-serif !important;
}
.select2-container .select2-choice > .select2-chosen {
    margin-right: 50px !important;
}
.select2-drop {
    padding: 10px;
} 
.select2-input {
    color: #555; font-family: 'merriweather', serif !important;
}
.select2-drop-active {
    border: none !important;
}
.select2-no-results {
    font-size: 12px; color: #777; text-transform: uppercase; padding: 10px 0 0 0 !important; background: #fff !important;
}
.select2-results .select2-highlighted {
    background: #aaa !important; padding: 2px !important;
}
.select2-results .select2-highlighted .select2-result-label {
    color: #fff !important;
}


.login ::-webkit-input-placeholder {
    font-size: 12px; text-transform: uppercase; padding-top: 12px;
}
.login :-moz-placeholder { /* Firefox 18- */
    font-size: 12px; text-transform: uppercase;  
}
.login ::-moz-placeholder {  /* Firefox 19+ */
    font-size: 12px; text-transform: uppercase;
}
.login :-ms-input-placeholder {  
    font-size: 12px; text-transform: uppercase;
}

.form-signup, .form-forget {
    display: none;
}
.form-signup input[type=submit] {
    font-size: 12px; width: 200px; padding: 0 40px;
}
.logged .user_data {
    margin-right: 40px;
}


/* user */
.user-sub-wrapper {
    text-align: center;
}
.user-form-wrapper {
    background-color: #f0f0f0; padding: 15px 0;
}
.signup .form-group {
    margin-bottom: 0;
}
.signup p {
    font-size: inherit; color: inherit;
}
.signup p.also-receive {
    color: #9a191f; margin-top: 20px;
}
.signup .country {
    margin-bottom: 15px;
}
.signup p.info {
    font-size: 12px; color: #777; margin: -10px 0 0 0;
}
.signup p.info.password {
    position: relative; top: -15px;
}
.signup .terms {
    margin-top: 10px;
}
.user-sub-wrapper input.btn, .user-sub-wrapper .btn.add-to-cart {
    color: #aaa; font-size: 12px; height: 50px; margin: 10px; text-transform: uppercase; width: 150px; border: 1px solid #e4e4e4;  padding: 0 20px; white-space: normal;
    margin-bottom: 15px;
}
/* form stuff */
.form-control:focus {
    border-color: #9a191f; box-shadow: none;
}
.form-control-feedback {
    top: 10px; left: 0;
}
.bv-form .help-block {
    position: relative; top: -18px; font-size: 11px; height: 0; margin: 0;
}
.bv-form .help-block.hint {
    float: right;
}
.bv-form .help-block[data-bv-for="agreement"] {
    top: -6px; left: 35px;
}

/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    margin-right:-4px;
}
.margin-top-10 {
    margin-top: 10px;
}
.margin-bottom-10 {
    margin-bottom: 10px;
}
.margin-bottom-0 {
    margin-bottom: 0 !important;
}
.navbar {
    background: url('images/bg_head.png') repeat-x; z-index: 1000; width: 100%;
    border: none; margin: 0; position: absolute;
}
.navbar.fix-nav {
    position: fixed;
    width: 100%;
    top: 0; z-index: 2000
}
.premium.header.fix-nav {
    position: fixed;
    width: 100%;
    top: 0; left: 0;
    background: rgba(255, 255, 255, .9); z-index: 1000;
}
.navbar div.container {
    padding: 0;
}
.navbar .hamburger {
    position: absolute; top: 10px; right: 10px; z-index: 1000;
}
.navbar .hamburger .btn {
    background-color: #9a191f; border: none; border-radius: 0;
}
.navbar .hamburger .btn i {
    color: #fff;
}
.navbar .hamburger .dropdown-menu {
    padding: 0; border: none;
}
.navbar .hamburger ul {
    background: #9a191f;
}
.navbar .hamburger ul li {

}
.navbar .hamburger ul li.premium-menu-item {
    color: #fff;
}
.navbar .hamburger ul li.premium-menu-item:hover {
    color: #fff;
}

.navbar .hamburger ul li a, .navbar .hamburger ul li i {
    color: #fff; text-transform: uppercase; text-align: center; font-size: 16px;
}
.navbar .hamburger ul li:hover {
    color: #9a191f; background: #fff;
}
.navbar .hamburger .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
    background: #fff; color: #9a191f;
}
.navbar .hamburger li.menu-icon:hover i {
    background: #fff; color: #9a191f;
    transition: all 0.5s ease;
}
.navbar .hamburger li.menu-icon i {
    padding-top: 10px; padding-bottom: 10px;
}

.navbar .hamburger li.menu-icon {
    float: left; width: 33.3%;
}
.navbar .hamburger li.menu-column {
    padding-top: 5px; padding-bottom: 5px;
} 
.blockMsg {
    background: none !important; border: none !important; height: 100% !important; width: 100% !important; left: 0 !important; top: 0 !important; left: 0 !important;
}
.blockOverlay {
    opacity: .3 !important;
}
.blockMsg img {
    width: 36px; height: auto;
}
.btn:active, .btn.active {
    box-shadow: none; border-radius: 0;
}
.loader {
    background: url('images/loader.gif') no-repeat center center; background-size: 36px;
    width: 100%; height: 100%;
}
.main {
    background-color: #fff;
    padding-top: 160px;
}

.nav-top {
    background-color: rgba(255, 255, 255, .95);
    background-image: url('images/bg_head.png');
    background-repeat: repeat-x; 
    background-position: top left;
}
.nav-top .container {
    position: relative;
}
.navbar .logo {
    /* text-align: center; */
}

.navbar .logo a img {
    width: 460px; height: auto; margin: 28px 0 0 10px; max-width: 100%;
    /* width: 460px; height: auto; margin: 38px 0 0 10px; max-width: 100%; */
}
.container.main {
    background-color: #dadada;
}
.container.main .content {
    background-color: #fff;
}


.shop-head {
    width: 100%; position: relative;
    border-radius: 4px; border: 1px solid #aaa; margin: 24px 0 10px 0; height: 72px; 
}
.shop-head .new-in-store {
    position: absolute; left: 0; z-index: 2;
    background: #f0f0f0; width: 70px; height: 100%; float: left; 
}
.shop-head .new-in-store p {
    font-size: 12px; text-align: center; text-transform: uppercase; padding-top: 30px;
}
.shop-head .new-in-store span.star {
    position: absolute; font-size:14px;color: #fff; background-color: #9a191f; border-radius: 12px; width: 20px; height: 20px; padding: 3px; text-align: center; margin-left: 25px; top: 10px;
}
.shop-head .buy-now {
    position: absolute; right: 0; z-index: 2;
    background: #f0f0f0; width: 70px; height: 100%;
}
.shop-head .buy-now:hover {
    background-color: #d0d0d0;
    transition: background-color 0.5s ease;
}
.shop-head .buy-now p {
    font-size: 10px; text-align: center; text-transform: uppercase;  height: 100%; 
}
.shop-head .buy-now p a {
    color: #777; font-weight: 700; display: block; width: 100%; height: 100%; padding-top: 18px; font-family: 'myriad-pro', sans-serif !important;
}
.shop-head .buy-now p a:hover, shop-head .buy-now p a:active {
    background: #9a191f; color: #fff; font-weight: 700;
}
.shop-head .store-mini-content {
    position: absolute; 
    background: #fff; width: 100%; height: 100%; padding: 0 /*70px*/; z-index: 1;
    background: url('images/_store_mini_digibol.jpg') no-repeat left center; 
}
.shop-head .store-mini-content img {
    max-height: 100%;
}
.shop-head .store-mini-content p {
    text-align: center; padding: 30px 0 0 0; 
}
.shop-head p {
    cursor: default;
}


.nav-bottom {
    background-color: #9a191f;
    height: 60px; 
    background: url('images/bg_nav_bottom.png') repeat-x;
}
.nav-bottom .row {
    margin: 0;
}
.nav-bottom .row .col-md-12 {
    padding: 0 0 0 0px; 
}
ul.menu-head {
    margin-top: 0px; float: left;
}
ul.menu-head li {
    float: left; font-size: 16px; line-height: 30px; color: #fff; text-transform: uppercase; height: 50px;
}
ul.menu-head li.store a {
    color: #fff; background-color: #041138;
}
ul.menu-head li.store a:hover, ul.menu-head li.store a.active {
    color: #fff; text-decoration: none; color: #041138; background-color: #fff;
}
ul.menu-head li:last-child {
    margin-right: 0;
}
ul.menu-head li a {
    color: #fff; font-weight: 300; display: block;  height: 100%;
    padding: 17px 9px 10px;
    font-family: 'myriad-pro', sans-serif
}
ul.menu-head li a:hover, ul.menu-head li a.active {
    color: #fff; text-decoration: none; color: #9a191f; background-color: #fff;
}
ul.menu-icons {
    margin-top: 11px;
}
ul.menu-icons li {
    float: left; display: block; text-align: center; /* margin-left: 10px; */
}
ul.menu-icons li a {
    color: #fff; padding: 5px; display: block; width: 30px; height: 30px;
}
ul.menu-icons li a:hover {
    background: #fff; color: #9a191f;
}
ul.menu-icons li a i {
    color: #fff;
}
ul.menu-icons li a:hover i {
    color: #9a191f;
    transition: color 0.5s ease;
}
ul.menu-icons li a#logout {
    /*	display: none; */
}


.content {
    /* padding-top: 180px; */
    position: relative;
}
.goto-admin {
    position: absolute; width: 25px; height: 25px; background: green; text-align: center; right: 10px; top: 10px; z-index: 100; opacity: .3;
}
.goto-admin:hover {
    opacity: 1;
}
.goto-admin a {
    display: block; width: 100%; height: 100%; 
}

.goto-admin i {
    font-size: 20px; color: #fff; padding: 3px 0 0 3px;
}
/* ***
carousel	
***
*/   
.content .carousel {
    margin-top: 10px;
}
.content .carousel h1 {
    font-size: 25px; margin: 0 0 5px 10px; white-space: normal; 
}
.content .carousel h1 a {
    color: #9a191f;
}
.content .carousel p {
    padding: 10px; height: 95px;
}
.content .carousel .image-wrapper {
    width:100%;height:300px;overflow:hidden;position: relative;
}
.content .carousel .caption.over {
    position: relative; width: 100%; height: 100%; text-align: center; display: table;
}
.content .carousel .caption.over span {
    display: table-cell;
    vertical-align: middle;
}
.content .carousel .caption.over p {
    font-family: 'myriad-pro', sans-serif; font-weight: 700; color: #041138; font-size: 3em; line-height: 1em;
    background: rgba(255,255,255,.5);
    padding: 5px 10px;
    z-index: 1;
    display: block; margin: 0 auto; width: 70%; height: auto;
}
.content .carousel ul.navpills {
    background: #f0f0f0 !important; 
}
.content .carousel ul.navpills li {
    border-right: 1px solid #d0d0d0; overflow: hidden;
    height: 60px; display: table; width: 20%; float: left;
}
.content .carousel ul.navpills li > a {
    font-family: 'myriad-pro', sans-serif !important; font-size: 14px; line-height: 14px;
    display: table-cell; vertical-align: middle; padding: 5px;
}
.content .carousel ul.navpills li.active, .content .carousel ul.navpills li:active, .content .carousel ul.navpills li:focus  {
    background: #9a191f !important; color: #fff;
}
.content .carousel ul.navpills li.active a {
    color: #fff; 
}
.content .carousel ul.navpills li:last-child {
    border: none;
}
.content .carousel ul.navpills li a {
    vertical-align: middle; height: 100%; width: 100%;
}
.content .carousel ul.navpills li a:hover {
    background: #9a191f; color: #fff;
}
.content .carousel .carousel-indicators {
    position: absolute; top: 317px; padding: 0; margin: 0; left: 10px; bottom: inherit;
    text-align: left; width: inherit;
}
.content .carousel .carousel-control {
    top: 141px; height: 100px; color: #fff; font-size: 40px; width: 50px;
}
.content .carousel .carousel-control span {
    color: #fff; padding-top: 32px;
}
.carousel-control.left, .carousel-control.right {
    background: none;
}
#carousel-head .nav a small {
    display:block;
}
#carousel-head.carousel li {
    margin-right: 0px;
}
#carousel-head .nav {
    background:#eee;
}
#carousel-head .nav a {
    border-radius: 0px;
}

/* ****
sidebar
****
*/
.sidebar {
    background-color: #dadada;  padding-top: 10px; 
}	
.sidebar .border-gradient {
    margin: 10px 0;
}
.border-gradient.lr {
    background: #c6c6c6; /* Old browsers */
    background: -moz-linear-gradient(left,  #c6c6c6 0%, #dadada 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#c6c6c6), color-stop(100%,#dadada)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #c6c6c6 0%,#dadada 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #c6c6c6 0%,#dadada 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #c6c6c6 0%,#dadada 100%); /* IE10+ */
    background: linear-gradient(to right,  #c6c6c6 0%,#dadada 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6c6c6', endColorstr='#dadada',GradientType=1 ); /* IE6-9 */
} 
.border-gradient.rl {
    background: #dadada; /* Old browsers */
    background: -moz-linear-gradient(left,  #dadada 0%, #c6c6c6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dadada), color-stop(100%,#c6c6c6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #dadada 0%,#c6c6c6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #dadada 0%,#c6c6c6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #dadada 0%,#c6c6c6 100%); /* IE10+ */
    background: linear-gradient(to right,  #dadada 0%,#c6c6c6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dadada', endColorstr='#c6c6c6',GradientType=1 ); /* IE6-9 */

} 
.sidebar h2 {
    text-transform: uppercase; font-size: 18px; line-height: 24px; height: 25px; margin-top: 10px;
}

.sidebar h2 span.icon {
    font-size: 24px; line-height: 24px; color: #9a191f; float: left; display: block;
}
.sidebar h2 span.title {
    float: left; display: block; margin: 1px 0 0 9px; font-family: 'myriad-pro', sans-serif; color: #555; 
}
.sidebar-end {
    height: 1px;
}
/* ****
facebook-recommendations
****
*/	 
.facebook-recommendations-wrapper {

}
.facebook-recommendations {
    background: #fff; margin: 5px auto 0 auto; 
    padding: 10px;
}
.facebook-recommendations .fb_iframe_widget {
    text-align: center; display: block;
}
/* ****
featured links
****
*/
div.featured-links {
    position: relative;
}	 
div.featured-links {
    background: #fff; margin: 5px 0 10px; position: relative;
    padding: 10px 10px 55px 10px;
} 
div.featured-links .ribbon-wrapper {
    position: absolute; right: -40px; bottom: 20px;
}
div.featured-links .ribbon-front {
    text-align: right; width: 150px;
}
div.featured-links .ribbon-edge-bottomright {
    left: 110px;
}	 

/* ****
hot topics
****
*/
div.hot-topics-wrapper {
    position: relative; margin-bottom: 15px;
}	 
div.hot-topics {
    background: #fff; margin-top: 5px; position: relative;
    padding: 0 10px 10px; 
} 
a.menu-pull-down {
    color: #aaa;
}
a.menu-pull-down span {
    color: #aaa;
}
a.menu-pull-down:hover span {
    color: #323232;
    transition: color 0.5s ease;
}
.hot-topics h2 {
    display: block; float: left; font-size: 16px; line-height: 1.4; margin-right: 20px;
    padding: 2px 2px 0px 2px;
}
.hot-topics h2:hover {
    background: #f0f0f0;
}
.hot-topics-dropdown {
    height: 24px; width: 30px; background: none; color: #aaa; padding: 2px 12px !important; border-radius: 0; border: none;
}
.hot-topics-dropdown i {
    color: #aaa;
}
.hot-topics-wrapper .page-toolbar .open {
    background: #f0f0f0 !important; box-shadow: none !important;
}
.hot-topics-dropdown:hover, .hot-topics-dropdown:active  {
    background: #f0f0f0; box-shadow: none !important; border: none;
}
.hot-topics-wrapper .dropdown-menu {
    border-radius: 0 !important;
}

/* ****
video box
****
*/
div.video-box-wrapper {
    position: relative; margin: 10px 0 15px;
} 
.video-box h1 {
    color: #9a191f; font-size: 18px; line-height: 1.1;
}
.video-box {
    margin-bottom: 10px; margin-top: 5px;
    background: #fff; position: relative;
    padding: 10px; 
}
.video-box iframe {
    margin: 5px auto;
}
/* ****
timeline
****
*/
div.timeline-wrapper {
    position: relative;
} 
p.timeline-bottom {
    margin: 0; padding: 0 10px; 
} 
p.timeline-bottom span {
    color: #999; font-family: 'myriad-pro', sans-serif; font-size: 13px;
}
div.timeline {
    margin-top: 5px;
    background: #fff; position: relative;
    padding: 10px; height: 400px; overflow-y: scroll;
}  
div.timeline-wrapper .fade_top {
    position: absolute; top: 30px; left: 0; height: 10px; width: 100%;
    background: url('images/bg_fade_top.png') repeat-x left top;
    z-index: 10;
}
div.timeline-wrapper .fade_bottom {
    position: absolute; bottom: 0; left: 0; height: 10px; width: 100%;
    background: url('images/bg_fade_bottom.png') repeat-x left top;
    z-index: 10;
}

div.timeline ul {

}
div.timeline li.date {
    text-align: center; font-size: 15px; text-transform: uppercase; border-top: 1px solid #d6d6d6; margin: 10px 0; padding-top: 10px; color: #069; font-family: "myriad-pro", sans-serif;
}

div.timeline li.date a {
    font-family: "myriad-pro", sans-serif ; font-size: 15px; color: #069;
}
div.timeline li.date:first-child {
    border-top: 0; margin-top: 0; padding-top: 0;
}
div.timeline li {
    margin-bottom: 10px; 
}
div.timeline li:last-child {
    /* margin-bottom: 0; */
} 
div.timeline li span.time {
    width: 15%; display: block; float: left; color: #9a191f; font-family: "myriad-pro", sans-serif; font-size: 20px; line-height: 16px;
}
div.timeline li span.article
{
    padding: 5px 10px; background: #dfdfdf; display: block; width: 80%; float: right;  position: relative; font-size: 15px; font-family: "myriad-pro", sans-serif;
}
div.analysis-list li a {
    font-size: 15px; font-family: "myriad-pro", sans-serif;
}
div.timeline li:nth-child(2n+2) span.time {
    float: right; 
}
div.timeline li:nth-child(2n+2) span.article {
    float: left; text-align: right; 
}
div.timeline li:nth-child(2n+2) span.article:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 10px 0 10px 15px;
    border-color: transparent #dfdfdf;
    display: block;
    width: 0;
    z-index: 1;
    right: -15px;
    top: 0px;
}
div.timeline li:nth-child(2n+1) span.article:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 10px 15px 10px 0px;
    border-color: transparent #dfdfdf;
    display: block;
    width: 0;
    z-index: 1;
    left: -15px;
    top: 0px;
}
div.timeline li:hover span.article:after {
    border-color: transparent #d6d6d6; 
    transition: all 0.5s ease;
}
div.timeline li:hover span.article {
    background: #d6d6d6;
    transition: all 0.5s ease;
}
/* ****
expert opinoin
****
*/
.expert-opinion-wrapper {
    position: relative; margin-bottom: 15px;
}
.expert-opinion-wrapper .expert-opinion {
    padding: 10px 0 10px 0; background: #fff; margin-top: 5px; position: relative;
}	
.expert-opinion .image-wrapper {
    width: 100px; height: 130px; position: absolute; overflow: hidden; 
}	 
.expert-opinion .image-wrapper.right {
    right: 10px; top: 10px; z-index: 1;
}
.expert-opinion .image-wrapper.left {
    left: 10px; bottom: 10px; z-index: 1;
}
.expert-opinion .ribbon-wrapper {
    position: absolute; left: 0px; top: 10px;
}
.expert-opinion .ribbon-front {
    text-align: right; width: 180px; text-align: left;
}
.opinion-text {
    background: #fff; padding: 10px; margin-bottom: 10px; width: 55%;
}
.expert-opinion ul {
    margin-top: 40px;
}
.expert-opinion ul li {
    position: relative; 
}
.expert-opinion ul li.right .opinion-text {
    float: right; margin-right: 120px; background: #d4d4d4;
}

.expert-opinion ul li.left .opinion-text {
    float: left; margin-left: 120px; background: #d4d4d4;
}
.expert-opinion ul li.right .opinion-text:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 20px 0 20px 25px;
    border-color: transparent #d4d4d4;
    display: block;
    width: 0;
    z-index: 2;
    right: 95px;
    top: 0px;
}
.expert-opinion ul li.left .opinion-text:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 20px 25px 20px 0px;
    border-color: transparent #d4d4d4;
    display: block;
    width: 0;
    z-index: 2;
    left: 95px;
    bottom: 0px;
}
.expert-opinion ul li.right {
    text-align: right;
}
.expert-opinion ul li h1 a {
    color: #9a191f; font-size: 18px; line-height: 1.1; font-style: normal;
}
.expert-opinion ul li h1 {
    margin-bottom: 5px;
}
.expert-opinion ul li h2 {
    font-size: 14px; line-height: 1.1; height: auto; margin-bottom: 5px;
}
.expert-opinion ul li h2 a {
    font-size: 14px;
}
.expert-opinion ul li p {
    font-size: 12px; color: #777;
}
.expert-opinion ul li.left .opinion-text {
    margin-bottom: 0 !important;
}


/* **** 
newsletter
****
*/
#newsletter {
    width: 100% !important; margin: 0 auto; float: none !important;
}
#newsletter h1 {
    padding: 0; margin: 15px 0 5px;
}

#newsletter li {
    list-style: none; margin: 0; padding: 0;
}
#newsletter li:before {
    content: none;
}
#newsletter p {
    padding: 0; margin: 0 0 10px 0;
}
#newsletter a, #newsletter strong  {
    font-family: 'myriad-pro', sans-serif !important;
}


/* ****
ads
****
*/
.banner {

}

.banner-leaderboard {
    position: absolute; right: 0; top: 20px; float: right; width: 600px; height: 74px; overflow: hidden; padding: 0;
    /* position: absolute; right: 0; top: 20px; float: right; width: 640px; height: 120px; overflow: hidden; padding: 0; */
}
.article-list .goAdverticum, .row.article .goAdverticum {
    width: 670px; margin: 0 auto;
} 

.sidebar .goAdverticum {
    /*	margin: 0 auto;
    padding: 10px;
    background: #fff url(https://bbj.hu/css/images/advertisement.png) no-repeat scroll 310px 10px; */
}
.sidebar .goAdverticum object, .sidebar .goAdverticum a {
    margin: 0 auto 10px; display: block; text-align: center;
}
.sidebar .goAdverticum > iframe {
    width: 100% !important; /* height: 250px !important; */margin: 0 auto !important; display: block !important;
}
#zone3610708 {
    background: transparent; width: 300px; /* height: 600px!important; */ margin: 0 auto 10px;
}
#zone3455785 {
    background: transparent; width: 300px; /* height: 250px; */ margin: 0 auto;
}
/* body #zone3232479 iframe, body #zone3232525 iframe, body #zone3232499 iframe, #zone3232521 iframe {
margin: 0 0 10px 30px !important
} */
#zone5127523{
    text-align: center;
    margin-top: 20px;
}
#zone5127523, #zone3940210, #zone4032279, #zone3232391, #zone4032279, #zone3232468, #zone3232499, #zone3232521, #zone3940210, #zone3232525, #zone3455785, #zone3582499, #zone3610708, #zone3232479, #zone5101582{
    background: url("https://bbj.hu/css/images/advertisement.png") 10px 0px no-repeat scroll;
    margin-bottom: 20px;
    text-align: center;
}

.leaderboard_wrapper {
    background: #fff; height: 100px;
}
.banner img {
    margin: 0 auto;
}
.ad_300x250 {
    /*	width: 300px; height: 250px; margin: 0 auto; overflow: hidden; */
    width: 320px; height: 270px; 
    padding: 10px; margin: 0 auto;
    background: #fff url(https://bbj.hu/css/images/advertisement.png) no-repeat scroll 310px 10px;
}	
.sticky-ad {
    display: none; position: fixed; top: 180px;
}
.ad_300x600 {
    /*	width: 300px; height: 600px; margin: 0 auto; overflow: hidden; */
    width: 320px; height: 620px; 
    padding: 10px; margin: 0 auto;
    background: #fff url(https://bbj.hu/css/images/advertisement.png) no-repeat scroll 310px 10px;
}
.row.banner {
    background: #fff url(https://bbj.hu/css/images/advertisement.png) no-repeat scroll 0px 10px; border-top: 5px solid #dadada; border-bottom: 5px solid #dadada; 
}
.ad_670x120 {
    width: 670px;  
    padding: 10px 0 4px; margin: 0 auto;
}
.ad_728x90 {
    width: 748px; height: 100px; margin: 0 auto; text-align: center;
    background: #fff url(https://bbj.hu/css/images/advertisement.png) no-repeat scroll 738px 10px; 
}



/* ****
premium
*/

.premium-promo {
    padding: 10px; background: #fff; margin-top: 10px; position: relative; margin-bottom: 10px;
}
.premium-promo p {
    margin: 5px 0 0 0; text-align: center; padding: 40px 90px 0 0;
}
.premium-promo p a {
    font-family: 'myriad-pro', sans-serif;
}
.premium-promo img.logo-premium {
    max-width: 180px; height: auto; float: left; position: relative;
}
.premium-promo img.bbj-cover {
    height: 195px; width: auto; float: right; position: absolute; z-index: 1000; top: -30px; right: -15px;
}
ul.premium-covers {
    text-align: center; background-color: #f0f0f0; 
}
ul.premium-covers li {
    display: inline-block; position: relative;
}
ul.premium-covers li h1 {
    position: relative; z-index: 1; text-align: center !important; margin-top: 10px;
}
ul.premium-covers li h1 a {
    color: #9a191f; font: 400 24px/30px 'myriad-pro', sans-serif !important;
}
ul.premium-covers li img.bbj-cover {
    position: relative; top: -20px; margin: 0 auto;
}

.premium-teaser {
    text-align: left; margin-top: -90px; z-index: 1; position: relative; margin-bottom: 15px;
}

.premium-teaser h2 {
    color: #9a191f; font: 400 30px/36px 'myriad-pro', sans-serif !important; text-align: center;
}
.premium-teaser h2 a {

}
.premium-teaser h3 {
    color: #fff; font: 400 13px/16px 'myriad-pro', sans-serif !important;
    background-color: #ed931f; text-transform: uppercase;
    padding: 3px 5px;
    border-radius: 2px; display: inline-block;
    margin: 10px 0 2px;
}
.premium-teaser h3.business {
    background-color: #9a191f;
}
.premium-teaser h3.special_report {
    background-color: #orange;
}
.premium-teaser h3.news {
    background-color: #00aeef;
}
.premium-teaser h3.socialite {
    background-color: green;
}
.premium-teaser p {
    color: #323232; font: 400 16px/20px 'myriad-pro', sans-serif !important; margin-bottom: 5px;
}
.premium-teaser p a {
    color: #323232; font: 400 16px/20px 'myriad-pro', sans-serif !important;
}
.premium-teaser p a:hover {
    color: #02537b;
}
.premium-teaser h4 {
    margin: 10px auto 5px; width: 80px; display: block; 
}
.premium-teaser h4  a {
    color: #fff; font: 400 14px/18px 'myriad-pro', sans-serif !important;
    background-color: #041138; font-size: 14px; text-transform: uppercase;
    border-radius: 2px; display: inline-block;
    padding: 3px 10px;

}
.premium-item h1 {
    padding: 0 !important;
}
.content.premium.issue .col-md-8.eq-premium {
    min-height: 600px;
}
.content.premium.issue li h1 {
    padding: 0;
}


.premium-logo a, .premium-logo a:hover {
    text-decoration: none!important; color: #fff!important; padding: 0; display: inline; 
}
div.paywall {
    padding: 20px 20px 0; background: #9a191f; color: #fff;
}
div.paywall h2 {
    text-align: center; color: #fff; margin-top: 20px;
}
div.paywall p, div.paywall p strong, div.paywall p b {
    text-align: center; color: #fff; margin-bottom: 10px;
}
div.paywall .premium-logo {
    margin-top: 0 !important; position: relative !important; top: 0 !important; right: 0 !important;
}
div.paywall a {
    text-decoration: underline; color: #fff;
}
div.paywall a:hover {
    text-decoration: underline; color: #fff;
}
div.paywall ul.actions .btn:hover {
    border: 1px solid #fff !important;
}
.ribbonwrapper200 {
    width: 210px; height: 42px; background: #fff; margin: 0 auto; padding: 5px;
}

.premium-img {
    margin: 0 0 10px 0; 
    padding-bottom: 62.5%; /* ratio: 16:10 */
    /* background-position: 50% 50%; */
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.premium .stuck {
    position:fixed;
    top:180px;
}
.content.premium {
    padding-top: 30px; background-color: #dadada !important;
}
.eq-premium {
    background-color: #fff;
}
.sidebar.premium {
    background-color: #dadada;  padding-top: 10px; 
}  
div.pr-info {
    margin: 0 20px 20px; padding: 20px 20px 10px 20px; background: #fffdee; border: 1px solid #9a191f; position: relative; text-align: center;
}
div.pr-info .fa-info {
    position: absolute; left: 20px; top: 20px; color: #ccc; font-size: 40px;
}
div.pr-info .close {
    position: absolute; right: 10px; top: 10px;
}
div.pr-info p {
    color: #555; margin-bottom: 10px;
}
a#show-info {
    position: absolute; right: 15px; top: 20px; font-size: 24px; display: none; cursor: pointer;
}
a#show-info i {
    color: #069;
}
a#show-info:hover i {
    color: #020f39;
}
.btn-danger {
    border: 1px solid #9a191f !important; background: #fff; color: #9a191f !important;
}
.btn-danger:hover {
    border: 1px solid #9a191f; background: #9a191f !important; color: #fff !important;
    transition: background-color 0.5s ease;
}
.content.premium {
    border-top: 10px solid #9a191f; padding-top: 0;
}
.row.img_only {
    padding: 0 !important; margin: 0 !important;
}
.content.premium li.article-main {
    border: none !important; margin-top: 0px !important;  padding: 10px 10px 0;
}
.content.premium .article-teaser p {
    padding-left: 0;
}
.article-main.premium {
    background-color: #fffde6;
}
.article-main.pr {
    background-color: #eff9fe;
}
.content.premium ul.article-list {
    margin-bottom: 10px; 
}
.premium .article-list .image-wrapper {
    width: 100%; /* margin-bottom: 10px; */
}
.premium .teaser.wo_pic{
    margin-bottom: 5px;
}
.img-responsive {  
    display: block;  
    height: auto;  
    max-width: 100%;  
}  
.premium .article-list .col-md-4 .image-wrapper {
    /* max-height: 155px!important; */ height: auto;
}
.premium .article-list .col-md-6 .image-wrapper {
    /* max-height: 250px!important; */ height: auto;
}
.premium .article-list .col-md-12 .image-wrapper {
    /* max-height: 450px!important; */ height: auto;
}
.premium li.img_only {
    border: none !important; margin-top: 0px !important; padding: 0;
}
.premium li.img_only h1 {
    /* padding: 0 10px;*/ margin-top: 10px;
}
.premium li.img_only .image-wrapper {
    width: 100%;
}
.premium li.teaser_only {
    margin: 0 !important; 
}
.premium li.img_teaser {
    margin: 0 !important;
}
.premium li.headline_only {
    margin: 0 !important; 
}

.premium li.headline_only h1 {
    display: inline-flex;
}
.premium li.headline_only h1 a {
    display: block; background: #069; color: #fff; padding: 4px 10px 4px 10px;
}
.premium li.headline_only h1 a:hover {
    background: #020f39; color: #fff;
}
.content.premium .row.border {
    border-bottom: 1px solid #ddd;
}
.content.premium .clearfix.border {
    border-bottom: 1px solid #ddd; margin-bottom: 10px; padding-bottom: 10px;
}

.content.premium ul.keywords {
    margin: 5px 0 10px 0; padding: 0;
}
.content.premium ul.keywords li {
    float: left; margin: 0 5px 5px 0; 
}
.content.premium ul.keywords li a {
    background-color: #fff; padding: 3px 5px; color: #069;
    font-size: 10px; text-transform: uppercase;	border: 1px solid #069; border-radius: 2px;
}
.content.premium ul.keywords li a:hover {
    background-color: #069; color: #fff;
}

.content.premium:first-of-type {
    border-top: none;
}
.content.premium h1.column {
    text-align: left;
    padding: 14px 40px 10px 20px;
    font: 800 40px/40px 'Open Sans', sans-serif !important;
    text-transform: uppercase;
    color: #fff;
    position: relative;
}
.content.premium.header {
    margin-top: 30px; background-color: #fff;
}
.content.premium h1.column .premium-logo {
    position: absolute; right: -140px; top: 3px;
}
.content.premium h1.column.cyan {
    background-color: #00aeef;
}
.content.premium h1.column.red {
    background-color: #9a191f;
}
.content.premium h1.column.orange {
    background-color: orange;
}
.content.premium h1.column.green {
    background-color: green;
}
.content.premium h1.column.blue {
    background-color: #069;
}
.premium-column {
    padding: 0!important;
}


.premium-logo {
    color: #fff; margin: 0px auto; display: block; width: 400px; height: 64px;
    position: relative; overflow: hidden; cursor: pointer;z-index: 1;
}
.premium-logo a {

}
.ribbon-wrapper .premium-logo {
    left: -20px;
}
.premium-logo:before {
    content: 'bbj.hu';
    background-color: #020f39;
    text-align: left;
    padding: 14px 40px 10px 20px;
    font: 400 40px/40px 'myriad-pro', sans-serif !important;
    text-transform: uppercase;
    display: inline-block;
    width: 180px;
}
.premium-logo .fa-star {
    font:  400 55px/55px 'FontAwesome';
    content:"\f005";
    position: absolute; top: 7px; left: 154px;
    color: #fff; z-index: 1;
}
.premium-logo:after {
    content: 'premium';
    background-color: #9a191f;
    text-align: right;
    padding: 14px 20px 10px 40px;
    font: 400 40px/40px 'myriad-pro', sans-serif !important;
    text-transform: uppercase;
    display: inline-block;
    width: 220px;
}

.size200.premium-logo {
    width: 200px; height: 32px;
}
.size200.premium-logo:before {
    padding: 7px 20px 5px 10px;
    font: 400 20px/20px 'myriad-pro', sans-serif !important;
    width: 90px;
}
.size200.premium-logo .fa-star {
    font:  400 27px/27px 'FontAwesome';
    position: absolute; top: 3px; left: 77px;
}
.size200.premium-logo:after {
    padding: 7px 10px 5px 20px;
    font: 400 20px/20px 'myriad-pro', sans-serif !important;
    width: 110px;
}


.premium-logo.size100 {
    transform: scale(.25); -webkit-transform: scale(.25); -moz-transform: scale(.25); -o-transform: scale(.25); -ms-transform: scale(.25);
}
.premium-logo.size200 {
    /*    transform: scale(.5); -webkit-transform: scale(.5); -moz-transform: scale(.5); -o-transform: scale(.5); -ms-transform: scale(.5);*/
}
.premium-logo.size500 {
    transform: scale(1.25); -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -o-transform: scale(1.25); -ms-transform: scale(1.25);
}

.table33 {
    width: 33% !important; float: right; margin: 0 20px 10px 20px; background-color: #f0f0f0;
}
.table50 {
    width: 50% !important; float: right; margin: 0 20px 10px 20px;
}
.table100 {
    width: 100% !important; margin: 20px auto; padding: 10px 20px;
}
.table-bg {
    background: #eff9fe;
}
.table-border {
    border: 1px solid #041038;
}

.premium-ribbon {
    width: 286px; height: 40px;
    background: url('images/logo_bbj_premium.png') no-repeat left top;
    background-size: 286px auto;
    position: absolute;
    top: 41px; z-index: 1;
    -webkit-box-shadow: 10px 10px 20px 10px rgba(255,255,255,0.5);
    -moz-box-shadow: 10px 10px 20px 10px rgba(255,255,255,0.5);
    box-shadow: 10px 10px 20px 10px rgba(255,255,255,0.5);
}
.premium-ribbon a {
    width: 100%; height: 100%; display: block;
}

.article-main.premium .premium-logo.size200{
    position: absolute; right: 10px; top: 10px;
}
.article-main.premium h1 {
    padding-right: 220px;
}
.article.premium .premium-logo.size200 {
    position: absolute; right: 10px; top: 27px;
}
.article.premium h1 {
    padding-right: 220px;
}
/* ****
biweekly
**** */
div.BBJbw h1 {
    color: #9a191f; font-size: 36px; margin: 20px 0 15px; line-height: 1.2; text-align: center;
}
div.issuu-container {
    position: relative; margin-bottom: 15px; display: none;
}
div.issuu-container .issuuembed span {
    display: none !important;
}
div.issuu-container .close {
    z-index: 1; position: absolute; right: 5px;
}
ul.biweekly-years {
    text-align: center;
}
ul.biweekly-years li {
    display: inline-block; padding: 5px 15px; background: #fff; border: 1px solid #020f39; color: #020f39; font-size: 22px; margin: 0 10px; font-family: "myriad-pro",sans-serif;
}
ul.biweekly-years li:hover, ul.biweekly-years li.active {
    background: #020f39; color: #fff;
    transition: linear all 300ms;
}
ul.biweekly-years li a {
    color: inherit; font-family: inherit; text-decoration: none;
} 
div.biweekly .issue-info {
    position: absolute; bottom: 25px; left: 0; width: 100%;
}
div.biweekly .issue-info h1 {
    position: initial !important; font-size: 24px; color: #9a191f; margin: 0;
}
div.biweekly .issue-info h2 {
    position: initial !important; color: #020f39;
}

/* ****
ribbon
****
*/

.ribbon-wrapper {
    position: relative;
}
.ribbon-front {
    background-color: #ed931f;
    position: absolute;
    right: 10px;
    z-index: 2;
    font-size: 14px; text-transform: uppercase; color: #fff; padding: 7px 10px;
    font-family: "myriad-pro",sans-serif !important;
    font-weight: 400 !important;
    border-radius: 2px;
}
.ribbon-front a {
    color: #fff;
}
.ribbon-front.yellow {
    background-color: #ed931f; color: #fff;
}
.ribbon-front.red {
    background-color: #e10; color: #fff;
}
.ribbon-front.dark-blue {
    background-color: #020f39; color: #fff;
}
.ribbon-front.teal {
    background-color: #008080; color: #fff;
}
.ribbon-front.green {
    background-color: #b7c966; color: #fff;
}
.ribbon-front.dark_green {
    background-color: #060; color: #fff;
}
.ribbon-front.cyan {
    background-color: #00afed; color: #fff;
}
.ribbon-front.blue {
    background-color: #3399ff; color: #fff;
}
.ribbon-front.light-blue {
    background-color: #203c96; color: #fff;
}
.ribbon-front.light-green {
    background-color: #a7be38; color: #fff;
}



.ribbon-edge-topleft,
.ribbon-edge-topright,
.ribbon-edge-bottomleft,
.ribbon-edge-bottomright {
    position: absolute;
    z-index: 1;
    border-style:solid;
    height:0px;
    width:0px;
}

.ribbon-edge-topleft,
.ribbon-edge-topright {
}

.ribbon-edge-bottomleft,
.ribbon-edge-bottomright {
    top: 30px;
}

.ribbon-edge-topleft,
.ribbon-edge-bottomleft {
    left: -20px;
    border-color: transparent #000000 transparent transparent;
}

.ribbon-edge-topleft {
    top: 0px;
    border-width: 0px 20px 0 0;
}
.ribbon-edge-bottomleft {
    border-width: 0 20px 20px 0;
}

.ribbon-edge-topright,
.ribbon-edge-bottomright {
    left: 180px;
    border-color: transparent transparent transparent #000000;
}

.ribbon-edge-topright {
    top: 0px;
    border-width: 0px 0 0 20px;
}
.ribbon-edge-bottomright {
    border-width: 0 0 20px 20px;
}

.ribbon-back-left {
    position: absolute;
    top: 20px;
    left: 0px;
    width: 0px;
    height: 30px;
    z-index: 0;
}

.ribbon-back-right {
    position: absolute;
    top: 20px;
    right: 0px;
    width: 0px;
    height: 30px;
    z-index: 0;
}
/* ****
article
****
*/
.article {
    line-height: 1.4 !important; position: relative;
}
.article h1, .article h2, .article h3 {
    display: block; padding: 0 20px; 
}
.article h1 a, .article h2 a, .article h3 a, .article h4 a {
    font-family: 'myriad-pro', sans-serif !important; font-weight: 400 !important;
}
.article h1 {
    color: #9a191f; font-size: 36px; margin: 20px 0; line-height: 1.2;
}
.article h2 {
    color: #9a191f; margin: 25px 0 10px; font-size: 28px; color: #9a191f; line-height: 1.2;
} 
.article h3 {
    color: #9a191f; margin: 25px 0 10px; font-size: 22px; color: #9a191f; line-height: 1.2;
} 
.article h6 {
    color: #020f39 !important; margin: -5px 0 20px; font-size: 15px; color: #9a191f; line-height: 1.2;
    font-family: 'myriad-pro', sans-serif !important; font-weight: 400 !important; padding: 0 20px;
}
.article blockquote {
    background: #fff;
    border: none;
    border-top: 9px solid #9a191f;
    border-bottom: 3px solid #9a191f;
    margin: 25px 80px 25px 100px;
    padding: 10px 0px;
    font: 400 20px/1.6 'myriad-pro', sans-serif !important;
    font-weight: 400 !important;
}
.article p {
    padding: 0 20px; line-height: 1.6; margin: 0 0 15px;
}
.article strong, .article b {
    color: #02537b; font-weight: 400;
}
.article #gallery {
    margin: 0 auto 20px;
}
.note-editable h1, h2, h3, h1 a, h2 a, h3 a {
    font-family: 'myriad-pro', sans-serif !important; font-weight: 400 !important; 
}
.note-editable p {
    font: normal 18px/1.6 'merriweather', serif; color: #323232; font-weight: 300 !important; margin: 0 0 15px; color: #323232;
}
.note-editable strong, .note-editable b {
    color: #02537b;
}

.article p.lead {
    font-size: 20px; font-weight: 300; margin: 20px 0; padding: 0 20px 0 20px; color: #000d3b;
}
.article ol {
    padding: 0 20px; line-height: 1.6; margin: 0 0 15px;
}
.article ol li {
    padding: 0 20px; line-height: 1.6; margin: 0 0 15px;
}

.article img {
    margin: 0 auto;
    display: block;
    left: inherit;
}
.article img[style*="float: left"] {
    margin: 5px 15px 0px 0px;
}

.article img[style*="float: right"] {
    margin: 5px 0px 0px 15px;
}
.article img.cover {
    height: auto; margin: 0 0 20px 0;
    position: relative; left: 0%; width: 100%; z-index: 998;
    -webkit-box-shadow: 0 15px 15px 0 #dadada;
    -moz-box-shadow:    0 15px 15px 0 #dadada;
    box-shadow:         0 15px 15px 0 #dadada;
}
.article .cover-image-wrapper {
    position: relative; width: 100%;
    text-align: center;
}

.article .cover-image-wrapper .caption.over {
    position: absolute; width: 100%; height: 100%; text-align: center; display: table; top: 25%; bottom: 25%; z-index: 1000;
}
.article .cover-image-wrapper .caption.over span {
    display: table-cell;
    vertical-align: middle;
}
.article .cover-image-wrapper .caption.over p {
    font-family: 'myriad-pro', sans-serif; font-weight: 700; color: #041138; font-size: 3em; line-height: 1em;
    background: rgba(255,255,255,.5);
    padding: 5px 10px;
    z-index: 1;
    display: block; margin: 0 auto; width: 70%; height: auto;
}
.article .article-data {
    padding: 10px 20px; margin: 0; border-bottom: 1px solid #d0d0d0; 
}
.article ul {

}
.article ul li {
    padding: 0 15px; margin: 0 0 20px 40px; 
}
.article ul li:before {    
    font-family: 'FontAwesome';
    content:"\f061";
    margin:0 15px 0 -30px;
    color: #9a191f;
}
.article .related-wrapper ul li:before {    
    display: none;
}

.article ul.keywords {
    background-color: #f0f0f0; padding: 10px 20px 0; margin: 5px 0 0 0;
}
.article ul.keywords li:before {
    content: none;
}
.article ul.keywords li {
    float: left; margin: 0 10px 10px 0 !important; padding: 0;
}
.article ul.keywords li a {
    background-color: #fff; padding: 3px 10px;
    font-size: 12px; text-transform: uppercase;	
}
.article ul.keywords li a:hover {
    background-color: #f0f0f0;
}
.article .fb-like {
    padding: 10px 20px; background: #f0f0f0; width: 100%;
}
.article iframe {
    display: block; margin: 0 auto; clear: both;
}

/* ****
article list
****
*/
.article-data {
    background-color: #f0f0f0; padding: 10px; margin-top: 10px;
}
.article-data .article-author {
    text-align: left; font-size: 12px; color: #555; padding: 0;
}
.article-data .article-date {
    font-size: 12px; max-width: 300px; color: #555; padding: 0px 0 0 0; text-align: right;
}
.article-data i {
    color: #555;
}
.article-data ul.keywords {
    text-align: right; padding: 0; overflow: hidden; height: 20px; margin-top: 10px;
}
.article-data ul.keywords li {
    float: left; margin: 0 10px 10px 0;
}
.article-data ul.keywords li a {
    background-color: #fff; padding: 3px 10px;
    font-size: 12px; text-transform: uppercase;	
}
.article-data ul.keywords li a:hover {
    background-color: #f0f0f0;
}

.row.article-stick {
    padding: 0; background: #f0f0f0; list-style: none; position: relative; 
    /*	 border-top: 20px solid #dadada; border-bottom: 20px solid #dadada; */
    background: #f0f0f0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9JREFUeNpiuHXrFkCAAQAFIAKPKOEf/wAAAABJRU5ErkJggg==) repeat-y scroll 50% 0 / 1px 1px; 
    overflow: hidden;
}
.row .clearfix20.border-gradient {
    width: 100%; overflow: hidden; 
}
.article-stick:last-child {
    border: none;
}
.article-stick .stick {
    padding: 0;
}

.article-stick .teaser {
    margin: 10px 0 0; padding: 0 25px 10px 10px;
}
.article-stick .image-wrapper {
    width: 100%; /* max-height: 230px; */ float: left; position: relative; overflow: hidden; 
}
.article-stick .image-wrapper .premium-img {

}
.article-stick .caption.over {
    position: absolute; width: 100%; height: 100%; text-align: center; display: table; z-index: 10; top: 25%; bottom: 25%;
}
.article-stick  .caption.over span {
    display: table-cell;
    vertical-align: middle;
}
.article-stick .caption.over p {
    font-family: 'myriad-pro', sans-serif; font-weight: 700; color: #041138; font-size: 1.7em; line-height: 1em;
    background: rgba(255,255,255,.5);
    padding: 5px 10px;
    z-index: 1;
    display: block; margin: 0 auto; width: 70%; height: auto;
}
.article-stick .border-right {
    border-right: 1px solid #dadada;
}

.article-stick .image-wrapper img {
    width: 100%; max-width: 1200px; display: block; margin: 0 auto;
}
.article-stick .ribbon-wrapper {
    position: absolute; 
}
.article-stick .ribbon-wrapper .ribbon-front {
    width: 140px;
}
.article-stick h1 {
    font-size: 24px; color: #9a191f; line-height: 32px;
    text-align: left;  padding: 5px 10px 0; margin-bottom: 5px;
}
.article-stick h1 a {
    color: #9a191f !important; 

}
.article-stick h1 a:hover {
    text-decoration: underline; color: #fff;
}
.column .article-stick {
    border-top: 0;
}
.column .article-stick h1 {
    font-size: 30px;
}
.column .article-stick h1 a {
    color: #000d3b !important;
    text-align: left;  padding: 0 !important; margin-bottom: 5px;
    box-shadow: none;
}


.article-main {
    margin: 0; padding: 10px; border-top: 1px solid #dadada; position: relative;
}
.article-main:first-of-type {
    margin: 0; 
}
.article-list .image-wrapper {
    /*	width: 255px; height: 155px; float: left; position: relative; overflow: hidden; */
    width: 100%;
}
.article-list .image-wrapper img {
    max-width: 100%; margin-bottom: 10px;
}
.article-list .caption.over {
    position: relative; width: 100%; height: 100%; text-align: center; display: table;
}
.article-list .caption.over span {
    display: table-cell;
    vertical-align: middle;
}
.article-list .caption.over p {
    font-family: 'myriad-pro', sans-serif; font-weight: 700; color: #041138; font-size: 1.5em; line-height: 1em;
    background: rgba(255,255,255,.5);
    padding: 5px 10px;
    z-index: 1;
    display: inline-block; margin: 0 auto;
}
.article-list .article-date {
    padding-top: 4px;
}
.article-list h1 {
    font-size: 24px; margin-bottom: 5px; padding-right: 110px;   color: #9a191f;
}	 
.article-list h1 a {
    font-size: 24px; color: #9a191f;
}	 
.article-list h1 a:hover {
    font-size: 24px; color: #840b11; 
}	 
.article-main .article-data .article-date {
    text-align: left;
}
.article-list .article-teaser {
    position: relative; min-height: 30px;
}
.article-list .ribbon-wrapper {
    /*	position: absolute; left: -10px; */
}
.article-list .ribbon-wrapper .ribbon-front {
    /* width: 170px; */
}
.article-list .teaser {
    line-height: 1.3; margin: 0;
}
.article-list .teaser.w_pic{
    padding-left: 0;
}

.btn.load-more-btn {
    margin-top: 10px; width: 100%; height: 50px; background: none; border: none; background-color: #f0f0f0; color: #9a191f; border-top: 1px solid #dadada;
}
.btn.load-more-btn:hover {
    background-color: #f0f0f0;
}
.btn.load-more-btn.loading, .loading {
    background: #f0f0f0 url('images/loader_load_more.gif') no-repeat center center; background-size: 26px 26px;
}

/* ****
related
****
*/
.related-wrapper {

}
.related-teaser {
    /*	min-height: 30px; */
}
.related-wrapper h2 {
    background: #d0d0d0; color: #069; font-size: 24px; padding: 15px 20px 6px; margin: 0; font-weight: 300; 
}
.related-list {

}
.related-list li {
    position: relative; margin: 0 !important;
}
.related-list li:before {
    content: none !important;
}
.related-list li:last-child {
    margin-bottom: 0;
}
.related-list h1 {
    font-size: 24px; padding: 0 110px 0 0; margin: 10px 0 5px 0;
}	 
.related-list h1 a {
    font-size: 24px; color: #9a191f;
}	 
.related-list h1 a:hover {
    font-size: 24px; color: #840b11; 
}	 

.related-list .article-teaser {
    position: relative;
}
.related-list .ribbon-wrapper {
    position: absolute; z-index: 999;
}
.related-list .ribbon-wrapper .ribbon-front {
    width: 140px;
}
.related-list .teaser {
    line-height: 1.3; margin: 0; padding: 0;
}
.related-list .teaser.w_pic{
    /*	padding-left: 0px; */
}
.related-list .teaser.wo_pic{
    /*	padding-left: 0px; */
}
.related-list .image-wrapper {
    /*	width: 255px; height: 155px; float: left; position: relative; overflow: hidden; */
    width: 100%;
}
.related-list .image-wrapper img {
    max-width: 100%; margin-bottom: 10px; box-shadow: none;
}

.related-list ul.keywords {
    margin: 0;
}
.related-list .article-data {
    margin-top: 10px;
}
.related-list .article-data .article-date {
    padding-top: 4px; text-align: left;
}



/* ****
footer
****
*/
footer {
    background: rgba(55, 55, 55, 0.8); padding: 0; position: relative; 
} 	 
footer .background-wrapper {
    position: relative; 
}
footer .background {
    position: absolute; bottom: 0; right: 0; background: url('images/bg_footer.png') no-repeat top right; width: 100%; height: 100%; opacity: .3;
}
footer .top {
    background: url('images/bg_head.png') repeat-x; position: absolute; top: -7px; z-index: 100; height: 15px; width: 100%;
}
footer .row {
    background: #4f4f4f;  margin: 0;
}
.container.footer {
    padding: 0;
}
footer .dark {
    background-color: #444; background: rgba(68, 68, 68, 0.4);
}
footer img.logo {
    margin: 20px 0 5px 0; max-width: 90%;

}
footer img.logo-bottom {
    margin: 10px 0; max-width: 60%;
}
footer p {
    color: #aaa; margin-top: 30px; font-size: 12px;
}
footer ul {
    margin: 20px 0; font-size: 14px;
}
footer ul li.footer_main {
    color: #fff; font-weight: 700; margin-bottom: 5px;
}
footer ul li.footer_separator {
    width: 100%; height: 20px;
}
footer ul li.footer_link {
    color: #fff; padding: 0 0 0 31px; margin-bottom: 5px;
}
footer li.footer_link:before {    
    font-family: 'FontAwesome';
    content: "";
    margin:0 10px 0 -30px;
    color: #777;
}
footer ul li a {
    color: #fff; font-weight: 300;
}
footer ul li a:hover {
    color: #fff; text-decoration: underline;
}

/* ****
444
****
*/
h1.fourzerofour {
    font-size: 100px; margin: 150px 0; text-align: center; padding: 0;
}

/* ****
store
****
*/   
ul.store {
}
ul.store li {
}
.store {

}
.store .hide-it {
    display: none;
}
.store h2 {
    background: #000d3b; padding: 15px 0 10px; color: #fff; text-transform: uppercase; text-align: center; font-size: 20px; font-weight: 300;
}
.store h2.cart-empty {
    margin: 80px 0 !important;
}
.store h1 {
    color: #9a191f; text-align: center; font-size: 20px; font-weight: 300; padding: 5px 10px;
    background-color: #e0e0e0;
}
.store h1 a {
    font-size: 20px; color: #9a191f;
}	 
.store h1 a:hover {
    font-size: 20px; color: #840b11; 
}	 
.store-item {
    text-align: center; position: relative; margin: 10px 0;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    overflow: hidden;
}
.store-image {
    position: relative;
}
.store-image img {
    max-width: 100%; /* vertical-align: middle; */
}
.store-detail {
    position: absolute; width: 100%;
    z-index: 100;
    bottom: 0;
    margin-top: -70px; 
}
.store-detail ul li {
    border-bottom: 1px solid #ccc; margin-bottom: 10px; padding:  0 10px 10px 10px;
}
.store-detail ul li:last-child {
    border: none; margin: 0; 
}
.store-detail ul li p.name {
    margin-bottom: 10px; color: #000d3b; font-weight: 300; font-size: 18px;
}
.store-detail ul li p.price {
    margin: 0; font-size: 30px; color: #9a191f; right: inherit;
}
.store-detail ul li span.shipping {
    color: #777; font-size: 12px; margin-left: 5px; 
}
.store-detail span.from {
    color: #777; font-size: 12px; margin: 17px 0 0 5px;
}
.store-detail button.buy {
    margin-top: 7px;
}

/* product */
.store.product {
    padding: 0; 
}
.store .product {
    position: relative; 
}
.store.product h1 {
    font-size: 24px; padding: 10px 0; background: #f0f0f0; margin: 15px 0;
}
.store.product h2 {
    margin: 15px 0;
}
.store.product h3 {
    margin: 15px 0;
}
.store.product p {
    line-height: 1.4;
}
.store.product .store-detail {
    position: relative; width: 100%;
    z-index: 100;
    bottom: 0;
    margin-top: -50px; 
}
.store.product.gray {
    background-color: #f0f0f0; padding: 40px 0 10px;
}
.store.product .store-detail.no-margin {
    margin-top: 0;
}
.store.product .product-image {
    margin: 0 auto; width: 100%;
}
.store.product p.description {
    text-align: justify; font-size: 15px; line-height: 1.5; margin-bottom: 40px; font-weight: 300;
}

button.buy {
    color: #9a191f; border-color: #9a191f; text-transform: uppercase; padding: 1px 20px;
}
button.buy:hover {
    background: #9a191f; color: #fff; border-color: #9a191f;
    transition: color 0.5s ease, background-color 0.5s ease;
}

/* *****
checkout
*****
*/
form .help-block li {
    font-family: 'myriad-pro', sans-serif; font-weight: 400; color: #9a191f; font-size: 14px;
}
form#trial {
    background-color: #f0f0f0; padding-top: 20px;
}
form#trial .store-item {
    background: #fff; border: 3px solid #ccc; cursor: pointer;
}
form#trial .store-item.selected {
    border: 3px solid green;
}
form#trial .store-item h1 {
    color: #9a191f; text-align: center; font-size: 20px; font-weight: 300; padding: 8px 10px !important;
    background-color: #e0e0e0;
}
form#trial h1, .thanks h1 {
    color: #9a191f; text-align: center; font-size: 30px; font-weight: 300; padding: 20px 0 0 0; background: none; margin-bottom: 5px; 
}
form#trial h2, .thanks h2 {
    color: #000d3b; text-align: center; font-size: 20px; font-weight: 300; margin-bottom: 10px;
}
form#trial .strore-image, form#trial .store-detail {
    position: initial;
}
form#trial .store-detail {
    margin-top: -50px; margin-bottom: 10px;
    text-align: left; padding: 0 15px;
}
.store.checkout {
    padding: 0; 
}   
.store.checkout h1 {
    color: #9a191f; text-align: center; font-size: 30px; font-weight: 300; padding: 20px 0 0 0; background: none; margin-bottom: 15px;
}
.store.checkout p.info {
    text-align: center; margin-bottom: 10px;
}
.store.checkout p.info a {

}
.store.checkout p.info.terms {
    font-size: 13px; margin: 15px 0 25px;
}
.store.checkout p.info a:hover {

}
.store.checkout p.info span {
    font-size: 13px; color: #999;
}
.store.checkout .transaction-ok {
    color: #063;
}
.store.checkout .transaction-error {
    color: #9a191f;
}
.store.checkout .result_wrapper {
    background-color: #f0f0f0; padding-bottom: 1px;
}
.store.checkout .result_wrapper p.info {
    margin-bottom: 20px;
}

.specify_address {
    display: none; padding-left: 30px; margin-top: 15px;
}
form.checkout h1 {
    padding-top: 0 !important;
}
form.checkout div.border-right {
    border-right: 1px solid #dadada;
}
form.checkout input[type=text], form.checkout input[type=email] {
    padding: 10px; text-align: center; font-size: 24px; height: 51px; font-weight: 300;
    border: none; 
}
form.checkout .address-column-wrapper {
    background: #f0f0f0 url('images/bg_dadada.png') repeat-y top center; padding: 15px 0;

}
form.checkout .form-group.country {
    margin-bottom: 10px;
}
form.checkout ::-webkit-input-placeholder {
    font-size: 12px; text-transform: uppercase; padding-top: 12px;
}
form.checkout :-moz-placeholder { /* Firefox 18- */
    font-size: 12px; text-transform: uppercase;  
}
form.checkout ::-moz-placeholder {  /* Firefox 19+ */
    font-size: 12px; text-transform: uppercase;
}
form.checkout :-ms-input-placeholder {  
    font-size: 12px; text-transform: uppercase;
}
.tagsinput input ::-webkit-input-placeholder {
    font-size: 12px; text-transform: uppercase; padding-top: 12px;
}




/* *****
stickers
*****
*/   
.sticker-wrapper {
    width: 120px;
    height: 120px;
    overflow: hidden;
    position: absolute;
    top: 0px; z-index: 1;
}
.sticker-wrapper.left {
    left: 0px;
}
.sticker-wrapper.right {
    right: 0px;
}

.sticker {
    font-size: 12px;
    color: #333;
    text-align: center;
    text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
    position: relative;
    padding: 7px 0;
    width: 160px;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
    box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
    top: 28px;
}
.sticker a {
    color: #323232;
}
.sticker.right {
    -webkit-transform: rotate(45deg);
    -moz-transform:    rotate(45deg);
    -ms-transform:     rotate(45deg);
    -o-transform:      rotate(45deg);
    left: -2px;
}
.sticker.left {
    -webkit-transform: rotate(-45deg);
    -moz-transform:    rotate(-45deg);
    -ms-transform:     rotate(-45deg);
    -o-transform:      rotate(-45deg);
    left: -37px;
}
.sticker.green {
    background-color: #BFDC7A;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); 
    background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); 
    background-image:    -moz-linear-gradient(top, #BFDC7A, #8EBF45); 
    background-image:     -ms-linear-gradient(top, #BFDC7A, #8EBF45); 
    background-image:      -o-linear-gradient(top, #BFDC7A, #8EBF45); 
}
.sticker.yellow {
    background-color: #f6d615;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f6d615), to(#eeec07));
    background-image: -webkit-linear-gradient(top, #f6d615 0%, #eeec07 100%);
    background-image: -moz-linear-gradient(top, #f6d615 0%, #eeec07 100%);
    background-image: -ms-linear-gradient(top, #f6d615 0%, #eeec07 100%);
    background-image: -o-linear-gradient(top, #f6d615 0%, #eeec07 100%);
    background-image: linear-gradient(to bottom, #f6d615 0%, #eeec07 100%);
}

/* ****
message modal
****
*/	 
.modal {
    z-index: 11400 !important; 
}
.message-modal .modal-content {
    text-align: center;
    background: rgba(255, 255, 255, 0.95); margin: 0; padding: 40px; padding: 40px 0 36px;
    border-radius: 0; 
}
.message-modal .close {
    position: absolute; right: 10px; top: 10px;
}
.message-modal h2 {
    font-weight: 300; color: #555; font-size: 24px; color: #069;
}
.message-modal p.message {
    color: #aaa; text-align: center; padding: 0 40px; margin-top: 14px; 
}


/* ****
cart modal
****
*/	 
.cart-modal .modal-content {
    text-align: center;
    background: rgba(255, 255, 255, 0.95); margin: 0; padding: 40px; padding: 40px 0 36px;
    border-radius: 0; 
}
.cart-modal .close {
    position: absolute; right: 10px; top: 10px;
}
.cart-modal h2 {
    font-weight: 300; color: #555; font-size: 24px; color: #069;
}
.cart-modal p.note {
    color: #aaa; font-size: 12px; padding: 0 40px; margin-top: 14px; text-align: left;
}
.cart-modal .btn {
    border: 0; font-size: 25px; height: 50px; font-size: 12px; text-transform: uppercase;
    color: #aaa; padding: 0; width: 200px;
}
.cart-modal .btn i {
    color: #aaa; font-size: 20px; margin-left: 10px;
}

v

/* *****
cart
*****
*/

ul.cart {
    margin-top: 20px; position: relative;
}
ul.cart li {
    position: relative; border-bottom: 1px solid #dadada; padding: 0 40px; min-height: 150px;
}
ul.cart li:hover {
    background: #d4d4d4;
    transition: background-color 0.5s ease;
}
ul.cart li:first-child {
    border-top: 1px solid #dadada;
}
ul.cart li p {
    float: left; font-size: 16px; 
}
ul.cart li span {

}

ul.cart li .quantity {
    font-size: 22px; font-weight: 300; color: #9a191f; margin-top: 20px;
    width: 50px; text-align: left; 
}
ul.cart li .quantity .input-group-btn {
    display: inline; background: #f0f0f0 !important;
}
ul.cart li .quantity .input-group .form-control {
    float: inherit;
}

ul.cart li .quantity input {
    font-size: 30px; font-weight: 300; height: 50px; width: 50px !important;
    border: none; background: #fff; padding: 3px 5px; text-align: center;
}
ul.cart li .quantity .btn {
    border: none; background: #f0f0f0; width: 50px; height: 30px; padding: 0;
}
ul.cart li .quantity input.no-spin {
    margin-top: 25px;
}
ul.cart li .quantity .input-group-btn .bootstrap-touchspin-down {
    border-radius: 4px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;
}
ul.cart li .quantity .input-group-btn .bootstrap-touchspin-up {
    border-radius: 4px; border-top-left-radius: 0; border-top-right-radius: 0; left: 1px;
}
ul.cart li .image-wrapper {
    height: 150px; width: 100px; float: left;
    display: table;
}
ul.cart li .image {
    display: table-cell; vertical-align: middle; text-align: left; width: 100px;
}
ul.cart li .image img {
    max-width: 100px; margin-top: 0px; position: relative; top: 10px;
}
ul.cart li .product-wrapper {
    height: 150px; float: left;
    padding: 0 130px 0 0; position: absolute;
    margin-left: 160px;
    display: table;
}
ul.cart li .product {
    display: table-cell; vertical-align: middle; text-align: left; 
}

ul.cart li .product span {
    text-align: left; font-size: 22px; font-weight: 300; color: #9a191f; line-height: 1.1;
}
ul.cart li .product span.item {
    color: #555;
    font-size: 14px;
}
ul.cart .shipping {
    position: absolute; left: 200px; bottom: 3px; width: 120px; text-align: left; z-index: 10;
    font-size: 12px;
}
ul.cart .shipping span {
    color: #777; 
}
.price {
    position: absolute; right: 40px; height: 150px; display: table;
}
span.currency {
    display: table-cell; vertical-align: middle; font-size: 20px; line-height: 30px; font-weight: 300; color: #9a191f; 
}
span.amount {
    display: table-cell; vertical-align: middle; font-size: 30px; font-weight: 300; color: #9a191f; 
}
ul.cart .shipping span.currency {
    font-size: 14px;
}
ul.cart .shipping span.amount {
    font-size: 14px;
}
.price_wrapper {
    width: 200px; display: inline-block;
}
ul.total {
    position: relative;
}
ul.total li {
    border-bottom: 1px solid #dadada; padding: 10px 40px;
}
ul.total li.total {
    background-color: #e4e4e4
}
p.shipping {
    font-size: 16px; font-weight: 300; text-align: right; 
}
ul.total span.amount, ul.total span.currency {
    display: inline !important;
}
ul.total span.currency {
    margin-left: 10px;
}
p.total {
    font-size: 30px; font-weight: 300; text-align: right; 
}
ul.actions {
    text-align: center;
}
ul.actions li {
    display: inline-block;
}
ul.actions li .btn {
    width: 150px; margin: 10px; border: 0; font-size: 25px; height: 50px; font-size: 12px; text-transform: uppercase;
    color: #aaa; padding: 0; 
}
ul.actions.pay.bg {
    background: #d0d0d0;
}
ul.actions.pay {
    margin: 0; text-align: center;
}
ul.actions.pay h1 {
    padding: 20px 0; margin-bottom: 0;
}
ul.actions.pay .btn {
    border: 1px solid #e4e4e4; padding: 0 20px; white-space: normal;
}
.cart-remove {
    position: absolute; width: 100%; height: 100%; z-index: 10;
    display: none; background: rgba(154, 25, 31, 0.5);
}
.cart-remove  .wrapper {
    height: 100%; width: 100%; display: table; position: absolute;
}
.cart-remove  ul {
    position: relative; width: 100%; height: 100%;
}
.cart-remove  ul li {
    border: none; padding: 0; min-height: 0; float: right; width: 50%;
    bottom: -60%;

}
.cart-remove  ul li:hover {
    background: none;
}
.cart-remove  ul li:first-child {
    float: left; border: none;
}
.cart-remove  ul li .btn {
    width: 120px; margin: 0 10px;
}

.cart-remove  h1 {
    display: table-cell; vertical-align: middle; color: #fff;
    font-size: 30px; font-weight: 300; padding-bottom: 50px; padding: 0 0 40px !important; color: #fff !important;
}
.cart-stuff {
    /*	display: none; */
}
@media (max-width: 535px) {
    ul.actions li .btn {
        margin: 5px; width:85px; white-space: normal; font-size: 11px;
    }
    .row.article.premium .premium-logo {
        left: 0px !important; 
        right: 0px !important; 
    }
    .row.article.premium h1 {
        padding: 50px 20px 0;
    }
}
@media (max-width: 991px) {
    .nav-top {
        background-size: auto 13px;
        background-position: left bottom;
    }
    .navbar .logo a img {
        margin: 10px auto 0px; max-width: 70%;
    }
    .main {
        padding-top: 90px;
    }
    .navbar .logo {
        text-align: center;
    }
}
@media (max-width: 767px) {
    .carousel-inner .premium-ribbon {
        top: 0 !important;
    }
    .carousel-inner .premium-ribbon + h1 {
        padding-top: 45px;
    }
    .row.article-stick {
        padding: 0; background: none; 
    }
    .border-gradient {
        background: #c6c6c6;
    }
    .premium .article-list .col-md-4 .image-wrapper {
        max-height: none !important;
    }
    .premium .article-list .img {
        margin-left: auto; margin-right: auto;
    }
    .article-list .image-wrapper {
        height: auto !important;
    }
    .article .cover-image-wrapper .caption.over p {
        font-family: 'myriad-pro', sans-serif; font-weight: 700; color: #041138; font-size: 2em; line-height: 1em;
        background: rgba(255,255,255,.5);
        padding: 5px 10px;
        z-index: 1;
        display: block; margin: 0 auto; width: 70%; height: auto;
    }
    .premium .teaser.wo_pic {
        padding-left: 0 !important;	
    }
    .nav-top {
        background-position: left bottom;
        background-size: auto 11px;
    }
    .article-stick h1 {
        font-size: 24px; 
    }
    .search-modal .modal-content {
        padding: 20px 5px;
    }
    .search-modal .close {
        right: 5px; top: 5px;
    }
    form.checkout .address-column-wrapper {
        background: #f0f0f0;
    }
    .icheckbox_flat-red, .iradio_flat-red {
        /*		display: block; margin: 0 auto 5px; */
    }
    ul.actions li .btn {
    }
    ul.total li {
        padding: 10px 0 10px 10px;

    }
    ul.cart li {
        padding-right: 10px;
    }
    ul.total li p {
        padding: 0 10px 0;
    }
    ul.cart .shipping {
        left: 110px;
    }
    ul.cart .price {
        right: 10px;
    }
    ul.cart li .product-wrapper { 
        margin-left: 70px;
    }
    .cart-modal p.note {
        padding-left: 10px;
    }
    .carousel-container .item { 
        display:block;
        padding-bottom:10px;
    }
    .content .carousel p {
        height: auto; border-bottom: 1px solid #dadada;
    }
    .row.expert-opinion {
        border-top: none; padding: 0 0 10px; margin-top: -10px;
    }
    .content .carousel h1 {
        white-space: normal;
    }
    .content .carousel .image-wrapper {
        height: auto !important;
    }
    .content .carousel .image-wrapper img {
        width: 100% !important; height: auto !important; position: inherit !important; top: 0 !important; left: 0 !important;
    }
    .article-list .teaser.wo_pic{
        padding-left: 0px; margin-bottom: 5px; margin-top: 40px;
    }
    .ribbon-edge-bottomleft {
        display: none;
    }
    .article-list .ribbon-wrapper {
        left: 0;
    }
    .article-list .premium-logo.size200 {
        right: 10px;
    }


}

@media (max-width: 1199px) {
    .ad_300x250 {
        background: no-repeat; height: 250px; width: 300px; padding: 0;
    }
    div.logo {
        height: 100px; padding-top: 7px;
    }
    img.logo {
        max-width: 360px !important; 
    }
    .shop-head  {
        height: 58px; margin-top: 32px;
    }
    .shop-head .buy-now p a {
        padding-top: 10px;
    }
}

@media (min-width: 1200px) {
    .content .carousel h1 {
        font-size: 30px;	
    }
    ul.menu-head li {
        font-size: 16px;
    }
    ul.menu-icons li {
        margin-left: 10px;
    }
    .premium-promo img.logo-premium {
        max-width: 240px; height: auto; float: left; position: relative;
    }
}

@media (min-width: 768px) { 

    .nav-top {
        border: none;
        /* height: 150px; */
        height: 110px;
    }
    .article-stick { 
        border: none;
    }
    .article img {
        margin: 0 auto;
        display: block;
        left: inherit;
    }
    .article img.cover {
        height: auto; margin: 0 0 20px 0;
        position: relative;
        /* left: -2%; 
        width: 104%;  */
        z-index: 998;
        -webkit-box-shadow: 0 15px 15px 0 #dadada;
        -moz-box-shadow:    0 15px 15px 0 #dadada;
        box-shadow:         0 15px 15px 0 #dadada;
    }
    .related-list .article-data {
        margin-top: 0;
    }
    .related-list .image-wrapper {
        width: 255px; height: 155px; float: left; position: relative; overflow: hidden; 
    } 
    .related-list .image-wrapper img {
        margin-bottom: 0; width: auto;
    }
    .related-list .teaser.w_pic{
        padding-left: 265px;
    }
    .related-list .teaser.wo_pic{
        margin-bottom: 5px;
    }
    .expert-opinion ul {
        margin-top: 0;
    }
    .content .carousel h1 {
        white-space: nowrap;
    }
    .article-list .image-wrapper {
        width: 255px;  height: 155px; float: left; position: relative; overflow: hidden; 
    }
    .article-list .image-wrapper img {
        margin-bottom: 0; width: auto;
    }
    .article-list .teaser.w_pic{
        padding-left: 265px;
    }
    .article-list .teaser.wo_pic{
        margin-bottom: 5px;
    }
    .teaser.wo_pic.zero {
        padding-left: 0 !important;
    }
    .article-teaser.zero {
        min-height: 0 !important;
    }

    .article-data {
        margin-top: 0;
    }
    .article-data ul.keywords {
        margin-top: 0;
    }
    .store.product .store-detail {
        margin-top: -100px; 
    }
    .store.product .store-detail .price {
        height: auto; position: relative;
    }
    .store.product p.description {
        font-size: 20px;
    }
    .store.product h1 {
        font-size: 40px; padding: 15px 0;
    }
}
@media (min-width: 970px) { 
    .main {
        padding-top: 160px;
    }
}
@media (max-width: 400px) {
    .nav-top {
        background-size: auto 8px;
    }
    .nav-top .container .row {
        margin: 0;
    }
    .navbar .hamburger .btn {
        width: 30px; height: 30px; padding: 0; text-align: center;
    }
    .article-main.premium h1 {
        padding-right: 0px; margin-top: 30px;
    }
    img.logo {
        max-width: 300px !important; 
    }
}
@media (max-width: 320px) {
    img.logo {
        max-width: 280px !important; 
    }
}

.dview {
    margin: 25px;
    text-align: center;
    line-height: 150%;
    border: 1px solid #ccc;
    background-color: white;
    padding: 10px;
}
.dview a {
    color: #9a191f;
}
.dviewbg {
    content: '';
    background: url("https://bbj.hu/css/images/advertisement.png") 10px 0px no-repeat scroll;
}
.free-trial {
    padding: 15px;
}
.free-trial label {
    display: block;
    margin-bottom: 5px;
    margin-top: 15px;
    font-weight: normal;
    font-size: 12px;
}
.free-trial input, .free-trial select {
    border: 1px solid #c1494f;
    height: 32px;				
    font-size: 12px;
    padding: 0 5px;
    width: 100%;					
}
.free-trial button {
    float: right;
    border: none;
    background-color: #9a191f;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    padding: 5px 10px;
    margin: 8px 0 0 0;
}

#bbj25 #gallery, #bbj25 #gallery ul.bjqs, #bbj25 #gallery ul.bjqs li.bjqs-slide, #bbj25 #gallery ul.bjqs li.bjqs-slide img {
    width: 700px;
    height: 900px !important;
}
#bbj25 ul.bjqs-controls.v-centered {
    position: absolute;
    width: 700px;
    top: 45%;
}

#popup-cont{
    display: none;
    position: fixed;
    z-index: 99999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
}
#popup-cont #popup{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    background-color: rgba(238,238,238,1);
    padding: 25px;
}
#popup-cont #popup .fa{
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 5px;
}
@media (max-width: 768px) {
    #popup-cont #popup img{
        max-width: 100%;
    }   
}
@media (max-width: 560px) {
    #popup-cont #popup {
        width: 90%;
    }   
}
/* .goAdverticum *{
max-width: 100%;
height: auto !important;
} */
#zone5127523.goAdverticum * {
    height: 250px !important;
}