/* proaktivdirekt - layout.css
* https://proaktivdirekt.com
* Copyright: Ketto Kft., Licensed Private
*/
@charset "UTF-8";

@media (min-width: 768px) {
	#onesignal-popover-container.slide-down {
		width: 500px !important;
		left: calc(50% - 250px) !important;
	}
}

html, body {
	height: 100%;
}
body {
	overflow-x: hidden;
	background: #edece8 url('../img/background.jpg') center center no-repeat fixed;
}
/*a {
    -webkit-transition: all 300ms ease 0ms;
    -moz-transition: all 300ms ease 0ms;
    -o-transition: all 300ms ease 0ms;
    transition: all 300ms ease 0ms;
}*/
a {
	color: #c36;
	cursor:pointer;
}
a:hover, a:focus {
	color: #906;
	outline: 0px none;
}
a.longlink {
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
}
.none {
	visibility: hidden;
}
h1, h2, h3, h4 {
	font-family: 'Roboto Slab', serif;
}
input[type="text"],
input[type="password"],
select {
	display: block;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857;
	color: #555;
	vertical-align: middle;
	background-color: #FFF;
	background-image: none;
	border: 1px solid #CCC;
	border-radius: 4px;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
input[readonly],input[disabled] {
	background-color: #eee;
}
input[type="text"]:focus,
input[type="password"]:focus {
	border-color: #66AFE9;
	outline: 0px none;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(102, 175, 233, 0.6);
}
#header {
	padding-top: 30px;
	z-index:1050;
	background: -moz-linear-gradient(top, rgba(127,127,127,.5), rgba(127,127,127,0));
	background: -webkit-gradient(linear, left top, left bottom, color-stop(rgba(127,127,127,.5)), color-stop(rgba(127,127,127,0)));
	background: -webkit-linear-gradient(top, rgba(127,127,127,.5),rgba(127,127,127,0));
	background: -o-linear-gradient(top, rgba(127,127,127,.5),rgba(127,127,127,0));
	background: -ms-linear-gradient(top, rgba(127,127,127,.5),rgba(127,127,127,0));
	background: linear-gradient(to bottom, rgba(127,127,127,.5),rgba(127,127,127,0));
	border:none;
	position: absolute;
}
#header > .container {
	position: relative;
}
#header .navbar-toggle {
	margin: 0;
	z-index:1000;
	background-color: #ddd;
	position: fixed;
	right: 10px;
}
#header .navbar-toggle.collapsed {
	background-color: #636;
}
#header .navbar-toggle > .icon-bar {
	background-color:#000;
}
#header .navbar-toggle.collapsed > .icon-bar {
	background-color:#fff;
}
#mobilebar.navbar-collapse > .nav {
	background-color: #fff;
	margin: 0;
}
#mobilebar.navbar-collapse > .nav > li .nav {
	margin: 0;
}
#mobilebar.navbar-collapse > .nav > li .nav li a {
	padding-left: 30px;
}
#mobilebar.navbar-collapse > .nav > li .nav li a .glyphicon {
	margin-left: -15px;
}
#header .navbar-collapse {
	position: relative;
	background-color: #ccc;
	min-height: 100%;
	top: 0;
	left: 0;
	z-index: 9;
}
#header #mobilebar.navbar-collapse {
	z-index: 10;
}
#header .navbar-collapse > .list-group > .list-group-item {
	padding:0;
}
@media (min-width: 768px) {
	#header {
		position: fixed;
	}
	#header .navbar-collapse {
		border-bottom: 1px #c36 solid;
		position: absolute;
		right:30px;
		top:-25px;
		/*left:340px;*/
		padding-left:0;
		background-color: transparent;
	}
	#header .navbar-collapse .nav {
		background-color: transparent;
		margin-top: 24px;
	}
	#header .navbar-nav>li>a.btn-menu {
		padding: 5px 10px;
		margin-left:30px;
		background-color:#fff;
		outline: none;
		border: none;
		border-radius: 0;
		margin-top:10px;
		font-family: 'Roboto Slab', serif;
		font-size: 20px;
		line-height:20px;
		padding-left: 2px;
		padding-right: 2px;
	}
	#header .navbar-nav>li:first-child>a {
		margin-left:0;
	}
	#header .navbar-nav>li>a {
		padding:10px 15px;
	}
	#header .navbar-nav>li>a.btn-menu:before {
		display:inline-block;
		position:absolute;
		left:-30px;
		top: 0;
		content:'';
		width: 30px;
		border-top: 15px solid transparent !important;
		border-left: 15px solid transparent !important;
		border-bottom: 15px solid #fff;
		border-right: 15px solid #fff;
	}
	#header .navbar-nav>li>a.btn-menu:after {
		display:inline-block;
		position:absolute;
		right:-30px;
		top: 0;
		content:'';
		width: 30px;
		border-bottom: 15px solid transparent !important;
		border-right: 15px solid transparent !important;
		border-top: 15px solid #fff;
		border-left: 15px solid #fff;
	}
	#header .navbar-nav>li>a.btn-menu.loginreg {
		font-size: 16px;
		line-height: 20px;
	}
	#header .navbar-nav>li>a.btn-menu.last:after {
		display: none;
	}
	#header .navbar-nav>li>a:hover {
		background-color: #eee;
	}
	#header .navbar-nav>li>a.btn-menu:hover:before {
		border-bottom-color: #eee;
		border-right-color: #eee;
	}
	#header .navbar-nav>li>a.btn-menu:hover:after {
		border-top-color: #eee;
		border-left-color: #eee;
	}
	#header .navbar-nav>li>a.active,
	#header .navbar-nav>li>a.btn-menu.active {
		background-color: #c36;
		color: #fff;
	}
	#header .navbar-nav>li>a.btn-menu.active:before {
		border-bottom-color: #c36;
		border-right-color: #c36;
	}
	#header .navbar-nav>li>a.btn-menu.active:after {
		border-top-color: #c36;
		border-left-color: #c36;
	}

	#header .navbar-nav>li>a.btn-menu.loginreg.fb {
		background-color: #4e70b9;
		color: #fff;
		margin-right: 20px;
	}
	#header .navbar-nav>li>a.btn-menu.loginreg.fb:before {
		border-bottom: 15px solid #3c5faa;
		border-right: 15px solid #3c5faa;
	}
	#header .navbar-nav>li>a.btn-menu.loginreg.fb:after {
		border-top: 15px solid #4e70b9;
		border-left: 15px solid #4e70b9;
	}
	#header .navbar-nav>li>a.btn-menu.loginreg.fb:hover {
		background-color: #5579c6;
	}
	#header .navbar-nav>li>a.btn-menu.loginreg.fb:hover:after {
		border-top: 15px solid #5579c6;
		border-left: 15px solid #5579c6;
	}
	#header .navbar-nav>li>a.btn-menu.loginreg.fb .icon {
		float: left;
		background: #3c5faa;
		margin-left: -2px;
		margin-top: -5px;
		margin-bottom: -10px;
		height: 30px;
		display: block;
		padding: 3px;
		margin-right: 25px;
		position: relative;
	}
	#header .navbar-nav>li>a.btn-menu.loginreg.fb .icon:after {
		display:inline-block;
		position:absolute;
		right:-30px;
		top: 0;
		content:'';
		width: 30px;
		border-bottom: 15px solid transparent !important;
		border-right: 15px solid transparent !important;
		border-top: 15px solid #3c5faa;
		border-left: 15px solid #3c5faa;
	}

	#header #headerbar.only-login-colored {
		/*max-width: 513px;*/
	}

	#header .navbar-nav>li.divider {
		padding-right:5px;
		height:40px;
	}
	.modal-dialog {
		margin-top:150px;
		width:450px;
	}
	.modal {
		z-index: 100 !important;
	}
}
#header .navbar-header {
	margin-left: 15px !important;
	margin-right: 15px !important;
}
#header > .container .navbar-brand {
	background-color:#fff;
	position: relative;
	height: 60px;
	margin-left:-1000px;
	padding-left: 1000px;
	padding-top: 8px;
	padding-right: 0;
	margin-bottom: 5px;
	z-index: 10;
}
#header > .container .navbar-brand:after {
	display:inline-block;
	position:absolute;
	right:-60px;
	top: 0;
	content:'';
	text-indent:-9999px;
	width: 60px;
	height: 0;
	border-top: 30px solid #fff;
	border-left: 30px solid #fff;
	border-bottom: 30px solid transparent !important;
	border-right: 30px solid transparent !important;
}
#header > .container .navbar-brand div {
	font-family: 'Roboto Slab', serif;
	font-weight: 700;
	margin: 0;
	font-size:27px;
	color:#906;
	line-height: 27px;
}
#header > .container .navbar-brand div span {
	color:#636;
}
#header > .container .navbar-brand div small {
	font-family: 'Roboto Slab', serif;
	font-weight: 100;
	font-size:15px;
	line-height: 15px;
	color: #333;
	margin-left: 2px;
	display:block;
}
#header > .container .navbar-brand div small span {
	font-size:x-small;
	color:#999;
}
.btn.btn-custom, .btn-icon > span {
	background-color: #c36;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	height: 40px;
	padding:12px 30px 10px 30px;
	outline: none;
	border: none;
	border-radius:0;
	font-family: 'Roboto Slab', serif;
	font-weight: 300;
}
.btn.btn-button{
	background-color: #c36;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	outline: none;
	border: none;
	border-radius:0;
	font-family: 'Roboto Slab', serif;
	font-weight: 500;
	margin-top: 10px;
	margin-bottom: 10px;
	white-space: normal;
}
.btn-link, .btn-link:hover {
	background-color: #666;
	color: #fff;
	text-align: center;
	padding:5px 10px;
	outline: none;
	border: none;
	border-radius:0;
}
.btn.btn-custom:not([disabled="disabled"]):hover,
.btn.btn-decor:not([disabled="disabled"]):hover,
.btn-icon:not([disabled="disabled"]):hover > span,
.btn-link:not([disabled="disabled"]):hover,
input[type="submit"]:not([disabled="disabled"]):hover {
	background-color: #906 !important;
	text-decoration: none;
	color: #fff;
}
.btn.btn-decor,
.btn.btn-decor:focus,
input[type="submit"] {
	background-color: #c36;
	color: #fff;
	text-transform: uppercase;
	position: relative;
	/*height: 40px;*/
	padding: 10px 20px;
	text-align: center;
	border-radius: 0;
	border: none !important;
	font-family: 'Roboto Slab', serif;
	font-weight: 300;
	font-size: 20px;
	line-height:1em;
}
.btn.btn-decor[disabled="disabled"],
.btn.btn-decor:focus[disabled="disabled"],
input[type="submit"][disabled="disabled"] {
	background-color: #c68;
	color:#fee;
	cursor:not-allowed;
}
.btn.btn-decor {
	padding: 12px 20px 10px 10px !important;
	margin-left: 40px !important;
}
.btn.btn-decor:before,
input[type="submit"]:before {
	display:inline-block;
	position:absolute;
	left:-40px;
	top: 0;
	content:'';
	width: 40px;
	border-top: 20px solid transparent !important;
	border-left: 20px solid transparent !important;
	border-bottom: 20px solid #c36;
	border-right: 20px solid #c36;
}
.btn.btn-decor:hover:before,
input[type="submit"]:hover:before {
	border-color: #906;
}
.btn-group {
}
.btn-group > .btn-extra {
	display: inline-block;
	position: absolute;
	right: 0;
	top:100%;
	border-top:1px #c36 solid;
	background-color: #fff;
	padding: 0 15px 0 10px !important;
	white-space: nowrap;
}
.btn-group:hover > .btn-extra {
	display: inline-block;
}
.btn-group > .btn-extra:before {
	display:inline-block;
	position:absolute;
	left:-20px;
	top: 0;
	content:'';
	width: 20px;
	border-bottom: 10px solid transparent !important;
	border-left: 10px solid transparent !important;
	border-top: 10px solid #fff;
	border-right: 10px solid #fff;
}
.btn-group > .btn-extra:hover:before {
	border-top-color: #eee;
	border-right-color: #eee;
}
.btn-3d.visible-xs {
	display:none !important;
}
@media (max-width: 767px) {
	.btn-3d.visible-xs {
		display: inline-block !important;
	}

	.modal-dialog{
		width: 95%;
	}
}
@media (min-width: 767px) {
	.btn-3d, .btn-3d:hover {
		background-color: #c36 !important;
		color: #fff !important;
		text-decoration:none;
		font-family: 'Roboto Slab', serif;
		font-weight: 300;
		font-size: 36px;
		text-transform: uppercase;
		padding: 10px 20px;
		position:relative;
		border-radius: 0;
	}
	.btn-3d:before {
		content:"";
		display:inline-block;
		position:absolute;
		top: -10px;
		left:-5px;
		-webkit-transform: skewX(45deg);
		-moz-transform: skewX(45deg);
		-o-transform: skewX(45deg);
		-ms-transform: skewX(45deg);
		width:100%;
		height:10px;
		background-color: #a32952;
	}
	.btn-3d:after {
		content:"";
		display:inline-block;
		position:absolute;
		top: -5px;
		left:-10px;
		-webkit-transform: skewY(45deg);
		-moz-transform: skewY(45deg);
		-o-transform: skewY(45deg);
		-ms-transform: skewY(45deg);
		width:10px;
		height:100%;
		background-color: #603;
	}
	.btn-3d-small, .btn-3d-small:hover {
		background-color: #fff !important;
		color: #333 !important;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		z-index:-1;
	}
	.btn-3d-small:before {
		background-color: #ccc;
	}
	.btn-3d-small:after {
		background-color: #999;
	}
	.btn-3d:hover {
		margin: 10px -10px -10px 10px;
	}
	.btn-3d-group {
		position:relative;
		z-index:10;
	}
	.btn-3d-group > .btn-3d {
		display:table;
	}
}

