/* MAIN STYLES */

html {
	background-image: url(../img/blurred.png);
    background-attachment: fixed;
    background-size: cover;
}

body {
	font-family: 'Raleway', sans-serif!important;
	line-height:21px;
    font-size:13px;
}
.articlepopupbackground{
    background: #ffffff;
}

p {
	color:#444444;	
	font-size:13px;
}

.height-20 {
	height:20px;	
}

.height-40 {
	height:40px;	
}

hr.dark {
	background-color:rgba(0,0,0,0.2);
	height:1px;
	width:100%;
	outline:0;
	border:0;
	margin: 40px 0 10px;	
}

hr.light {
	background-color:rgba(255,255,255,0.5);
	height:1px;
	width:100%;
	outline:0;
	border:0;	
	margin: 40px 0 10px;	 
}


.margin-large {
	margin:40px 0;	
}

a {
	color:#444444;
}
.main-content p a {
    color: #0000EE;
    text-decoration: underline !important;
}
.full-text a{
    color:#F09D3D;
}
.full-text{
    margin-bottom:20px;
}
a:hover {
	color:#f09d3d!important;
	text-decoration:none;		
}

.float-left {
	float:left;	
}

.float-right {
	float:right;	
}

h1.dark {
	font-size:38px;	
	border-bottom:1px solid rgba(0,0,0,0.2);
	margin-bottom:40px;
	padding-bottom:22px;
	margin-top: 3px;
	color:#444444;
	text-transform:uppercase;
	font-weight:100;
}

h1.light {
    font-size: 38px;
    border-bottom:1px solid rgba(255,255,255,0.5);
    margin-bottom: 20px; /* 40 */
    padding-bottom: 22px;
    margin-top: 3px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: 100;
}
.borderline {
    border-bottom: 1px solid rgba(0,0,0,0.2);
    padding-top: 10px;
    margin-bottom:10px;
}

h2.panel-header {
	background-color:rgba(0,0,0,0.35)!important;
    width: calc(100% - 20px);
    font-size: 13px;
	display:block;
	font-weight:300;
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
	color:#FFFFFF;
	text-transform:uppercase;
}

h2.sub-header-dark {
    width:100%;
	display:block;
    font-size:16px;
	font-weight:300;
    height:40px;
    line-height:40px;
	color:#444444;
	text-transform:uppercase;
    border-bottom: 1px solid rgba(0,0,0,0.2);
	margin-bottom:10px;
}

h2.sub-header-light {
    width:100%;
	display:block;
    font-size:16px;
	font-weight:300;
    height:40px;
    line-height:40px;
	color:#FFFFFF;
	text-transform:uppercase;
    border-bottom: 1px solid rgba(255,255,255,0.2);
	margin-bottom:10px;
}

