@charset "UTF-8";
/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
body,div,header{margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:dotted thin}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}li,ol,ul{margin:0;padding:0;list-style:none;display:inline}



/*
	Box sizing
*/
input,
textarea,
button,
.field {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;	 /* Firefox, other Gecko */
	box-sizing: border-box;		 /* Opera/IE 8+ */
}



/*
	Pictonic custom icon font
*/
@font-face {
    font-family: pictonicdnl;
    src: url("/fonts/pictonic.eot");
    src: url("/fonts/pictonic.eot?#iefix") format("embedded-opentype"),
        url("/fonts/pictonic.ttf") format("truetype"),
        url("/fonts/pictonic.woff") format("woff"),
        url("/fonts/pictonic.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
.icon {
	font-family: "pictonicdnl";
	font-weight: normal; font-style: normal;
	-webkit-font-smoothing:  antialiased !important;
	-moz-font-smoothing:  antialiased !important;
	-moz-osx-font-smoothing: grayscale !important; 
	font-smoothing:  antialiased !important;
	/* line-height:1em; */
	font-size: 20px;
	vertical-align: top;
	margin-right: 0.125em;
	line-height: inherit;
}
a.icon,
span.icon,
small.icon {
	display: -moz-inline-stack;
	display:inline-block;
	zoom: 1;
	*display: inline;
}

.icon-great:before { content:""; }
.icon-interesting:before { content:""; }
.icon-nonsense:before { content:""; }
.icon-offensive:before { content:""; }
.icon-dangerous:before { content:""; }
.icon-thumbs-down:before { content:""; }


.sentiment-icon {
/*
	width: 20px;
	height: 20px;
*/
	line-height: inherit;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	
	
}
.sentiment-icon-positive {
	background-color: #0b4;
}
.sentiment-icon-negative {
	background-color: #f00;
	/* background-color: #f80; */
}
.sentiment-icon-neutral {
	background-color: #888;
	/* background-color: #f80; */
}
.discussion .sentiment-icon {
	width: 100px;
	height: 100px;
	font-size: 100px;
	border-radius: 100%;
	background: transparent;
	position: absolute;
	top: 0;
	right: 0;
	color: #eee;
	z-index: -1;
}
.notification .sentiment-icon {
	width: 50px;
	height: 50px;
	line-height: 50px;
	float: right;
	font-size: 32px;
	margin: 0 0 0 10px;
	border-radius: 100%;
	cursor: default;
}
.icon-giant {
	width: 100px;
	height: 100px;
	font-size: 100px;
	border-radius: 100%;
	background: transparent;
	top: 0;
	right: 0;
	z-index: -1;
}

header .sentiment-icon {
	/* More like a button */
	padding: 2px .5em 2px .5em;
	
	zzborder-radius: 5px;
}
.sentiment-positive {
	color: #0b4;
}
.sentiment-negative {
	color: #f00;
}
.notification-ad {
	float: right;
	width: 125px;
	height: 125px;
	margin: 0 0 0 10px;
}
.notification-ad .adsbygoogle {
	display: block;
	width: 125px;
	height: 125px;
}
@media all and (min-width: 840px) {
	.notification-ad {
		width: 200px;
		height: 200px;
	}
	.notification-ad .adsbygoogle {
		width: 200px;
		height: 200px;
	}
}



/*
	The basics
*/
html, body {
	height: 100%;
}
body, div, img, p, h1, h2, h3, h4, h5, h6, input, label, table, tr, th, td {
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: middle;
}
body {
	text-align: center;
	background-color: #eee;
	font-size: 14px;
	padding: 60px 0 0 0;
}
a {
	color: #f90000;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
hr {
	display: block;
	clear: both;
	float: none;
	border: 0;
	height: 1px;
	background: transparent;
	margin: 1em 0 1em 0;
	padding: 0;
	border-bottom: 1px solid #eee;
}
strong {
	color: #666;
}

/*
	Typography
*/
body, div, p, h1, h2, h3, h4, h5, h6, input, textarea, ul, li {
	font-family: "Open Sans", "Free Sans", "Lucida Grande",
				 "Arial Unicode MS", "Microsoft Sans Serif",
				 Arial, sans-serif;
	font-weight: 400;
	color: #888;
}
div, p, h1, h2, h3, h4, h5, h6, input, textarea, ul, li {
	text-align: left;
}

/*
	Helpers
*/
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.justify {
	text-align: justify;
}
.fr {
	float: right;
}
.padded-2-10-5-10 {
	padding: 2px 10px 5px 10px;
}
.clearfix:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}
.small {
	font-size: 11px;
}

/*
	Facebook elements
*/
#fb-root {
	display: block;
	width: 1px;
	height: 1px;
}
#social {
	float: none;
	clear: both;
	text-align: right;
	line-height: 20px;
	height: 20px;
	overflow: hidden;
}
#social > a,
#social > div,
#social > iframe {
	vertical-align: top;
	display: inline-block;
}