@media (max-width: 767px) {
	#header .navbar-collapse {
		-webkit-box-shadow: 0 20px 50px 10px #ccc;
		-moz-box-shadow: 0 20px 50px 10px #ccc;
		box-shadow: 0 20px 50px 10px #ccc;
	}
	#header .btn.btn-decor,
	#header .btn-extra,
	#header .btn-menu {
		margin: 0 !important;
		width: 100% !important;
		display: inline-block !important;
		position: relative !important;
		padding: 10px 15px !important;
		text-align: center;
	}
	#header .btn.btn-decor:before,
	#header .btn-extra:before {
		display: none !important;
	}
}
#topOffers {
	width:auto;
	display:table;
}
#topOffers a {
	text-decoration:none !important;
}
#topOffers h1,
#topOffers h2 {
	border-bottom: 1px #c36 solid;
}
#topOffers p {
	background-color: rgba(126,126,126,.9);
	display: inline;
	color: #eee;
	padding: 5px;
}
#topOffers p:before {
	display:inline-block;
	position:absolute;
	left:15px;
	top: -17px;
	content:'';
	width: 14px;
	border-top: 7px solid transparent !important;
	border-right: 7px solid transparent !important;
	border-bottom: 7px solid rgba(126,126,126,.9);
	border-left: 7px solid rgba(126,126,126,.9);
}

