@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%;
}
.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 10px 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.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;
}
.article-list .goAdverticum, .row.article .goAdverticum {
	width: 670px; margin: 0 auto;
} 

.sidebar .goAdverticum {
/*	margin: 0 auto;
	padding: 10px;
	background: #fff url(http://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;
}
.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(http://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(http://bbj.hu/css/images/advertisement.png) no-repeat scroll 310px 10px;
}
.row.banner {
	background: #fff url(http://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(http://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-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-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;
	}
	.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; 
	}
}