/*
	ReCaptcha elements
*/
#recaptcha_widget_div {
	text-align: center;
}
#recaptcha_area {
	margin: 0 auto 0 auto;
}


/*
	Headings
*/
h1 {
	color: #666;
	font-size: 28px;
}
h2 {
	font-size: 20px;
}
h3 {
	font-size: 16px;
}
div.hgroup,
div.hgroup h1,
div.hgroup h2 {
	text-align: center;
	margin: 0;
	padding: 0;
	line-height: 1em;
}
div.hgroup {
	margin: 0 0 20px 0;
}
div.hgroup h1 {
	font-size: 48px;
	font-weight: 400;
}
div.hgroup h2 {
	font-size: 12px;
	letter-spacing: 0.12em;
}

/*
	Sentiment notification
*/
.notification {
	position: absolute;
	right: 0px;
	top: 48px;
	/* width: 710px; */
	background-color: #fff;
	padding: 1em;
	-webkit-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, .2);
	-moz-box-shadow:	 0px 1px 10px 0px rgba(0, 0, 0, .2);
	box-shadow:		 0px 1px 10px 0px rgba(0, 0, 0, .2);
	font-size: 11px;
	text-align: left;
	border: 1px solid #ccc;
	border-radius: 5px;
	opacity: 0.95;
/* Displayed through javascript */
	display: none;
}


@media all and (min-width: 840px) {
	.notification {
		right: 20px;
		font-size: 12px;
	}
}


.notification:hover {
	opacity: 1;
}
.notification .close {
	position: absolute;
	top: -9px;
	right: -9px;
	width: 18px;
	height: 18px;
	background-color: #888;
	color: #fff;
	border-radius: 100%;
	text-align: center;
	font-weight: 700;
	font-size: 15px;
	line-height: 18px;
/* Displayed through javascript */
	display: none;
}
.notification .notification-inner {
	width: 480px;
	float: left;
	/* clear: both; */
}




/*
	Header
*/
header {
	background-color: #fff;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	/*height: 28px;*/
	padding: 0;
	line-height: 20px;
	font-size: 12px;
	text-align: left;
	-webkit-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, .2);
	-moz-box-shadow:	 0px 1px 10px 0px rgba(0, 0, 0, .2);
	box-shadow:		 0px 1px 10px 0px rgba(0, 0, 0, .2);
	z-index: 1;
}
header a {
	display: inline;
	line-height: 20px;
	vertical-align: middle;
	padding: 0;
}
header a.logo {
	font-size: 16px;
}
header p {
	color: #ccc;
}
header ul {
	float: right;
	clear: none;
	position: relative;
}
header ul li {
	float: left;
	clear: none;
	margin: 0 0 0 1em;
	position: relative;
}


/*
	Sentiment bar in header
*/
header .sentiment {
	display: inline-block;
	width: 2em;
	border-radius: 5px;
}
header .sentiment .sentiment-agree {
	border-radius: 5px;
}



/*
	Container (contains content and footer)
*/
#container {
	position: relative;
	min-height: 100%;
	padding: 0 0 180px 0;	/* CONTAINER NEEDS FOOTER HEIGHT PADDING */
}