.horizontal-content, #topOffers ul {
	padding:0;
	margin:0;
	list-style:none;
	width:100%;
	overflow-x:hidden;
}
#topOffers .btn-link {
	display: inline-block;
}
#topOffers ul li,
#topOffers ul li span {
	width:100%!important;
}
.top-message {
	font-family: 'Roboto Slab', serif;
	font-weight: 100;
	padding: 15px 12px;
	line-height: .75em;
	display: table;
	margin: 10px 0;
	background-color: rgba( 255, 255, 255, .85); /* #fff */
	color: #333;
	font-size: 24px;
	padding-top: 13px;
	padding-bottom: 14px;
	line-height:1;
}
.top-message1 {
	font-size: 50px;
	padding-bottom: 14px;
	background-color: rgba(255, 0, 102, .8); /* #f06 */
	color: #fff;
	text-transform: uppercase;
	word-break: break-word;
}
.top-message2 {
	font-size: 50px;
	padding-bottom: 14px;
	background-color: rgba(102, 0, 51, .8); /* #603 */
	color: #fff;
	text-transform: uppercase;
}
.decorline {
	position: absolute;
	z-index: -1;
	-webkit-transform: skewX(-45deg);
	-moz-transform: skewX(-45deg);
	-o-transform: skewX(-45deg);
	-ms-transform: skewX(-45deg);
	height: auto;
	width: 60px;
}
.decorline-container {
	position: relative;
	z-index:10;
}
.decorline-container .btn-decor {
	min-width: 180px;
}
#decorline1 {
	background-color: #cc3;
	height: 200px;
	top: -30px;
	left:-55px;
	z-index:2;
}
#decorline2 {
	background-color:#3cc;
	left: 270px;
	top: -30px;
	height: 90px;
	z-index:2;
}
@media (min-width: 768px) {
	#decorline2 {
		left: 250px;
		width:50px;
	}
}
@media (min-width: 992px) {
	#decorline2 {
		left: 270px;
		width:60px;
	}
}
#decorline3 {
	background-color: #636;
	width: 240px;
	height: 140px;
	top: -30px;
	left:-170px;
}
#decorline4 {
	background-color: #c36;
	width: 205px;
	height: 110px;
	top: -30px;
	left:95px;
}
#decorline5 {
	background-color: #699;
	width: 2px;
	height: 120px;
	top: -30px;
	left:-50px;
}
.decorline.decorline-top {
	z-index:-10;
	background-color: #6C6;
	height: 140px;
	top: -60px;
	right: 10px;
}
.decorline.decorline-bottom {
	z-index:-10;
	background-color: #3cc;
	height: 130px;
	top: -20px;
	right:120px;
}
.modal {
	background-color: rgba(11, 27, 27, .9); /* #0b1b1b */
	z-index: 5000;
	position:fixed !important;
}
.modal .panel {
	margin-bottom: 0;
}
.closeBtnLink {
	position: absolute;
	top: 10px;
	right: 15px;
	padding:0;
	color: #c36;
	font-size:11px;
}
.closeBtnLink > span {
	background-color: transparent;
	color: #c36;
}
#modalCloseBtn {
	position: absolute;
	top: 15px;
	right: 15px;
	opacity:1;
	padding:0;
	color: #ddd;
	font-size:11px;
	display:none;
}
.closeBtnLink:hover,
#modalCloseBtn:hover {
	color: #c36;
	text-decoration:none;
}
.closeBtnLink > span,
#modalCloseBtn > span {
	display:inline-block;
	padding:0;
	width: 20px;
	height: 20px;
	line-height: 15px;
	font-size:20px;
}
.modal-dialog {
	padding-top:10px;
}
.modal .panel {
	background-color: #ddd;
}
.modal .panel-heading {
	padding-top: 30px;
	padding-left: 80px;
	padding-right: 80px;
}
.modal .panel-body {
	padding-left: 80px;
	padding-right: 80px;
}
.modal .panel-default > .panel-heading,
.modal .panel-footer {
	background-color: inherit;
	border: none;
}
.modal .panel-footer .decorline-container {
	position: absolute;
	right: 10px;
}
.modal .panel-footer {
	padding-left: 80px;
	padding-right: 80px;
	padding-bottom: 40px;
	min-height: 90px;
}
.modal-title {
	font-family: 'Roboto Slab', serif;
	font-weight: 300;
	font-size: 25px;
	color: #000;
	text-transform: uppercase;
}
.control-description {
	font-style:italic;
	color: #999;
	font-size:small;
	padding-top: 5px;
}