p.meta-information {
	font-size:13px;
	font-style:italic;
	color:#999999;
	margin-top:-20px;
}
.button-holder{
    margin-bottom:10px;
}
.button {
	display: block;
    width:100%;
    background-color: #f09d3d;
    border:0;
    color: #FFFFFF;
    text-align: center;
    padding: 12px 0;
    text-transform: uppercase;
    font-size: 13px;
    cursor: pointer;
	-webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.button-fixed-width {
	width:250px;	
}

.button:hover {
    text-decoration: none;
    background-color: rgba(0,0,0,0.75);
	color:#f09d3d!important;
}
.button2{
        background-color: #ffffff;
    border:1px solid #f09d3d;
    color:#f09d3d;
}
.button2:hover{
        background-color: #f09d3d;
    border:1px solid #ffffff;
    color:#ffffff;
}
.nobutton {
    background-color: rgba(128,128,128,1) !important;
    cursor:default !important;
}
.nobutton:hover {
    text-decoration: none;
    background-color: rgba(128,128,128,1) !important;
	color:#888888!important;
}
.ease {
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.container {
	width:100%;
}

.main-content {
	width:calc(100% - 80px);
	margin-left:80px;
     padding-bottom:100px!important; 
}

.section {
	display:block;
	width:100%;
	height:auto;
	position:relative;
}

.section-background-blurred {
	background-image: url(../img/blurred.png);
    background-attachment: fixed;
    background-size: cover;
}

.section-populair-articles {
	background: #ffffff;
    background: -moz-linear-gradient(-45deg, #ffffff 0%, #e0e0e0 100%);
    background: -webkit-linear-gradient(-45deg, #ffffff 0%,#e0e0e0 100%);
    background: linear-gradient(135deg, #ffffff 0%,#e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=1 );
}

.preload {
	opacity:0;	
}

.preloaded {
	opacity:1;	
}

.load {
	text-align:center;
}

.loader {
	text-align:center;
	margin-top:40px;
	padding:40px 0;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1a000000',GradientType=0 );
}

.section-all-articles {
	background-color:transparent;
}

.section-all-magazines {
	background-color:transparent;
    margin-bottom: 100px;
}


.section-footer {
	background-color: rgba(0,0,0,0.75);
    position:fixed;
    bottom:0;
}

.section-account {
}

.section-partners {
}

.section-responsive-menu-substitute {
	height:72px;
	display:none;
}

.section-responsive-menu {
	background: #ffffff;
    background: -moz-linear-gradient(-45deg, #ffffff 0%, #e0e0e0 100%);
    background: -webkit-linear-gradient(-45deg, #ffffff 0%,#e0e0e0 100%);
    background: linear-gradient(135deg, #ffffff 0%,#e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=1 );
	padding:20px;
	z-index: 999;
	font-size:32px;
	width:calc(100% - 40px);
	position:fixed;
	-webkit-box-shadow: 0px 6px 5px -5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 6px 5px -5px rgba(0,0,0,0.5);
	box-shadow: 0px 6px 5px -5px rgba(0,0,0,0.5);
}

.section-responsive-menu a {
	color:#444444;	
}

.section-responsive-menu-fixed {
	position:fixed;
	top:0;
	left:0;	
}

.inner-container {
	padding: 15px 40px 0px 40px;
	position:relative;
}

.inner-container .section {
	-webkit-box-shadow: 0px -2px 20px 0px rgba(0,0,0,0);
	-moz-box-shadow: 0px -2px 20px 0px rgba(0,0,0,0);
	box-shadow: 0px -2px 20px 0px rgba(0,0,0,0);	
}

.inner-container .section .inner-container {
	background-color:rgba(255,255,255,0.5);	
	padding:40px;
	-webkit-box-shadow: 0px 6px 5px -5px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 6px 5px -5px rgba(0,0,0,0.5);
    box-shadow: 0px 6px 5px -5px rgba(0,0,0,0.5);
}
.section-footer .inner-container {
	padding:10px 10px 10px 10px;	
	position:relative;
}
#account .inner-container .section {
	margin-bottom:40px;	
}

#account .inner-container .section:last-child {
	margin-bottom:0;	
}


.filters-substitute {
	/*height:80px;*/
	margin-bottom:40px;	
}

.filters {
	background-color:rgba(0,0,0,0.1);
	padding: 18px 40px;
	-webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
	margin-bottom:40px;
	margin-left:-40px;
	width:100%;
	-webkit-box-shadow: inset 0px -5px 12px -10px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px -5px 12px -10px rgba(0,0,0,0.5);
	box-shadow: inset 0px -5px 12px -10px rgba(0,0,0,0.5);
	border-top:1px solid rgba(255,255,255,0.5);
	border-bottom:1px solid rgba(255,255,255,0.5);
}

.filters-fixed {
	position:fixed;
	top:0;
	left:120px;	
	width:calc(100% - 160px);
    z-index: 999;
	border:0;
	-webkit-box-shadow: 7px -2px 5px 5px rgba(0,0,0,0.25);
	-moz-box-shadow: 7px -2px 5px 5px rgba(0,0,0,0.25);
	box-shadow: 7px -3px 5px 5px rgba(0,0,0,0.25);
	background: #F7F7F7;
	border-top:0px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
}

.checkbox-custom, .radio-custom {
    opacity: 0;
    position: absolute;   
}

.checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 0 30px 0 0;
    cursor: pointer;
	width: auto;
	font-weight:bold;
}

.checkbox-custom-label, .radio-custom-label {
    position: relative;
}

.checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before {
    content: '';
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
}

.checkbox-custom:checked + .checkbox-custom-label:before {
    background-color: #f09d3d;
    box-shadow: inset 0px 0px 0px 4px #fff;
}

.radio-custom + .radio-custom-label:before {

}

.radio-custom:checked + .radio-custom-label:before {
    background: #ccc;
    box-shadow: inset 0px 0px 0px 4px #fff;
}

.checkbox-custom:focus + .checkbox-custom-label, .radio-custom:focus + .radio-custom-label {
  	outline: 0px solid #ddd; /* focus style */
}

.uk-pagination>li>a, .uk-pagination>li>span {
	border-radius:0;
	width:30px;
	height:30px; 
	line-height:30px;
	background-color:rgba(0,0,0,0.5);
	color:#FFFFFF;
	font-weight:normal;
	border: 1px solid rgba(0,0,0,0);
}
 
.uk-pagination>.uk-active>span {
	background-color:#f09d3d;
	border:0px;
}



/* SIDEBAR + MENU */

.sidebar {
	width:80px;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background: #ffffff;
    background: -moz-linear-gradient(-45deg, #ffffff 0%, #e0e0e0 100%);
    background: -webkit-linear-gradient(-45deg, #ffffff 0%,#e0e0e0 100%);
    background: linear-gradient(135deg, #ffffff 0%,#e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=1 );
	z-index:999;
	-webkit-box-shadow: 1px 0px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 0px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 1px 0px 5px 0px rgba(0,0,0,0.5);
}

.sidebar-container {
	position:relative;	
	overflow:hidden;
}

.sidebar:hover ul.menu li span {
	display:inline-block;
}

.app-icon {
	position:relative;
}

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

ul.menu li {
	position:relative;	
	-webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

ul.menu li:hover {
	background-color:rgba(0,0,0,0.05);	
}

ul.menu li a:hover > i {
	color:#f09d3d;
}

ul.menu li:after {
	content:"";
	display:block;
	width:100%;
	height:1px;
	background-color:rgba(255,255,255,0.1);	
}

ul.menu li:first-child:before {
	content:"";
	display:block;
	width:100%;
	height:1px;
	background-color:rgba(255,255,255,1);	
}

ul.menu li a {
	font-size:12px;
	font-weight:500;
	text-transform:uppercase;
	color:#666666;	
	display:block;
}

ul.menu li a span i {
	font-size:30px;
	color:rgba(0,0,0,0.1);
	position:absolute;
	margin-left:60px;
}

ul.menu li i {
	font-family: 'FontAwesome';	
	font-size:20px;
	color:#B8B8B8;
	display:inline-block;
	width:80px;
	height:50px;
	line-height:50px;
	text-align:center;
}

ul.menu li span {
/*	opacity:0;*/
	position:absolute;
	line-height:50px;
}

ul.menu li .sub-menu ul {
	background-color:rgba(0,0,0,0.05);
}

ul.menu li .sub-menu ul li {
	padding:10px 0 0 20px;
}

ul.menu li .sub-menu ul li a {
	font-size:11px;
}

ul.menu li .sub-menu ul li i {
	height:30px;
	width:30px;
	line-height:20px;
    vertical-align: -webkit-baseline-middle;
}

ul.menu li .sub-menu ul li:after {
	content:"";
	height:0;
	background-color:transparent;
	border-bottom:0;
}

.sub-menu {
	display:none;	
	position:relative;
}



/* SLIDER */

a.uk-slidenav.uk-slidenav-contrast.uk-slidenav-next {
    width: 64px;
    height: 64px;
    z-index: 999;
    position: absolute;
    top: 50%;
    right: 0;
    background-color: rgba(0,0,0,0.5);
    border-radius: 12px 0 0 12px;
/*	display:block;*/
}

a.uk-slidenav.uk-slidenav-contrast.uk-slidenav-previous {
    width: 64px;
    height: 64px;
    z-index: 999;
    position: absolute;
    top: 50%;
    left: 0;
    background-color: rgba(0,0,0,0.5);
    border-radius: 0 12px 12px 0;
/*	display:block;*/
}

.slide-content {
	max-width:1000px;	
}

.slide-content p {
	color:#FFFFFF;
	margin-bottom:40px;
	font-size: 21px;
    font-weight: 100;
    line-height: 36px;
}

.slide-content h1 {
	color:#FFFFFF;	
	border-bottom:1px solid rgba(255,255,255,0.2);
	font-weight:300;
}

.slide-content a.button {
	maring:0 auto;	
	display:inline-block;
}



/* ARTICLES */
.homepage_articles_section{
    height:275px;
    width:100%;
    overflow:hidden;
     
}
.article {
	width:100%;	
	position:relative;
    background-color:#ffffff;
    background-position:center center;

	background-size:cover; /*cover*/
    background-repeat:no-repeat;
	border:1px solid rgba(255,255,255,1);
	cursor:pointer;
	min-height:150px;/* 250 */
/*	max-height:300px;*/
	-webkit-box-shadow: 0px 6px 5px -5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 6px 5px -5px rgba(0,0,0,0.5);
	box-shadow: 0px 6px 5px -5px rgba(0,0,0,0.5);
}
.article.article_noresize{
    height:200px;
    max-height:200px;
    background-size:cover;
}
    .article.article_noresize img {
    max-height:100px;
    }
    .article.article_noresize .article-info{
        position:absolute;bottom:0;
    }
.article_noimage { background-image:url(../img/noimage.jpg); 	background-size:cover; min-height:40px;}
.article-image1 { background-image:url(../img/image1.jpg); }
.article-image2 { background-image:url(../img/image2.jpg); }
.article-image3 { background-image:url(../img/image3.jpg); }
.article-image4 { background-image:url(../img/image4.jpg); }
.article-image5 { background-image:url(../img/image5.jpg); }
.article-image6 { background-image:url(../img/image6.jpg); }
.article-image7 { background-image:url(../img/image7.jpg); }
.article-image8 { background-image:url(../img/image8.jpg); }
.article-image9 { background-image:url(../img/image9.jpg); }
.article-image10 { background-image:url(../img/image10.jpg); }
.article-image11 { background-image:url(../img/image11.jpg); }
.article-image12 { background-image:url(../img/image12.jpg); }
.article-image13 { background-image:url(../img/image13.jpg); }
.article-image14 { background-image:url(../img/image14.jpg); }
.article-image15 { background-image:url(../img/image15.jpg); }

.articleinfo_metatext{
    display:inline-block;
}
.articleinfo_navigation{
    margin:0 10px;
}
.articleinfo_navigation p{
    text-transform:uppercase;
    display:inline;
}


.sharebox_share{ text-align:center; display:flex; flex-direction: row;}
.sharebox_share_section { flex:1;}

.article_header_menu{
    width:100%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}

.article_header_item{
    width: 34%;
}
.article_header_item-share{
    text-align:center;
}
.article_header_item-share .addthis_toolbox{
    width:400px;
    margin:0 auto;
}
.article_header_item-navigation{
    text-align:right;
}

.publication-categories {
	padding: 5px 10px;
    width: calc(100% - 20px);
    color: #FFFFFF;
    background-color: rgba(240,157,61,0.75);
/*	position:absolute;*/
    text-align:right;
/*	bottom:72px;*/
}

a.publication-name {
	float:left;
    color:#FFFFFF;
    font-size: 13px;
}

a.publication-category {
	float:right;
    color: #FFFFFF;
    font-size: 13px;
}

.article-info {
	width:calc(100% - 8px);
	background-color: rgba(255,255,255,1);
	position:absolute;
	bottom:0;
	padding:4px;
    height:60px;
}

a.article-title {
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    overflow: hidden;
	font-size:13px;
	color:#444444;
	margin-bottom:10px;
	text-transform:uppercase;
}

p.article-author-date {
    font-style: italic;
    color: #888888;
    font-size: 12px; /*1.4em;*/
}

img.more-info {
	width:26px;
	height:26px;
	position:absolute;
	top:10px;
	right:10px;	
	opacity:0.7;
	cursor:pointer;	
	z-index:998;
}

img.more-info:hover {
	opacity:1;	
}

.other-articles {
	-webkit-column-break-before: always;	
    -moz-column-break-before: always;	
    -o-column-break-before: always;	
    column-break-before: always;	
}
ul.other-articles-list{
        -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
}
    ul.other-articles-list li{
        list-style:none !important;
    }
ul.other-articles-list i {
	color:#f09d3d;
	margin-right:10px;
}

ul.other-articles-list a {
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	font-size:13px;
	font-weight:600;
	display:block;
}

h2.other-articles {
    display: block;
    background-color: #f09d3d;
    color: #FFFFFF;
    padding: 12px;
    font-size: 13px;
    text-align: left;
}



/* ARTICLE DETAIL */

.article-title .inner-container {
	padding: 20px 40px 0 40px;;	
}

.article-information h1 {
    font-size: 38px;
    line-height: 1.2em;
    border-bottom: none; /*1px solid rgba(0,0,0,0.2);*/
    padding-bottom: 22px;
    color: #465363;
    text-transform: uppercase;
    font-weight: 100;
    margin-bottom: 13px;
    margin-top: 3px;
}
.article-information h2 {
    font-size: 18px;
}
    .article-information p {
    color: #465363;
}

.article-buttons{
	background-color:rgba(255,255,255,0.15);	
}

.article-buttons .inner-container {
	padding:4px 40px;	
	background-color:rgba(0,0,0,0.1);
}

.article-buttons .inner-container p {
	line-height:32px;
	padding:0 10px;
	text-transform:uppercase;
}

.navicon {
	color:rgba(0,0,0,0.5);
	cursor:pointer
}

.navicon:hover {
	color:rgba(0,0,0,0.8);
}



/* REGISTER */

.centerer
{
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.centered
{
    display: inline-block;
    vertical-align: middle;
}

.section-step1 .magazine {
	cursor:pointer;	
}

.image-check {
    width: 100%;
    height: 100%;
    background-color: rgba(142,187,33,0.7);
    position: absolute;
    top: 0;
    left: 0;
    z-index:999;
    display:none;
    text-align:center;
}

.checked {
	display:block;
	width:100%;
	height:100%;	
	cursor:pointer;
}

.image-check span i {
    color:#FFFFFF;
}

input, select, textarea {
    padding: 10px;
    margin: 5px 0 0 0;
    width: calc(100% - 22px);
    border: 1px solid rgba(255,255,255,0.2);
    background-color: rgba(255,255,255,0.5);
    border-radius: 0;
    -webkit-appearance: none;
}
/*
input:focus, select:focus, textarea:focus {
    outline: none;
    border: 1px solid #f09d3d;
    background-color: rgba(255,255,255,0.65);
    border-radius: 0;
    -webkit-appearance: none;
}
    */



/* CHECKOUT */

.half-container-1 {
	width:calc(50% - 41px);	
	border-right: 1px solid rgba(0,0,0,0.1);
	margin-right:40px;
	padding-right:40px;
}

.half-container-2 {
	width:calc(50% - 40px);	
}

.register-form-image {
	background-image:url(../img/article-image.jpg);
	background-size:cover;
	height:100%;
}



/* MAGAZINES */
.homepage_magazines_section{
    height:560px;
    width:100%;
    overflow:hidden;     
}
.homepage_magazines_innersection{
    width:98%;
}
.magazine {
	width: calc(100% - 40px);
    background-color: rgba(255,255,255,0.3);
    border: 1px solid rgba(255,255,255,0.5);
    position: relative;
    padding: 20px;
}

.magazine h2 {
    padding: 20px 10px;
	height:46px; /*auto;*/
    width: calc(100% - 20px);
	text-transform: uppercase;
    color: #444444;
    font-size: 16px;
    font-weight:bold;
	display:block;
	text-overflow: ellipsis;
    /* white-space: nowrap;*/
   overflow: hidden;
    text-align:center;
}

.magazine-buttons {
	width:100%;	
	/*padding:10px 0 0 0;*/
}

a.psd-button {
    width: 17px;
    height: 17px;
	line-height:17px;
    background-color: rgba(0,0,0,0.75);
    display: inline-block;
    padding: 10px;
}

a.psd-button:hover {
    background-color: rgba(0,0,0,0.85);
}

.magazine-description {
	width:calc(100% - 40px);
	height:calc(100% - 40px);
	padding:20px;
}



/* BRANDS */

.partner {
	-webkit-box-shadow: 0px 6px 5px -5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 6px 5px -5px rgba(0,0,0,0.5);
	box-shadow: 0px 6px 5px -5px rgba(0,0,0,0.5);	
	border: 1px solid rgba(255,255,255,1);
}

.partner h2 {
    padding: 10px;
    font-size: 13px;
    margin-top: 0px;
    background-color: rgba(255,255,255,0.5);
    color: #444444;
}



/* CARD EFFECT */
.card{
    display:none;
}
.flipped{
    display:block;
}

.card__front, .card__share, .card__details, .card__preview {
  	-webkit-backface-visibility: hidden;
    backface-visibility: hidden!important;
  	-webkit-transition: -webkit-transform 0.3s;
    transition: transform 1s;
    overflow:hidden;
    overflow-y:auto;
}

.card__share, .card__details, .card__preview {
	background-color: rgba(0,0,0,0.95);
	color:white;
	position:absolute;
	top:21px;
	left:21px;
	width: calc(100% - 42px);
    height: calc(100% - 195px);
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

.card__preview .uk-slidenav-position {
	margin-top:0;
    min-height:300px;
}

.card__preview {
	color:white;
	position:absolute;
	top:21px;
	left:21px;
	width: calc(100% - 42px);
    height: calc(100% - 195px);
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
	overflow:hidden;
}

.card__share, .card__details {
	height:calc(100% - 195px);	
}

.card.effect__click.flipped .card__front {
    display:block!important;
  	-webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

.card.effect__click.flipped .card__preview, 
.card.effect__click.flipped .card__share, 
.card.effect__click.flipped .card__details {
     display:block!important;
  	-webkit-transform: rotateY(0);
	transform: rotateY(0);
}

.card__front img {
	border:1px solid #FFFFFF;	
	-webkit-box-shadow: 0px 6px 5px -5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 6px 5px -5px rgba(0,0,0,0.5);
	box-shadow: 0px 6px 5px -5px rgba(0,0,0,0.5);
}



/* ACCOUNT */
/*
table {
    width: 100%;
}


table thead {
	text-align:left;	

}

table thead th {
	padding:10px;	
	font-size: 13px;
	font-weight:bold;
	color:#FFFFFF;
	background-color: rgba(0,0,0,0.5)!important;
}

table tr:nth-child(even) { 
	background-color:rgba(255,255,255,0.5);
}

table tr td {
	padding:20px 10px;	
	font-size:13px;
	background-color:rgba(255,255,255,0.5);
	vertical-align:middle;
}

table tr td:nth-child(1) {
	width:10%;
}

table tr td:nth-child(2) {
	width:50%;	
}

table tr td:nth-child(3) {
	width:20%;	
}

table tr td:nth-child(4) {
	width:8%;	
}

table tr td:nth-child(5) {
	width:12%;	
}
     */
.credits-container {
	width:100%;
	background-color: rgba(255,255,255,0.5);
	-webkit-box-shadow: 0px 6px 5px -5px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 6px 5px -5px rgba(0,0,0,0.5);
    box-shadow: 0px 6px 5px -5px rgba(0,0,0,0.5);
}

.credits-container-left {
	width:calc(25% - 80px);
	padding:40px;
	text-align:center;
}

.credits-container-left p {
	font-size:14px;
	font-weight:normal;
	margin-bottom:10px
}

.credits-container-left p.amount {
	font-size:32px;
	font-weight:bold;
	margin-bottom:40px
}

.credits-container-right {
	width:calc(75% - 81px);
	padding:40px;
	overflow:hidden;
	border-left:1px solid rgba(255,255,255,1);
	-webkit-box-shadow: -1px 0px 0px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: -1px 0px 0px 0px rgba(0,0,0,0.1);
	box-shadow: -1px 0px 0px 0px rgba(0,0,0,0.1);
}




/* SECTION FOOTER */

.section-footer .inner-container {
	text-align:center;	
}

.section-footer ul {
	margin-bottom:10px;	
}

.section-footer ul li {
    display: inline-block;
    text-transform: uppercase;
    font-size: 13px;
}

.section-footer ul li a {
    color:#FFFFFF;
}

.section-footer li + li:before {
    content: "|";
    padding: 10px 20px;
    color: #CCCCCC;
}

.section-footer p {
	color:#878787;	
	font-size:12px;
}
.section-footer a{
    color:#d0d0d0;
}



/* HELP & CONTACT */

.uk-accordion {
	-webkit-box-shadow: 0px 6px 5px -5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 6px 5px -5px rgba(0,0,0,0.5);
	box-shadow: 0px 6px 5px -5px rgba(0,0,0,0.5);	
}

#section-help h2.sub-header-dark {
	border-bottom:0px;	
}

.uk-accordion h2 {
	font-size:13px;
	border-bottom:1px solid rgba(255,255,255,0.5);	
}

.uk-accordion-title {
	cursor:pointer;	
	border-bottom:0;
}

.uk-accordion-title:hover {
	background-color:#DA8A2E;
}

#section-help h2 .fa {
	padding-right:10px;	
	font-size:48px;
	vertical-align: sub;
	color:#f09d3d;
}

.uk-accordion-content {
	background-color:#FFFFFF;
	padding:20px;
	width:calc(100% - 40px);
}




/* POPUP */

.popup-container {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:9999;
	background-color:rgba(0,0,0,0.8);	
	display:none;
}

.popup {
	position:relative;
	background: #ffffff;
	background: -moz-linear-gradient(-45deg,  #ffffff 0%, #e0e0e0 100%);
	background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#e0e0e0 100%);
	background: linear-gradient(135deg,  #ffffff 0%,#e0e0e0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=1 );
	width:calc(100% - 20px);
	height:calc(100% - 20px);
	margin:10px;
}

.popup h2.panel-header {
	background-color:#444444;	
	font-weight:100;
}

.popup h1 {
 	color:#f09d3d;
}

.popup-image {
	float:left;
	width:30%;
	height:calc(100% - 50px);
	background-image:url(../img/article-image.jpg);
	background-size:cover;
	background-position:center center;
}

.popup-content {
	float:right;
	padding:40px;
	width:calc(70% - 80px);
	height:calc(100% - 130px);
	overflow-y: scroll;
}

img.close {
	width:26px;
	height:26px;
	position:absolute;
	top:12px;
	right:10px;	
	opacity:0.7;
	cursor:pointer;	
}

img.close:hover {
	opacity:1;
}

.popup table, .popup table tr {
	width:100%;	

}

.popup table tr td {
    width: 50%;
    color: #444444;
    font-size: 13px;
    padding: 16px 10px;
	border:1px solid #CCCCCC;
}



/* OVERRULES */

.uk-offcanvas-bar:after {
    -webkit-box-shadow:inset -6px 0px 5px -5px rgba(0,0,0,0.5);
	-moz-box-shadow:inset -6px 0px 5px -5px rgba(0,0,0,0.5);
	box-shadow:inset -6px 0px 5px -5px rgba(0,0,0,0.5);
	width: 6px;
    background: rgba(0,0,0,0);
}

.uk-pagination > li > a:hover, .uk-pagination > li > a:focus {
	background-color:#f09d3d;
	color:#FFFFFF!important;
	border:0px;	
}

.uk-pagination > li > a {
	text-shadow:none;	
	border:0px;
}

.uk-pagination li a {
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.uk-modal {
	background: rgba(0,0,0,0.8);
}

.uk-modal-caption {
    bottom: 10px;
    background-color: rgba(0,0,0,0.9);
    padding: 10px 0;
}
.uk-modal-caption {
    font-size: 13px;
    text-transform: uppercase;
}

.uk-close {
    background-image: url('../img/close.png');
    background-size: 100%;
    background-color: transparent;
    width: 26px;
    height: 26px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0.6;
}

.uk-modal-dialog-lightbox > .uk-close:first-child {
    top: 20px;
    right: 20px;
}

.uk-close:after {
	content:'';	
}

.uk-button {
 	font-size: 12px;
    text-transform: uppercase;
    padding: 6px 12px;
	border: 1px solid rgba(0,0,0,0.06);
	line-height: 30px;
	border-radius:0;
}

.uk-dropdown {
	border-radius:0;	
}

.uk-button-dropdown .uk-button i {
	margin-left:10px;	
}



/* TEXT PAGES */
.articlepopup-text{
    width:90%;
    margin: 0 auto;
}
.text-page-normal-scroll {
	background-color:white;
	padding:40px;
	height:100%;
	text-align: justify;
}
.text-page-single{
    width:60%;
    margin:0 auto;
}
.magazine-cover {

}

.magazine-detail-image {
	width:25%;	
	float:left;
}

.magazine-detail-text {
	width:calc(50% - 80px);	
	float:left;
	padding-right:40px;
	margin-left:40px;
	margin-right:40px;
	border-right:1px solid rgba(0,0,0,0.1);
}

.magazine-detail-add {
	width:calc(25% - 41px);	
	float:right;
}

.magazine-detail-add img {
	width:100%;	
}

.text-page {
    background-color: white;
    text-align: justify;

    padding: 20px 0;
}
.text-page_horizontal{
    overflow-x: scroll;
}
.text-page-nocol {
    width:50%;

}
.text-page-2col {
	min-height: initial;

    /* columncount was 3 */
	-webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
   
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    
    -webkit-column-rule: 1px outset #EEEEEE;
    -moz-column-rule: 1px outset #EEEEEE;
    column-rule: 1px outset #EEEEEE;


}
.text-page-1col {
    	overflow-x:hidden !important;

    min-height: initial;
        -webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
               break-inside: avoid-column;

        /* columncount was 3 */
	-webkit-column-count: 1 !important;
    -moz-column-count: 1 !important;
    column-count: 1 !important;
    /*
    -webkit-column-gap: 0 !important;
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
*/
    -webkit-column-rule: none !important;
    -moz-column-rule: none !important;
    column-rule: none !important;
}
.testxxx{
    width:100%;
    overflow:hidden;
}

h1.text-page-title {
	font-size: 38px;
    border-bottom: 1px solid rgba(0,0,0,0.2);
    padding-bottom: 22px;
    color: #465363;
    text-transform: uppercase;
    font-weight: 100;
    margin-bottom: 0px;
    margin-top: 3px;
}

.text-page .inner-container {
	padding:0 40px;	
	position:inherit;
}

.text-page .inner-container p, .story-text p {
	margin:20px 0;	
	font-size:13px;
	line-height:21px;
}
.text-page .inner-container li{
    list-style:inside;
}
/* intro-text via custom stylesheet ONLY!!!! */
.intro-text, .intro-text * {
/*	font-weight:bold;	
	font-style:italic;
    */
}

.text-page .inner-container p:first-child {
	margin:0 0 20px 0;	
}

.text-page .inner-container p:last-child {
	margin:10px 0 0 0;	
    /* 20 */
}

.hidden {
	display:none;	
}
.clickable{
    cursor: pointer;
}

.sharing{
    background: #E1E1E1 none repeat scroll 0 0;
    display: inline-block;
    height: 32px;
    text-align: center;
    width: 32px;
    font-size:26px !important;
    line-height:1.25em !important;
    padding:8px;
}

/* PACE */

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;

  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index:99999;

  -webkit-transform: translate3d(0, -50px, 0);
  -ms-transform: translate3d(0, -50px, 0);
  transform: translate3d(0, -50px, 0);

  -webkit-transition: -webkit-transform .5s ease-out;
  -ms-transition: -webkit-transform .5s ease-out;
  transition: transform .5s ease-out;
}

.pace.pace-active {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.pace .pace-progress {
  display: block;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 10px;
  background: #f09d3d;
  pointer-events: none;
}
.slideshow{
    cursor:pointer;
    margin-bottom:10px;
}
.slideshowimage{
    max-height:200px;
}
.magazines_banner_slideshow{
    height:200px;
    width:614px;
    margin:0 auto 20px auto;
}
.magazines_banner_slideshow li img{
    max-height:200px;
}

.is_footermenutrigger{
    cursor:pointer;
    display:inline-block;
}
.footermenu_mobileonly {
    display: none;
    color: #ffffff;
    padding:0 10px !important;
}
.footermenu {
    display: block;
}

.section-footer a:hover {
    color: #d1d1d1 !important;
}

.footermenu_active {
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Safari 3-8 */
    transform: rotate(180deg);
}



/* MEDIA QUERIES RESPONSIVE */
@media screen and (max-width: 1024px) {
    /* MENU SIDEBAR REMOVE + RESETTING MAIN-CONTENT POSITION */
    .sidebar { display:none; }
    .main-content { width:100%; margin-left:0;}
    .section { background-attachment:fixed; }
    .section-responsive-menu-substitute { display:block; }
    .inner-container { padding:20px 20px; } /* 40px 20px*/
    ul.menu li:hover span { color:#f09d3d; }
    ul.menu li span { /*color:#B8B8B8;*/ opacity:1; }
    .text-page{width:80%; /* -webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-gap:0px;-moz-column-gap:0px; column-gap:0px; -webkit-column-rule: 0px outset #EEEEEE; -moz-column-rule: 0px outset #EEEEEE; column-rule: 0px outset #EEEEEE;*/}


}


@media screen and (max-width: 680px) {
    h1 {
        font-size: 24px!important;
    }
    .text-page{ width:100%; /*-webkit-column-count:1; -moz-column-count:1; column-count:1;*/ }
     .homepageslider li{
        height:200px;
    }
     .slide-content p{
         line-height:24px;
         font-size:18px;

     }
    ul.other-articles-list{
        -moz-column-count: 1;
        -moz-column-gap: 20px;
        -webkit-column-count: 1;
        -webkit-column-gap: 20px;
        column-count: 1;
        column-gap: 20px;
        text-align:start;
    }

    .filter_select_btn{
        margin-top:20px;
        width:100%;
    }
    .filter_select_btn button {
        width:100%;
    }
    .article_header_menu{
        width:100%;
        display: inline;
    }
    .article_header_item{
        width:100%;
    }
    .article_header_item{
        text-align:center;
        margin: 0 0 10px 0;
    }
    .articlenav_icon .fa-3x{
        font-size:1.5em;
    }


    .section-footer p{
        font-size:8px;
        line-height:1.3em;
    }


    .footermenu_mobileonly {
        display: block;

    }
    .footermenu {
        display: none;
    }

}
/* END MEDIA QUERIES */

.search_box{
    width:250px;
    display:inline-block;
}
.search_input{
    width:160px!important;
    display:inline-block;
}
.loginbox{
    margin:60px auto 0 auto;
    width:50%;
    max-width:700px;
}
.login_code_input{

    border:1px solid #cccccc;
}
.loginmargin{
    margin-bottom:10px;
}
.appbadge{
    width:300px;
    margin: 100px auto 0 auto;
    text-align:center;
}
.appbadge_title{
    margin-bottom:20px;
}
/*
.login_code_button{
        cursor:pointer;
    color:#ffffff;
     width:300px;
    background-color:#cccccc;
}
.login_code_button:hover {
    background-color:#ADADAD;
}*/
.homepage_buttonarea{
    margin:20px 0 0 0;
    padding:0; /* padding:0 0 20px 0; */
}
.homepage_buttonarea_line{
    border-bottom: 1px solid rgba(255,255,255,0.5);
}

.customshare-twitter, .customshare-facebook, .customshare-envelope, .customshare-linkedin{
   	background-image: url('img-path-to-img');
       background-color:transparent;
       background-size:cover;
}
/*
em, i {
    font-style: italic;
}
b, strong{
    font-weight:bold;
}
    */

.articlenavigationtable{
    display:inline-block;
}
.articlenavigationtable td {
   padding: 0 4px; 
   text-transform:uppercase;
   font-size:13px;
}


.uk-button-fix{
    padding: 0 12px !important;
}
.popupcontainer{
    background:#ffffff;
    padding:0;
    min-width:100px;
    min-height:100px;
}
.modalCloseImg {background:#000000 url('viewer/v2/closex.png') no-repeat; width:16px; height:16px; display:inline; z-index:3200; position:absolute; top:0px; right:0px; cursor:pointer;}

.forcedwidth-uk-dropdown{
    width:300px !important;
}
.magazinestoresblock {
    margin-bottom:20px;
}
.magazinestores{
    padding: 20px;
        -webkit-column-count: 5; /* Chrome, Safari, Opera */
    -moz-column-count: 5; /* Firefox */
    column-count: 5;
}
@media screen and (max-width: 1024px) {
    .magazinestores {
        padding: 10px;
        -webkit-column-count: 3; /* Chrome, Safari, Opera */
        -moz-column-count: 3; /* Firefox */
        column-count: 3;
    }
}
@media screen and (max-width: 680px) {
    .magazinestores {
        padding: 10px;
        -webkit-column-count: 2; /* Chrome, Safari, Opera */
        -moz-column-count: 2; /* Firefox */
        column-count: 2;
    }
}
.storefilter{

}
.storefilter_active{
    font-weight:bold;
    color:#FFFFFF;
}
.storefilter_active:after{
background: url(../img/delete.png) no-repeat;
content: "";
width: 16px;
display: inline-block;
height: 16px;
vertical-align: middle;
margin-left: 6px;

}



.storemore {
    background: #000000;
    text-align: center;
    padding: 12px 0;
    color: #ffffff;
    display: block;
    width: 30%;
    text-transform: uppercase;
    font-size: 13px;
    margin:20px auto 10px auto;
}
.storemorebutton {
    color: #ffffff !important;
}
.pageactive{
    font-size:1.5em;
}