/*
	Footer
*/
#foot {
	width: 100%;
	z-index: 128;
	text-align: center;
	margin: 2em 0 0 0;
	background-color: #888;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	height: 180px;	/* CONTAINER NEEDS FOOTER HEIGHT PADDING */
}
#foot div.box-transparent {
	/* height: 50px; */
	line-height: 20px;
	font-size: 11px;
	padding: 5px 5px 10px 5px;
	/* color: #888; */
	color: #ddd;
	margin-bottom: 0 !important;
}
#foot ul {
	width: 100%;
	overflow: hidden;
}
#foot ul,
#foot ul li {
	display: block;
	padding: 0;
	margin: 0;
}
#foot ul.links li {
	display: block;
	float: left;
	width: 50%;
	padding: 1em 0 0 0;
}
#foot a {
	color: #fff;
}
#foot p {
	color: inherit;
}
.bitcoinimage {
	padding-left: 20px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAADYklEQVR4AV3O3Wtb9QOA8ed8zzk5JzlpTpMmabMkW19S2Va7ttptdbODOZk/Fcf0RhF1ghfiH+DblQoi6IU3IooMmWygF0NkdQyMrpTqdrFV1KbbtKUV2y5dXtq8v+ccC7+b4gee+0fiP756d/SE4RQvB3tCR1VVirYtu7CVzc1vJNPfNSz1HJBjB+nTN4YAcLsNr6HWz44fmXgm2hdDEgLbBgAJyG1m+GX6p807S6n3vLtGPwFsAOnsB6eRKktmKGhMH3/8qTFVVbm7NE+lJpFdW8AX3ouhCYJ9+1B1JzevzfD91I8XwoOTZwBLtJo1fKby2fEnTo21Ww2uTV3gj+vTGD1jpAoCMzLB1r0khX9uUS1ucvDYIzw8Of7C37dn39kO0aFkD40cPvqc6tBJzFyhiYG5+xC6y0WofwTFoVITHiwh0UgtUy8VmDxxEp/peKvDFxkQhlN6ZXf/oJRdXUFzOPEGovQPH8Hn9+PqMKkUMzz46POkqibNVpXC6iK608XoAwccuczqqyLQ03NMlmXKmQ00zYnWLpBLLgHw11yc1d+mKBXzuL1Bivk87WqeVq1C78AAsmSdVByaGgEbRbTo8BjYyDQ0DYChiSfxdgVwb5/MzV6mW6kgWTLNWhW3pxMJOybsdruNbQMWiirhMV04ndr/DxbmSNy4SnJthcnHniWTt6nXGkiKgmVZWLatinKxuIxtby/6UBVothrbtQFQ7SoeR51GOYesKNiqE0lWcbjcZNMpbMSaklxbjVcrpTGts4fNlRRZy+S+sVEAHvrfi+hOJ4qiMX9jBq/eIBCNIcsKdxIJLFvMCqGHvrj9+69NzQygGJ2U04vEL35Ocj3Jz/FLbGULXP3mI+TsHP6ubsxwP6mNuyTm/7Tdnq4v5fv3WFv1UloPRyKTgd2DGKqNVM/j8vVSSC/TFYwS9jQwOkP4YyPYQuHihfNspMuXmvXqh/LBWIv946dmFm7G93bvigx179lLZzBMo7BOl9cDrQLeSAxPZIB6q8W3X58ncWvllumPPq27PFXp/dcGARgenRC5jfk3e/sib+8/MNLh8wcQQmAjUS4VWbydYPqHOOnN+pVgZN8ZIA0gffz6YXbaFeoOZNYXXtJ17bSQrOFyuWRUa9a9UqVxXdXNc8BldvgXx0hag/zk5AgAAAAASUVORK5CYII=);
	background-repeat: no-repeat;
	background-position: left center;
	height: 20px;
	line-height: 20px;
}




/*
	Any instance of the logo
*/
.logo {
	color: #ccc;
}
.logo span {
	color: #f00;
	font-weight: 800;
}



/*
	box
*/
.box,
.box-transparent {
	width: auto;
	margin: 0 auto 20px auto;
	padding: 20px;
}
.box {
	background-color: #fff;
	-webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, .2);
	-moz-box-shadow:	 0px 1px 5px 0px rgba(0, 0, 0, .2);
	box-shadow:		 0px 1px 5px 0px rgba(0, 0, 0, .2);
}
.box p,
.box code,
.box pre {
	display: block;
	clear: both;
	margin: 0 0 1em 0;
}
.box code,
.box pre {
	padding: 0.5em;
	border-left: 5px solid #ccc;
	background-color: #f4f4f4;
	overflow-x: auto;
	word-wrap: break-word;
	word-break: normal;
}


/*
	Lists
*/
ul.list,
ul.list li {
	list-style-type: disc;
	list-style-position: inside;
	clear: both;
}
ul.list {
	display: block;
	padding: 0;
	margin: 0 0 1em 0;
	
}
ul.list li {
	display: list-item;
	padding: 0 0 0 1em;
}

/*
	Form errors
*/
p.error {
	border-left: 5px solid #f00;
	background-color: #FFBBBB;
	color: #880000;
	padding: 0.5em;
}
p.error strong {
	color: inherit;
	font-weight: 700;
}