.page {
	padding-top: 10px;
	padding-bottom: 125px;
	position:relative;
}
.page-full {
	min-height: 100%;
}
.bgwrapper {
	position: absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
}
#sweeptakesPage {
	background: #cdd no-repeat top center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
}
.text-panel {
	padding-top: 1px;
	background-color:#fff;
}
.text-panel img {
	max-width: 100%;
}
.page > .container > div {
	margin-top:110px;
}
#sweeptakesPage {
	padding-top: 110px;
}
#sweeptakesPage > .container > div {
	margin-top:0;
}
#sweeptakesPage .horizontal-content li {
	width:100%;
}
#magazinePage0 {
	background: rgb(238,238,238);
	background: -moz-linear-gradient(top, rgba(217,216,212,1) 0%, rgba(237,236,232,1) 20%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(217,216,212,1)), color-stop(20%,rgba(237,236,232,1)));
	background: -webkit-linear-gradient(top, rgba(217,216,212,1) 0%,rgba(237,236,232,1) 20%);
	background: -o-linear-gradient(top, rgba(217,216,212,1) 0%,rgba(237,236,232,1) 20%);
	background: -ms-linear-gradient(top, rgba(217,216,212,1) 0%,rgba(237,236,232,1) 20%);
	background: linear-gradient(to bottom, rgba(217,216,212,1) 0%,rgba(237,236,232,1) 20%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d8d4', endColorstr='#edece8',GradientType=0 );
}
#magazinePage1 {
	background: rgb(238,238,238);
	background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 20%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(20%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 20%);
	background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 20%);
	background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 20%);
	background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 20%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
}
#magazinePage2 {
	background: rgb(238,238,238);
	background: -moz-linear-gradient(top, rgba(187,187,34,1) 0%, rgba(204,204,51,1) 20%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(187,187,34,1)), color-stop(20%,rgba(204,204,51,1)));
	background: -webkit-linear-gradient(top, rgba(187,187,34,1) 0%,rgba(204,204,51,1) 20%);
	background: -o-linear-gradient(top, rgba(187,187,34,1) 0%,rgba(204,204,51,1) 20%);
	background: -ms-linear-gradient(top, rgba(187,187,34,1) 0%,rgba(204,204,51,1) 20%);
	background: linear-gradient(to bottom, rgba(187,187,34,1) 0%,rgba(204,204,51,1) 20%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
}
.lead {
	font-size:16px;
}
.page-header {
	font-family: 'Roboto Slab', serif;
	font-weight: 100;
	color: #333;
	border-bottom: 1px #c36 solid;
}
h1.page-header {
	font-size: 45px;
	text-transform:uppercase;
	line-height: 60px;
	padding-bottom:23px;
	margin-top:0;
	margin-bottom: 35px;
}
h2.page-header {
	font-size: 30px;
	text-transform:uppercase;
	line-height: 40px;
	padding-bottom:23px;
	margin-top:0;
	margin-bottom: 35px;
}
h3.page-header {
	font-family: 'Roboto Slab', serif;
	font-weight: 300;
	font-size: 25px;
	margin-top:20px;
	margin-bottom: 10px;
	border-bottom: 0px none;
}
.page-navbar{
	background-color: rgba(255,255,255,1);
	border: none;
	border-radius: 0;
}
.page-navbar > .container {
	position:relative;
}
.page-navbar .navbar-link {
	text-transform:uppercase;
	border-bottom: 3px #c36 solid;
}
.page-navbar .navbar-link a {
	color: #666;
}
.page-navbar .navbar-link.primary a {
	color: #fff;
	background-color: #c36 !important;
}
.page-navbar .navbar-link.primary a:hover {
	color: #fff;
	background-color: #906 !important;
}
.page-navbar .navbar-link a:hover {
	color: #000;
	background-color: #eee !important;
}
.page-navbar .navbar-text {
	color:#c36;
	font-weight: bold;
	padding: 15px;
	text-transform:none;
	margin: 0;
}
.page-navbar .navbar-text .text-label {
	color: #666;
	font-weight: normal;
}
.page-headerbar {
	position:absolute;
	margin:0;
	top:0;
	width:100%;
}
.page-footerbar {
	position:absolute;
	margin:0;
	bottom:0;
	width:100%;
}
#footer {
	/*border-bottom: 3px #c36 solid;*/
	font-family: 'Roboto Slab', serif;
	font-size: 12px;
	margin-top: 0;
	position: relative;
}
#footer .nav {
	margin-bottom: 0px;
	border-radius: 0;
}
#footer .nav .container {
	padding-top: 40px;
	padding-bottom: 40px;
	background-image: url('/assets/images/footer-decor.png');
	background-repeat: no-repeat;
	background-position: center right;
}
#footer .nav > li > a:hover {
	background-color: #333;
}
#footer .decorline {
	bottom: 0;
}
#footer #decorline6 {
	background-color: #333;
	height: 40px;
	right: 40px;
	z-index:2;
}
#footer #decorline7 {
	background-color: #444;
	right: 100px;
	height: 70px;
	z-index:2;
}
.page-navbar.navbar-fixed-top {
	top: 100px;
}
.btn-3d-group .decorline {
	height: 360px;
}
.btn-3d-group .decorline-top {
	top: -150px;
	right: 40px;
}
.btn-3d-group .decorline-bottom {
	top: -70px;
	right: 195px;
}
#signupBtnGroup {
	position: absolute;
	right: 30px;
	top: -150px;
}
.newsbox {
	background-color: #FFF;
	padding-top: 15px;
	padding-bottom: 5px;
	margin-bottom:20px;
	position: relative;
	z-index:1;
}
.newsbox-top .newsbox-header {
	font-size:24px;
}
.newsbox-header {
	font-family: 'Roboto Slab', serif;
	font-weight: 700;
	position: relative;
	z-index:1;
	font-size:16px;
}
.newsbox:after {
	content:"";
	position: absolute;
	z-index: -1;
	-webkit-transform: skewX(-45deg);
	-moz-transform: skewX(-45deg);
	-o-transform: skewX(-45deg);
	-ms-transform: skewX(-45deg);
	background-color: #3cc;
	width: 2px;
	height: 80px;
	top:-30px;
	left:20px;
}
a.boxlink {
	color: #333;
	text-decoration: none;
}
a.boxlink:hover .newsbox-header {
	text-decoration: underline;
}
a.boxlink:after {
	content:"";
	display: inline-block;
	width:20px;
	height: 20px;
	border-top:10px solid transparent;
	border-left:10px solid transparent;
	border-bottom: 10px solid #ccc;
	border-right: 10px solid #ccc;
	position: absolute;
	bottom: 0;
	right: 0;
}
a.boxlink:hover:after {
	border-bottom: 10px solid #c36;
	border-right: 10px solid #c36;
}
#topNavbar {
	z-index:2000;
	position: fixed;
	top:96px;
	right:280px;
}
.media-box {
	margin-bottom: 10px;
	text-align: center;
}
.media-box img {
	margin: 0 auto;
}
.media-box:first-child {
	margin-top:0;
}
.table {
	background-color: #fff;
}
.panel {
	margin-bottom: 30px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #bbb;
}
.panel .page-header {
	margin-top:20px;
	border-bottom: 1px dotted #ccc;
}
a.glyphicon {
	color: #999;
	text-decoration: none;
}
a.glyphicon.active {
	color: #906 !important;
}
a.glyphicon:hover {
	color: #333;
}
.panel .panel-heading a.glyphicon {
	display: none;
}
.panel .panel-heading a.glyphicon.active,
.panel:hover .panel-heading a.glyphicon {
	display: inline-block;
}
.panel-body + .panel-body {
	border-top: 1px solid #ddd;
}
a.list-group-item .list-group-item-heading,
.media-heading {
	color: #906;
}
.media > .media-body > p > .btn {
	visibility:hidden;
	display:inline;
}
.media > .media-body:hover > p > .btn {
	visibility:visible;
}
.panel-title {
	color: #999;
	text-transform: uppercase;
	font-family: 'Roboto Slab', serif;
	font-weight: 100;
}

.panel-title.panel-title-highlighted {
	font-weight: bold;
	color: #CC3366;
	line-height: 22px;
}

.panel-title.panel-title-highlighted a:hover {
	text-decoration: none;
	color: #906;
}

.panel-news.news-action-readed .panel-title,
.panel-news.news-action-readed .panel-body a {
	color:#999;
}
.panel-news .more {
	color: #906;
	font-weight:bold;
	text-transform:uppercase;
	font-size:10px;
	padding: 5px 10px;
	background-color: #eee;
	border-radius: 3px;
}
.panel-news .panel-heading:hover + .panel-body .more,
.panel-news .panel-body:hover .more {
	background-color: #906;
	color: #fff;
}

.panel-news .panel-heading {
	background-color: transparent;
}
.panel-news .panel-title {
	position: relative;
	color: #906;
	font-family: 'Roboto Slab', serif !important;
	font-weight: 700 !important;
}
.panel-news:hover .panel-title > a {
	color: #906;
}
.panel-news .panel-title > a {
	text-decoration:none;
	display: inline-block;
	margin-right:50px;
}
.panel-news .panel-title > .icons {
	position: absolute;
	top: 0;
	right: 0;
	font-size:16px;
}
.panel-news .panel-body p:first-child {
	margin-top:-5px;
}
.panel-news .panel-body p:last-child {
	margin-bottom:0;
}
.panel-news .panel-body>a {
	color: #333;
	text-decoration:none;
}
.panel-news-top .panel-heading {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}
.panel-news-top .panel-title {
	font-size:27px;
}
.panel-news-top p {
	font-size:16px;
}
.panel-news .panel-footer {
	padding:0;
}
.panel-news .panel-footer > .label {
	margin-top:-15px;
}
.panel-news .panel-footer > .label > a {
	color: #fff;
}
.panel-news.closed > .panel-body,
.panel-news.closed > .panel-footer > .label {
	display:none;
}
.panel-news.closed > .panel-heading {
	border-bottom:none;
}
.panel-news .glyphicon {
	transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}
.panel-news.closed .glyphicon-remove {
	transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.panel-news.closed .glyphicon-chevron-up {
	transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}
.read-article {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	clear: both;
	margin-top: 5px;
	font-size: 13px;
	line-height: 14px;
	text-transform: none;
}



.panel-primary {
	border-color: #606;
	border-top-color: #657;
	border-bottom-color: #000;
	color: #fff;
}
.panel-primary .panel-title{
	font-weight: 400;
	color: #fff;
}

.panel-primary a:hover {
	text-decoration:none;
}
.panel-primary > .panel-heading,
.panel-primary > .panel-footer {
	background-color:#636;
	border-color: #657;
	color: #fff;
}
.panel-primary > .panel-heading .btn-icon span{
	color: #fff;
}
.panel-primary > .list-group > .list-group-item {
	border-color: #657;
}
.panel-primary > .panel-body,
.panel-primary > .list-group {
	background-color:#636;
}
.panel-primary .list-group-item {
	background-color: transparent;
}
.panel-primary a {
	color: #fff;
}


#articleFooter h2 {
	font-size: 14px;
	line-height: 20px;
	margin: 0;
	padding: 0;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
#articleFooter .category a {
	color: #555;
	text-decoration: none;
}
#articleFooter .category a:hover {
	color: #906;
}

#stickySider hr {
	border: 1px solid #b9b9b9;
	border-top: 1px solid #eee;
	margin-bottom: 30px;
}

#landingPage {
	padding-bottom: 0px;
}
#landingPage .panel.panel-default {
	background: rgba(255, 255, 255, 0.8);
}
#landingPage .panel-body {
	padding: 22px;
}
#landingPage #header-image {
	position: relative;
}
#landingPage #header-image img {
	max-width: calc(100% + 44px);
	margin-left: -22px;
}
#landingPage #header-image .content {
	position: absolute;
	left: 0;
	bottom: 0;
	top: 0;
	right: 30%;
	padding-top: 50px;
}
#landingPage #header-image .content h2, #landingPage #reg-now h2 {
	font-size: 45px;
	font-weight: 600;
	color: #cc3366;
}
#landingPage #header-image .content h3 {
	font-size: 30px;
}

#landingPage #fieldset-user {
	margin-bottom: 0px;
}
#landingPage #fieldset-user, #landingPage #fieldset-personal {
	margin-left: -7.5px;
	margin-right: -7.5px;
}
#landingPage #reg-now h3 {
	font-size: 26px;
}
#landingPage .elementrow dt {
	padding: 3px 8px;
	color: #636;
	width: calc(38% - 1px);
	float: left;
	border-right: 1px solid #f5f5f5;
}
#landingPage .elementrow dd {
	float: left;
	width: 62%;
	padding-left: 10px !important;
}
#landingPage .elementrow dd input, #landingPage .elementrow dd select {
	width: calc(100% - 10px);
	box-shadow: none;
	cursor: initial;
}
#landingPage .elementrow dd input:focus, #landingPage .elementrow dd select:focus {
	box-shadow: none;
	border-color: #cc3366;
}
#landingPage .elementrow.phonerow {
	font-family: 'Roboto Slab', serif;
}
#landingPage .elementrow.phonerow .description {
	margin-left: 33px;
}
#landingPage form .terms {
	background: transparent;
	padding: 0px;
	border: none;
	border-radius: 0px;
	float: left;
	margin: 7px 0;
}
#landingPage #terms_of_data_forward-label + .remark,
#playPage #terms_of_data_forward-label + .remark,
#landingPage #terms_of_partner_data_forward-label + .remark,
#playPage #terms_of_partner_data_forward-label + .remark{
	font-size: 12px;
	font-style: normal;
	color: #444;
	font-family: 'Roboto Slab', serif;
	padding: 10px 20px 10px 23px;
	background: #fff;
	border: 2px solid #fff;
	border-radius: 0px;
	max-height: 220px;
}
#landingPage #terms_of_data_forward-label + .remark label,
#playPage #terms_of_data_forward-label + .remark label{
	margin-top: 5px;
	line-height: 1.8;
	font-weight: 400;
}
#landingPage #terms_of_data_forward-label + .remark input,
#playPage #terms_of_data_forward-label + .remark input{
	margin-right: 10px;
	float: left;
}
#landingPage div.terms p.remark label,
#playPage div.terms p.remark label{
	font-weight: normal;
}

#landingPage form .extrarow, #landingPage form .footer {
	float: left;
	width: 100%;
}
#landingPage .termsrow {
	margin: 0;
	padding-bottom: 0;
	z-index: 2;
	position: relative;
	display: inline-block;
	width: 25px;
	float: left;
}
#landingPage .termsrow + dt {
	padding-left: 0;
	margin: 0;
	float: left;
	display: inline-block;
	width: calc(100% - 35px);
}
#landingPage form .terms .elementlabel {
	font-size: 12px;
	line-height: 1.3;
}
#landingPage #set-cookie {
	margin-bottom: 25px;
}
#landingPage #set-cookie label {
	font-size: 12px;
	font-family: 'Roboto Slab', serif;
	font-weight: 400;
}
#landingPage #set-cookie input {
	margin-right: 10px;
	float: left;
}
#landingPage .elementrow.phonerow dd {
	font-size: 8px;
	color: #0000;
}
#landingPage .elementrow.phonerow dd input[readonly="readOnly"] {
	width: 30px;
	background: transparent;
	border: none;
	box-shadow: none;
	display: inline;
	padding: 0;
	font-size: 16px;
}
#landingPage .elementrow.phonerow dd input#telephone_operator {
	width: 60px;
	font-size: 16px;
	font-family: Roboto Slab;
}
#landingPage .elementrow.phonerow dd input#telephone {
	width: 120px;
	font-size: 16px;
	font-family: Roboto Slab;
}
#landingPage .elementrow.no-description dd {
	padding-top: 19px !important;
}
#landingPage .elementrow dd .description {
	font-style: normal;
	color: #444444;
	font-family: 'Roboto Slab', serif;
}
#landingPage .elementrow:not(.extrarow) dt,
#landingPage .elementrow:not(.extrarow) dd {
	padding: 10px 0px 10px 14px;
	height: 71px;
}

#landingPage .elementrow:not(.pwd-help):not(.extrarow) {
	background: #e4e2e0;
	border-bottom: none;
	width: calc(50% - 15px) !important;
	margin-right: 7.5px;
	margin-left: 7.5px;
	margin-bottom: 15px;
	padding: 0px;
}
#landingPage .elementrow input[type="text"], #landingPage .elementrow input[type="password"] {

}
#landingPage .elementlabel {
	font-weight: 400;
	font-size: 16px;
	color: #444444;
	font-family: 'Roboto Slab', serif;
}
#landingPage .elementlabel .text-muted {
	display: block;
	color: #cc3366;
	font-size: 26px;
	line-height: 1;
}
#landingPage .elementlabel .text-muted.less {
	color: #33cccc;
}
#landingPage #pwd_help {
	background: #fff;
	margin-left: 7px;
	margin-right: 7px;
	margin-bottom: 15px;
	border: none;
	width: calc(100% - 15px) !important;
	padding: 5px !important;
	font-size: 16px;
	font-family: 'Roboto Slab', serif;
	text-align: center;
}
#landingPage #pwd_help a {
	color: #333;
	text-decoration: underline;
}
#landingPage #pwd_help p {
	margin: 0 !important;
}
#landingPage form .footer {
	background: transparent;
	border: none;
	border-radius: 0px;
	padding: 0px;
	margin: 0px;
	text-align: center;
}
#landingPage form .footer input[type="submit"] {
	float: none !important;
	font-size: 24px;
	font-weight: 500;
	height: auto;
}

#landingPage select {
	cursor: pointer !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	background: #ffffff;
	background-image: url(/assets/site/img/d-arrow.png), linear-gradient(to top, #dddddd, #ffffff);
	background-repeat: no-repeat;
	background-position: 95% 50%;
	border: 1px solid #cccbc7;
	font-family: 'Roboto Slab', serif;
}

#landingPage .errors {
	width: 100%;
	float: left;
	display: block;
	margin: 0;
	border-radius: 0;
	padding: 1px 4px;
	list-style: none;
	color: #fff;
	background: #c00;
	font-size: 12px;
	font-family: Roboto Slab;
}
#landingPage .errors a {
	color: #fff;
}
#landingPage .errors:before {
	display: none;
}

#landingPage input {
	font-family: 'Roboto Slab', serif;
}
#landingPage input[type=checkbox] {
	outline: none;
	-webkit-appearance: none;
	background-color: #fff;
	border: 1px solid #cccbc7;
	padding: 8px;
	border-radius: 0;
	display: inline-block;
	position: relative;
	margin: 0px;
}
#landingPage input[type=checkbox]:active, #landingPage input[type=checkbox]:checked:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
#landingPage input[type=checkbox]:checked {
	border: 1px solid #adb8c0;
	color: #999;
}
#landingPage input[type=checkbox]:checked:after {
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: 0px;
	left: 3px;
	color: #c36;
	line-height: 1.2;
}

#landingPage #footer-promo {
	margin-bottom: 20px;
	font-size: 16px;
	color: #787878;
	font-family: 'Roboto Slab', serif;
	font-weight: 400;
}
#landingPage #footer-promo hr {
	border-top: none;
	border-bottom: 1px solid #d4d4d0;
	margin: 10px 0 7px 0;
}

#winnersPanel {
	padding: 22px;
	background: #fff;
	border-radius: 4px;
	border: 1px solid transparent;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #bbb;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
	box-shadow: 0 1px 1px rgba(0,0,0,0.05);
	font-family: 'Roboto Slab', serif;
	margin-bottom: 30px;
}
#winnersPanel .title {
	font-size: 47px;
	font-weight: 300;
	text-transform: uppercase;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