/*
	Link input form
*/
form {
	display: block;
	clear: both;
	margin: 0 0 1em 0;
}
#link {
	display: block;
	width: 100%;
	border: 1px solid #ccc;
	color: #888;
	background-color: #f4f4f4;
	line-height: 2em;
	height: 2em;
	padding: 0;
	text-indent: 0.5em;
	-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .2);
	-moz-box-shadow:	 inset 0px 1px 3px 0px rgba(0, 0, 0, .2);
	box-shadow:		 inset 0px 1px 3px 0px rgba(0, 0, 0, .2);
	margin: 0 0 1em 0;
}
input.button {
	display: inline;
	padding: 0.5em;
	background-color: #f00;
	color: #fff;
}
input.button[disabled] {
	background-color: #ccc;
}
a.button {
	padding: 0.5em;
	background-color: #aaa;
	color: #fff;
	display: inline-block;
	line-height: 20px;
}
a.button:hover {
	background-color: #f00;
}
a.button-green:hover {
	background-color: #0b4;
}

a.whatisthis {
	float: right;
	clear: none;
	line-height: 20px;
	font-size: 12px;
	vertical-align: bottom;
}


a.discuss-this {
	background-color: #f00;
}
.button .counter,
.sentiment-icon .counter {
	line-height: 20px;
	font-size: 10px;
	/* color: #fff; */
	color: #888;
	/* background-color: #888; */
	background-color: #fff;
	border-radius: 5px;
	padding: 0 0.5em 0 0.5em;
	/* text-shadow: 0 1px 1px rgba(0, 0, 0, .5); */
}


/*
	Contact form
*/
form label {
	display: block;
	
}
input.text,
textarea {
	display: block;
	width: 100%;
	border: 1px solid #ccc;
	color: #666;
	background-color: #f4f4f4;
	line-height: 2em;
	height: 2em;
	padding: 0;
	text-indent: 0.5em;
	-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .2);
	-moz-box-shadow:	 inset 0px 1px 3px 0px rgba(0, 0, 0, .2);
	box-shadow:		 inset 0px 1px 3px 0px rgba(0, 0, 0, .2);
	margin: 0 0 1em 0;
}
textarea {
	height: 120px;
	text-indent: 0;
	padding: 0.5em;
	line-height: 1.5em;
	
}
span.optional {
	font-size: 10px;
	color: #ccc;
	vertical-align: top;
}



/*
	Media coverage
*/
p.result a {
	display: block;
	clear: both;
}


/*
	Trending
*/
ul.trending {
	clear: both;
	display: block;
	width: auto;
	/* padding: 1em 0 0 1em; */
	padding: .5em 0 0 0;
}
ul.trending li {
	text-overflow:ellipsis;
	overflow: hidden;	
	height: 2em;
	line-height: 2em;
}
/*
ul.trending li {
	display: block;
	text-overflow:ellipsis;
	overflow: hidden;
	height: 53px;
}
ul.trending .card {
	display: block;
	width: auto;
	padding: 1em;
	margin: 0 1em 1em 0;
	margin-right: 1em;
	background-color: #fff;
	font-size: 12px;
	
	-webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, .2);
	-moz-box-shadow:	 0px 1px 5px 0px rgba(0, 0, 0, .2);
	box-shadow:		 0px 1px 5px 0px rgba(0, 0, 0, .2);
	
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
*/
ul.trending .card a {
	overflow: hidden;
}


/*
	Cards
*/
.card {
	float: left;
	clear: none;
	width: 100%;
}
.card-half {
}
.card-third {
}
.card .discussion {
	margin: 0.5em;
	padding: .5em;
	border: 1px solid #eee;
	position: relative;
	z-index: 1;
}
.card .discussion .discussion-title {
	display: block;
	height: 3em;
	line-height: 1.5em;
	overflow: hidden;
	text-overflow: ellipsis;
}
.discussion .small {
	display: block;
	padding-left: 20px;
}
.discussion .discussion-lastcomment {
	display: block;
	font-size: 12px;
	height: 3em;
	line-height: 1.5em;
	overflow: hidden;
}
.card .discussion .small {
	padding-left: 0;
	display: block;
	text-align: right;
}