#winnersPanel .img-wrapper {
	display: inline-block;
    width:min(100%,135px); 
    overflow-x: hidden;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.3);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
#winnersPanel .img-wrapper .img-container {
	display: block;
    position:relative;
    right:50%;
    float:right;
}
#winnersPanel img {
	float: left;
	width: 135px;
	position: relative;
}
#winnersPanel .img-wrapper .img-container img {
    right:-50%;
}
#winnersPanel .name-city {
	float: left;
	font-size: 24px;
	margin-left: 15px;
	height: 132px;
	padding-top: 30px;
}
#winnersPanel .name-city span {
	font-weight: 300;
}
#winnersPanel .audio {
	color: #663366;
	font-size: 18px;
}
#winnersPanel .audio .audio-wrapper {
	border: 19px solid #663366;
	display: inline-block;
	width: 70%;
	border-radius: 6px;
	border-top-width: 11px;
	border-bottom-width: 11px;
	height: 54px;
}
#winnersPanel .audio .audio-wrapper audio {
	max-width: 100%;
}

#userScorePanel {
	font-family: 'Roboto Slab', serif;
}
#userScorePanel h2.panel-title {
	font-size: 26px;
	text-align: center;
	font-weight: 300;
}
#userScorePanel #nextAnnouncation {
	font-weight: 300;
	font-size: 14px;
	color: #c6b0c6;
	line-height: 1.2;
	padding: 5px 33px;
	border-top: 1px solid #657;
}
#userScorePanel #nextAnnouncation h3 {
	font-weight: 300;
	font-size: 18px;
	color: #fff;
	margin-top: 7px;
}
#userScore {
	color:#fff;
	font-size: 30px;
	font-weight: 400;
	text-align:center;
	background: #501d50;
}
#userScore .text-muted {
	color: #c6b0c6;
	font-size: 18px !important;
	font-weight: 300;
	display: block;
	margin-top: 10px;
}

.list-group-item.checkbox {
	margin-top:0;
}
.list-group-item-chk {
	padding: 5px 10px 0;
}
.list-group-item-chk > input {
	margin-right: 10px;
}
.list-group-item-chk > input + label {
	font-weight: normal;
	color: #666;
}
.list-group-item-chk > input + label:hover {
	color: #000;
	cursor: pointer;
}
.list-group-item-chk > input:checked + label {
	font-weight: bold;
	color: #000;
}
.checkbox > input + label:hover {
	color: #000;
}
.checkbox > input {
	display:none;
}
.checkbox > input + label {
	white-space:normal;
	display:block;
	margin:-10px -15px -10px -15px;
	padding:10px 15px 10px 14px;
	color: #999;
	border-left: 1px solid transparent;
}
.checkbox > input:checked + label {
	border-left-width: 15px;
	padding-left: 10px;
	background-color:#f5f5f5;
	color: #333;
}
.news-list > .list-group-item {
	padding-left: 25px;
	margin-left: -1px;
}
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
	background-color: #C36;
	border: #ccc;
}
#articleCategories .panel-primary a.list-group-item:hover,
#articleCategories .panel-primary a.list-group-item:focus {
	background-color: #906;
}
#articleCategories .list-group-item {
	padding-left: 30px;
}
#articleCategories .list-group-item .glyphicon {
	margin-left: -20px;
	margin-right: 3px;
}
#articleCategories .list-group-item-cat {
	padding-left: 20px;
}
#articleCategories .panel {
	margin-bottom: 10px;
}
#articleCategories .panel:last-child {
	margin-bottom: 30px;
}
.list-group-item > .toggle-trigger.toggle-close {
	display:block;
	margin:-10px -15px;
	padding:10px 15px;
}
.list-group-item > .toggle-trigger.toggle-close:hover {
	background-color:#eee;
}
.toggle-trigger.toggle-close + .toggle-content {
	display:none;
}
.panel-heading-info {
	text-align:right;
	background-color: transparent !important;
	padding-top:4px;
	padding-bottom:4px;
}
.badge {
	background-color:#CCC;
}
.badge.badge-new {
	background-color: #fff;
	color:#C36;
}

.elementrow, .terms {
	background-color: #eee;
	padding: 10px;
	border-bottom: 1px #ccc solid;
	border-radius:5px;
	position: relative;
}
#article-form .elementrow {
	background-color: #ffffff;
	border: none;
}
.elementrow.valid {
	background-color: #dfd;
}
.elementrow.valid:before {
	z-index:1;
	content:'✓';
	color: #fff;
	vertical-align:middle;
	position: absolute;
	top: 0;
	left: -15px;
	bottom: 0;
	width: 15px;
	margin: 0;
	padding: 3px;
	list-style:none;
	background-color: #693;
}
@media (max-width: 767px) {
	.elementrow.valid:before {
		left:0;
		background-color:unset;
		background-image:linear-gradient(to right, #693, rgb(102,153,51,0));
	}
}
input.phone,
input.address {
	display: inline-block;
	width: auto;
}
dt#setCookie-label,
dt#setCookie-label + dd {
	display: inline-block;
}
fieldset {
	margin-bottom: 20px;
}
.termsrow {
	margin: 18px 0 -40px 10px;
	padding-bottom: 2px;
	z-index: 2;
	position:relative;
	display: block;
	width: 40px;
}
.termsrow + dt {
	/*float: left;*/
	margin: 20px 0 0 10px;
	display: inline-block;
	width: auto;
	padding-left: 20px;
	z-index: 1;
	position:relative;
}
.elementrow .errors:before, .terms .errors:before {
	content:'!';
	position: absolute;
	top: 0;
	left: -15px;
	bottom: 0;
	width: 15px;
	background-color: #C00;
	z-index:10;
	color: #fff;
	vertical-align:middle;
	text-align: center;
	padding: 3px;
}
.elementrow .errors, .terms .errors {
	margin: 5px 0 0;
	border-radius: 3px;
	padding: 5px 0px;
	list-style:none;
	color: #C00;
}
p.errors {
	border-radius: 3px;
	padding: 5px 10px;
	list-style:none;
	background-color: #C00;
	color: #fff;
}
.elementrow .errors li {
}
.elementrow .errors li a {
	font-weight: bold;
}
.elementrow dt {
	padding: 3px 10px;
	color: #636;
}
.elementrow dd {

}
#article-form .elementrow dt {
	color: #333;
}
.elementrow dd label {
	padding-right: 40px;
	font-weight: normal;
}
.elementrow label > input[type="radio"],
.elementrow label > input[type="checkbox"] {
	margin-right: .5em;
}
.description {
	color: #999;
	font-style:italic;
	font-size: 12px;
	margin:0;
}
select, input {
	cursor: pointer;
}
.remark {
	font-size: small;
	color: #999;
	font-style:italic;
}
form .footer {
	background-color: #ddd;
	padding: 10px;
	border-bottom: 1px #ccc solid;
	border-radius:5px;
	position: relative;
}
#article-form .footer {
	display: none;
}
form .footer:before,
form .footer:after {
	display: table;
	content: " ";
}
form .footer:after {
	clear: both;
}
form .footer input[type="submit"] {
	right: 0;
	left: auto;
	float: right !important;
}
form .footer > .remark {
	background-color: transparent;
	padding: 0;
	margin-top:20px;
	border-radius:5px;
	max-height: 70px;
	overflow-y: auto;
	font-size: 12px;
	color: #999;
	font-style:italic;
	width: 100%;
}
form .remark {
	background-color: transparent;
	padding: 0;
	margin-top:0px;
	border-radius:5px;
	max-height: 70px;
	overflow-y: auto;
	font-size: 12px;
	color: #999;
	font-style:italic;
	width: 100%;
}
form .remarkmargin {
	margin-top: 20px;
}
form .checkallcontainer {
	position: absolute;
}
form .checkall {
	position: relative;
	top: -25px;
	color: #333;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin: 20px 0 0 10px;
	width: auto;
	/* text-indent: -20px;
     padding-left: 20px;*/
}
form .checkall .text-muted {
	/*float: none!important;*/
}
form .checkall .text-muted .pull-right{
	float: none;
}
form .terms {
	background-color: #eee;
	padding: 5px 10px 10px 10px;
	border-bottom: 1px #ccc solid;
	border-radius:5px;
	margin-top: 2px;
	margin-bottom: 2px;
}
form .footer > .remark > .top {
	color: #000;
	font-weight:bold;
	font-style:normal;
	font-size:14px;
}
.subhead {
	font-size:larger;
	font-weight:bold;
}
.fullbox {
	margin: 0 -15px;
}
#todo {
	padding: 1px 15px 15px 80px;
	margin-bottom: 15px;
	background:#f5f5f5 url('/magazine/styles/img/icon-mail.png') top left 5px no-repeat;
}
.panel-group .panel-heading > .panel-title > a {
	margin: -10px -15px;
	padding: 10px 15px;
	display: inline-block;
	width: 100%;
	text-decoration: none;
	font-size:20px;
	color: #c36;
	text-transform:none;
}
.panel-group .panel-heading > .panel-title > a:hover {
	color: #906;
}
#promotionCarousel .carousel-caption {
	padding-top: 50px;
	padding-bottom: 15px;
}
.carousel-indicators {
	bottom:0;
}
#promotionCarousel .item {
	min-height: 250px;
	background: #636 no-repeat top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
/*
#promotionCarousel img {
    position: relative;
}
#promotionCarousel img:after {
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:10;
    background: -moz-linear-gradient(top, rgba(51,0,51,0), rgba(51,0,51,1));
    background: -webkit-gradient(linear, left top, left bottom, color-stop(rgba(51,0,51,0)), color-stop(rgba(51,0,51,1)));
    background: -webkit-linear-gradient(top, rgba(51,0,51,0),rgba(51,0,51,1));
    background: -o-linear-gradient(top, rgba(51,0,51,0),rgba(51,0,51,1));
    background: -ms-linear-gradient(top, rgba(51,0,51,0),rgba(51,0,51,1));
    background: linear-gradient(to bottom, rgba(51,0,51,0),rgba(51,0,51,1));
}*/
#promotionCarousel .carousel-caption a {
	color: #ccc !important;
	text-decoration: none;
}
.controlinfo {
	color:#999;
}
@media (max-width: 480px) {
	.top-message {
		font-size: 16px;
	}
	.top-message1 {
		font-size: 30px;
		letter-spacing:-1px;
	}
	.top-message2 {
		font-size: 30px;
	}
	.page > .container > div:first-child {
		margin-top:90px;
	}
	.page > .container > div {
		margin-top:0;
	}
	#sweeptakesPage {
		padding-top:80px;
	}
	h1.page-header {
		font-size: 30px;
		line-height: 45px;
	}
	h2.page-header {
		font-size: 20px;
		line-height: 30px;
		padding-bottom: 15px;
		margin-bottom: 20px;
		text-align: center;
	}
	#header {
		padding-top: 10px;
	}
	#header .container {
		padding: 0;
	}
	#headerbar {
		margin: 0;
	}
	#footer .nav {
		display: none;
	}
	.page > .container > div > .panel,
	.page > .container > div > .row > div > .panel {
		margin-left: -30px;
		margin-right: -30px;
	}
	.modal .panel-heading {
		padding-top: 10px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.modal .panel-body,
	.modal .panel-footer {
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 0;
	}
	.decorline-container .btn-decor {
		min-width: 110px;
	}

	#mobilebar.navbar-collapse > .nav {
		margin: 0 15px;
	}
}
@media (max-width: 767px) {
	#signupBtnGroup {
		right: 20px;
		top: 0px;
	}
	.btn-3d {
		font-size:20px;
	}
	.btn-3d-group .btn-3d-small {
		display: none;
	}
}
#flashMessenger {
	position: absolute;
	width: 100%;
	top: 100px;
	z-index: 1050;
}
#flashMessenger + .page > .container > div {
	margin-top:140px;
}
#flashMessenger .container {
	text-align: center;
	padding:0 30px;
}
#flashMessenger .container .alert {
	padding: 0 30px;
	border-radius:0;
	margin: 0;
}
#flashMessenger .container .alert.alert-danger {
	background-color: #C00;
	color: #fff;
	border-color: #900;
}
#flashMessenger .container .alert.alert-danger > .close {
	color: #fff;
	opacity: 1;
	text-shadow: none;
}
#flashMessenger a {
	color:#fff;
}
#fb-root {
	display: none;
}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
	width: 100% !important;
}
#magazineCarousel .carousel-indicators.list-group {
	position: relative;
	bottom: 0;
	left: 0;
	z-index: 15;
	width:100%;
	padding-left: 0;
	margin-left: 0;
	text-align: left;
	list-style: none;
}

#magazineCarousel .carousel-indicators.list-group > a,
#magazineCarousel .carousel-indicators.list-group > a:focus {
	border-radius: 0;
	color: #999;
	background-color:#fff;
}
#magazineCarousel .carousel-indicators.list-group > a:hover {
	color:#906;
}
#magazineCarousel .carousel-indicators.list-group > a.active,
#magazineCarousel .carousel-indicators.list-group > a.active:hover{
	width:auto;
	height:auto;
	background-color:#eee;
	border-top-color: #ddd;
	border-right-color: #ddd;
	border-bottom: 0 none;
	color: #333;
}
#magazineCarousel .item {
	background: #ccc none no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.listener-chk {
	display: none;
}
.listener-chk + .listener-icon {
	display: inline-block;
	width: 30px;
	height: 20px;
	background: url('/magazine/styles/img/icon-listener-off.png') center center no-repeat;
}
.listener-chk:checked + .listener-icon {
	background: url('/magazine/styles/img/icon-listener-on.png') center center no-repeat;
}

.popover-content {
	color: #000;
}

#registration-form #fieldset-user legend,
#registration-form #fieldset-personal legend {
	display: none;
}
#registration-form input[type="submit"] {
	font-weight:bold;
	width:100%;
	white-space:normal;
}
@media (min-width: 768px) {
	#registration-form #fieldset-user .elementrow,
	#registration-form #fieldset-personal .elementrow {
		width:50%;
		float: left;
		border-radius: 0;
	}
	#registration-form #fieldset-personal .elementrow:last-child {
		width: 100%;
	}
	#registration-form #fieldset-user #pwd_help {
		width:100%;
	}
}

/* ******************************** */
#landingPage .assistance img {
	margin: 5px 20px 0 0;
}
#landingPage .assistance.well {
	background-color: #ffffff;
}
#landingPage .headlineImage {
	margin-bottom: 20px;
}
#landingPage h1.page-header {
	margin-top: 0px;
	margin-bottom: 15px;
	padding: 0px;
	border-bottom: none;
	line-height: 1;
}
#landingPage h2 {
	margin-top: 0;
	font-size: 20px;
}
#landingPage h3 {
	font-size: 15px;
}
#landingPage h4 {
	margin-top: 0;
	font-size: 18px;
}
#landingPage h5 {
	margin: 0;
	font-size: 15px;
}

#landingPage .bulletlist {
	font-size: 16px;
	line-height: 20px;
	padding-left: 20px;
	margin-bottom: 15px;
}
#landingPage .bulletlist li {
	padding-top: 5px;
}


#join-form label.elementlabel {
	width: 100%;
}

.toggle-trigger {
	font-weight: bold;
	cursor: pointer;
}
.toggle-trigger.toggle-trigger-open > .caret {
	border-bottom: 4px solid #000;
	border-top: 0 dotted;
}


#infoPage .winners a {
	color: #666;
}