/*
	Sign in
*/
div.sign-in {
	
}
a.sign-in-with-google {
	display: inline-block;
	width: 187px;
	height: 32px;
	background-image: url(/images/sprite-sign-in-with-google.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
a.sign-in-with-google:hover { background-position: 0px -32px; }
a.sign-in-with-google:active { background-position: 0px -64px; }

a.sign-in-with-google-small-white {
	display: inline-block;
	width: 139px;
	height: 22px;
	background-image: url(/images/sprite-sign-in-with-google-small-white.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
a.sign-in-with-google-small-white:hover { background-position: 0px -22px; }
a.sign-in-with-google-small-white:active { background-position: 0px -44px; }


/*
	Discussion
*/
div.discussion {
	
}
div.discussion a {
	cursor: pointer;
}
div.discussion .message {
	display: block;
	float: none;
	clear: both;
	border: 1px solid #eee;
	padding: .5em;
	margin: .5em 0 .5em 0;/* .5em 0 0 0; */
}
div.discussion .message:after {
	/* clearfix */
	content: " ";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

div.discussion .message-avatar {
	float: left;
	clear: none;
	margin: 0 1em 1em 0;
}
div.discussion .message-text {
	/*
float: left;
	clear: none;
	overflow: hidden;
*/
	display: table;
}
div.discussion .message-vote {
	float: left;
	width: 50px;
	text-align: center;
}
div.discussion .message-vote a {
	display: block;
	width: 100%;
	color: #ccc;
	outline: 0;
}
div.discussion a.message-vote-up:hover,
div.discussion a.message-vote-down:hover {
	color: #f00;
}
div.discussion .voted-up,
div.discussion .voted-up a.message-vote-up {
	color: #f00;
	font-weight: 700;
}
div.discussion .voted-down,
div.discussion .voted-down a.message-vote-down {
	color: #888;
	font-weight: 700;
}

div.discussion .message div.message-links {
	display: block;
	float: none;
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 11px;
	text-align: right;
}
div.discussion div.message-links a {
	margin-left: 2em;
}
div.discussion a.reply {
	padding: 0.5em;
	background-color: #ccc;
	color: #fff;
	display: inline-block;
}
/*
div.discussion div.message:hover > div.message-links a.reply {
	background-color: #888;
}
*/
div.discussion a.reply:hover {
	background-color: #f00;
}

div.message-reply {
	display: block;
	clear: both;
	margin: 0;
}
div.message-reply form {
	margin: .5em 0 0 0;
}

/*
	Replies
*/
div.discussion .message div.message-replies {
	margin: .5em 0 0 0;
}
/* div.discussion .message div.message-replies .message { */
div.discussion .message .message {
	/* margin: 0; */
	/* padding: 0; */
	border: 0;
	border-left: 1px solid #eee;
	margin-left: 1em;
	background-color: #f4f4f4;
}
div.discussion .message div.message-replies img.message-avatar {
	width: 32px;
	height: 32px;
}
div.discussion textarea { background-color: #fff; }
div.discussion .message .message .message { background-color: #fff; }
div.discussion .message .message .message .message { background-color: #f4f4f4; }
div.discussion .message .message .message .message .message { background-color: #fff; }
div.discussion .message .message .message .message .message .message { background-color: #f4f4f4; }
div.discussion .message .message .message .message .message .message .message { background-color: #fff; }
div.discussion .message .message .message .message .message .message .message .message { background-color: #f4f4f4; }
div.discussion .message .message .message .message .message .message .message .message .message { background-color: #fff; }

/*
	Load more comments
*/
a.load-more-comments {
	display: block;
	text-align: right;
	font-size: 11px;
	/* margin: .5em 0 0 0; */
}





/*
	Admin: Amazon product
*/
/*
.amazon-product {
	display: block;
	border-bottom: 1px solid #ccc;
	padding: 0 0 1em 0;
	margin: 1em 0 0 0;
	clear: none;
	overflow: hidden;
}
.amazon-product .amazon-product-image {
	display: block;
	float: left;
	width: 50px;
	height: 50px;
	border: 1px solid #ccc;
	text-align: center;
	margin: 0 1em 0 0;
}
.amazon-product p {
	clear: none;
	width: auto;
}
*/



/*
	Visible / hidden overwriters
*/
.vis {
	display: block !important;
}
.hid {
	display: none !important;
}







/*
	Responsive
*/
@media all and (max-width: 600px) {
	.hide-on-mobile {
		display: none !important;
	}
}
@media all and (max-width: 840px) {
	.hide-on-mobile-and-tablet {
		display: none !important;
	}
}


@media all and (min-width: 600px) {
	.card-half {
		width: 50%;
	}
	.card-third {
		width: 50%;
	}
	form .field {
		width: 50%;
		float: left;
	}
	form .field-left {
		padding-right: 20px;
	}
	form .field-center {
		float: none;
		margin: 0 auto 0 auto;
		padding: 0;
	}
	#foot ul.links li {
		width: 33.333%;
	}
}

@media all and (min-width: 840px) {
	.box,
	.box-transparent {
		width: 800px;
	}
	.card-third {
		width: 33.3%;
	}
}