#magazineSearch {
	margin-bottom: 10px;
}
.form-search .search-query {
	width: 100%;
}
.form-search .btn {
	position: absolute;
	top: 0px;
	right: 16px;
	margin-left: 0px;
	background: url('../img/icon-search.png') no-repeat center #c36;
	height: 34px;
	width: 34px;
	border: none;
	padding: 9px;
	border-radius: 0 4px 4px 0;

}

#terms_of_data_forward-label > label,
#terms_of_use-label > label {
	font-weight: normal;
}
#terms_of_data_forward-label + .remark {
	max-height: 190px;
}

.wrap {
	white-space: pre-wrap;      /* CSS3 */
	white-space: -moz-pre-wrap; /* Firefox */
	white-space: -pre-wrap;     /* Opera <7 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	word-wrap: break-word;      /* IE */
}

.prepend-radio-image{
	max-height: 200px;
	margin-right: .5em;
}

@media (max-width: 380px) {
	.elementrow dd label{
		padding-right: 0;
	}
	.prepend-radio-image{
		max-width: 100%;
	}
}



@media (max-width: 1199px) {
	#landingPage #header-image .content {
		right: 26%;
		padding-top: 20px;
	}
	#landingPage #header-image .content h2, #landingPage #reg-now h2 {
		font-size: 38px;
	}
	h1.page-header {
		font-size: 36px;
	}
	#landingPage .elementlabel {
		font-size: 14px;
	}
	#landingPage .elementrow:not(.extrarow) dt, #landingPage .elementrow:not(.extrarow) dd {
		padding: 5px 0px 5px 8px;
	}
	#landingPage .elementrow dd {
		padding-left: 5px !important;
	}
	#landingPage .elementrow dd input, #landingPage .elementrow dd select {
		width: calc(100% - 5px);
		font-size: 14px;
	}
	#landingPage .elementrow.phonerow dd input#telephone {
		font-size: 14px;
	}
	#landingPage .elementrow.phonerow dd input#telephone_operator {
		width: 43px;
		font-size: 14px;
	}
	#landingPage .elementrow.phonerow dd input#telephone {
		width: 103px;
	}
	#landingPage .elementlabel .text-muted {
		font-size: 20px;
	}
	#landingPage .elementrow dd .description {
		font-size: 11px;
	}
	#landingPage .elementrow:not(.extrarow) dt, #landingPage .elementrow:not(.extrarow) dd {
		height: 58px;
	}
	#userScorePanel h2.panel-title {
		font-size: 21px;
	}
}

@media (max-width: 991px) {
	#header .navbar-nav>li>a.btn-menu {
		margin-left: 10px;
	}
	#header .navbar-nav>li>a.btn-menu.loginreg {
		font-size: 14px;
	}
	#landingPage .elementrow:not(.pwd-help):not(.extrarow) {
		width: calc(100% - 15px) !important;
	}
	#landingPage .elementlabel, #landingPage .elementrow dd input, #landingPage .elementrow dd select, #landingPage .elementrow.phonerow dd input#telephone, #landingPage .elementrow.phonerow dd input#telephone_operator {
		font-size: 16px;
	}
	#landingPage .elementrow.phonerow dd input#telephone_operator {
		width: 60px;
	}
	#landingPage .elementrow.phonerow dd input#telephone {
		width: 180px;
	}
	#userScore {
		font-size: 18px;
	}
	#userScore .text-muted {
		font-size: 13px !important;
	}
	#userScorePanel h2.panel-title {
		font-size: 14px;
	}
	#userScorePanel #nextAnnouncation {
		padding: 5px 5px;
		font-size: 13px;
	}
	#winnersPanel .title {
		font-size: 34px;
	}
	#winnersPanel .audio p {
		margin-top: 20px;
	}
}

@media (max-width: 767px) {
	#landingPage .elementrow:not(.pwd-help):not(.extrarow) {
		width: calc(100% + 5px) !important;
		float: left;
		border-radius: 0px;
		margin: 1px;
		margin-top: 0;
		margin-left: -2px;
		margin-right: -2px;
	}
	#landingPage .elementrow:not(.extrarow) dt, #landingPage .elementrow:not(.extrarow) dd {
		padding: 8px 0px 8px 11px;
	}
	#landingPage .elementrow dd {
		padding-left: 8px !important;
	}
	#landingPage .elementrow:not(.extrarow) dt, #landingPage .elementrow:not(.extrarow) dd {
		height: 65px;
	}
	#landingPage h1.page-header {
		font-size: 22px;
		font-weight: 500;
	}
	.container {
		max-width: 500px;
	}
	#landingPage #header-image .content {
		width: 280px;
		right: initial;
		left: 0;
		padding-top: 50px;
	}
	#landingPage #header-image .content h2, #landingPage #reg-now h2 {
		font-size: 26px;
	}
	#landingPage #header-image .content h3, #landingPage #reg-now h3 {
		font-size: 20px;
	}
	#landingPage .elementrow.phonerow dd input#telephone {
		width: 138px;
	}
	#landingPage #pwd_help {
		float: left;
		margin-bottom: 15px;
		margin-top: 10px;
		margin-left: -2px;
		margin-right: -2px;
		width: calc(100% + 5px) !important;
		border-radius: 0;
	}
	#landingPage .panel-body {
		padding: 15px;
	}
	#landingPage #header-image img {
		max-width: calc(100% + 20px);
		margin-left: -10px;
	}

	#landingPage #userScorePanelMobile {
		float: left;
		width: 100%;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		margin: 0;
		text-align: center;
		background: #636;
		border-radius: 0;
		z-index: 2;
	}
	#landingPage #userScorePanelMobile .panel-heading {
		background: transparent;
		color: #fff;
		font-weight: 300;
		border-bottom: none;
		padding-bottom: 0px;
	}
	#landingPage #userScorePanelMobile .list-group, #landingPage #userScorePanelMobile .list-group #userScore {
		background: transparent;
		font-family: 'Roboto Slab', serif;
		font-size: 40px;
		padding-top: 0px;
	}

	#decorline2 {
		height:80px;
		left:min(180px, calc(100vw - 60px - 80px + 10px + 15px));
		top:-10px;
	}
	#decorline4 {
		left: 50px;
		height:90px;
		top:-10px;
	}
	#landingPage form .footer input[type="submit"] {
		font-size: 30px;
		display: block;
		width: 100%;
		padding: 16px 9px;
	}
	#landingPage #stickySider {
		display: none;
	}
	#footer .nav.navbar {
		padding-bottom: 130px;
	}
	#footer .nav, #footer .collapse {
		display: block !important;
	}
	#footer .navbar-collapse {
		box-shadow: none;
		border: none;
		max-height: none!important;
	}
	#footer .nav .container {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	#landingPage #footer-promo {
		font-size: 14px;
	}
	#landingPage .side {
		margin-top: 0px;
	}
	#landingPage .side-left #winnersPanel {
		margin-left: -25px;
		margin-right: -25px;
		margin-bottom: 10px;
	}
	#winnersPanel .title {
		font-size: 22px;
		font-weight: 400;
	}
	#winnersPanel .name-city {
		padding-top: 0px;
		height: auto;
	}
	#winnersPanel .btm {
		margin-top: 10px;
	}
	.decorline.decorline-top,
	.decorline.decorline-bottom {
		display:none!important;
	}
}

@media (max-width: 500px) {
	#landingPage #header-image .content h2, #landingPage #reg-now h2 {
		font-size: 18px;
		width: 73%;
	}
	#landingPage #header-image .content h3, #landingPage #reg-now h3 {
		font-size: 16px;
	}
	input[type="text"], input[type="password"], select {
		padding: 3px 9px;
	}
	#landingPage .elementrow.phonerow dd input#telephone_operator {
		width: 40px;
	}
	#landingPage .elementrow.phonerow dd input#telephone {
		width: 106px;
	}
	#landingPage .elementlabel, #landingPage .elementrow dd input, #landingPage .elementrow dd select, #landingPage .elementrow.phonerow dd input#telephone, #landingPage .elementrow.phonerow dd input#telephone_operator {
		font-size: 14px;
	}
}