hr,
img {
border: 0
}
body,
figure {
margin: 0
}
.category-box-company-name,
.category-box-name {
-ms-text-overflow: ellipsis;
text-overflow: ellipsis
}
@font-face {
font-family: Lato;
font-style: normal;
font-weight: 300;
src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v11/nj47mAZe0mYUIySgfn0wpQ.ttf) format('truetype')
}
.first-business-unit-review-form, .first-consumer-review-for-business-unit-form{
background: #f1f1f1;
padding: 20px;
margin: 35px 0 50px;
border-radius: 5px;
border: 1px solid #c8c8c8;
box-shadow: 0 4px 4px -5px #c8c8c8;
}
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
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;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%
}
a:active,
a:hover {
outline: 0
}
h1 {
margin: .67em 0
}
b,
strong {
font-weight: 700
}
dfn {
font-style: italic
}
hr {
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"
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
img {
vertical-align: middle
}
svg:not(:root) {
overflow: hidden
}
button,
select {
text-transform: none
}
button,
html input[type=button],
input[type=submit],
input[type=reset] {
-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;
box-sizing: border-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
}
.btn,
.checkbox,
.form-control,
.radio {
vertical-align: middle
}
table {
border-collapse: collapse;
border-spacing: 0
}
@media print {
blockquote,
img,
pre,
tr {
page-break-inside: avoid
}
* {
text-shadow: none!important;
color: #000!important;
background: 0 0!important;
box-shadow: none!important
}
a,
a:visited {
text-decoration: underline
}
a[href]:after {
content: " (" attr(href) ")"
}
abbr[title]:after {
content: " (" attr(title) ")"
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: ""
}
blockquote,
pre {
border: 1px solid #999
}
thead {
display: table-header-group
}
img {
max-width: 100%!important
}
@page {
margin: 2cm .5cm
}
h2,
h3,
p {
orphans: 3;
widows: 3
}
h2,
h3 {
page-break-after: avoid
}
.navbar {
display: none
}
.table td,
.table th {
background-color: #fff!important
}
.btn>.caret,
.dropup>.btn>.caret {
border-top-color: #000!important
}
.label {
border: 1px solid #000
}
.table {
border-collapse: collapse!important
}
.table-bordered td,
.table-bordered th {
border: 1px solid #ddd!important
}
}
.btn-danger.active,
.btn-danger:active,
.btn-default.active,
.btn-default:active,
.btn-info.active,
.btn-info:active,
.btn-primary.active,
.btn-primary:active,
.btn-success.active,
.btn-success:active,
.btn-warning.active,
.btn-warning:active,
.open .btn-danger.dropdown-toggle,
.open .btn-default.dropdown-toggle,
.open .btn-info.dropdown-toggle,
.open .btn-primary.dropdown-toggle,
.open .btn-success.dropdown-toggle,
.open .btn-warning.dropdown-toggle,
button,
input,
select[multiple],
textarea {
background-image: none
}
.form-control,
.has-warning .form-control {
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}
.img-thumbnail,
body {
background-color: #fff
}
*,
:after,
:before {
box-sizing: border-box
}
html {
font-size: 62.5%;
-webkit-tap-highlight-color: transparent
}
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.42857;
color: #333
}
button,
input,
select,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit
}
a {
color: #428bca;
text-decoration: none
}
a:focus,
a:hover {
color: #2a6496;
text-decoration: underline
}
a:focus {
outline: #333 dotted thin;
outline: -webkit-focus-ring-color auto 5px;
outline-offset: -2px
}
.img-responsive {
display: block;
max-width: 100%;
height: auto
}
.img-rounded {
border-radius: 5px
}
.img-thumbnail {
padding: 4px;
line-height: 1.42857;
border: 1px solid #ddd;
border-radius: 4px;
transition: all .2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto
}
.img-circle {
border-radius: 50%
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border-top: 1px solid #eee
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0 0 0 0);
border: 0
}
p {
margin: 0 0 10px
}
.lead {
margin-bottom: 20px;
font-size: 16.1px;
font-weight: 200;
line-height: 1.4
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 10px
}
@media (min-width: 768px) {
.lead {
font-size: 21px
}
}
small {
font-size: 85%
}
cite {
font-style: normal
}
.text-muted {
color: #999
}
.text-primary {
color: #3b5998
}
.text-warning {
color: #c09853
}
.text-danger {
color: #b94a48
}
.text-success {
color: #468847
}
.text-info {
color: #3a87ad
}
.text-left {
text-align: left
}
.text-right {
text-align: right
}
.text-center {
text-align: center
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 500;
line-height: 1.1
}
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
font-weight: 400;
line-height: 1;
color: #999
}
legend,
pre {
color: #333
}
h1,
h2,
h3 {
margin-top: 20px
}
h4,
h5,
h6 {
margin-top: 10px
}
.h1,
h1 {
font-size: 36px
}
.h2,
h2 {
font-size: 30px
}
.h3,
h3 {
font-size: 24px
}
.h4,
h4 {
font-size: 18px
}
.h5,
h5 {
font-size: 14px
}
.h6,
h6 {
font-size: 12px
}
.h1 small,
h1 small {
font-size: 24px
}
.h2 small,
h2 small {
font-size: 18px
}
.h3 small,
.h4 small,
h3 small,
h4 small {
font-size: 14px
}
.page-header {
padding-bottom: 9px;
margin: 40px 0 20px;
border-bottom: 1px solid #eee
}
blockquote p:last-child,
ol ol,
ol ul,
ul ol,
ul ul {
margin-bottom: 0
}
address,
dl,
legend,
pre.prettyprint {
margin-bottom: 20px
}
ol,
ul {
margin-top: 0;
margin-bottom: 10px
}
.list-inline,
.list-unstyled {
padding-left: 0;
list-style: none
}
.list-inline>li {
display: inline-block;
padding-left: 5px;
padding-right: 5px
}
dd,
dt {
line-height: 1.42857
}
dt {
font-weight: 700
}
dd {
margin-left: 0
}
@media (min-width: 280px) {
.dl-horizontal dt {
float: left;
width: 160px;
clear: left;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.dl-horizontal dd {
margin-left: 180px
}
.dl-horizontal dd:after,
.dl-horizontal dd:before {
content: " ";
display: table
}
.dl-horizontal dd:after {
clear: both
}
}
.clearfix:after,
.container:after,
.form-horizontal .form-group:after,
.modal-footer:after,
.nav:after,
.navbar-collapse:after,
.navbar-header:after,
.navbar:after,
.row:after {
clear: both
}
address,
blockquote small,
pre {
display: block;
line-height: 1.42857
}
abbr[data-original-title],
abbr[title] {
cursor: help;
border-bottom: 1px dotted #999
}
abbr.initialism {
font-size: 90%;
text-transform: uppercase
}
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
border-left: 5px solid #eee
}
blockquote p {
font-size: 17.5px;
font-weight: 300;
line-height: 1.25
}
blockquote small {
color: #999
}
blockquote small:before {
content: '\2014 \00A0'
}
blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
border-right: 5px solid #eee;
border-left: 0
}
blockquote.pull-right p,
blockquote.pull-right small {
text-align: right
}
blockquote.pull-right small:before {
content: ''
}
blockquote.pull-right small:after {
content: '\00A0 \2014'
}
blockquote:after,
blockquote:before,
q:after,
q:before {
content: ""
}
address {
font-style: normal
}
code,
pre {
font-family: Monaco, Menlo, Consolas, "Courier New", monospace
}
code {
padding: 2px 4px;
font-size: 90%;
color: #c7254e;
background-color: #f9f2f4;
white-space: nowrap;
border-radius: 3px
}
pre {
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
word-break: break-all;
word-wrap: break-word;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 3px
}
.container:after,
.container:before,
.row:after,
.row:before {
display: table;
content: " "
}
pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border: 0
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll
}
.container {
margin-right: auto;
margin-left: auto
}
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
position: relative;
min-height: 1px;
padding-left: 20px;
padding-right: 20px
}
fieldset,
legend {
padding: 0;
border: 0
}
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
float: left
}
.col-xs-1 {
width: 8.33333%
}
.col-xs-2 {
width: 16.66667%
}
.col-xs-3 {
width: 25%
}
.col-xs-4 {
width: 33.33333%
}
.col-xs-5 {
width: 41.66667%
}
.col-xs-6 {
width: 50%
}
.col-xs-7 {
width: 58.33333%
}
.col-xs-8 {
width: 66.66667%
}
.col-xs-9 {
width: 75%
}
.col-xs-10 {
width: 83.33333%
}
.col-xs-11 {
width: 91.66667%
}
.col-xs-12 {
width: 100%
}
@media (min-width: 768px) {
.container {
max-width: 100%
}
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9 {
float: left
}
.col-sm-1 {
width: 8.33333%
}
.col-sm-2 {
width: 16.66667%
}
.col-sm-3 {
width: 25%
}
.col-sm-4 {
width: 33.33333%
}
.col-sm-5 {
width: 41.66667%
}
.col-sm-6 {
width: 50%
}
.col-sm-7 {
width: 58.33333%
}
.col-sm-8 {
width: 66.66667%
}
.col-sm-9 {
width: 75%
}
.col-sm-10 {
width: 83.33333%
}
.col-sm-11 {
width: 91.66667%
}
.col-sm-12 {
width: 100%
}
.col-sm-push-1 {
left: 8.33333%
}
.col-sm-push-2 {
left: 16.66667%
}
.col-sm-push-3 {
left: 25%
}
.col-sm-push-4 {
left: 33.33333%
}
.col-sm-push-5 {
left: 41.66667%
}
.col-sm-push-6 {
left: 50%
}
.col-sm-push-7 {
left: 58.33333%
}
.col-sm-push-8 {
left: 66.66667%
}
.col-sm-push-9 {
left: 75%
}
.col-sm-push-10 {
left: 83.33333%
}
.col-sm-push-11 {
left: 91.66667%
}
.col-sm-pull-1 {
right: 8.33333%
}
.col-sm-pull-2 {
right: 16.66667%
}
.col-sm-pull-3 {
right: 25%
}
.col-sm-pull-4 {
right: 33.33333%
}
.col-sm-pull-5 {
right: 41.66667%
}
.col-sm-pull-6 {
right: 50%
}
.col-sm-pull-7 {
right: 58.33333%
}
.col-sm-pull-8 {
right: 66.66667%
}
.col-sm-pull-9 {
right: 75%
}
.col-sm-pull-10 {
right: 83.33333%
}
.col-sm-pull-11 {
right: 91.66667%
}
.col-sm-offset-1 {
margin-left: 8.33333%
}
.col-sm-offset-2 {
margin-left: 16.66667%
}
.col-sm-offset-3 {
margin-left: 25%
}
.col-sm-offset-4 {
margin-left: 33.33333%
}
.col-sm-offset-5 {
margin-left: 41.66667%
}
.col-sm-offset-6 {
margin-left: 50%
}
.col-sm-offset-7 {
margin-left: 58.33333%
}
.col-sm-offset-8 {
margin-left: 66.66667%
}
.col-sm-offset-9 {
margin-left: 75%
}
.col-sm-offset-10 {
margin-left: 83.33333%
}
.col-sm-offset-11 {
margin-left: 91.66667%
}
}
@media (min-width: 1024px) {
.container {
max-width: 984px
}
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9 {
float: left
}
.col-md-1 {
width: 8.33333%
}
.col-md-2 {
width: 16.66667%
}
.col-md-3 {
width: 25%
}
.col-md-4 {
width: 33.33333%
}
.col-md-5 {
width: 41.66667%
}
.col-md-6 {
width: 50%
}
.col-md-7 {
width: 58.33333%
}
.col-md-8 {
width: 66.66667%
}
.col-md-9 {
width: 75%
}
.col-md-10 {
width: 83.33333%
}
.col-md-11 {
width: 91.66667%
}
.col-md-12 {
width: 100%
}
.col-md-push-0 {
left: auto
}
.col-md-push-1 {
left: 8.33333%
}
.col-md-push-2 {
left: 16.66667%
}
.col-md-push-3 {
left: 25%
}
.col-md-push-4 {
left: 33.33333%
}
.col-md-push-5 {
left: 41.66667%
}
.col-md-push-6 {
left: 50%
}
.col-md-push-7 {
left: 58.33333%
}
.col-md-push-8 {
left: 66.66667%
}
.col-md-push-9 {
left: 75%
}
.col-md-push-10 {
left: 83.33333%
}
.col-md-push-11 {
left: 91.66667%
}
.col-md-pull-0 {
right: auto
}
.col-md-pull-1 {
right: 8.33333%
}
.col-md-pull-2 {
right: 16.66667%
}
.col-md-pull-3 {
right: 25%
}
.col-md-pull-4 {
right: 33.33333%
}
.col-md-pull-5 {
right: 41.66667%
}
.col-md-pull-6 {
right: 50%
}
.col-md-pull-7 {
right: 58.33333%
}
.col-md-pull-8 {
right: 66.66667%
}
.col-md-pull-9 {
right: 75%
}
.col-md-pull-10 {
right: 83.33333%
}
.col-md-pull-11 {
right: 91.66667%
}
.col-md-offset-0 {
margin-left: 0
}
.col-md-offset-1 {
margin-left: 8.33333%
}
.col-md-offset-2 {
margin-left: 16.66667%
}
.col-md-offset-3 {
margin-left: 25%
}
.col-md-offset-4 {
margin-left: 33.33333%
}
.col-md-offset-5 {
margin-left: 41.66667%
}
.col-md-offset-6 {
margin-left: 50%
}
.col-md-offset-7 {
margin-left: 58.33333%
}
.col-md-offset-8 {
margin-left: 66.66667%
}
.col-md-offset-9 {
margin-left: 75%
}
.col-md-offset-10 {
margin-left: 83.33333%
}
.col-md-offset-11 {
margin-left: 91.66667%
}
}
@media (min-width: 1200px) {
.container {
max-width: 984px
}
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9 {
float: left
}
.col-lg-1 {
width: 8.33333%
}
.col-lg-2 {
width: 16.66667%
}
.col-lg-3 {
width: 25%
}
.col-lg-4 {
width: 33.33333%
}
.col-lg-5 {
width: 41.66667%
}
.col-lg-6 {
width: 50%
}
.col-lg-7 {
width: 58.33333%
}
.col-lg-8 {
width: 66.66667%
}
.col-lg-9 {
width: 75%
}
.col-lg-10 {
width: 83.33333%
}
.col-lg-11 {
width: 91.66667%
}
.col-lg-12 {
width: 100%
}
.col-lg-push-0 {
left: auto
}
.col-lg-push-1 {
left: 8.33333%
}
.col-lg-push-2 {
left: 16.66667%
}
.col-lg-push-3 {
left: 25%
}
.col-lg-push-4 {
left: 33.33333%
}
.col-lg-push-5 {
left: 41.66667%
}
.col-lg-push-6 {
left: 50%
}
.col-lg-push-7 {
left: 58.33333%
}
.col-lg-push-8 {
left: 66.66667%
}
.col-lg-push-9 {
left: 75%
}
.col-lg-push-10 {
left: 83.33333%
}
.col-lg-push-11 {
left: 91.66667%
}
.col-lg-pull-0 {
right: auto
}
.col-lg-pull-1 {
right: 8.33333%
}
.col-lg-pull-2 {
right: 16.66667%
}
.col-lg-pull-3 {
right: 25%
}
.col-lg-pull-4 {
right: 33.33333%
}
.col-lg-pull-5 {
right: 41.66667%
}
.col-lg-pull-6 {
right: 50%
}
.col-lg-pull-7 {
right: 58.33333%
}
.col-lg-pull-8 {
right: 66.66667%
}
.col-lg-pull-9 {
right: 75%
}
.col-lg-pull-10 {
right: 83.33333%
}
.col-lg-pull-11 {
right: 91.66667%
}
.col-lg-offset-0 {
margin-left: 0
}
.col-lg-offset-1 {
margin-left: 8.33333%
}
.col-lg-offset-2 {
margin-left: 16.66667%
}
.col-lg-offset-3 {
margin-left: 25%
}
.col-lg-offset-4 {
margin-left: 33.33333%
}
.col-lg-offset-5 {
margin-left: 41.66667%
}
.col-lg-offset-6 {
margin-left: 50%
}
.col-lg-offset-7 {
margin-left: 58.33333%
}
.col-lg-offset-8 {
margin-left: 66.66667%
}
.col-lg-offset-9 {
margin-left: 75%
}
.col-lg-offset-10 {
margin-left: 83.33333%
}
.col-lg-offset-11 {
margin-left: 91.66667%
}
}
.btn-block,
.nav-justified,
.nav-tabs.nav-justified,
input[type=submit].btn-block,
input[type=button].btn-block,
input[type=reset].btn-block,
legend {
width: 100%
}
fieldset {
margin: 0
}
legend {
display: block;
font-size: 21px;
line-height: inherit;
border-bottom: 1px solid #e5e5e5
}
label {
display: inline-block;
margin-bottom: 5px;
font-weight: 700
}
.form-control,
input[type=file] {
display: block
}
input[type=checkbox],
input[type=radio] {
margin: 4px 0 0;
margin-top: 1px\9;
line-height: normal
}
select[multiple],
select[size] {
height: auto
}
select optgroup {
font-size: inherit;
font-style: inherit;
font-family: inherit
}
input[type=checkbox]:focus,
input[type=radio]:focus,
input[type=file]:focus {
outline: #333 dotted thin;
outline: -webkit-focus-ring-color auto 5px;
outline-offset: -2px
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto
}
.form-control:-moz-placeholder {
color: #999
}
.form-control::-moz-placeholder {
color: #999
}
.form-control:-ms-input-placeholder {
color: #999
}
.form-control::-webkit-input-placeholder {
color: #999
}
.form-control {
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857;
color: #555;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
cursor: not-allowed;
background-color: #eee
}
textarea.form-control {
height: auto
}
.form-group {
margin-bottom: 15px
}
.checkbox,
.radio {
display: block;
min-height: 20px;
margin-top: 10px;
margin-bottom: 10px;
padding-left: 20px
}
.checkbox label,
.radio label {
display: inline;
margin-bottom: 0;
font-weight: 400;
cursor: pointer
}
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
float: left;
margin-left: -20px
}
.checkbox+.checkbox,
.radio+.radio {
margin-top: -5px
}
.checkbox-inline,
.radio-inline {
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
vertical-align: middle;
font-weight: 400;
cursor: pointer
}
.checkbox-inline+.checkbox-inline,
.radio-inline+.radio-inline {
margin-top: 0;
margin-left: 10px
}
.checkbox-inline[disabled],
.checkbox[disabled],
.radio-inline[disabled],
.radio[disabled],
fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox-inline,
fieldset[disabled] .radio,
fieldset[disabled] .radio-inline,
fieldset[disabled] input[type=checkbox],
fieldset[disabled] input[type=radio],
input[type=checkbox][disabled],
input[type=radio][disabled] {
cursor: not-allowed
}
.input-sm {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px
}
select.input-sm {
height: 30px;
line-height: 30px
}
textarea.input-sm {
height: auto
}
.input-lg {
height: 45px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
border-radius: 5px
}
select.input-lg {
height: 45px;
line-height: 45px
}
textarea.input-lg {
height: auto
}
.has-warning .control-label,
.has-warning .help-block {
color: #c09853
}
.has-warning .form-control {
border-color: #c09853
}
.has-warning .form-control:focus {
border-color: #a47e3c;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #dbc59e
}
.has-warning .input-group-addon {
color: #c09853;
border-color: #c09853;
background-color: #fcf8e3
}
.has-error .control-label,
.has-error .help-block {
color: #b94a48
}
.has-error .form-control {
border-color: #b94a48;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}
.has-error .form-control:focus {
border-color: #953b39;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #d59392
}
.has-error .input-group-addon {
color: #b94a48;
border-color: #b94a48;
background-color: #f2dede
}
.has-success .control-label,
.has-success .help-block {
color: #468847
}
.has-success .form-control {
border-color: #468847;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}
.has-success .form-control:focus {
border-color: #356635;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #7aba7b
}
.has-success .input-group-addon {
color: #468847;
border-color: #468847;
background-color: #dff0d8
}
.form-control-static {
margin-bottom: 0;
padding-top: 7px
}
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #737373
}
.btn,
.nav {
margin-bottom: 0
}
@media (min-width: 768px) {
.form-inline .form-group,
.navbar-form .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle
}
.form-inline .form-control,
.navbar-form .form-control {
display: inline-block
}
.form-inline .checkbox,
.form-inline .radio,
.navbar-form .checkbox,
.navbar-form .radio {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
padding-left: 0
}
.form-inline .checkbox input[type=checkbox],
.form-inline .radio input[type=radio],
.navbar-form .checkbox input[type=checkbox],
.navbar-form .radio input[type=radio] {
float: none;
margin-left: 0
}
.form-horizontal .control-label {
text-align: right
}
}
.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .radio-inline {
margin-top: 0;
margin-bottom: 0;
padding-top: 7px
}
.form-horizontal .form-group {
margin-left: -20px;
margin-right: -20px
}
.form-horizontal .form-group:after,
.form-horizontal .form-group:before {
content: " ";
display: table
}
.btn,
.label,
.nav-justified>li>a,
.nav-tabs.nav-justified>li>a {
text-align: center
}
.btn {
display: inline-block;
padding: 6px 12px;
font-size: 14px;
font-weight: 400;
line-height: 1.42857;
cursor: pointer;
border: 1px solid transparent;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none
}
.btn:focus {
outline: #333 dotted thin;
outline: -webkit-focus-ring-color auto 5px;
outline-offset: -2px
}
.btn:focus,
.btn:hover {
color: #fff;
background-color: #cb6c0b;
border-color: #a05409;
text-decoration: none
}
.btn.active,
.btn:active {
outline: 0;
background-image: none;
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
cursor: not-allowed;
pointer-events: none;
opacity: .65;
filter: alpha(opacity=65);
box-shadow: none
}
.btn-default {
color: #333;
background-color: #fff;
border-color: #ccc
}
.btn-default.active,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open .btn-default.dropdown-toggle {
color: #333;
background-color: #ebebeb;
border-color: #adadad
}
.btn-default.disabled,
.btn-default.disabled.active,
.btn-default.disabled:active,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled],
.btn-default[disabled].active,
.btn-default[disabled]:active,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default.active,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
background-color: #fff;
border-color: #ccc
}
.btn-warning {
color: #fff;
background-color: #f0ad4e;
border-color: #eea236
}
.btn-warning.active,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover,
.open .btn-warning.dropdown-toggle {
color: #fff;
background-color: #ed9c28;
border-color: #d58512
}
.btn-warning.disabled,
.btn-warning.disabled.active,
.btn-warning.disabled:active,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning[disabled],
.btn-warning[disabled].active,
.btn-warning[disabled]:active,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning.active,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
background-color: #f0ad4e;
border-color: #eea236
}
.btn-danger {
color: #fff;
background-color: #d9534f;
border-color: #d43f3a
}
.btn-danger.active,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover,
.open .btn-danger.dropdown-toggle {
color: #fff;
background-color: #d2322d;
border-color: #ac2925
}
.btn-danger.disabled,
.btn-danger.disabled.active,
.btn-danger.disabled:active,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger[disabled],
.btn-danger[disabled].active,
.btn-danger[disabled]:active,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger.active,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:hover {
background-color: #d9534f;
border-color: #d43f3a
}
.btn-success {
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c
}
.btn-success.active,
.btn-success:active,
.btn-success:focus,
.btn-success:hover,
.open .btn-success.dropdown-toggle {
color: #fff;
background-color: #47a447;
border-color: #398439
}
.btn-success.disabled,
.btn-success.disabled.active,
.btn-success.disabled:active,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled],
.btn-success[disabled].active,
.btn-success[disabled]:active,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success.active,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
background-color: #5cb85c;
border-color: #4cae4c
}
.btn-info {
color: #fff;
background-color: #5bc0de;
border-color: #46b8da
}
.btn-info.active,
.btn-info:active,
.btn-info:focus,
.btn-info:hover,
.open .btn-info.dropdown-toggle {
color: #fff;
background-color: #39b3d7;
border-color: #269abc
}
.btn-info.disabled,
.btn-info.disabled.active,
.btn-info.disabled:active,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info[disabled],
.btn-info[disabled].active,
.btn-info[disabled]:active,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info.active,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:hover {
background-color: #5bc0de;
border-color: #46b8da
}
.btn-link {
color: #428bca;
font-weight: 400;
cursor: pointer;
border-radius: 0
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
background-color: transparent;
box-shadow: none
}
.btn-link,
.btn-link:active,
.btn-link:focus,
.btn-link:hover {
border-color: transparent
}
.btn-link:focus,
.btn-link:hover {
color: #2a6496;
text-decoration: underline;
background-color: transparent
}
.btn-link[disabled]:focus,
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:hover {
color: #999;
text-decoration: none
}
.btn-sm,
.btn-xs {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px
}
.btn-xs {
padding: 1px 5px
}
.btn-block {
display: block;
padding-left: 0;
padding-right: 0
}
.btn-block+.btn-block {
margin-top: 5px
}
.fade {
opacity: 0;
transition: opacity .15s linear
}
.fade.in {
opacity: 1
}
.collapse {
display: none
}
.collapse.in {
display: block
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
transition: height .35s ease
}
.nav {
padding-left: 0;
list-style: none
}
.nav:after,
.nav:before {
content: " ";
display: table
}
.nav>li,
.nav>li>a {
display: block;
position: relative
}
.nav>li>a {
padding: 10px 15px
}
.nav>li>a:focus,
.nav>li>a:hover {
text-decoration: none;
background-color: #eee
}
.nav>li.disabled>a {
color: #999
}
.nav>li.disabled>a:focus,
.nav>li.disabled>a:hover {
color: #999;
text-decoration: none;
background-color: transparent;
cursor: not-allowed
}
.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
background-color: #eee;
border-color: #428bca
}
.nav .nav-divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5
}
.nav>li>a>img {
max-width: none
}
.nav-tabs {
border-bottom: 1px solid #ddd
}
.nav-tabs>li {
float: left;
margin-bottom: -1px
}
.nav-tabs>li>a {
margin-right: 2px;
line-height: 1.42857;
border: 1px solid transparent;
border-radius: 3px 3px 0 0
}
.nav-tabs>li>a:hover {
border-color: #eee #eee #ddd
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
color: #555;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
cursor: default
}
.nav-pills>li {
float: left
}
.nav-justified>li,
.nav-stacked>li,
.nav-tabs.nav-justified>li {
float: none
}
.nav-pills>li>a {
border-radius: 5px
}
.nav-pills>li+li {
margin-left: 2px
}
.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
color: #fff;
background-color: #428bca
}
.nav-stacked>li+li {
margin-top: 2px;
margin-left: 0
}
@media (min-width: 768px) {
.nav-justified>li,
.nav-tabs.nav-justified>li {
display: table-cell;
width: 1%
}
}
.nav-tabs-justified,
.nav-tabs.nav-justified {
border-bottom: 0
}
.nav-tabs-justified>li>a,
.nav-tabs.nav-justified>li>a {
border-bottom: 1px solid #ddd;
margin-right: 0
}
.nav-tabs-justified>.active>a,
.nav-tabs.nav-justified>.active>a {
border-bottom-color: #fff
}
.tabbable:after,
.tabbable:before {
content: " ";
display: table
}
.tabbable:after {
clear: both
}
.pill-content>.pill-pane,
.tab-content>.tab-pane {
display: none
}
.pill-content>.active,
.tab-content>.active {
display: block
}
.navbar-collapse:after,
.navbar-collapse:before,
.navbar-header:after,
.navbar-header:before,
.navbar:after,
.navbar:before {
content: " ";
display: table
}
.nav .caret {
border-top-color: #428bca;
border-bottom-color: #428bca
}
.nav a:hover .caret {
border-top-color: #2a6496;
border-bottom-color: #2a6496
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-right-radius: 0;
border-top-left-radius: 0
}
.navbar {
position: relative;
z-index: 1000;
min-width: 320px;
min-height: 60px;
margin-bottom: 20px
}
.navbar-collapse {
max-height: 340px;
overflow-x: visible;
padding-right: 20px;
padding-left: 20px;
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
-webkit-overflow-scrolling: touch
}
.navbar-collapse.in {
overflow-y: auto
}
@media (min-width: 280px) {
.navbar {
border-radius: 4px
}
.navbar-header {
float: left
}
.navbar-collapse {
width: auto;
border-top: 0;
box-shadow: none
}
.navbar-collapse.collapse {
display: block!important;
height: auto!important;
padding-bottom: 0;
overflow: visible!important
}
.navbar-collapse.in {
overflow-y: visible
}
.navbar-collapse .navbar-nav.navbar-left:first-child {
margin-left: -20px
}
.navbar-collapse .navbar-nav.navbar-right:last-child {
margin-right: -20px
}
.navbar-collapse .navbar-text:last-child {
margin-right: 0
}
}
.container>.navbar-collapse,
.container>.navbar-header {
margin-right: -20px;
margin-left: -20px
}
.navbar-static-top {
border-width: 0 0 1px
}
.navbar-fixed-bottom,
.navbar-fixed-top {
position: fixed;
right: 0;
left: 0;
border-width: 0 0 1px
}
.navbar-fixed-top {
z-index: 1030;
top: 0
}
.navbar-fixed-bottom {
bottom: 0;
margin-bottom: 0
}
.navbar-brand:focus,
.navbar-brand:hover {
text-decoration: none
}
@media (min-width: 280px) {
.container>.navbar-collapse,
.container>.navbar-header {
margin-right: 0;
margin-left: 0
}
.navbar-fixed-bottom,
.navbar-fixed-top,
.navbar-static-top {
border-radius: 0
}
.navbar>.container .navbar-brand {
margin-left: -20px
}
}
.navbar-toggle {
position: relative;
float: right;
margin-right: 20px;
padding: 9px 10px;
margin-top: 13px;
margin-bottom: 13px;
background-color: transparent;
border: 1px solid transparent;
border-radius: 3px
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px
}
.navbar-toggle .icon-bar+.icon-bar {
margin-top: 4px
}
.navbar-nav {
margin: 10px -20px
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px
}
@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
box-shadow: none
}
.navbar-nav .open .dropdown-menu .dropdown-header,
.navbar-nav .open .dropdown-menu>li>a {
padding: 5px 15px 5px 25px
}
.navbar-nav .open .dropdown-menu>li>a {
line-height: 20px
}
.navbar-nav .open .dropdown-menu>li>a:focus,
.navbar-nav .open .dropdown-menu>li>a:hover {
background-image: none
}
}
.close,
.label {
font-weight: 700;
line-height: 1
}
@media (min-width: 280px) {
.navbar-toggle {
display: none
}
.navbar-nav {
float: left;
margin: 0
}
.navbar-nav>li {
float: left
}
.navbar-nav>li>a {
padding-top: 20px;
padding-bottom: 20px
}
.navbar-left {
float: left!important
}
.navbar-right {
float: right!important
}
}
.navbar-form {
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
margin: 13px -20px
}
@media (max-width: 767px) {
.navbar-form .form-group {
margin-bottom: 5px
}
}
@media (min-width: 280px) {
.navbar-form {
width: auto;
border: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
box-shadow: none
}
.navbar-text {
margin-left: 20px;
margin-right: 20px
}
}
.navbar-nav>li>.dropdown-menu {
margin-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0
}
.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.navbar-nav.pull-right>li>.dropdown-menu,
.navbar-nav>li>.dropdown-menu.pull-right {
left: auto;
right: 0
}
.navbar-btn {
margin-top: 13px;
margin-bottom: 13px
}
.navbar-text {
float: left;
margin-top: 20px;
margin-bottom: 20px
}
.navbar-default {
background-color: #f8f8f8;
border-color: #e7e7e7
}
.navbar-default .navbar-brand {
color: #777
}
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
color: #5e5e5e;
background-color: transparent
}
.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-text {
color: #777
}
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
color: #333;
background-color: transparent
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
color: #555;
background-color: #e7e7e7
}
.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:focus,
.navbar-default .navbar-nav>.disabled>a:hover {
color: #ccc;
background-color: transparent
}
.navbar-default .navbar-toggle {
border-color: #ddd
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
background-color: #ddd
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #ccc
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: #e6e6e6
}
.navbar-default .navbar-nav>.dropdown>a:focus .caret,
.navbar-default .navbar-nav>.dropdown>a:hover .caret {
border-top-color: #333;
border-bottom-color: #333
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
background-color: #e7e7e7;
color: #555
}
.navbar-default .navbar-nav>.open>a .caret,
.navbar-default .navbar-nav>.open>a:focus .caret,
.navbar-default .navbar-nav>.open>a:hover .caret {
border-top-color: #555;
border-bottom-color: #555
}
.navbar-default .navbar-nav>.dropdown>a .caret {
border-top-color: #777;
border-bottom-color: #777
}
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
color: #777
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
color: #333;
background-color: transparent
}
.navbar-default .navbar-nav .open .dropdown-menu>.active>a,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
color: #555;
background-color: #e7e7e7
}
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
color: #ccc;
background-color: transparent
}
}
.navbar-default .navbar-link {
color: #777
}
.navbar-default .navbar-link:hover {
color: #333
}
.navbar-inverse {
border-color: #090909
}
.navbar-inverse .navbar-brand {
color: #999
}
.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-brand:hover {
color: #fff;
background-color: transparent
}
.navbar-inverse .navbar-text {
color: #999
}
.navbar-inverse .navbar-nav>li>a {
color: #e6e6e6
}
.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover {
color: #fff;
background-color: transparent
}
.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover {
color: #fff;
background-color: #090909
}
.navbar-inverse .navbar-nav>.disabled>a,
.navbar-inverse .navbar-nav>.disabled>a:focus,
.navbar-inverse .navbar-nav>.disabled>a:hover {
color: #444;
background-color: transparent
}
.navbar-inverse .navbar-toggle {
border-color: #333
}
.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
background-color: #333
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #fff
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-color: #101010
}
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
background-color: #090909;
color: #fff
}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret {
border-top-color: #fff;
border-bottom-color: #fff
}
.navbar-inverse .navbar-nav>.dropdown>a .caret {
border-top-color: #e6e6e6;
border-bottom-color: #e6e6e6
}
.navbar-inverse .navbar-nav>.open>a .caret,
.navbar-inverse .navbar-nav>.open>a:focus .caret,
.navbar-inverse .navbar-nav>.open>a:hover .caret {
border-top-color: #fff;
border-bottom-color: #fff
}
@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
border-color: #090909
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
color: #e6e6e6
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
color: #fff;
background-color: transparent
}
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
color: #fff;
background-color: #090909
}
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {
color: #444;
background-color: transparent
}
}
.navbar-inverse .navbar-link {
color: #e6e6e6
}
.label,
.navbar-inverse .navbar-link:hover {
color: #fff
}
.label {
display: inline;
padding: .2em .6em .3em;
font-size: 75%;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em
}
.label:empty,
.modal {
display: none
}
.label[href]:focus,
.label[href]:hover {
color: #fff;
text-decoration: none;
cursor: pointer
}
.label-default {
background-color: #999
}
.label-default[href]:focus,
.label-default[href]:hover {
background-color: gray
}
.label-primary {
background-color: #428bca
}
.label-primary[href]:focus,
.label-primary[href]:hover {
background-color: #3071a9
}
.label-success {
background-color: #5cb85c
}
.label-success[href]:focus,
.label-success[href]:hover {
background-color: #449d44
}
.label-info {
background-color: #5bc0de
}
.label-info[href]:focus,
.label-info[href]:hover {
background-color: #31b0d5
}
.label-warning {
background-color: #f0ad4e
}
.label-warning[href]:focus,
.label-warning[href]:hover {
background-color: #ec971f
}
.label-danger {
background-color: #d9534f
}
.label-danger[href]:focus,
.label-danger[href]:hover {
background-color: #c9302c
}
.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px
}
.alert h4 {
margin-top: 0;
color: inherit
}
.alert .alert-link {
font-weight: 700
}
.alert>p,
.alert>ul {
margin-bottom: 0
}
.alert>p+p {
margin-top: 5px
}
.alert-dismissable {
padding-right: 35px
}
.alert-dismissable .close {
position: relative;
top: -2px;
right: -21px;
color: inherit
}
.modal,
.modal-backdrop {
top: 0;
right: 0;
left: 0;
bottom: 0
}
.alert-success {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #468847
}
.alert-success hr {
border-top-color: #c9e2b3
}
.alert-success .alert-link {
color: #356635
}
.alert-info {
background-color: #d9edf7;
border-color: #bce8f1;
color: #3a87ad
}
.alert-info hr {
border-top-color: #a6e1ec
}
.alert-info .alert-link {
color: #2d6987
}
.alert-warning {
background-color: #fcf8e3;
border-color: #fbeed5;
color: #c09853
}
.alert-warning hr {
border-top-color: #f8e5be
}
.alert-warning .alert-link {
color: #a47e3c
}
.alert-danger {
background-color: #f2dede;
border-color: #eed3d7;
color: #b94a48
}
.alert-danger hr {
border-top-color: #e6c1c7
}
.alert-danger .alert-link {
color: #953b39
}
.close {
float: right;
font-size: 21px;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .2;
filter: alpha(opacity=20)
}
.close:focus,
.close:hover {
color: #000;
text-decoration: none;
cursor: pointer;
opacity: .5;
filter: alpha(opacity=50)
}
button.close {
padding: 0;
cursor: pointer;
background: 0 0;
border: 0;
-webkit-appearance: none
}
.modal-open {
overflow: hidden
}
.modal-open .navbar-fixed-bottom,
.modal-open .navbar-fixed-top,
body.modal-open {
margin-right: 15px
}
.modal {
overflow: auto;
overflow-y: scroll;
position: fixed;
z-index: 1040
}
.clearfix:after,
.clearfix:before,
.modal-footer:after,
.modal-footer:before {
content: " ";
display: table
}
.modal.fade .modal-dialog {
transform: translate(0, -25%);
transition: transform .3s ease-out
}
.modal.in .modal-dialog {
transform: translate(0, 0)
}
.modal-dialog {
margin-left: auto;
margin-right: auto;
width: auto;
padding: 10px;
z-index: 1050
}
.modal-content {
position: relative;
background-color: #fff;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 5px;
box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
background-clip: padding-box;
outline: 0
}
.modal-backdrop {
position: fixed;
z-index: 1030;
background-color: #000
}
.modal-backdrop.fade {
opacity: 0;
filter: alpha(opacity=0)
}
.modal-backdrop.in {
opacity: .5;
filter: alpha(opacity=50)
}
.modal-header {
padding: 15px;
border-bottom: 1px solid #e5e5e5;
min-height: 16.43px
}
.modal-header .close {
margin-top: -2px
}
.modal-title {
margin: 0;
line-height: 1.42857
}
.modal-body {
position: relative;
padding: 20px
}
.modal-footer {
margin-top: 15px;
padding: 19px 20px 20px;
text-align: right;
border-top: 1px solid #e5e5e5
}
.modal-footer .btn+.btn {
margin-left: 5px;
margin-bottom: 0
}
.modal-footer .btn-group .btn+.btn {
margin-left: -1px
}
.modal-footer .btn-block+.btn-block {
margin-left: 0
}
@media screen and (min-width: 768px) {
.modal-dialog {
left: 50%;
right: auto;
width: 600px;
padding-top: 30px;
padding-bottom: 30px
}
.modal-content {
box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
}
}
.pull-right {
float: right!important
}
.pull-left {
float: left!important
}
.show {
display: block!important
}
.hidden,
.visible-xs,
td.visible-xs,
th.visible-xs,
tr.visible-xs {
display: none!important
}
.invisible {
visibility: hidden
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0
}
.affix {
position: fixed
}
@-ms-viewport {
width: device-width
}
@media screen and (max-width: 400px) {
@-ms-viewport {
width: 320px
}
}
.hidden {
visibility: hidden!important
}
@media (max-width: 767px) {
.visible-xs {
display: block!important
}
tr.visible-xs {
display: table-row!important
}
td.visible-xs,
th.visible-xs {
display: table-cell!important
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-xs.visible-sm {
display: block!important
}
tr.visible-xs.visible-sm {
display: table-row!important
}
td.visible-xs.visible-sm,
th.visible-xs.visible-sm {
display: table-cell!important
}
}
@media (min-width: 1024px) and (max-width: 1199px) {
.visible-xs.visible-md {
display: block!important
}
tr.visible-xs.visible-md {
display: table-row!important
}
td.visible-xs.visible-md,
th.visible-xs.visible-md {
display: table-cell!important
}
}
@media (min-width: 1200px) {
.visible-xs.visible-lg {
display: block!important
}
tr.visible-xs.visible-lg {
display: table-row!important
}
td.visible-xs.visible-lg,
th.visible-xs.visible-lg {
display: table-cell!important
}
}
.visible-sm,
td.visible-sm,
th.visible-sm,
tr.visible-sm {
display: none!important
}
@media (max-width: 767px) {
.visible-sm.visible-xs {
display: block!important
}
tr.visible-sm.visible-xs {
display: table-row!important
}
td.visible-sm.visible-xs,
th.visible-sm.visible-xs {
display: table-cell!important
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block!important
}
tr.visible-sm {
display: table-row!important
}
td.visible-sm,
th.visible-sm {
display: table-cell!important
}
}
@media (min-width: 1024px) and (max-width: 1199px) {
.visible-sm.visible-md {
display: block!important
}
tr.visible-sm.visible-md {
display: table-row!important
}
td.visible-sm.visible-md,
th.visible-sm.visible-md {
display: table-cell!important
}
}
@media (min-width: 1200px) {
.visible-sm.visible-lg {
display: block!important
}
tr.visible-sm.visible-lg {
display: table-row!important
}
td.visible-sm.visible-lg,
th.visible-sm.visible-lg {
display: table-cell!important
}
}
.visible-md,
td.visible-md,
th.visible-md,
tr.visible-md {
display: none!important
}
@media (max-width: 767px) {
.visible-md.visible-xs {
display: block!important
}
tr.visible-md.visible-xs {
display: table-row!important
}
td.visible-md.visible-xs,
th.visible-md.visible-xs {
display: table-cell!important
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-md.visible-sm {
display: block!important
}
tr.visible-md.visible-sm {
display: table-row!important
}
td.visible-md.visible-sm,
th.visible-md.visible-sm {
display: table-cell!important
}
}
@media (min-width: 1024px) and (max-width: 1199px) {
.visible-md {
display: block!important
}
tr.visible-md {
display: table-row!important
}
td.visible-md,
th.visible-md {
display: table-cell!important
}
}
@media (min-width: 1200px) {
.visible-md.visible-lg {
display: block!important
}
tr.visible-md.visible-lg {
display: table-row!important
}
td.visible-md.visible-lg,
th.visible-md.visible-lg {
display: table-cell!important
}
}
.visible-lg,
td.visible-lg,
th.visible-lg,
tr.visible-lg {
display: none!important
}
@media (max-width: 767px) {
.visible-lg.visible-xs {
display: block!important
}
tr.visible-lg.visible-xs {
display: table-row!important
}
td.visible-lg.visible-xs,
th.visible-lg.visible-xs {
display: table-cell!important
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-lg.visible-sm {
display: block!important
}
tr.visible-lg.visible-sm {
display: table-row!important
}
td.visible-lg.visible-sm,
th.visible-lg.visible-sm {
display: table-cell!important
}
}
@media (min-width: 1024px) and (max-width: 1199px) {
.visible-lg.visible-md {
display: block!important
}
tr.visible-lg.visible-md {
display: table-row!important
}
td.visible-lg.visible-md,
th.visible-lg.visible-md {
display: table-cell!important
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block!important
}
tr.visible-lg {
display: table-row!important
}
td.visible-lg,
th.visible-lg {
display: table-cell!important
}
}
.hidden-xs {
display: block!important
}
tr.hidden-xs {
display: table-row!important
}
td.hidden-xs,
th.hidden-xs {
display: table-cell!important
}
@media (max-width: 767px) {
.hidden-xs,
td.hidden-xs,
th.hidden-xs,
tr.hidden-xs {
display: none!important
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-xs.hidden-sm,
td.hidden-xs.hidden-sm,
th.hidden-xs.hidden-sm,
tr.hidden-xs.hidden-sm {
display: none!important
}
}
@media (min-width: 1024px) and (max-width: 1199px) {
.hidden-xs.hidden-md,
td.hidden-xs.hidden-md,
th.hidden-xs.hidden-md,
tr.hidden-xs.hidden-md {
display: none!important
}
}
@media (min-width: 1200px) {
.hidden-xs.hidden-lg,
td.hidden-xs.hidden-lg,
th.hidden-xs.hidden-lg,
tr.hidden-xs.hidden-lg {
display: none!important
}
}
.hidden-sm {
display: block!important
}
tr.hidden-sm {
display: table-row!important
}
td.hidden-sm,
th.hidden-sm {
display: table-cell!important
}
@media (max-width: 767px) {
.hidden-sm.hidden-xs,
td.hidden-sm.hidden-xs,
th.hidden-sm.hidden-xs,
tr.hidden-sm.hidden-xs {
display: none!important
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm,
td.hidden-sm,
th.hidden-sm,
tr.hidden-sm {
display: none!important
}
}
@media (min-width: 1024px) and (max-width: 1199px) {
.hidden-sm.hidden-md,
td.hidden-sm.hidden-md,
th.hidden-sm.hidden-md,
tr.hidden-sm.hidden-md {
display: none!important
}
}
@media (min-width: 1200px) {
.hidden-sm.hidden-lg,
td.hidden-sm.hidden-lg,
th.hidden-sm.hidden-lg,
tr.hidden-sm.hidden-lg {
display: none!important
}
}
.hidden-md {
display: block!important
}
tr.hidden-md {
display: table-row!important
}
td.hidden-md,
th.hidden-md {
display: table-cell!important
}
@media (max-width: 767px) {
.hidden-md.hidden-xs,
td.hidden-md.hidden-xs,
th.hidden-md.hidden-xs,
tr.hidden-md.hidden-xs {
display: none!important
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-md.hidden-sm,
td.hidden-md.hidden-sm,
th.hidden-md.hidden-sm,
tr.hidden-md.hidden-sm {
display: none!important
}
}
@media (min-width: 1024px) and (max-width: 1199px) {
.hidden-md,
td.hidden-md,
th.hidden-md,
tr.hidden-md {
display: none!important
}
}
@media (min-width: 1200px) {
.hidden-md.hidden-lg,
td.hidden-md.hidden-lg,
th.hidden-md.hidden-lg,
tr.hidden-md.hidden-lg {
display: none!important
}
}
.hidden-lg {
display: block!important
}
tr.hidden-lg {
display: table-row!important
}
td.hidden-lg,
th.hidden-lg {
display: table-cell!important
}
@media (max-width: 767px) {
.hidden-lg.hidden-xs,
td.hidden-lg.hidden-xs,
th.hidden-lg.hidden-xs,
tr.hidden-lg.hidden-xs {
display: none!important
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-lg.hidden-sm,
td.hidden-lg.hidden-sm,
th.hidden-lg.hidden-sm,
tr.hidden-lg.hidden-sm {
display: none!important
}
}
@media (min-width: 1024px) and (max-width: 1199px) {
.hidden-lg.hidden-md,
td.hidden-lg.hidden-md,
th.hidden-lg.hidden-md,
tr.hidden-lg.hidden-md {
display: none!important
}
}
@media (min-width: 1200px) {
.hidden-lg,
td.hidden-lg,
th.hidden-lg,
tr.hidden-lg {
display: none!important
}
}
.visible-print,
td.visible-print,
th.visible-print,
tr.visible-print {
display: none!important
}
@media print {
.visible-print {
display: block!important
}
tr.visible-print {
display: table-row!important
}
td.visible-print,
th.visible-print {
display: table-cell!important
}
.hidden-print,
td.hidden-print,
th.hidden-print,
tr.hidden-print {
display: none!important
}
}
@font-face {
font-family: icomoon;
src: url(https://consumer-assets.trustpilot.com/fonts/v1/icomoon.eot);
src: url(https://consumer-assets.trustpilot.com/fonts/v1/icomoon.eot?#iefix) format("embedded-opentype"), url(https://consumer-assets.trustpilot.com/fonts/v1/icomoon.woff) format("woff"), url(https://consumer-assets.trustpilot.com/fonts/v1/icomoon.ttf) format("truetype"), url(https://consumer-assets.trustpilot.com/fonts/v1/icomoon.svg#icomoon) format("svg");
font-weight: 400;
font-style: normal
}
[class*=icon-]:before {
font-family: icomoon;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased
}
.companyinformation-wrapper .review .user-info .facebook-friends .fb-friend-name,
.single-review-page-wrapper .review-profile .facebook-friends .fb-friend-name,
.userinformation-wrapper .review .user-info .facebook-friends a {
font-style: italic
}
.icon-search:before {
content: "c"
}
.icon-collapsed-menu:before {
content: "a"
}
.icon-close-menu:before {
content: "b"
}
.icon-twitter:before {
/*content: "d"*/
}
.icon-facebook:before {
/*content: "e"*/
}
.icon-rss:before {
content: "f"
}
.icon-linkedin:before {
content: "g"
}
.icon-google:before {
/*content: "h"*/
}
.icon-instagram:before {
content: "i"
}
.icon-pinterest:before {
content: "j"
}
.icon-plus:before {
content: "k"
}
.icon-minus:before {
content: "l"
}
.icon-arrow-down:before {
content: "m"
}
.icon-arrow-up:before {
content: "n"
}
.icon-arrow-left:before {
content: "o"
}
.icon-arrow-right:before {
content: "p"
}
.icon-ok:before {
content: "q"
}
.icon-thumbs-up:before {
content: "r"
}
.icon-thumbs-down:before {
content: "s"
}
.icon-star:before {
content: "t"
}
.icon-star-half:before {
content: "u"
}
.icon-settings:before {
content: "v"
}
.icon-heart:before {
content: "w"
}
.icon-comment:before {
content: "x"
}
.icon-report:before {
/*content: "y"*/
}
.icon-circle:before {
content: "z"
}
.icon-reply:before {
content: "|"
}
.icon-pencil:before {
content:"{"
}
.icon-trash:before {
content: "}"
}
.icon-ok-sign:before {
content: "~"
}
.icon-trophy:before {
content: ""
}
.icon-spinner:before {
content: ""
}
.icon-envelope-o:before {
content: ""
}
.icon-envelope:before {
content: ""
}
.icon-exclamation-triangle:before {
content: ""
}
.icon-youtube:before {
content: ""
}
@media only screen and (max-width: 479px) {
.hidden-ts {
display: none!important
}
}
.visible {
opacity: 1!important;
filter: alpha(opacity=100)!important;
-khtml-opacity: 1!important;
-moz-opacity: 1!important
}
.clear-left {
clear: left
}
.clear-right {
clear: right
}
.clear {
clear: both
}
.align-right {
text-align: right!important
}
.align-left {
text-align: left!important
}
.text-link {
color: #428bca
}
.text-link.small {
font-size: 12px
}
.text-link.large {
font-size: 18px
}
.btn-primary {
color: #ddd;
background-color: #363636;
border-color: #292929
}
.btn-primary1 {
color: #ffffff;
background-color: #f2800d;
border-color: #da730c;
}
.btn-primary.active,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open .btn-primary.dropdown-toggle {
color: #ddd;
background-color: #212121;
border-color: #0a0a0a
}
.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
background-color: #363636;
border-color: #292929
}
.btn-primary .load-spinner {
background: #363636;
height: 30px
}
.btn-primary .load-spinner img {
position: relative;
top: 4px
}
.btn-secondary {
color: #292929;
background-color: #e6e6e6;
border-color: #d9d9d9
}
.btn-secondary.active,
.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover,
.open .btn-secondary.dropdown-toggle {
color: #292929;
background-color: #d1d1d1;
border-color: #bababa
}
.btn-secondary.active,
.btn-secondary:active,
.open .btn-secondary.dropdown-toggle {
background-image: none
}
.btn-secondary.disabled,
.btn-secondary.disabled.active,
.btn-secondary.disabled:active,
.btn-secondary.disabled:focus,
.btn-secondary.disabled:hover,
.btn-secondary[disabled],
.btn-secondary[disabled].active,
.btn-secondary[disabled]:active,
.btn-secondary[disabled]:focus,
.btn-secondary[disabled]:hover,
fieldset[disabled] .btn-secondary,
fieldset[disabled] .btn-secondary.active,
fieldset[disabled] .btn-secondary:active,
fieldset[disabled] .btn-secondary:focus,
fieldset[disabled] .btn-secondary:hover {
background-color: #e6e6e6;
border-color: #d9d9d9
}
.btn-danger .load-spinner {
background: #d9534f;
height: 30px
}
.btn-danger .load-spinner img {
position: relative;
top: 4px
}
.btn-action {
width: auto;
padding: 0;
margin: 0 10px 0 0;
display: inline-block
}
.btn-action.active .icon {
color: #428bca
}
.btn-action.active:hover .icon {
color: #428bca!important
}
.btn-action:hover {
text-decoration: none
}
.btn-action:hover .icon {
background-color: #c8c8c8;
color: #fff!important
}
.btn-action.expanded .icon-arrow-right {
display: none
}
.btn-action.expanded .icon-arrow-down {
display: block
}
.btn-action.expanded .action-content {
display: block;
width: 100%;
margin: 15px 0
}
.btn-action .icon {
position: relative;
float: left;
z-index: 10;
cursor: pointer
}
.btn-action .number-box {
position: relative;
float: left;
z-index: 8;
margin: 0 0 0 -15px;
height: 32px;
overflow: hidden
}
.btn-action .number-box .text {
position: relative;
background-color: #c8c8c8;
height: 32px;
border: 1px solid #c8c8c8;
border-left: 0;
padding: 5px 15px 5px 25px;
border-radius: 0 5px 5px 0
}
.btn-action .number-box .fb-comment-number {
padding-top: 6px;
-webkit-padding-before: 7px
}
.btn-action .number-box .fb_comments_count {
position: relative;
background-color: #c8c8c8;
height: 32px;
border: 1px solid #c8c8c8;
border-left: 0;
padding: 7px 15px 7px 25px;
border-radius: 0 5px 5px 0;
color: #1b1b1b
}
.btn-action .number-box .fb_comments_count_zero {
display: none
}
.btn-action .comments,
.btn-action .delete,
.btn-action .edit,
.btn-action .reply,
.btn-action .report,
.btn-action .useful {
float: left;
margin-left: 15px;
line-height: 32px
}
@media only screen and (min-width: 768px) {
.btn-action .icon-arrow-down,
.btn-action .icon-arrow-right {
display: none!important
}
}
.btn-action .find-useful {
font-size: 12px;
padding: 15px 0 0 80px;
clear: left
}
.btn-action .load-spinner {
background: #fff;
border-radius: 50%;
width: 30px;
height: 30px
}
.btn-action .load-spinner img {
position: relative;
top: -3px
}
.review-action-response {
position: relative;
clear: both;
margin: 15px 0 0;
padding: 0
}
.review-action-response .find-useful {
margin-left: 0
}
.review-action-response .reporting {
position: relative;
border: 1px solid #c8c8c8;
list-style: none;
margin: 5px 0 10px;
padding: 0;
border-radius: 3px
}
.review-action-response .reporting li {
padding: 15px;
border-top: 1px solid #c8c8c8
}
.review-action-response .reporting li.first {
border-top: 0
}
.review-action-response .reporting li .message {
margin: 0 0 15px;
height: 100px
}
.review-action-response .reporting a {
color: #428bca!important
}
.review-action-response .reporting i {
font-size: 12px
}
[class*=icon-].circle {
display: inline-block;
width: 32px;
height: 32px;
line-height: 36px;
color: #1b1b1b;
text-align: center;
font-size: 20px;
background-color: #fff;
z-index: 10;
border-radius: 50%
}
@media \0screen\,
screen\9 {
[class*=icon-].circle.inverted {
background-color: #666
}
}
[class*=icon-].circle.inverted {
color: #fff;
background-color: rgba(255, 255, 255, .05)
}
[class*=icon-].circle.reversed {
background-color: rgba(27, 27, 27, .05)
}
[class*=icon-].circle.box-shadow {
transition: box-shadow .2s ease-in;
box-shadow: 0 0 0 0 #1b1b1b
}
[class*=icon-].circle.box-shadow:hover {
box-shadow: 3px 3px 2px #1b1b1b
}
[class*=icon-].circle.hoover {
position: relative;
z-index: 10;
bottom: 0;
transition: box-shadow .2s ease-in;
transition: bottom .2s ease-in
}
[class*=icon-].circle.hoover:hover {
bottom: 6px
}
[class*=icon-].circle.hoover:hover:after {
height: 3px;
bottom: -12px;
right: 11px;
width: 10px;
box-shadow: 0 -4px 2px 1px rgba(0, 0, 0, .2)
}
[class*=icon-].circle.hoover:after {
content: '';
position: absolute;
height: 1px;
bottom: -6px;
right: 4px;
width: 24px;
z-index: -1;
border-radius: 50%;
box-shadow: 0 -4px 2px 1px rgba(0, 0, 0, .4);
transition: all .2s ease-in
}
[class*=icon-].circle:hover {
opacity: .8;
cursor: pointer;
text-decoration: none
}
[class*=icon-].circle-action {
width: 32px;
height: 32px;
line-height: 34px;
color: #c8c8c8;
text-align: center;
font-size: 20px;
background-color: #fff;
border: 1px solid #c8c8c8;
float: left;
z-index: 10;
border-radius: 50%
}
[class*=icon-].circle-action:hover {
background-color: #c8c8c8;
color: #fff!important;
text-decoration: none
}
.icon-facebook.circle:hover {
color: #fff;
background-color: #3B5998
}
.icon-twitter.circle:hover {
color: #fff;
background-color: #0084b4
}
.icon-linkedin.circle:hover {
color: #fff;
background-color: #4875B4
}
.icon-google.circle:hover {
color: #fff;
background-color: #dd4b39
}
.icon-instagram.circle:hover {
color: #fff;
background-color: #3f729b
}
.icon-pinterest.circle:hover {
color: #fff;
background-color: #C92228
}
.icon-youtube.circle:hover {
color: #fff;
background-color: #f33
}
.icon-rss.circle:hover {
color: #fff;
background-color: #dd710e
}
.star-rating {
margin: 0 0 1em
}
.star-rating.size-small .star-1,
.star-rating.size-small .star-2,
.star-rating.size-small .star-3,
.star-rating.size-small .star-4,
.star-rating.size-small .star-5 {
float: left;
line-height: 9px;
padding: 2px;
border-radius: 2px;
margin: 0 3px 0 0
}
.star-rating.size-small .star-1 .star-image,
.star-rating.size-small .star-2 .star-image,
.star-rating.size-small .star-3 .star-image,
.star-rating.size-small .star-4 .star-image,
.star-rating.size-small .star-5 .star-image {
width: 10px;
height: auto
}
.star-rating.size-medium .star-1,
.star-rating.size-medium .star-2,
.star-rating.size-medium .star-3,
.star-rating.size-medium .star-4,
.star-rating.size-medium .star-5 {
float: left;
line-height: 1em;
padding: 3px;
border-radius: 3px;
margin: 0 3px 0 0
}
.star-rating.size-medium .star-1 .star-image,
.star-rating.size-medium .star-2 .star-image,
.star-rating.size-medium .star-3 .star-image,
.star-rating.size-medium .star-4 .star-image,
.star-rating.size-medium .star-5 .star-image {
width: 20px;
height: auto
}
.star-rating.size-large .star-1,
.star-rating.size-large .star-2,
.star-rating.size-large .star-3,
.star-rating.size-large .star-4,
.star-rating.size-large .star-5 {
float: left;
line-height: 1em;
padding: 4px;
border-radius: 4px;
margin: 0 4px 0 0
}
.star-rating.size-large .star-1 .star-image,
.star-rating.size-large .star-2 .star-image,
.star-rating.size-large .star-3 .star-image,
.star-rating.size-large .star-4 .star-image,
.star-rating.size-large .star-5 .star-image {
width: 30px;
height: auto
}
.star-rating.count-0 .star-1,
.star-rating.count-0 .star-2,
.star-rating.count-0 .star-3,
.star-rating.count-0 .star-4,
.star-rating.count-0 .star-5 {
background: #c8c8c8
}
.star-rating.count-1 .star-1 {
background: #e22027
}
.star-rating.count-1 .star-2,
.star-rating.count-1 .star-3,
.star-rating.count-1 .star-4,
.star-rating.count-1 .star-5 {
background: #c8c8c8
}
.star-rating.count-2 .star-1,
.star-rating.count-2 .star-2 {
background: #f47324
}
.star-rating.count-2 .star-3,
.star-rating.count-2 .star-4,
.star-rating.count-2 .star-5 {
background: #c8c8c8
}
.star-rating.count-3 .star-1,
.star-rating.count-3 .star-2,
.star-rating.count-3 .star-3 {
background: #f8cc18
}
.star-rating.count-3 .star-4,
.star-rating.count-3 .star-5 {
background: #c8c8c8
}
.star-rating.count-4 .star-1,
.star-rating.count-4 .star-2,
.star-rating.count-4 .star-3,
.star-rating.count-4 .star-4 {
background: #73b143
}
.star-rating.count-4 .star-5 {
background: #c8c8c8
}
.star-rating.count-5 .star-1,
.star-rating.count-5 .star-2,
.star-rating.count-5 .star-3,
.star-rating.count-5 .star-4,
.star-rating.count-5 .star-5 {
background: #007f4e
}
.load-spinner {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
z-index: 1500
}
.search .item .review-count,
.search .item .trustscore,
.search .item .write-review-link,
.search .item h3 {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden
}
.star-load-spinner {
text-align: center;
height: 20px;
width: 140px;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
z-index: 9999
}
.star-load-spinner .five,
.star-load-spinner .four,
.star-load-spinner .one,
.star-load-spinner .three,
.star-load-spinner .two {
transform: translate3d(0, 0, 0);
transition: opacity, .3s ease-in-out;
float: left;
opacity: 0;
margin-left: 5px;
position: relative;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMjgwMTE3NDA3MjA2ODExODA4M0I5OUY1Q0MyOTVERCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4N0MxMjE3QTgyNzIxMUUyOTQwRTlFNDQ3RkVFQUI5NyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4N0MxMjE3OTgyNzIxMUUyOTQwRTlFNDQ3RkVFQUI5NyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDM4MDExNzQwNzIwNjgxMTgwODNCOTlGNUNDMjk1REQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDI4MDExNzQwNzIwNjgxMTgwODNCOTlGNUNDMjk1REQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5ifTkxAAADiklEQVR42uya20tUURTGz1hqlKXWZGm3By2CCrsRBdqVSGgSkSyanCIKygd7iKCXbtCbj/0DQWkXIuih6Ml6kCAi0qd8KFMCu5mipngZm+lbuA4chpkz5zJnn3P2uOAHc9v77O+sNXuttWcC8XhcySYLzAmW3HJcuu5+sDqbBDeC09kS0gvAD9APNmeDh0OgCGwC27NBcFjz+KzsIb0UfAf5/Pw3WAVmZPXwcY1YshJQI3NIh5O8FpE1pNeC3iQ3eRKUgmHZPBxOcT1KUw0yhnRY572IbCFdCbp03qdFVICvsng4XRkZ4HJTCg/TTe0Da9J87gvYwN72tYf3GRCrcEjvkSGkzXRFEb+HNFVVP7lZMGJDoAxM+dXDx0yIVWvtkJ9DOmxhzBm/hnQxN/r5JsdNcwf1x0nBhzicaHELOS+qoVgAckEeWKQRo/DzPH6/gF8r4vFLQNDiuv5qWsZhTaoaAbEknxkDUX48zjeNbIJrdYULn8eq4HJ6AnYqclobuEQ3Rv0O94AqcNfpxC/YyLsXuYobS/UdrgP3TO6uXrTP4ERiDZ9q06Le9QnY7VOxT8EFMGo0LX0De0GLz0KcCpZm9uyo1bR0lEN8ucfF9rLQD5nIw5QXH4Fqj4p9Ds4pBo6JjFZa9CvBQXBHkwe9YJR7r4B6xeCZmJVK6zC4D1a6LJb2mZPgnYjSksS2coXmhr1UZn+1GDQ9kgRbJAfcADNxcRYF10DA6roz0TxQ+nrIG5uTRvvIKdDhhW6JUtZbsN4hsQPK7K+NA17ph+mkYpmD3g1yR+aZA4Bqbi8d69v59MQzgkOK81brpROPbrBRQJ0cVNs8Nz1cLkCswqcxNV4I6TqBBUetF0L6NTggSDBlA/rXwD+3BBdybrSSMqIWx1ET88atkD5iYdH9vKvTgWGn8LC2UUsTbSZr4QegWDM+F9wEUybm6LGzZjti54FBg4v8Bep15qoEH02I3uKG4CqDi3sGSgzMp3p72sCc190Q3JJmUUOg0cK85O3ONHO/d0Nwt86CXoBSG3OTt2/peDsGykQKLk+xkBFw3uZGmOjtrhTXahIp+HKSBbSDdRkUq/X27STefiVScLvmwuOg2c6xi0G2Jnh7EiwWIbhQc7c7QIXDQvW83SBCMF1kAlzlgzzFBbaxt1vNjp1voThbAXaATy6eSVNJugs0cXkcE9kt+crmBMtu/wUYAGIVFqTQFKt6AAAAAElFTkSuQmCC);
height: 20px;
width: 20px;
background-color: #007f4e;
background-size: 20px 20px;
border-radius: 3px;
background-repeat: no-repeat
}
.star-load-spinner .one {
animation: one-animation .7s infinite
}
.star-load-spinner .two {
animation: two-animation .7s infinite
}
.star-load-spinner .three {
animation: three-animation .7s infinite
}
.star-load-spinner .four {
animation: four-animation .7s infinite
}
.star-load-spinner .five {
animation: five-animation .7s infinite
}
.ls-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9998;
background-color: rgba(0, 0, 0, .4)
}
@keyframes one-animation {
0%, 10%, 100%, 20%, 90% {
opacity: 0
}
30%,
40%,
50%,
60%,
70%,
80% {
opacity: 1
}
}
@keyframes two-animation {
0%, 10%, 100%, 70%, 80%, 90% {
opacity: 0
}
20%,
30%,
40%,
50%,
60% {
opacity: 1
}
}
@keyframes three-animation {
0%, 100%, 50%, 60%, 70%, 80%, 90% {
opacity: 0
}
10%,
20%,
30%,
40% {
opacity: 1
}
}
@keyframes four-animation {
0%, 10%, 100%, 70%, 80%, 90% {
opacity: 0
}
20%,
30%,
40%,
50%,
60% {
opacity: 1
}
}
@keyframes five-animation {
0%, 10%, 100%, 20%, 90% {
opacity: 0
}
30%,
40%,
50%,
60%,
70%,
80% {
opacity: 1
}
}
.wrapper {
height: 100%;
display: table-row
}
@media \0screen\,
screen\9 {
.wrapper {
height: 100%;
display: table-row
}
.hero-js {
height: 500px!important
}
}
body,
html {
min-width: 320px;
height: 100%
}
body {
display: table;
width: 100%
}
body.pushed-60 {
padding-top: 60px
}
body.pushed-100 {
padding-top: 100px
}
.container,
.header-navbar-wrapper {
position: relative;
padding-left: 10px;
padding-right: 10px
}
@media only screen and (min-width: 1024px) {
.container {
right: 0!important
}
}
@viewport {
zoom: 1;
width: extend-to-zoom
}
.tp-console {
position: fixed;
bottom: 10px;
right: 10px;
background-color: #000;
color: #90ee90;
font-family: monospace;
font-size: 12px;
font-weight: 700;
margin: 10px 0;
padding: 20px;
z-index: 1000;
max-width: 600px
}
.tp-console a {
color: orange
}
.tp-console .log-entry {
padding-left: 80px;
text-indent: -80px
}
.tp-console .log-raw {
height: 200px;
overflow: auto
}
.tp-console .log-warning {
color: #ff0
}
.tp-console .log-error {
color: red
}
.tp-console .log-unique {
max-height: 100px;
overflow: auto
}
.tp-console .date,
.tp-console .log-unique .name {
color: #fff
}
.tp-console .log-buttons {
text-align: right
}
@media (max-width: 960px) {
.tp-console {
display: none
}
}
header.transparent {
background-color: transparent
}
.tp-header-nav .categories-link,
.tp-header-nav .login-link,
.tp-header-nav .sign-up-link {
padding: 13px 10px 15px;
outline: 0;
font-size: 14px;
font-weight: 400
}
@media only screen and (min-width: 1024px) {
.tp-header-nav .categories-link,
.tp-header-nav .login-link,
.tp-header-nav .sign-up-link {
padding: 20px 15px
}
}
.tp-header-nav .categories-link:active,
.tp-header-nav .categories-link:focus,
.tp-header-nav .login-link:active,
.tp-header-nav .login-link:focus,
.tp-header-nav .sign-up-link:active,
.tp-header-nav .sign-up-link:focus {
color: #fff;
text-decoration: none
}
.tp-header-nav .login-link,
.tp-header-nav .sign-up-link {
color: #e6e6e6;
line-height: 20px
}
.tp-header-nav .login-link:hover,
.tp-header-nav .sign-up-link:hover {
color: #fff;
text-decoration: none
}
.tp-header-nav .navbar-login-signup {
padding: 0;
margin-top: 20px
}
.tp-header-nav .navbar-login-signup li {
float: left;
display: inline-block
}
.tp-header-nav .logged-in {
padding: 20px 10px 0 20px
}
.tp-header-nav .nav-icon,
.tp-header-nav .nav-icon span {
margin-right: 0!important
}
.tp-header-nav [class*=icon-] {
margin: 13px 10px 10px
}
.tp-header-nav .icon-search {
padding-left: 3px
}
.nav-icon .icon-close-menu {
display: none;
line-height: 36px
}
.nav-icon .icon-collapsed-menu {
font-size: 21px;
line-height: 37px
}
.navbar-li-btn .btn-header.btn-header {
margin: 0;
padding: 3px 20px;
height: 30px;
line-height: 23px;
background-color: #e6e6e6;
color: #292929!important;
text-align: center;
border: 1px solid transparent;
cursor: pointer;
border-radius: 6px;
box-shadow: 0 3px 0 -1px #1b1b1b
}
.navbar-li-btn .btn-header.btn-header:hover {
background-color: #d1d1d1
}
.navbar-li-btn .btn-header.btn-header:active {
box-shadow: 0 2px 1px -1px #1b1b1b
}
.navbar-li-btn {
margin: 15px 0 0 10px
}
.navbar-divider {
color: #fff;
background: 0 0;
padding: 0;
text-decoration: none;
line-height: 20px;
display: inline-block
}
.navbar-search-input {
opacity: .9;
padding-right: 35px
}
.navbar-search-input::-ms-clear,
.navbar-search-input::-ms-reveal {
display: none
}
.navbar-search-input:active,
.navbar-search-input:focus,
.navbar-search-input:hover {
opacity: 1;
color: #1b1b1b
}
@media only screen and (min-width: 768px) {
.navbar-search-input,
.searchfield-homepage {
height: 30px;
margin-top: 2px
}
}
.navbar-profile-item {
margin-left: 10px
}
.navbar-profile-item .profile-icon {
float: left;
width: auto;
padding: 13px 10px 10px;
outline: 0
}
.navbar-profile-item .profile-icon .navbar-profile-image {
border-radius: 50%;
float: left
}
.navbar-profile-item .profile-icon:active,
.navbar-profile-item .profile-icon:focus,
.navbar-profile-item .profile-icon:hover {
opacity: .8
}
.navbar-form .fixed-lg-md {
position: relative;
clear: both;
margin: 0
}
@media only screen and (min-width: 768px) {
.navbar-form .fixed-lg-md {
width: 242px;
margin: auto 10px auto auto
}
}
@media only screen and (min-width: 1024px) {
.navbar-profile-item .profile-icon {
padding: 14px 10px 15px
}
.navbar-form .fixed-lg-md {
margin-right: 10px
}
}
.navbar-form .icon-search {
position: absolute;
right: 3px;
top: 3px;
height: 32px;
width: 32px;
border: 0 solid #fff!important;
opacity: .4;
font-size: 20px;
background-color: transparent
}
.navbar-form .icon-search:hover {
opacity: 1
}
.profile-nav-container {
display: none;
position: absolute;
top: 50px;
margin-left: 16px;
z-index: 9
}
.profile-nav-container:after {
position: absolute;
top: -14px;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
pointer-events: none;
border-bottom-color: #fff;
border-width: 10px
}
.profile-nav {
list-style: none;
width: 180px;
margin: 0;
padding: 0;
background-color: #fff;
position: absolute;
top: 6px;
right: -28px;
border-radius: 5px;
box-shadow: 0 0 3px 0 #c8c8c8
}
.slide-nav,
.slide-nav>li:hover {
box-shadow: inset 16px 0 18px -11px #000
}
.profile-nav-item {
width: 100%;
margin: 0;
border-top: 1px solid #c8c8c8
}
.profile-nav-item:first-child {
border-top: 0
}
.profile-nav-item:hover {
background-color: #f1f1f1
}
.profile-nav-item:hover:first-child {
border-top-right-radius: 5px;
border-top-left-radius: 5px
}
.profile-nav-item:hover:last-child {
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px
}
.user-profile-link,
.user-profile-logout-link,
.user-profile-settings-link {
color: #292929;
height: 30px;
display: inline-block;
line-height: 30px;
width: 100%;
padding: 0 12px;
outline: 0
}
.user-profile-link:hover,
.user-profile-logout-link:hover,
.user-profile-settings-link:hover {
text-decoration: none;
color: #292929
}
.slide-nav {
position: fixed;
top: 0;
bottom: 0;
min-width: 200px;
max-width: 247px;
width: auto;
background-color: #292929;
list-style: none;
margin: 0;
padding: 0;
display: none;
z-index: 1100
}
.slide-nav>li {
padding: 0;
height: 60px;
border-bottom: 1px solid #1b1b1b
}
.slide-nav>li:hover {
background-color: rgba(27, 27, 27, .5)
}
.slide-nav>li>a {
color: #e6e6e6;
font-weight: 700;
text-decoration: none;
display: block;
width: 100%;
height: 60px;
padding: 20px
}
.slide-nav>li>a:hover {
color: #fff
}
@media only screen and (min-width: 1024px) {
.profile-nav {
left: -7px
}
.slide-nav {
display: none
}
}
.job-ribbon {
display: none;
position: absolute;
top: 0;
right: 0;
z-index: 1050;
cursor: pointer;
transition: opacity .2s linear;
opacity: .6!important;
filter: alpha(opacity=60)!important;
-khtml-opacity: .6!important;
-moz-opacity: .6!important
}
.job-ribbon:hover {
opacity: 1!important;
filter: alpha(opacity=100)!important;
-khtml-opacity: 1!important;
-moz-opacity: 1!important
}
@media only screen and (min-width: 1200px) {
.job-ribbon {
display: block
}
}
.job-ribbon.hideme {
opacity: 0!important;
filter: alpha(opacity=0)!important;
-khtml-opacity: 0!important;
-moz-opacity: 0!important
}
.navbar-brand .brand-svg {
vertical-align: middle;
width: 119px;
height: 13px
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
.navbar-brand .brand-svg {
width: 160px;
height: 18px
}
}
@media only screen and (-ms-high-contrast: active) and (min-width: 480px),
only screen and (-ms-high-contrast: none) and (min-width: 480px) {
.navbar-brand .brand-svg {
width: 160px;
height: 18px
}
}
.navbar-brand.homepage .brand-svg {
width: 160px;
height: 18px
}
.profile-username {
display: none
}
@media only screen and (min-width: 480px) {
.navbar-brand .brand-svg {
width: 160px;
height: 18px
}
.profile-username {
display: inline-block;
max-width: 140px;
float: right;
overflow: hidden;
text-overflow: ellipsis;
margin-top: 6px;
margin-left: 10px;
white-space: nowrap
}
}
footer {
background-color: #292929;
display: table-row!important;
height: 1px
}
.footer-list {
display: block;
overflow: hidden;
list-style-type: none;
padding: 0;
margin: 0;
height: 0;
transition: height .3s ease-in-out
}
@media only screen and (min-width: 768px) {
.footer-list {
height: auto!important;
max-width: 288px
}
}
.footer-list>li {
height: 50px;
line-height: 50px
}
@media only screen and (min-width: 768px) {
.footer-list>li {
height: 30px;
line-height: 30px
}
}
.footer-list>li>a {
width: 100%;
display: block;
color: rgba(255, 255, 255, .6);
text-decoration: none;
white-space: nowrap
}
.footer-list>li>a:hover {
color: #fff;
text-decoration: underline
}
.footer-social-media-container {
overflow: auto;
border: 0!important
}
.footer-social-media-container ul {
display: block;
min-height: 32px;
height: auto;
padding: 0;
margin: 30px 0;
list-style-type: none
}
@media only screen and (min-width: 768px) {
.footer-social-media-container ul {
margin: 20px 0
}
}
.footer-social-media-container ul>li {
float: left;
margin: 0 30px 20px 0
}
.footer-heading-static {
height: 20px;
font-size: 18px;
color: #fff;
text-transform: uppercase;
margin: 60px 0 20px;
font-weight: 700
}
.footer-heading-static.small-margin {
margin-top: 20px
}
@media only screen and (min-width: 768px) {
.footer-heading-static.small-margin {
margin-top: 30px
}
}
.footer-heading,
.footer-heading-no-expand {
font-size: 18px;
color: #fff;
margin: 0;
font-weight: 700;
padding: 20px 0;
height: 60px;
cursor: pointer;
text-transform: uppercase
}
.footer-heading [class*=icon-],
.footer-heading-no-expand [class*=icon-] {
display: block;
float: right
}
@media only screen and (min-width: 768px) {
.footer-heading,
.footer-heading-no-expand {
cursor: default;
margin: 60px 0 20px;
height: 20px;
padding: 0
}
.footer-heading [class*=icon-],
.footer-heading-no-expand [class*=icon-] {
display: none
}
}
.footer-legal-links {
margin: 0 0 20px;
color: rgba(255, 255, 255, .2);
border: 0!important;
clear: both
}
.footer-legal-links .link-divider {
display: none
}
@media only screen and (min-width: 480px) {
.footer-legal-links .link-divider {
margin: 0 5px;
display: inline-block
}
}
.footer-legal-links>a {
color: rgba(255, 255, 255, .6);
text-decoration: none;
display: block
}
@media only screen and (min-width: 480px) {
.footer-legal-links>a {
display: inline-block
}
}
.footer-legal-links>a:hover {
color: #fff;
text-decoration: underline
}
.footer-copyright-text {
margin: 0 0 20px;
color: rgba(255, 255, 255, .6);
border: 0!important;
clear: both
}
.btn-footer {
position: relative;
bottom: 5px;
left: 10px;
text-transform: none;
box-shadow: 0 3px 0 -1px #1b1b1b;
color: rgba(255, 255, 255, .6);
background-color: rgba(255, 255, 255, .05);
border-color: rgba(27, 27, 27, .2);
padding: 5px 10px;
font-size: 14px;
line-height: 1.33;
border-radius: 5px
}
.btn-footer.active,
.btn-footer:active,
.btn-footer:focus,
.btn-footer:hover,
.open .btn-footer.dropdown-toggle {
color: rgba(255, 255, 255, .6);
background-color: rgba(235, 235, 235, .05);
border-color: rgba(0, 0, 0, .2)
}
.btn-footer.active,
.btn-footer:active,
.open .btn-footer.dropdown-toggle {
background-image: none
}
.btn-footer.disabled,
.btn-footer.disabled.active,
.btn-footer.disabled:active,
.btn-footer.disabled:focus,
.btn-footer.disabled:hover,
.btn-footer[disabled],
.btn-footer[disabled].active,
.btn-footer[disabled]:active,
.btn-footer[disabled]:focus,
.btn-footer[disabled]:hover,
fieldset[disabled] .btn-footer,
fieldset[disabled] .btn-footer.active,
fieldset[disabled] .btn-footer:active,
fieldset[disabled] .btn-footer:focus,
fieldset[disabled] .btn-footer:hover {
background-color: rgba(255, 255, 255, .05);
border-color: rgba(27, 27, 27, .2)
}
.btn-footer:focus,
.btn-footer:hover {
background-color: rgba(27, 27, 27, .2);
text-decoration: none
}
.btn-footer:active {
box-shadow: 0 2px 1px -1px #1b1b1b
}
.btn-footer>span {
margin-left: 30px
}
@media only screen and (max-width: 479px) {
.btn-footer {
width: auto!important
}
}
@media only screen and (min-width: 320px) {
.btn-footer {
float: right
}
}
@media only screen and (min-width: 768px) {
.btn-footer {
float: left;
margin: 20px 0 15px;
bottom: 0;
left: 0
}
.footer-country-header {
display: block
}
}
.footer-country-image {
position: absolute;
top: 2px;
left: 7px;
height: 24px;
width: 24px
}
.footer-list-container {
transition: margin .5s ease-in-out
}
footer [class*=col-] {
border-bottom: 1px solid rgba(255, 255, 255, .2)
}
footer [class*=icon-].circle.inverted {
position: relative;
bottom: 5px;
left: 10px
}
.footer-country-list-container {
clear: both
}
.footer-country-list-container h3 {
color: #fff
}
.footer-country-list-container .footer-country-list {
list-style-type: none;
padding: 0
}
.footer-country-list-container .footer-country-list li {
height: 25px
}
.footer-country-list-container .footer-country-list a,
.footer-country-list-container .footer-country-list a:active,
.footer-country-list-container .footer-country-list a:visited {
color: rgba(255, 255, 255, .6)
}
.hero-js {
background-color: #1b1b1b;
overflow: hidden;
position: relative;
width: 100%;
height: 100%
}
.hero-js .scene-container {
width: 100%;
height: 100%;
position: absolute;
text-align: center
}
.hero-js .scene-container .scene-overlay {
opacity: 0;
position: relative;
width: 80%;
max-width: 728px;
margin: 0 auto;
top: 30%;
z-index: 2;
transition: opacity 1s ease-in
}
.hero-js .scene-container .scene-overlay h1 {
color: #fff;
margin: 0 0 20px;
font-size: 1.4em
}
@media only screen and (min-width: 480px) {
.hero-js .scene-container .scene-overlay h1 {
margin: 0 0 30px;
font-size: 2em
}
}
@media only screen and (min-width: 768px) {
footer [class*=col-] {
border: none
}
.hero-js .scene-container .scene-overlay {
width: 60%
}
.hero-js .scene-container .scene-overlay h1 {
margin: 0 0 10px;
font-size: 2.8em
}
}
.hero-js .scene-container .scene-overlay form input {
height: 40px;
font-size: 1.2em;
line-height: 1.2em;
border: 0
}
@media only screen and (min-width: 480px) {
.hero-js .scene-container .scene-overlay form input {
height: 50px;
font-size: 1.5em;
line-height: 1.5em
}
}
.hero-js .scene-container .scene-overlay form input:focus {
outline: 0
}
.hero-js .scene-container .scene-overlay form .homepage-submit {
position: relative;
right: 0;
top: -44px;
height: 50px;
width: 50px;
border: 0 solid #fff!important;
background-color: rgba(255, 255, 255, 0);
opacity: .4;
font-size: 26px;
line-height: 26px;
float: right;
outline: 0
}
@media only screen and (min-width: 480px) {
.hero-js .scene-container .scene-overlay form .homepage-submit {
right: 4px;
top: -48px
}
}
.hero-js .scene-container .scene-overlay form .homepage-submit:focus,
.hero-js .scene-container .scene-overlay form .homepage-submit:hover {
opacity: 1
}
.hero-js .scene-container img {
width: 100%;
height: auto;
position: absolute;
top: 0;
left: 0;
text-align: center;
z-index: 1;
margin: auto
}
.scene-overlay .title-teaser {
display: none;
padding: 0 0 20px;
color: #fff;
font-size: 14px;
margin: 0 auto
}
@media only screen and (min-width: 768px) {
.scene-overlay .title-teaser {
display: inline-block
}
.searchfield-homepage {
height: 30px;
margin-top: 2px
}
}
.homepage .btn-header {
box-shadow: 0 3px 0 -1px #7c7c7c!important
}
.homepage .btn-header:active {
box-shadow: 0 2px 1px -1px #7c7c7c!important
}
.searchfield-homepage {
color: #c8c8c8;
border-radius: 5px;
padding: 6px 50px 6px 12px;
line-height: 14px\9;
font-size: 1.5em;
opacity: .9;
box-shadow: 0 0 0
}
.searchfield-homepage::-ms-clear,
.searchfield-homepage::-ms-reveal {
display: none
}
.searchfield-homepage:active,
.searchfield-homepage:focus,
.searchfield-homepage:hover {
opacity: 1;
color: #1b1b1b
}
.hero-img {
background-color: #1b1b1b;
opacity: 0;
transition: opacity 1s ease-in-out
}
.activityfeed-wrapper,
.choose-feed ul {
background-color: #fff
}
.hero-img.loaded {
transition: opacity 0s linear
}
.choose-feed {
position: relative;
z-index: 5
}
.choose-feed ul {
list-style: none;
margin: 0;
padding: 0;
text-align: center;
box-shadow: 0 5px 5px -4px #c8c8c8
}
.choose-feed ul li {
background: #fff;
position: relative;
display: inline-block;
margin: 0 auto;
padding: 10px 20px;
color: #1b1b1b;
font-weight: 700
}
.choose-feed ul li .triangle-down {
width: 0;
height: 0;
content: "";
-webkit-transform-origin: 0 0;
-webkit-transform: rotate(-45deg);
-moz-transform-origin: 0 0;
-moz-transform: rotate(-45deg);
transform-origin: 0 0;
transform: rotate(-45deg);
position: absolute;
border-top: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #fff;
border-left: 10px solid #fff;
box-shadow: -3px 3px 3px 0 #c8c8c8;
left: 40%;
left: calc(48% - 10px);
top: 37px
}
.choose-feed .feed-alert-container {
display: none;
top: 55px;
left: 50%;
list-style: none;
width: 200px;
margin: 0;
padding: 0;
background: #fff;
position: absolute;
border-radius: 5px;
box-shadow: 0 4px 4px -5px #c8c8c8
}
.choose-feed .feed-alert-container:after {
bottom: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: transparent transparent #fff;
border-width: 10px;
left: 50%;
margin-left: -10px
}
.choose-feed .feed-alert-container li {
width: 100%;
margin: 0;
border-radius: 5px
}
.choose-feed .feed-alert-container li.header {
font-weight: 700
}
.activityfeed-wrapper.bg-loaded {
background-color: #f1f1f1
}
.activityfeed-wrapper .activityfeed {
height: 998px
}
.activityfeed-wrapper .activityfeed .column-1,
.activityfeed-wrapper .activityfeed .column-2 {
overflow: hidden;
padding-top: 52px;
padding-bottom: 52px;
height: 998px
}
.activityfeed-wrapper .activityfeed .column-2 {
display: none
}
@media only screen and (min-width: 768px) {
.activityfeed-wrapper .activityfeed .column-2 {
display: block
}
}
.activityfeed-wrapper .activityfeed .review {
background: #fff;
padding: 17px;
margin: 0 0 52px;
border-radius: 5px;
cursor: pointer;
box-shadow: 0 4px 4px -5px #c8c8c8;
transition: all 2s ease
}
.activityfeed-wrapper .activityfeed .review.entering {
opacity: 0;
margin-top: -274px;
margin-bottom: 100px;
transition: none
}
.activityfeed-wrapper .activityfeed .review.leaving {
opacity: 0;
margin-top: 120px
}
.activityfeed-wrapper .activityfeed .review a {
color: #1b1b1b
}
.activityfeed-wrapper .activityfeed .review:hover a {
color: #428bca
}
.activityfeed-wrapper .activityfeed .review.first {
margin-top: -224px
}
.activityfeed-wrapper .activityfeed .review .review-info .review-title {
height: 3em;
overflow: hidden;
max-width: 402px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical
}
.activityfeed-wrapper .activityfeed .review .user-info {
padding-bottom: 1em
}
.activityfeed-wrapper .activityfeed .review .user-info .user-review-name {
width: calc(100% - 90px);
float: left;
font-weight: 700;
text-transform: capitalize;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.activityfeed-wrapper .activityfeed .review .user-info .user-review-name {
width: 300px;
width: calc(100% - 90px)
}
}
.activityfeed-wrapper .activityfeed .review .user-info .user-review-text {
float: left;
width: 70px;
height: 70px;
margin: -55px 20px 10px 0;
font-size: 40px;
line-height: 70px;
text-align: center;
overflow: hidden;
border-radius: 50%
}
.activityfeed-wrapper .activityfeed .review .user-info .user-review-text.count-1 {
background: #e22027
}
.activityfeed-wrapper .activityfeed .review .user-info .user-review-text.count-2 {
background: #f47324
}
.activityfeed-wrapper .activityfeed .review .user-info .user-review-text.count-3 {
background: #f8cc18
}
.activityfeed-wrapper .activityfeed .review .user-info .user-review-text.count-4 {
background: #73b143
}
.activityfeed-wrapper .activityfeed .review .user-info .user-review-text.count-5 {
background: #007f4e
}
.activityfeed-wrapper .activityfeed .review .user-info .user-review-text a {
color: #fff;
text-decoration: none
}
.activityfeed-wrapper .activityfeed .review .user-info .user-review-picture {
float: left;
width: 70px;
height: 70px;
margin: -52px 20px 10px 0;
border-radius: 50%
}
.activityfeed-wrapper .activityfeed .review .user-info .user-review-picture .user-picture {
border-radius: 50%
}
.activityfeed-wrapper .activityfeed .review .user-info .user-review-statement {
width: 100%
}
@media only screen and (min-width: 768px) {
.activityfeed-wrapper .activityfeed .review .user-info .user-review-statement {
height: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
}
.activityfeed-wrapper .activityfeed .review .user-info .user-review-statement a {
font-weight: 700
}
.mediabuzz-wrapper {
background-color: #c8c8c8;
padding: 60px 0
}
.mediabuzz-wrapper .mediabuzz .company-picture {
margin-top: 30px;
margin-bottom: 30px;
text-align: center
}
.mediabuzz-wrapper .mediabuzz .company-picture img {
width: 201px;
height: auto;
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);
transition: all 1s ease-in-out
}
.mediabuzz-wrapper .mediabuzz .company-picture img:hover {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0)
}
.mediabuzz-wrapper .mediabuzz .company-name {
font-weight: 700;
margin-bottom: 10px
}
.business-wrapper {
background: #5f5f5f;
background: rgba(27, 27, 27, .7)
}
.business-wrapper .business {
background: url(//images-static.trustpilot.com/community/frontpage/TP-business-arrow.png) bottom right no-repeat;
background-size: 472px 205px;
padding-top: 60px;
padding-bottom: 60px;
color: #fff
}
.business-wrapper .business .business-header {
font-weight: 700;
margin-bottom: 30px
}
.business-wrapper .business .business-description {
margin-bottom: 30px
}
#activityfeed-column-1,
#activityfeed-column-2,
.business-wrapper,
.choose-feed,
footer {
opacity: 0;
filter: alpha(opacity=0);
transition: opacity .5s ease-in-out
}
.categories-wrapper {
padding: 0
}
@media only screen and (min-width: 768px) {
.categories-wrapper {
padding: 40px 0
}
}
.category-menu {
float: left;
width: 100%;
padding: 0
}
@media only screen and (min-width: 768px) {
.category-menu {
width: 210px;
padding: 18px 10px 0
}
}
.category-menu h2 {
margin-left: 10px
}
.category-menu-list {
margin: 10px 0;
padding: 0
}
@media only screen and (min-width: 768px) {
.category-menu-list {
padding: 0 10px
}
}
.category-menu-list-item,
.category-sub-menu-list-item {
list-style-type: none;
padding: 0;
border-bottom: 1px solid #c8c8c8
}
.category-sub-menu-list {
margin: 0;
padding: 0
}
@media only screen and (min-width: 768px) {
.category-menu-list-item,
.category-sub-menu-list-item {
border-bottom: none
}
.category-sub-menu-list {
padding-left: 10px
}
}
.category-sub-menu-list-item {
padding: 0
}
.category-menu-list-item.selected>.category-menu-list-item-link,
.category-sub-menu-list-item.selectedsub>.category-sub-menu-list-item-link {
font-weight: 700;
background-color: #FFF2C1
}
.category-menu-list-item.selected>.category-menu-list-item-link {
border-bottom: 1px solid #c8c8c8
}
.category-sub-menu-list-item.selectedsub>.category-sub-menu-list-item-link {
padding: 10px 10px 10px 25px
}
.category-menu-list-item:first-of-type {
border-top: 1px solid #c8c8c8
}
@media only screen and (min-width: 768px) {
.category-menu-list-item.selected>.category-menu-list-item-link,
.category-sub-menu-list-item.selectedsub>.category-sub-menu-list-item-link {
background-color: #fff
}
.category-menu-list-item.selected>.category-menu-list-item-link {
border-bottom: none
}
.category-sub-menu-list-item.selectedsub>.category-sub-menu-list-item-link {
padding: 0
}
.category-menu-list-item:first-of-type {
border-top: none
}
}
.category-sub-menu-list-item:last-of-type {
border-bottom: none
}
.category-menu-list-item-link,
.category-sub-menu-list-item-link {
padding: 10px;
display: block
}
@media only screen and (min-width: 768px) {
.category-menu-list-item-link,
.category-sub-menu-list-item-link {
padding: 0;
display: inline-block
}
}
.category-sub-menu-list-item-link {
padding-left: 25px
}
@media only screen and (min-width: 768px) {
.category-sub-menu-list-item-link {
padding: 0
}
}
.category-results {
float: left;
width: 100%;
padding: 10px
}
@media only screen and (min-width: 768px) {
.category-results {
width: calc(100% - 250px);
margin-left: 20px
}
}
.category-results .stats {
margin: -15px 0 15px
}
.category-results .stats .information,
.category-results .stats .review-link,
.category-results .stats .star-rating {
float: left;
margin-top: 10px;
margin-bottom: 0
}
.category-results .stats .information,
.category-results .stats .star-rating {
margin-right: 10px
}
.category-results .load-more {
margin: 15px 0
}
.category-results h1+h2 {
line-height: 125%
}
.category-box {
margin: 0 0 20px;
border-bottom: 1px solid #f1f1f1;
padding: 0 20px 30px
}
.category-box-icon,
.category-box-name {
float: left
}
.category-box-icon {
background: url(//images-static.trustpilot.com/community/categories/sprite_categories.png) 0 -480px no-repeat;
width: 21px;
height: 21px
}
.category-box-icon.cat-food_beverage {
background-position: 0 0
}
.category-box-icon.cat-kids {
background-position: 0 -30px
}
.category-box-icon.cat-leisure {
background-position: 0 -60px
}
.category-box-icon.cat-travel_holidays {
background-position: 0 -90px
}
.category-box-icon.cat-mobile_internet {
background-position: 0 -120px
}
.category-box-icon.cat-online_services {
background-position: 0 -663px
}
.category-box-icon.cat-sport {
background-position: 0 -630px
}
.category-box-icon.cat-erotic {
background-position: 0 -150px
}
.category-box-icon.cat-money {
background-position: 0 -180px
}
.category-box-icon.cat-clothes_fashion {
background-position: 0 -210px
}
.category-box-icon.cat-electronics {
background-position: 0 -240px
}
.category-box-icon.cat-transportation {
background-position: 0 -270px
}
.category-box-icon.cat-entertainment {
background-position: 0 -300px
}
.category-box-icon.cat-home_garden {
background-position: 0 -330px
}
.category-box-icon.cat-computer {
background-position: 0 -360px
}
.category-box-icon.cat-health_wellbeing {
background-position: 0 -390px
}
.category-box-icon.cat-companies {
background-position: 0 -540px
}
.category-box-icon.cat-gambling {
background-position: 0 -450px
}
.category-box-icon.cat-public_services {
background-position: 0 -510px
}
.category-box-icon.cat-craftsman {
background-position: 0 -570px
}
.category-box-icon.cat-cloud_computing {
background-position: 0 -690px
}
.category-box-icon.cat-art {
background-position: 0 -720px
}
.category-box-icon.cat-other {
background-position: 0 -480px
}
.category-box-name {
margin: 0 0 0 10px;
width: calc(100% - 40px);
white-space: nowrap;
overflow: hidden
}
.category-box-company {
padding: 0 0 0 30px
}
.category-box-company-name {
width: calc(100% - 30px);
white-space: nowrap;
overflow: hidden;
float: left
}
.category-box-company-trustscore {
float: right
}
.companyinformation-wrapper {
background-color: #f1f1f1
}
.companyinformation-wrapper .stars-filter-container {
margin-top: 0;
height: 265px;
overflow: hidden;
display: block;
z-index: 1;
transition: margin .3s ease-in
}
.companyinformation-wrapper .stars-filter-container.filter-hide {
margin-top: -280px
}
@media only screen and (min-width: 1024px) {
.companyinformation-wrapper .stars-filter-container.filter-hide {
margin-top: -60px
}
.companyinformation-wrapper .stars-filter-container {
display: block!important;
padding-left: 20px;
float: left;
height: auto;
z-index: 1;
margin-bottom: -60px
}
}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
.companyinformation-wrapper .stars-filter-container.filter-hide {
height: 0;
margin-top: -14px;
margin-top: -280px\9
}
}
.companyinformation-wrapper .ajax-loader-star-filter {
clear: both;
display: block;
margin: 0 auto;
position: absolute;
left: 48%
}
.companyinformation-wrapper .stars-filter {
width: 100%;
background-color: transparent;
padding: 20px 10px 0 0;
margin: 0;
float: none;
border-radius: 5px;
text-align: center
}
@media only screen and (min-width: 1024px) {
.companyinformation-wrapper .ajax-loader-star-filter {
top: 70px;
left: 45%
}
.companyinformation-wrapper .stars-filter {
float: left
}
}
.companyinformation-wrapper .filter-hide .stars-filter .filter-stars {
transition: opacity .3s ease-in;
opacity: 0
}
.companyinformation-wrapper .filter-stars {
opacity: .6;
width: 152px;
float: none;
margin: 5px auto;
padding: 4px 0 4px 4px;
border: 1px solid #ccc;
border-radius: 3px;
cursor: pointer
}
.companyinformation-wrapper .filter-stars:hover {
opacity: 1;
background-color: #b3b3b3
}
.companyinformation-wrapper .filter-stars .star-rating {
margin: 0
}
.companyinformation-wrapper .filter-stars .star-rating .star-5 {
margin-right: 0
}
@media only screen and (min-width: 1024px) {
.companyinformation-wrapper .filter-stars:first-child {
margin-left: 0
}
.companyinformation-wrapper .filter-stars {
float: left;
margin: 0 0 0 19px
}
}
.companyinformation-wrapper .show-filtering {
top: 60px;
border-radius: 5px;
background-color: #e6e6e6;
box-shadow: 0 3px 0 -1px #c8c8c8;
border: 1px solid #ddd;
color: #333;
display: block;
float: none;
margin: 5px 0 10px;
padding: 10px;
opacity: 0;
transition: all .3s linear;
position: relative;
text-align: center
}
.companyinformation-wrapper .show-filtering:hover {
text-decoration: none
}
.companyinformation-wrapper .show-filtering:after {
display: inline-block;
margin-left: 4px;
content: '';
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #333
}
@media only screen and (min-width: 1024px) {
.companyinformation-wrapper .show-filtering {
left: 20px;
text-align: left;
z-index: 9;
top: -60px;
display: inline-block;
padding: 5px 10px;
float: left;
margin-top: 20px
}
}
.companyinformation-wrapper .show-filtering.active {
top: 15px;
padding: 8px 8px 8px 12px;
opacity: 1;
margin-top: 271px\9
}
@media only screen and (min-width: 1024px) {
.companyinformation-wrapper .show-filtering.active {
display: block!important;
top: 0;
margin-top: 0\9
}
}
.companyinformation-wrapper .hide-filtering {
position: relative;
padding: 0;
transition: all .3s linear;
margin: 0 0 0 15px;
opacity: 0;
top: -200px;
display: inline-block
}
@media only screen and (min-width: 1024px) {
.companyinformation-wrapper .hide-filtering {
top: 0
}
}
.companyinformation-wrapper .hide-filtering.active {
display: block;
opacity: 1;
top: 8px;
text-align: center;
margin-left: 0
}
.companyinformation-wrapper .filter-stars.filtered {
opacity: 1;
background-color: #aaa
}
.companyinformation-wrapper .company-summary-wrapper {
position: relative;
z-index: 99;
background-color: #fff;
border-bottom: 1px solid #c8c8c8;
margin-bottom: 0
}
@media only screen and (min-width: 1024px) {
.companyinformation-wrapper .hide-filtering.active {
display: inline-block!important;
text-align: left;
margin-left: 15px
}
.companyinformation-wrapper .company-summary-wrapper {
box-shadow: 0 4px 4px -5px #c8c8c8;
border-bottom: 0
}
}
.companyinformation-wrapper .company-summary-main {
overflow: hidden;
padding-top: 20px
}
.companyinformation-wrapper .company-summary-side {
overflow: hidden;
text-align: center;
padding-top: 20px;
padding-bottom: 20px
}
.companyinformation-wrapper .company-summary-side .google-pie-chart {
height: 128px
}
.companyinformation-wrapper .company-summary-side .google-pie-chart.empty {
height: 169px
}
.companyinformation-wrapper .company-summary-side .google-pie-chart div {
margin: 0 auto
}
.companyinformation-wrapper .company-summary-side .toggle-rating-chart {
cursor: pointer
}
.companyinformation-wrapper .company-summary-side .toggle-rating-chart:hover {
text-decoration: underline
}
@media only screen and (min-width: 768px) {
.companyinformation-wrapper .company-summary-main {
padding-bottom: 20px
}
.companyinformation-wrapper .company-summary-side .google-pie-chart div {
margin: 0;
float: right
}
.companyinformation-wrapper .company-summary-side .toggle-rating-chart {
display: none
}
.companyinformation-wrapper .company-summary-side {
text-align: right;
padding-top: 20px;
padding-bottom: 20px
}
}
.companyinformation-wrapper .company-summary-overview {
text-align: center
}
.companyinformation-wrapper .legal-notification {
padding-top: 20px;
margin: 0;
font-size: 10px;
line-height: 12px
}
.companyinformation-wrapper .legal-notification a,
.companyinformation-wrapper .legal-notification a:hover,
.companyinformation-wrapper .legal-notification a:visited {
color: #7c7c7c;
text-decoration: none
}
.companyinformation-wrapper .word-rating {
font-size: 26px;
line-height: 20px;
display: block;
margin-bottom: 15px
}
.companyinformation-wrapper .word-rating .number-rating {
display: inline-block
}
.companyinformation-wrapper .word-rating .average {
font-size: 26px;
font-weight: 700
}
.companyinformation-wrapper .word-rating .max-rating {
font-size: 14px;
color: #7c7c7c;
white-space: nowrap;
margin-left: 7px
}
.companyinformation-wrapper .picture {
margin-bottom: 20px
}
@media only screen and (min-width: 768px) {
.companyinformation-wrapper .company-summary-overview {
text-align: left
}
.companyinformation-wrapper .picture {
width: 120px;
height: 90px;
float: left;
margin: 0 20px 0 0
}
}
.companyinformation-wrapper .table-view {
display: table;
width: 100%
}
.companyinformation-wrapper .table-view .headline {
display: table-header-group;
text-align: center
}
.companyinformation-wrapper .table-view .picture {
display: table-footer-group;
text-align: center
}
.companyinformation-wrapper .table-view .picture .company-screenshot {
margin: 20px 0
}
@media only screen and (min-width: 768px) {
.companyinformation-wrapper .table-view {
display: block
}
.companyinformation-wrapper .table-view .headline {
display: inherit;
text-align: left
}
.companyinformation-wrapper .table-view .picture {
display: inherit
}
.companyinformation-wrapper .table-view .picture .company-screenshot {
margin: 0
}
}
.companyinformation-wrapper h1.headline {
width: 100%;
margin: 0 0 15px
}
@media only screen and (min-width: 768px) {
.companyinformation-wrapper h1.headline {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 68%
}
}
@media only screen and (min-width: 1024px) {
.companyinformation-wrapper h1.headline {
float: left;
width: 70%
}
}
.companyinformation-wrapper .rating-model {
text-align: center;
opacity: 1!important;
filter: alpha(opacity=100)!important;
-khtml-opacity: 1!important;
-moz-opacity: 1!important;
height: inherit;
transition: all .3s linear
}
@media only screen and (min-width: 768px) {
.companyinformation-wrapper .rating-model {
text-align: right;
height: auto
}
.companyinformation-wrapper .summary-rating .star-rating {
float: left
}
}
.companyinformation-wrapper .summary-rating {
width: 100%;
text-align: center;
padding-bottom: 5px
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.companyinformation-wrapper .summary-rating {
width: 307px;
float: left;
text-align: left
}
}
@media only screen and (min-width: 1024px) {
.companyinformation-wrapper .summary-rating {
width: 460px;
float: left;
text-align: left
}
}
.companyinformation-wrapper .summary-rating .star-rating {
display: block;
width: 212px;
height: 40px;
margin: 0 auto 15px
}
.companyinformation-wrapper .summary-rating .btn-custom {
margin: 0 0 15px
}
@media only screen and (min-width: 768px) {
.companyinformation-wrapper .summary-rating .btn-custom {
padding: 9px 16px 8px
}
}
@media only screen and (min-width: 1024px) {
.companyinformation-wrapper .summary-rating .btn-custom {
margin: 0 20px
}
.companyinformation-wrapper .stats {
display: inline-block
}
}
.companyinformation-wrapper .company-screenshot {
border: 1px solid #f1f1f1
}
.companyinformation-wrapper .stats-recency-wrapper {
clear: left
}
.companyinformation-wrapper .stats {
color: #7c7c7c;
margin-bottom: 5px
}
.companyinformation-wrapper .rating-image img {
max-width: 100%
}
@media only screen and (min-width: 1024px) {
.companyinformation-wrapper .headline,
.companyinformation-wrapper .stats-recency-wrapper,
.companyinformation-wrapper .summary-rating .star-rating,
.companyinformation-wrapper .word-rating {
margin-left: 40px!important
}
.companyinformation-wrapper .company-info-wrapper img {
max-width: 100%
}
}
.companyinformation-wrapper .company-info-wrapper .business-html-description,
.companyinformation-wrapper .company-info-wrapper .business-html-guarantee {
margin: 1em 0
}
.companyinformation-wrapper .company-info-wrapper .sp-box {
padding-bottom: 1px
}
.companyinformation-wrapper .company-info-wrapper .sp-box h4 {
color: #666;
font-weight: 700;
margin-bottom: 10px
}
.companyinformation-wrapper .company-info-wrapper .sp-box h4 span {
font-size: 70%;
padding-right: 8px
}
.companyinformation-wrapper .company-info-wrapper .sp-box p {
margin-top: 0
}
.companyinformation-wrapper .company-info-wrapper .btn {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis
}
.companyinformation-wrapper .company-info-wrapper .share-company {
padding-bottom: 10px
}
.companyinformation-wrapper .company-info-wrapper .share-company .facebook {
position: relative
}
.companyinformation-wrapper .company-info-wrapper .share-company .facebook .fb-like.fb_iframe_widget {
position: absolute;
top: 0;
left: 5px
}
.companyinformation-wrapper .company-info-wrapper .contact .first {
color: #666;
display: block;
font-weight: 700
}
.companyinformation-wrapper .company-info-wrapper .contact .last {
display: block;
margin-bottom: 10px
}
.companyinformation-wrapper .divider {
padding: 0;
border: none;
border-top: 1px solid #eee;
text-align: center
}
.companyinformation-wrapper .warranty-box img {
display: block;
margin: 0 auto
}
.companyinformation-wrapper .company-box {
position: relative;
background: #fff;
padding: 15px 20px;
min-height: 40px;
width: 100%;
max-width: 100%;
margin: 0 auto 35px;
word-break: break-word;
color: #666;
box-shadow: 0 4px 4px -5px #c8c8c8;
border-radius: 5px
}
.companyinformation-wrapper .company-box h2 {
margin-top: 0;
color: #1b1b1b;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
line-height: 25px
}
.companyinformation-wrapper .company-box h3,
.companyinformation-wrapper .company-info-wrapper h3,
.companyinformation-wrapper .teaser-reviewhandling h3,
.companyinformation-wrapper .trustpilot-incentives h3,
.companyinformation-wrapper .trustpilot-subscriber h3 {
color: #666;
font-weight: 700
}
.companyinformation-wrapper .company-box h2.small-heading {
font-size: 1.2rem
}
.companyinformation-wrapper .company-box h3.min-margin {
margin-top: 0;
margin-bottom: .5em
}
@media only screen and (min-width: 768px) {
.companyinformation-wrapper .company-box {
width: auto;
max-width: 100%
}
}
.companyinformation-wrapper .company-box .btn {
max-width: 100%;
white-space: normal
}
.companyinformation-wrapper .company-box .star-load-spinner {
margin: 20px auto
}
.companyinformation-wrapper .facebook-side-widget {
background-color: #fff
}
@media only screen and (max-width: 960px) {
.companyinformation-wrapper .facebook-side-widget {
width: 235px!important
}
}
@media only screen and (max-width: 767px) {
.activityfeed-wrapper .activityfeed .review .user-info .user-review-statement a {
word-break: break-word
}
.companyinformation-wrapper .facebook-side-widget {
width: 100%!important
}
}
.companyinformation-wrapper .teaser-reviewhandling .top-section {
padding-bottom: 10px
}
.companyinformation-wrapper .company-aside-logo {
width: 100%;
max-width: 250px;
display: block;
margin: 0 auto
}
.companyinformation-wrapper .facebook .fb_iframe_widget iframe {
bottom: 5px
}
.companyinformation-wrapper .violatingguidelines-bar {
background-color: #fbf7aa;
position: absolute;
display: none;
width: 100%;
z-index: 1029;
top: -160px\9
}
.companyinformation-wrapper .violatingguidelines-bar.shown {
display: block;
top: 60px\9
}
.companyinformation-wrapper .violatingguidelines-bar .close-container {
position: absolute;
padding: 1px 9px;
font-size: 23px;
background-color: #292929;
color: #fff;
border-radius: 50%;
right: 0;
top: 12px;
cursor: pointer
}
@media only screen and (min-width: 768px) {
.companyinformation-wrapper .company-aside-logo {
width: 100%
}
.companyinformation-wrapper .violatingguidelines-bar .close-container {
padding: 1px 5px;
font-size: 14px;
top: 20px;
right: 10px
}
}
.companyinformation-wrapper .violatingguidelines-bar .guidelines-text {
padding: 20px 30px 20px 0
}
.companyinformation-wrapper .company-page-tabs {
position: relative;
z-index: 9;
margin-bottom: 30px;
height: 50px
}
@media only screen and (min-width: 1024px) {
.companyinformation-wrapper .company-page-tabs {
display: none
}
}
.companyinformation-wrapper .company-page-tabs .column-1,
.companyinformation-wrapper .company-page-tabs .column-2 {
position: relative;
display: block;
height: 50px;
color: #c8c8c8;
background-color: #fff;
border: 0;
cursor: pointer;
box-shadow: 1px 2px 4px 0 #c8c8c8
}
.companyinformation-wrapper .company-page-tabs .column-1:hover,
.companyinformation-wrapper .company-page-tabs .column-2:hover {
background-color: #eee;
color: #292929
}
.companyinformation-wrapper .company-page-tabs .column-1 .arrow-down,
.companyinformation-wrapper .company-page-tabs .column-2 .arrow-down {
display: none
}
.companyinformation-wrapper .company-page-tabs .column-1 .page-tab,
.companyinformation-wrapper .company-page-tabs .column-2 .page-tab {
display: table;
width: 100%;
height: 50px
}
.companyinformation-wrapper .company-page-tabs .column-1 .page-tab p,
.companyinformation-wrapper .company-page-tabs .column-2 .page-tab p {
display: table-cell;
vertical-align: middle;
text-align: center
}
.companyinformation-wrapper .company-page-tabs .selected {
background-color: #eee;
color: #292929;
font-weight: 700
}
.companyinformation-wrapper .company-page-tabs .selected .arrow-down {
display: block;
position: absolute;
bottom: -19px;
left: 60px;
left: calc(50% - 12px);
text-shadow: 0 4px 2px #c8c8c8;
color: #eee;
font-size: 30px
}
.companyinformation-wrapper .company-page-tabs .column-1.selected {
border-right: 1px solid #adadad
}
.companyinformation-wrapper .company-page-tabs .column-2.selected {
border-left: 1px solid #adadad
}
.companyinformation-wrapper .btn-goto-first-page {
margin: 52px 0 0
}
.companyinformation-wrapper .reviews-info .column-1 {
margin-top: 0
}
.companyinformation-wrapper .reviews-info .column-2 {
margin-bottom: 20px
}
.companyinformation-wrapper .reviews-info .column-1,
.companyinformation-wrapper .reviews-info .column-2 {
display: none
}
.companyinformation-wrapper .reviews-info .column-1.selected,
.companyinformation-wrapper .reviews-info .column-2.selected {
display: block
}
@media only screen and (min-width: 1024px) {
.companyinformation-wrapper .reviews-info .column-1 {
margin-top: 8px
}
.companyinformation-wrapper .reviews-info .column-2 {
margin-top: 43px
}
.companyinformation-wrapper .reviews-info .column-1,
.companyinformation-wrapper .reviews-info .column-2 {
display: block
}
}
.companyinformation-wrapper .review {
background: #fff;
padding: 17px;
margin: 50px 0 0;
border-radius: 5px;
box-shadow: 0 4px 4px -5px #c8c8c8
}
@media only screen and (min-width: 1024px) {
.companyinformation-wrapper .review:first-of-type {
margin-top: 35px
}
}
.companyinformation-wrapper .review.claim-this-company,
.companyinformation-wrapper .review:last-child {
margin-bottom: 35px
}
.companyinformation-wrapper .review.reported-own-user {
border-radius: 5px 5px 0 0;
box-shadow: none
}
.companyinformation-wrapper .review.correlated {
background-color: #fbf7aa;
animation: backgroundcolorfade 2s 2s forwards
}
.companyinformation-wrapper .review.reviewed-by-current-user {
border: 1px solid #428bca
}
.companyinformation-wrapper .review a {
color: #1b1b1b
}
.companyinformation-wrapper .review a.btn-primary {
color: #c8c8c8
}
.companyinformation-wrapper .review:hover a {
color: #428bca;
/*text-decoration: underline*/
}
.companyinformation-wrapper .review:hover a.btn-primary {
color: #ddd
}
.companyinformation-wrapper .review:hover a.btn-secondary {
color: #292929
}
.companyinformation-wrapper .review .claim-link {
margin: 10px 0 0 10px;
display: inline-block
}
.companyinformation-wrapper .review .review-info {
position: relative
}
.companyinformation-wrapper .review .review-info .reported-review-description {
margin-top: 45px
}
.companyinformation-wrapper .review .review-info .reported-review-description .ndate {
display: inline;
position: static;
color: inherit;
font-size: inherit
}
.companyinformation-wrapper .review .review-info .reported-review {
font-weight: 700
}
.companyinformation-wrapper .review .review-info .review-title {
word-wrap: break-word
}
.companyinformation-wrapper .review .review-info .review-body {
position: relative;
margin: 10px 0 15px;
word-wrap: break-word;
overflow: hidden
}
.companyinformation-wrapper .review .review-info .review-body.expanded {
height: auto;
max-height: none;
overflow: auto
}
.companyinformation-wrapper .review .review-info .filtered-review-label {
font-weight: 700
}
@media only screen and (min-width: 480px) {
.companyinformation-wrapper .review .review-info .filtered-review-label {
position: absolute;
top: -8px;
right: 0
}
}
@media only screen and (min-width: 768px) {
.companyinformation-wrapper .review .review-info {
float: left;
width: 380px;
width: calc(100% - 160px)
}
.companyinformation-wrapper .review .review-info .review-body {
height: auto;
max-height: none;
overflow: auto
}
.companyinformation-wrapper .review .review-info .filtered-review-label {
position: relative
}
}
.companyinformation-wrapper .review .review-info .star-rating {
margin: 0 0 .2em
}
@media only screen and (min-width: 480px) {
.companyinformation-wrapper .review .review-info .star-rating {
margin: 0 0 1em
}
}
@media only screen and (min-width: 768px) {
.companyinformation-wrapper .review .review-info .star-rating {
margin: 0 0 .2em
}
}
@media only screen and (min-width: 1024px) {
.companyinformation-wrapper .review .review-info .filtered-review-label {
position: absolute;
top: -8px;
right: 0
}
.companyinformation-wrapper .review .review-info .star-rating {
margin: 0 0 1em
}
}
.companyinformation-wrapper .review .review-info .ndate {
position: relative;
display: block;
margin: 5px 0;
font-size: 12px;
color: #c8c8c8
}
@media only screen and (min-width: 480px) {
.companyinformation-wrapper .review .review-info .ndate {
position: absolute;
top: 5px;
right: 0
}
.companyinformation-wrapper .review .review-info .ndate.updatedDate {
top: 20px
}
}
@media only screen and (min-width: 768px) {
.companyinformation-wrapper .review .review-info .ndate {
position: relative
}
.companyinformation-wrapper .review .review-info .ndate.updatedDate {
top: 0
}
}
@media only screen and (min-width: 1024px) {
.companyinformation-wrapper .review .review-info .ndate {
position: absolute;
top: 5px;
right: 0
}
.companyinformation-wrapper .review .review-info .ndate.updatedDate {
top: 20px
}
}
.companyinformation-wrapper .review .review-info .review-expand {
margin: 0;
padding: 0;
text-align: center;
box-shadow: 0 5px 5px -4px #c8c8c8
}
.companyinformation-wrapper .review .review-info .review-expand .link {
position: relative;
display: inline-block;
margin: 0 auto;
padding: 10px 20px;
font-size: 12px
}
.companyinformation-wrapper .review .review-info .review-expand .link .arrow {
display: block;
position: absolute;
top: 13px;
left: 60px;
left: calc(50% - 12px);
text-shadow: 0 4px 2px #c8c8c8;
color: #fff;
font-size: 30px
}
.companyinformation-wrapper .review .company-comment {
float: left;
width: 100%;
position: relative;
margin: 10px 0 0
}
.companyinformation-wrapper .review .company-comment .company-info {
padding-bottom: 1em;
text-align: center;
margin: 0;
display: none
}
@media only screen and (min-width: 768px) {
.companyinformation-wrapper .review .company-comment .company-info {
float: left;
text-align: left;
margin-right: 20px;
width: 140px;
display: block
}
.companyinformation-wrapper .review .company-comment .company-info .company-picture {
margin-top: 20px
}
}
.companyinformation-wrapper .review .company-comment .company-info .company-picture {
width: 73px;
height: 73px;
display: inline-block;
overflow: hidden
}
.companyinformation-wrapper .review .company-comment .company-info .company-picture img {
width: 73px;
height: auto
}
.companyinformation-wrapper .review .company-comment .company-reply {
position: relative
}
.companyinformation-wrapper .review .company-comment .company-reply h3 {
margin: 1em 0 0
}
@media only screen and (min-width: 480px) {
.companyinformation-wrapper .review .company-comment .company-reply h3 {
margin: 1em 0
}
}
@media only screen and (min-width: 768px) {
.companyinformation-wrapper .review .company-comment .company-reply {
float: left;
width: 380px;
width: calc(100% - 160px)
}
.companyinformation-wrapper .review .company-comment .company-reply h3 {
margin: 1em 0 0
}
}
.companyinformation-wrapper .review .company-comment .company-reply .ndate {
position: relative;
font-size: 12px;
color: #c8c8c8
}
@media only screen and (min-width: 480px) {
.companyinformation-wrapper .review .company-comment .company-reply .ndate {
position: absolute;
top: 2px;
right: 0
}
}
@media only screen and (min-width: 768px) {
.companyinformation-wrapper .review .company-comment .company-reply .ndate {
position: relative
}
}
@media only screen and (min-width: 1024px) {
.companyinformation-wrapper .review .company-comment .company-reply h3 {
margin: 1em 0
}
.companyinformation-wrapper .review .company-comment .company-reply .ndate {
position: absolute;
top: 0
}
}
.companyinformation-wrapper .review .company-comment .company-reply .comment {
position: relative;
overflow: hidden;
margin: 1em 0 0;
word-wrap: break-word
}
@media only screen and (min-width: 480px) {
.companyinformation-wrapper .review .company-comment .company-reply .comment {
margin: 0
}
}
@media only screen and (min-width: 768px) {
.companyinformation-wrapper .review .company-comment .company-reply .comment {
height: auto;
max-height: none;
overflow: auto;
margin: 1em 0 0
}
}
@media only screen and (min-width: 1024px) {
.companyinformation-wrapper .review .company-comment .company-reply .comment {
margin: 0
}
}
.companyinformation-wrapper .review .company-comment .company-reply .comment.expanded {
height: auto;
max-height: none;
overflow: auto;
margin: 1em 0 0
}
.companyinformation-wrapper .review .company-comment .company-reply .comment.expanded .read-more {
display: none
}
.companyinformation-wrapper .review .company-comment.public-report-comment {
box-sizing: content-box;
margin: 10px 0 -17px -17px;
padding: 0 17px 17px;
background: #c8c8c8;
box-shadow: 3px 3px 5px #aaa
}
.companyinformation-wrapper .review .company-comment.public-report-comment .company-picture {
margin-top: -15px;
padding: 0 5px 5px 0;
width: auto;
height: auto
}
.companyinformation-wrapper .review .company-comment.public-report-comment .company-picture img {
border: 3px solid #fff;
box-shadow: 2px 2px 5px #aaa;
width: 100px
}
.companyinformation-wrapper .review .company-comment.public-report-comment .company-reply .company-name {
margin-bottom: .2em;
font-weight: 600
}
.companyinformation-wrapper .review .company-comment.public-report-comment .company-reply .public-report-comment-headline {
margin-top: .2em;
font-size: 14px;
font-weight: 600
}
.companyinformation-wrapper .review .company-comment.public-report-comment .non-company-report-details {
margin-top: 31px
}
.companyinformation-wrapper .review .user-info {
padding-bottom: 1em;
text-align: center;
margin: 0;
font-size: 12px
}
@media only screen and (min-width: 768px) {
.companyinformation-wrapper .review .user-info {
float: left;
text-align: left;
margin-right: 20px;
width: 140px
}
}
.companyinformation-wrapper .review .user-info .user-review-picture {
min-height: 40px;
margin: -52px 0 22px
}
.companyinformation-wrapper .review .user-info .user-review-picture .user-picture {
border-radius: 50%
}
.companyinformation-wrapper .review .user-info .user-review-name {
font-size: 14px;
font-weight: 700;
text-transform: capitalize;
overflow: hidden;
text-overflow: ellipsis
}
.companyinformation-wrapper .review .user-info .user-review-statement {
width: 100%;
height: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.companyinformation-wrapper .review .user-info .user-review-statement .user-review-statement-link {
font-weight: 700
}
@media only screen and (min-width: 768px) {
.companyinformation-wrapper .review .user-info .facebook-friends {
margin-top: 15px
}
}
.companyinformation-wrapper .review .user-info .facebook-friends .fb-icon {
padding: 1px 0 4px 15px;
background: url(//images-static.trustpilot.com/community/domains/icon_fb.gif) no-repeat
}
.companyinformation-wrapper .filtered-review .public-report-comment,
.companyinformation-wrapper .filtered-review .review-body,
.companyinformation-wrapper .filtered-review .review-title,
.companyinformation-wrapper .filtered-review .star-rating {
opacity: .6
}
.companyinformation-wrapper .reported-review-for-user {
background: #c8c8c8;
padding: 17px;
border-radius: 0 0 5px 5px;
box-shadow: 0 4px 4px -5px #c8c8c8
}
.companyinformation-wrapper .reported-review-for-user .reported-review-link {
color: #1b1b1b;
font-weight: 700
}
.companyinformation-wrapper .reported-review-for-user .reported-review-link:hover {
color: #428bca
}
@media only screen and (max-width: 767px) {
.companyinformation-wrapper .mobile-animated-hide {
opacity: 0!important;
filter: alpha(opacity=0)!important;
-khtml-opacity: 0!important;
-moz-opacity: 0!important;
height: 0!important
}
}
.companyinformation-wrapper .load-more {
margin: 35px 0
}
.companyinformation-wrapper .load-more .btn-primary {
width: 100%;
text-align: center
}
.companyinformation-wrapper .bottom-ad {
padding-bottom: 30px
}
@keyframes backgroundcolorfade {
from {
background-color: #fbf7aa
}
to {
background-color: #fff
}
}
.company-box.b2b-cta-container {
padding-top: 20px;
display: none
}
.close-b2b-cta-container-js {
position: absolute;
display: inline-block;
width: 18px;
height: 18px;
overflow: hidden;
top: 10px;
right: 10px;
cursor: pointer
}
.close-b2b-cta-container-js:hover::after,
.close-b2b-cta-container-js:hover::before {
background: #666
}
.close-b2b-cta-container-js::after,
.close-b2b-cta-container-js::before {
content: '';
position: absolute;
height: 2px;
width: 100%;
top: 50%;
left: 0;
margin-top: -1px;
background: #aaa;
transition: background .3s ease-in-out
}
.close-b2b-cta-container-js::before {
transform: rotate(45deg)
}
.close-b2b-cta-container-js::after {
transform: rotate(-45deg)
}
.contactpage-above-fold {
width: 100%;
height: 400px;
background: url(//images-static.trustpilot.com/community/contact/hero.jpg) no-repeat;
background-size: cover;
background-position: bottom
}
.contactpage-above-fold .header-container {
text-align: center;
padding-top: 100px
}
@media only screen and (min-width: 768px) {
.contactpage-above-fold {
height: 500px
}
.contactpage-above-fold .header-container {
padding-top: 200px
}
}
.contactpage-above-fold .header-container .header-text {
color: #fff;
font-size: 46px;
font-family: Arial;
font-weight: 700;
text-shadow: 1px 1px 3px #292929
}
.contactpage-above-fold .header-container .header-button {
width: 300px;
color: #666;
padding: 7px 35px;
cursor: pointer;
background-color: #f8f8f8;
text-align: center;
font-size: 1.5em;
line-height: 1.5em;
border-radius: 10px;
margin: 30px auto 0;
box-shadow: none
}
.contactpage-above-fold .header-container .header-button:hover {
background-color: rgba(230, 230, 230, .8)
}
.contactpage-contact-nav {
text-align: center;
font-weight: 600;
background-color: #fff;
font-size: .9em;
box-shadow: 0 5px 5px -4px #c8c8c8;
position: relative;
z-index: 100
}
.contactpage-contact-nav ul {
padding: 0
}
.contactpage-contact-nav ul li {
display: inline-block;
cursor: pointer;
margin-bottom: -5px
}
.contactpage-contact-nav .location-text {
margin-bottom: -25px;
border-right: 1px solid #1b1b1b;
padding: 0 30px
}
.contactpage-contact-nav li:last-child .location-text {
border-right: none
}
.contactpage-contact-nav .location-arrow {
visibility: hidden;
position: relative;
top: 12px;
left: -15px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
text-shadow: 0 4px 2px #ddd;
margin: 0 auto;
color: #fff;
font-size: 30px
}
@media only screen and (min-width: 1024px) {
.contactpage-contact-nav .location-arrow {
visibility: visible
}
}
.contactpage-contact-nav .location-arrow-inactive {
visibility: hidden
}
.contactpage-map-wrapper {
position: relative;
width: 100%;
margin: -20px 0 0;
padding-bottom: 60%
}
#map {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0
}
#map .map-location-tooltip h3 {
font-weight: 700;
color: #f2800d
}
.contactpage-impressum {
max-width: 964px;
margin: 0 auto 10px
}
.contactpage-impressum h3 {
display: inline;
font-weight: 700
}
.userinformation-wrapper {
background-color: #f1f1f1
}
.userinformation-wrapper .user-summary-wrapper {
background-color: #fff;
border-bottom: 1px solid #c8c8c8;
margin-bottom: 0
}
@media only screen and (min-width: 1024px) {
.contactpage-map-wrapper {
padding-bottom: 45%
}
.userinformation-wrapper .user-summary-wrapper {
box-shadow: 0 4px 4px -5px #c8c8c8;
border-bottom: 0
}
.userinformation-wrapper h1.headline {
float: left
}
}
.userinformation-wrapper .user-summary-main {
overflow: hidden;
padding-top: 20px
}
.userinformation-wrapper .user-summary-overview {
text-align: center
}
.userinformation-wrapper .picture {
margin-bottom: 20px
}
@media only screen and (min-width: 768px) {
.userinformation-wrapper .user-summary-main {
padding-bottom: 20px
}
.userinformation-wrapper .user-summary-overview {
text-align: left
}
.userinformation-wrapper .picture {
float: left;
margin-right: 20px
}
}
.userinformation-wrapper .picture img {
width: 73px;
height: 73px;
border-radius: 50%
}
.userinformation-wrapper h1.headline {
width: 100%;
margin: 0 0 15px;
line-height: 1.2
}
@media only screen and (min-width: 768px) {
.userinformation-wrapper h1.headline {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 68%
}
}
@media only screen and (min-width: 1024px) {
.userinformation-wrapper h1.headline {
float: left;
width: 70%
}
}
.userinformation-wrapper .gender-location-wrapper {
margin: -10px 0 15px
}
.userinformation-wrapper .gender-location-wrapper .gender-js,
.userinformation-wrapper .gender-location-wrapper .gender-location-divider,
.userinformation-wrapper .gender-location-wrapper .location-js {
font-size: 12px;
color: #7c7c7c;
display: inline-block
}
.userinformation-wrapper .gender-location-wrapper .gender-location-divider {
display: none;
margin: 0 15px
}
@media only screen and (min-width: 768px) {
.userinformation-wrapper .gender-location-wrapper .gender-location-divider {
display: inline-block
}
}
.userinformation-wrapper .gender-location-wrapper .location-js {
clear: left;
display: block
}
.userinformation-wrapper .user-description,
.userinformation-wrapper .user-profile-options {
margin-bottom: 20px
}
.userinformation-wrapper .gender-location-wrapper,
.userinformation-wrapper .user-description {
width: 100%;
text-align: center
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.userinformation-wrapper .gender-location-wrapper,
.userinformation-wrapper .user-description {
width: 460px;
float: left;
text-align: left
}
}
@media only screen and (min-width: 1024px) {
.userinformation-wrapper .gender-location-wrapper,
.userinformation-wrapper .user-description {
width: 460px;
float: left;
text-align: left
}
.userinformation-wrapper .gender-location-wrapper,
.userinformation-wrapper .headline,
.userinformation-wrapper .user-description {
margin-left: 40px!important
}
}
.userinformation-wrapper .user-profile-options {
width: 100%;
text-align: center
}
@media only screen and (min-width: 768px) {
.userinformation-wrapper .gender-location-wrapper .location-js {
clear: none;
display: inline-block
}
.userinformation-wrapper .user-description,
.userinformation-wrapper .user-profile-options {
margin-bottom: 0
}
.userinformation-wrapper .user-profile-options {
clear: left;
text-align: right
}
}
.userinformation-wrapper .user-summary-edit-profile {
padding-bottom: 20px
}
.userinformation-wrapper .user-summary-edit-profile ul {
list-style: none;
padding: 0
}
.userinformation-wrapper .user-summary-edit-profile label {
width: 180px
}
@media only screen and (min-width: 480px) {
.userinformation-wrapper .user-summary-edit-profile ul {
padding: 0 0 0 20px
}
.userinformation-wrapper .user-summary-edit-profile label {
width: 180px;
margin-right: 10px;
float: left
}
.userinformation-wrapper .user-summary-edit-profile .btn-changepassword,
.userinformation-wrapper .user-summary-edit-profile .btn-profileinfo {
margin-left: 190px
}
.userinformation-wrapper .user-summary-edit-profile .form-control {
float: left
}
}
.userinformation-wrapper .user-summary-edit-profile .btn-deleteprofile {
margin-top: 10px
}
.userinformation-wrapper .user-summary-edit-profile .edit-image-wrapper {
position: relative;
overflow: hidden;
margin: 0 0 10px
}
.userinformation-wrapper .user-summary-edit-profile .imageupload {
opacity: 0;
filter: alpha(opacity=0);
color: transparent;
position: absolute;
top: 0;
z-index: 2;
cursor: pointer
}
.userinformation-wrapper .user-summary-edit-profile .form-control,
.userinformation-wrapper .user-summary-edit-profile .user-email {
margin-bottom: 10px
}
.userinformation-wrapper .user-summary-edit-profile input[type=checkbox].form-control {
float: left;
width: 40px;
height: 16px;
box-shadow: none
}
@media only screen and (min-width: 480px) {
.userinformation-wrapper .user-summary-edit-profile input[type=text].form-control,
.userinformation-wrapper .user-summary-edit-profile input[type=password].form-control,
.userinformation-wrapper .user-summary-edit-profile select,
.userinformation-wrapper .user-summary-edit-profile textarea {
width: 200px
}
}
.userinformation-wrapper .user-summary-edit-profile .profile-edit-heading {
position: relative;
cursor: pointer;
padding: 0 50px 0 0
}
.userinformation-wrapper .user-summary-edit-profile .profile-edit-heading .circle {
position: absolute;
top: 0;
right: 10px
}
.userinformation-wrapper .user-summary-edit-profile .profile-edit-list-container {
border-bottom: 1px solid #f1f1f1
}
.userinformation-wrapper .user-summary-edit-profile .profile-edit-list-container.no-border {
border: 0
}
.userinformation-wrapper .user-summary-edit-profile .profile-edit-list {
display: block;
overflow: hidden;
list-style-type: none;
padding: 0;
margin: 0;
height: 0;
transition: height .3s ease-in-out
}
.userinformation-wrapper .user-summary-edit-profile .profile-edit-list.expanded {
height: auto;
padding: 0 0 20px
}
.userinformation-wrapper .user-page-tabs {
margin-bottom: 30px;
height: 50px
}
@media only screen and (min-width: 1024px) {
.userinformation-wrapper .user-page-tabs {
display: none
}
}
.userinformation-wrapper .user-page-tabs .column-1,
.userinformation-wrapper .user-page-tabs .column-2 {
position: relative;
display: block;
height: 50px;
color: #c8c8c8;
background-color: #fff;
border: 0;
cursor: pointer;
box-shadow: 1px 2px 4px 0 #c8c8c8
}
.userinformation-wrapper .user-page-tabs .column-1:hover,
.userinformation-wrapper .user-page-tabs .column-2:hover {
background-color: #eee;
color: #292929
}
.userinformation-wrapper .user-page-tabs .column-1 .arrow-down,
.userinformation-wrapper .user-page-tabs .column-2 .arrow-down {
display: none
}
.userinformation-wrapper .user-page-tabs .column-1 .page-tab,
.userinformation-wrapper .user-page-tabs .column-2 .page-tab {
display: table;
width: 100%;
height: 50px
}
.userinformation-wrapper .user-page-tabs .column-1 .page-tab p,
.userinformation-wrapper .user-page-tabs .column-2 .page-tab p {
display: table-cell;
vertical-align: middle;
text-align: center
}
.userinformation-wrapper .user-page-tabs .selected {
background-color: #eee;
color: #292929;
font-weight: 700
}
.userinformation-wrapper .user-page-tabs .selected .arrow-down {
display: block;
position: absolute;
bottom: -19px;
left: 60px;
left: calc(50% - 12px);
text-shadow: 0 4px 2px #c8c8c8;
color: #eee;
font-size: 30px
}
.userinformation-wrapper .user-page-tabs .column-1.selected {
border-right: 1px solid #adadad
}
.userinformation-wrapper .user-page-tabs .column-2.selected {
border-left: 1px solid #adadad
}
.userinformation-wrapper .reviews-info .column-2 {
margin: 52px 0 0
}
.userinformation-wrapper .reviews-info .column-1,
.userinformation-wrapper .reviews-info .column-2 {
display: none
}
.userinformation-wrapper .reviews-info .column-1.selected,
.userinformation-wrapper .reviews-info .column-2.selected {
display: block
}
@media only screen and (min-width: 1024px) {
.userinformation-wrapper .reviews-info .column-1,
.userinformation-wrapper .reviews-info .column-2 {
display: block
}
}
.userinformation-wrapper .review {
background: #fff;
padding: 17px;
margin: 35px 0 0;
border-radius: 5px;
box-shadow: 0 4px 4px -5px #c8c8c8
}
.userinformation-wrapper .review:first-child {
margin: 52px 0 0
}
.userinformation-wrapper .review.reported-own-user {
border-radius: 5px 5px 0 0;
box-shadow: none
}
.userinformation-wrapper .review h2 {
word-wrap: break-word
}
.userinformation-wrapper .review a {
color: #1b1b1b
}
.userinformation-wrapper .review a.btn-primary {
color: #c8c8c8
}
.userinformation-wrapper .review:hover a {
color: #428bca
}
.userinformation-wrapper .review:hover a.btn-primary {
color: #ddd
}
.userinformation-wrapper .review:hover a.btn-secondary {
color: #292929
}
.userinformation-wrapper .review .claim-link {
margin: 10px 0 0 10px;
display: inline-block
}
.userinformation-wrapper .review .review-info {
position: relative
}
.userinformation-wrapper .review .review-info .reported-review-description {
margin-top: 45px
}
.userinformation-wrapper .review .review-info .reported-review-description .ndate {
display: inline;
position: static;
color: inherit;
font-size: inherit
}
.userinformation-wrapper .review .review-info .reported-review {
font-weight: 700
}
.userinformation-wrapper .review .review-info .review-title {
word-wrap: break-word
}
.userinformation-wrapper .review .review-info .review-body {
position: relative;
margin: 10px 0 15px;
word-wrap: break-word;
overflow: hidden
}
.userinformation-wrapper .review .review-info .review-body.expanded {
height: auto;
max-height: none;
overflow: auto
}
.userinformation-wrapper .review .review-info .filtered-review-label {
font-weight: 700
}
@media only screen and (min-width: 480px) {
.userinformation-wrapper .review .review-info .filtered-review-label {
position: absolute;
top: -8px;
right: 0
}
}
@media only screen and (min-width: 768px) {
.userinformation-wrapper .review .review-info .review-body {
height: auto;
max-height: none;
overflow: auto
}
.userinformation-wrapper .review .review-info .filtered-review-label {
position: relative
}
}
.userinformation-wrapper .review .review-info .star-rating {
margin: 0 0 .2em
}
@media only screen and (min-width: 480px) {
.userinformation-wrapper .review .review-info .star-rating {
margin: 0 0 1em
}
}
@media only screen and (min-width: 768px) {
.userinformation-wrapper .review .review-info .star-rating {
margin: 0 0 .2em
}
}
@media only screen and (min-width: 1024px) {
.userinformation-wrapper .review .review-info .filtered-review-label {
position: absolute;
top: -8px;
right: 0
}
.userinformation-wrapper .review .review-info .star-rating {
margin: 0 0 1em
}
}
.userinformation-wrapper .review .review-info .ndate {
position: relative;
display: block;
margin: 5px 0;
font-size: 12px;
color: #c8c8c8
}
@media only screen and (min-width: 480px) {
.userinformation-wrapper .review .review-info .ndate {
position: absolute;
top: 5px;
right: 0
}
.userinformation-wrapper .review .review-info .ndate.updatedDate {
top: 20px
}
}
@media only screen and (min-width: 768px) {
.userinformation-wrapper .review .review-info .ndate {
position: relative
}
.userinformation-wrapper .review .review-info .ndate.updatedDate {
top: 0
}
}
@media only screen and (min-width: 1024px) {
.userinformation-wrapper .review .review-info .ndate {
position: absolute;
top: 5px;
right: 0
}
.userinformation-wrapper .review .review-info .ndate.updatedDate {
top: 20px
}
}
.userinformation-wrapper .review .review-info .review-expand {
margin: 0;
padding: 0;
text-align: center;
box-shadow: 0 5px 5px -4px #c8c8c8
}
.userinformation-wrapper .review .review-info .review-expand .link {
position: relative;
display: inline-block;
margin: 0 auto;
padding: 10px 20px;
font-size: 80%
}
.userinformation-wrapper .review .review-info .review-expand .link .arrow {
display: block;
position: absolute;
top: 13px;
left: 60px;
left: calc(50% - 12px);
text-shadow: 0 4px 2px #c8c8c8;
color: #fff;
font-size: 30px
}
.userinformation-wrapper .review .company-comment {
float: left;
width: 100%;
position: relative;
margin: 10px 0 0
}
.userinformation-wrapper .review .company-comment .company-info {
padding-bottom: 1em;
text-align: center;
margin: 0;
display: none
}
@media only screen and (min-width: 768px) {
.userinformation-wrapper .review .company-comment .company-info {
float: left;
text-align: left;
margin-right: 20px;
width: 140px;
display: block
}
.userinformation-wrapper .review .company-comment .company-info .company-picture {
margin-top: 20px
}
}
.userinformation-wrapper .review .company-comment .company-info .company-picture {
width: 73px;
height: 73px;
display: inline-block;
overflow: hidden
}
.userinformation-wrapper .review .company-comment .company-info .company-picture img {
width: 73px;
height: auto
}
.userinformation-wrapper .review .company-comment .company-reply {
position: relative
}
.userinformation-wrapper .review .company-comment .company-reply h3 {
margin: 1em 0 0
}
@media only screen and (min-width: 480px) {
.userinformation-wrapper .review .company-comment .company-reply h3 {
margin: 1em 0
}
}
@media only screen and (min-width: 768px) {
.userinformation-wrapper .review .company-comment .company-reply {
float: left;
width: 380px;
width: calc(100% - 160px)
}
.userinformation-wrapper .review .company-comment .company-reply h3 {
margin: 1em 0 0
}
}
.userinformation-wrapper .review .company-comment .company-reply .ndate {
position: relative;
font-size: 12px;
color: #c8c8c8
}
@media only screen and (min-width: 480px) {
.userinformation-wrapper .review .company-comment .company-reply .ndate {
position: absolute;
top: 2px;
right: 0
}
}
@media only screen and (min-width: 768px) {
.userinformation-wrapper .review .company-comment .company-reply .ndate {
position: relative
}
}
@media only screen and (min-width: 1024px) {
.userinformation-wrapper .review .company-comment .company-reply h3 {
margin: 1em 0
}
.userinformation-wrapper .review .company-comment .company-reply .ndate {
position: absolute;
top: 0
}
}
.userinformation-wrapper .review .company-comment .company-reply .comment {
position: relative;
overflow: hidden;
margin: 1em 0 0;
word-wrap: break-word
}
@media only screen and (min-width: 480px) {
.userinformation-wrapper .review .company-comment .company-reply .comment {
margin: 0
}
}
@media only screen and (min-width: 768px) {
.userinformation-wrapper .review .company-comment .company-reply .comment {
height: auto;
max-height: none;
overflow: auto;
margin: 1em 0 0
}
}
@media only screen and (min-width: 1024px) {
.userinformation-wrapper .review .company-comment .company-reply .comment {
margin: 0
}
}
.userinformation-wrapper .review .company-comment .company-reply .comment.expanded {
height: auto;
max-height: none;
overflow: auto;
margin: 1em 0 0
}
.userinformation-wrapper .review .company-comment .company-reply .comment.expanded .read-more {
display: none
}
.userinformation-wrapper .review .company-comment.public-report-comment {
box-sizing: content-box;
margin: 20px 0 -17px -17px;
padding: 0 17px 17px;
background: #c8c8c8;
box-shadow: 3px 3px 5px #aaa
}
.userinformation-wrapper .review .company-comment.public-report-comment .company-picture {
padding: 0 5px 5px 0;
width: auto;
height: auto
}
.userinformation-wrapper .review .company-comment.public-report-comment .company-picture img {
border: 3px solid #fff;
box-shadow: 2px 2px 5px #aaa;
width: 100px
}
.userinformation-wrapper .review .company-comment.public-report-comment .company-reply .company-name {
margin-bottom: .2em;
font-weight: 600
}
.userinformation-wrapper .review .company-comment.public-report-comment .company-reply .public-report-comment-headline {
margin-top: .2em;
font-size: 14px;
font-weight: 600
}
.userinformation-wrapper .review .company-comment.public-report-comment .non-company-report-details {
margin-top: 31px
}
.userinformation-wrapper .review .user-info {
padding-bottom: 1em;
text-align: center;
margin: 0;
font-size: 80%
}
@media only screen and (min-width: 768px) {
.userinformation-wrapper .review .user-info {
float: left;
text-align: left;
margin-right: 20px;
width: 140px
}
}
.userinformation-wrapper .review .user-info .user-review-picture {
min-height: 40px;
margin: -52px 0 22px
}
.userinformation-wrapper .review .user-info .user-review-picture .user-picture {
border-radius: 50%
}
.userinformation-wrapper .review .user-info .user-review-name {
font-size: 14px;
font-weight: 700;
text-transform: capitalize
}
.userinformation-wrapper .review .user-info .user-review-text {
float: left;
width: 70px;
height: 70px;
border-radius: 50%;
margin: -55px 20px 10px 0;
font-size: 40px;
line-height: 70px;
text-align: center;
overflow: hidden
}
.userinformation-wrapper .review .user-info .user-review-text a {
color: #fff;
text-decoration: none
}
.userinformation-wrapper .review .user-info .user-review-statement {
width: 100%;
height: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.userinformation-wrapper .review .user-info .user-review-statement a {
font-weight: 700
}
@media only screen and (min-width: 768px) {
.userinformation-wrapper .review .user-info .facebook-friends {
margin-top: 15px
}
}
.userinformation-wrapper .review .user-info .facebook-friends span {
padding: 1px 0 4px 20px;
background: url(//images-static.trustpilot.com/community/domains/icon_fb.gif) no-repeat
}
.userinformation-wrapper .review .reported-review-banner {
box-sizing: content-box;
margin: -17px -17px 20px;
padding: 8px 17px;
background-color: #fbf7aa
}
.userinformation-wrapper .review .reported-review-banner .icon {
float: left;
text-align: left;
width: 30px;
font-size: 16px
}
.search .ajax-pager-link,
.single-review-page-wrapper .review-profile .user-is-fb-friend,
.single-review-page-wrapper .review-profile .user-location,
.single-review-page-wrapper .review-profile .user-profile-name,
.single-review-page-wrapper .review-profile .user-review-count,
.single-review-page-wrapper .review-profile .user-review-image,
.userinformation-wrapper .show-all-friends {
text-align: center
}
.userinformation-wrapper .review .reported-review-banner .content {
float: left;
width: 510px;
width: calc(100% - 30px);
font-size: 12px
}
.userinformation-wrapper .filtered-review .public-report-comment,
.userinformation-wrapper .filtered-review .review-body,
.userinformation-wrapper .filtered-review .review-title,
.userinformation-wrapper .filtered-review .star-rating {
opacity: .6
}
.userinformation-wrapper .reported-review-for-user {
background: #c8c8c8;
padding: 17px;
border-radius: 0 0 5px 5px;
box-shadow: 0 4px 4px -5px #c8c8c8
}
.userinformation-wrapper .reported-review-for-user a {
color: #1b1b1b;
font-weight: 700
}
.userinformation-wrapper .reported-review-for-user:hover a {
color: #428bca
}
.userinformation-wrapper .user-box {
position: relative;
background: #fff;
padding: 15px 20px;
min-height: 40px;
width: 100%;
max-width: 100%;
margin: 0 auto 35px;
word-break: break-word;
color: #666;
box-shadow: 0 4px 4px -5px #c8c8c8;
border-radius: 5px
}
.userinformation-wrapper .user-box h2 {
margin-top: 0;
color: #1b1b1b;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
line-height: 25px
}
.userinformation-wrapper .friend-activity-feed {
list-style: none;
margin: 0;
padding: 0
}
.userinformation-wrapper .friend-activity-feed li {
margin: 0 0 10px
}
.userinformation-wrapper .friend-activity-feed li a {
display: block;
font-size: 12px;
text-decoration: none;
color: #1b1b1b
}
.userinformation-wrapper .friend-activity-feed li img {
float: left;
width: 48px;
height: 48px;
margin: 0 10px 0 0;
border-radius: 50%
}
.userinformation-wrapper .friend-activity-feed .timestamp {
font-size: 12px;
color: #c8c8c8
}
.userinformation-wrapper .fb-facepile {
clear: left
}
.userinformation-wrapper .friend-all-feed {
list-style: none;
margin: 5px 0 0;
padding: 0;
height: 230px;
overflow: hidden
}
.userinformation-wrapper .friend-all-feed.show-all {
height: auto
}
.userinformation-wrapper .friend-all-feed li {
display: block;
float: left;
width: 48px;
height: 48px;
margin: 0 10px 10px 0;
border-radius: 50%;
overflow: hidden
}
@media only screen and (max-width: 767px) {
.userinformation-wrapper .mobile-animated-hide {
opacity: 0!important;
filter: alpha(opacity=0)!important;
-khtml-opacity: 0!important;
-moz-opacity: 0!important;
height: 0!important
}
}
.userinformation-wrapper .load-more {
margin: 35px 0
}
.userinformation-wrapper .load-more .btn-primary {
width: 100%;
text-align: center
}
.countries {
padding-bottom: 35px
}
.countries ul {
list-style-type: none;
padding: 0
}
.countries ul li {
float: left;
display: block;
width: 190px;
height: 85px
}
.countries ul li div {
display: inline-block;
float: left;
height: 48px;
width: 48px;
background: url(//images-static.trustpilot.com/community/countries/sprite_flags.png) no-repeat;
position: relative;
margin: 0 8px 0 0
}
.countries ul li div.ie {
background-position: -10px 0
}
.countries ul li div.co-za,
.countries ul li div.za {
background-position: -68px 0
}
.countries ul li div.fr {
background-position: -126px 0
}
.countries ul li div.br,
.countries ul li div.com-br {
background-position: -184px 0
}
.countries ul li div.at {
background-position: -10px -58px
}
.countries ul li div.co-nz,
.countries ul li div.nz {
background-position: -68px -58px
}
.countries ul li div.be {
background-position: -126px -58px
}
.countries ul li div.se {
background-position: -184px -58px
}
.countries ul li div.it {
background-position: -10px -116px
}
.countries ul li div.com,
.countries ul li div.us {
background-position: -68px -116px
}
.countries ul li div.es {
background-position: -126px -116px
}
.countries ul li div.no {
background-position: -184px -116px
}
.countries ul li div.fi {
background-position: -10px -174px
}
.countries ul li div.com-pt,
.countries ul li div.pt {
background-position: -68px -174px
}
.countries ul li div.nl {
background-position: -126px -174px
}
.countries ul li div.gb,
.countries ul li div.uk {
background-position: -184px -174px
}
.countries ul li div.dk {
background-position: -10px -232px
}
.countries ul li div.de {
background-position: -68px -232px
}
.countries ul li div.ca {
background-position: -126px -232px
}
.countries ul li div.au {
background-position: -184px -232px
}
.countries ul li div.ch {
background-position: -10px -290px
}
.countries ul li div.mx {
background-position: -68px -290px
}
.countries ul li div.in {
background-position: -126px -290px
}
.countries ul li div.bd {
background-position: -184px -290px
}
.countries ul li div.ar {
background-position: -10px -348px
}
.countries ul li div.gr {
background-position: -68px -348px
}
.countries ul li div.pl {
background-position: -126px -348px
}
.countries ul li div.ru {
background-position: -184px -348px
}
.countries ul li div.ro {
background-position: -10px -406px
}
.countries ul li div.pt {
background-position: -68px -406px
}
.countries ul li div.jp {
background-position: -126px -406px
}
.countries ul li div.cn {
background-position: -184px -406px
}
.countries ul li div.country-name {
background: 0 0;
height: 20px;
width: 120px;
font-weight: 700;
margin: 5px 0 0
}
.countries ul li div.country-language {
background: 0 0;
margin: 0;
height: 16px;
width: 120px;
font-size: 12px
}
.search {
min-height: 500px
}
.search h1 {
color: #444;
font-weight: 700;
margin: 40px 0
}
.search .item {
margin: 0 0 30px
}
.search .item .search-result-heading {
color: #428bca;
font-size: 18px;
font-weight: 700
}
.search .item .star-rating {
float: left;
margin: 2px 10px 30px 0
}
@media only screen and (min-width: 480px) {
.search .item .star-rating {
margin-bottom: 10px
}
}
.search .item h3 {
margin: 0 0 5px
}
.search .item .no-search-results {
float: left;
margin-top: 5px
}
.search .item .no-search-results .message {
margin: 0
}
.search .item .review-count,
.search .item .trustscore,
.search .item .write-review-link {
color: #7c7c7c;
display: inline-block;
font-size: 12px;
width: 120px
}
.search .item .divider,
.search .item .divider-2 {
color: #7c7c7c;
margin: 0 3px;
display: none
}
@media only screen and (min-width: 360px) {
.search .item .review-count,
.search .item .trustscore,
.search .item .write-review-link {
width: auto;
overflow: visible
}
.search .item .divider {
display: inline-block
}
}
.search .item .write-review-link {
color: #428bca;
white-space: nowrap
}
.search .ajax-pager-link {
width: 100%;
margin-bottom: 30px
}
@media only screen and (min-width: 768px) {
.search .ajax-pager-link {
width: 500px
}
.single-review-page-wrapper .review-profile .user-is-fb-friend,
.single-review-page-wrapper .review-profile .user-location,
.single-review-page-wrapper .review-profile .user-profile-name,
.single-review-page-wrapper .review-profile .user-review-count,
.single-review-page-wrapper .review-profile .user-review-image {
text-align: left
}
}
#createdomain {
padding-left: 5px;
cursor: pointer;
color: #428bca;
margin-bottom: 20px
}
#createdomain.plus:before {
content: "+";
padding-right: 5px
}
#createdomain.minus:before {
content: "-";
padding-right: 8px
}
.createdomain .form-control {
margin-bottom: 10px
}
@media only screen and (min-width: 480px) {
.search .item .divider-2 {
display: inline-block
}
.createdomain .form-control {
width: 180px;
margin-right: 10px;
float: left
}
}
.single-review-page-wrapper {
background-color: #f1f1f1;
height: 100%
}
.single-review-page-wrapper .review {
padding-top: 32px
}
.single-review-page-wrapper .review-container {
background: #fff;
padding: 20px;
margin: 0 0 40px;
border-radius: 5px;
box-shadow: 0 4px 4px -5px #c8c8c8
}
.single-review-page-wrapper .review-container .review-answer {
margin: 30px 0 25px;
float: left;
width: 100%
}
.single-review-page-wrapper .review-container .review-answer .company-reply-image {
float: left;
width: 100%;
margin: 20px 0 10px
}
.single-review-page-wrapper .review-container .review-answer .review-answer-profile {
margin: 0 20px 0 0;
line-height: 1.25em;
width: 100%
}
@media only screen and (min-width: 768px) {
.single-review-page-wrapper .review-container .review-answer .review-answer-profile {
float: left;
width: 220px
}
}
.single-review-page-wrapper .review-container .review-answer .review-answer-profile .profile-image {
width: 73px;
height: auto;
margin: 0 10px 0 0
}
.single-review-page-wrapper .review-container .review-answer .review-answer-profile .company-review-count,
.single-review-page-wrapper .review-container .review-answer .review-answer-profile .company-trustscore {
margin: 0 10px 10px 0;
float: left;
color: #afafaf
}
.single-review-page-wrapper .review-container .review-answer .review-answer-profile .company-review-count .data,
.single-review-page-wrapper .review-container .review-answer .review-answer-profile .company-trustscore .data {
font-weight: 700;
font-size: 12px
}
.single-review-page-wrapper .review-container .review-answer .review-answer-profile .company-review-count .text,
.single-review-page-wrapper .review-container .review-answer .review-answer-profile .company-trustscore .text {
font-size: 12px
}
.single-review-page-wrapper .review-container .review-answer .review-answer-profile .company-trustscore {
width: auto
}
@media only screen and (min-width: 768px) {
.single-review-page-wrapper .review-container .review-answer .review-answer-profile .company-review-count,
.single-review-page-wrapper .review-container .review-answer .review-answer-profile .company-trustscore {
margin: 0 10px 0 0;
background-color: #fff;
padding: 0
}
.single-review-page-wrapper .review-container .review-answer .review-answer-profile .company-trustscore {
width: 100%
}
}
.single-review-page-wrapper .review-header {
color: #1b1b1b;
text-align: center;
display: block;
margin-bottom: 50px
}
@media only screen and (min-width: 768px) {
.single-review-page-wrapper .review-header {
margin: 0 0 50px;
text-align: left
}
}
.single-review-page-wrapper .review-profile {
margin: -55px 0 0
}
@media only screen and (min-width: 768px) {
.single-review-page-wrapper .review-profile {
float: left;
width: 220px;
margin: -55px 20px 0 0
}
}
.single-review-page-wrapper .review-profile .facebook-friends {
font-size: 12px
}
.single-review-page-wrapper .review-profile .facebook-friends .fb-icon {
padding: 0 0 4px 15px;
margin-right: -5px;
background: url(//images-static.trustpilot.com/community/domains/icon_fb.gif) no-repeat
}
.single-review-page-wrapper .review-profile .fb-friend {
font-size: 12px
}
.single-review-page-wrapper .review-profile .user-profile-name {
text-overflow: ellipsis;
overflow: hidden;
margin-bottom: 0
}
.single-review-page-wrapper .review-profile .profile-image {
margin: 0 10px 0 0;
border-radius: 50%
}
.single-review-page-wrapper .review-profile .profile-info {
float: left;
margin: 0 10px 0 0
}
.single-review-page-wrapper .review-profile .profile-info .data {
font-weight: 700
}
.single-review-page-wrapper .review-profile .user-review-image {
min-height: 40px;
margin: 0 0 15px
}
.single-review-page-wrapper .review-profile .user-location {
margin: 0;
font-size: 12px
}
.single-review-page-wrapper .review-profile .user-review-count {
margin: 0 0 10px;
font-size: 12px
}
.single-review-page-wrapper .review-content {
margin: 0 0 15px
}
.single-review-page-wrapper .review-content .social-sharing {
margin: 15px 0 0
}
.single-review-page-wrapper .review-content .social-sharing .facebook .fb_iframe_widget {
top: -5px
}
.single-review-page-wrapper .review-answer-content,
.single-review-page-wrapper .review-content {
position: relative;
float: left;
width: 100%
}
.single-review-page-wrapper .review-answer-content .review-title,
.single-review-page-wrapper .review-content .review-title {
color: #1b1b1b;
font-size: 24px;
word-wrap: break-word
}
.single-review-page-wrapper .review-answer-content .review-text,
.single-review-page-wrapper .review-content .review-text {
min-height: 4em;
margin-bottom: 1em;
word-wrap: break-word
}
.single-review-page-wrapper .review-answer-content .date-time,
.single-review-page-wrapper .review-answer-content .ndate,
.single-review-page-wrapper .review-content .date-time,
.single-review-page-wrapper .review-content .ndate {
font-size: 12px;
position: relative;
display: block;
margin: 5px 0;
color: #afafaf
}
@media only screen and (min-width: 480px) {
.single-review-page-wrapper .review-answer-content .date-time,
.single-review-page-wrapper .review-answer-content .ndate,
.single-review-page-wrapper .review-content .date-time,
.single-review-page-wrapper .review-content .ndate {
position: absolute;
top: 0;
right: 0
}
.single-review-page-wrapper .review-answer-content .date-time.updatedDate,
.single-review-page-wrapper .review-answer-content .ndate.updatedDate,
.single-review-page-wrapper .review-content .date-time.updatedDate,
.single-review-page-wrapper .review-content .ndate.updatedDate {
top: 20px
}
}
.single-review-page-wrapper .review-answer-content .ndate {
top: -10px
}
@media only screen and (min-width: 480px) {
.single-review-page-wrapper .review-answer-content .ndate {
top: -5px
}
}
.single-review-page-wrapper .review-company-reply {
font-size: 12px;
margin: 0 0 10px
}
.single-review-page-wrapper .review-comments {
margin: 0
}
@media only screen and (min-width: 768px) {
.single-review-page-wrapper .review-answer-content,
.single-review-page-wrapper .review-content {
width: calc(100% - 240px)
}
.single-review-page-wrapper .review-comments {
margin: 0 0 0 240px
}
}
.single-review-page-wrapper .reporting {
margin-top: 10px!important
}
.single-review-page-wrapper .comments-and-reply-message {
margin: 15px 0 0;
font-style: italic;
font-size: 12px
}
.single-review-page-wrapper .comments-and-reply-message .hidden-message-js {
display: none
}
.user-connect-page {
margin: 32px auto;
float: none;
text-align: center
}
.user-connect-page .alert {
width: 250px;
margin: 0 auto 20px
}
#login-options .alert {
width: 100%;
margin-bottom: 20px
}
.user-confirmation-page {
margin: 32px auto
}
.user-confirmation-page .form-control {
width: 250px;
margin: 0 0 10px
}
.user-activate-page {
margin: 32px auto
}
.user-activate-page .form-control {
width: 250px;
margin: 0 0 10px
}
.user-acceptterms-page {
margin: 32px auto 0
}
.user-acceptterms-page .check-accept {
position: relative;
padding: 0 0 0 28px
}
.user-acceptterms-page .check-accept input {
position: absolute;
top: 0;
left: 0
}
.error-page {
margin: 52px auto 0;
text-align: center
}
.error-page .browser {
margin: 30px 10px;
display: inline-block;
zoom: 1
}
.error-page .browser .browser-image {
width: 140px;
height: auto;
border: 0
}
.error-page-partial {
min-height: 150px;
padding: 30px;
background-color: #e6e6e6;
border-radius: 5px;
text-align: center
}
.error-page-partial .error-page-heading {
color: #aaa;
font-weight: 700;
font-size: 34px;
margin-bottom: 0
}
.error-page-partial .error-page-text {
color: #aaa;
font-weight: 700
}
.error-page-partial .error-page-text a:active,
.error-page-partial .error-page-text a:link,
.error-page-partial .error-page-text a:visited {
color: inherit;
text-decoration: underline
}
.error-page-partial .error-page-text a:active:hover,
.error-page-partial .error-page-text a:link:hover,
.error-page-partial .error-page-text a:visited:hover {
text-decoration: none;
color: #292929
}
.unsubscribe-invitation {
margin: 32px auto
}
.review-verified-tooltip-text-hidden {
visibility: hidden;
opacity: 0;
display: inline-block;
position: absolute;
font-size: 12px
}
@media only screen and (min-width: 1024px) {
.review-verified-tooltip-text-hidden {
position: fixed
}
}
.review-verified {
position: relative;
display: inline-block;
cursor: pointer;
padding-right: 10px;
color: #c8c8c8
}
.review-verified .review-verified-tooltip-container {
position: absolute;
display: inline-block;
visibility: hidden;
opacity: 0;
top: -30px;
left: 100%;
background-color: #eee;
color: #292929;
padding: 8px;
border-radius: 4px;
z-index: 99;
box-shadow: 1px 1px 5px #c8c8c8;
transition: opacity .3s ease-in-out
}
@media only screen and (min-width: 1024px) {
.review-verified .review-verified-tooltip-container {
top: -8px
}
}
.review-verified .review-verified-tooltip-container .review-verified-tooltip-text {
margin: 0;
font-size: 12px
}
.review-verified .review-verified-tooltip-container .review-verified-tooltip-link {
color: #428bca
}
.review-verified .review-verified-tooltip-container .review-verified-tooltip-link:hover {
text-decoration: underline;
color: #428bca
}
.review-verified .review-verified-tooltip-container:before {
position: absolute;
display: inline-block;
border-top: 7px solid transparent;
border-right: 7px solid #eee;
border-bottom: 7px solid transparent;
border-right-color: rgba(0, 0, 0, .2);
left: -7px;
top: 30%;
content: ''
}
.review-verified .review-verified-tooltip-container:after {
position: absolute;
display: inline-block;
border-top: 6px solid transparent;
border-right: 6px solid #eee;
border-bottom: 6px solid transparent;
left: -5px;
top: 30%;
content: ''
}
.review-verified .visible {
visibility: visible;
opacity: 1
}
@keyframes spin {
0% {
transform: rotate(0)
}
100% {
transform: rotate(360deg)
}
}
.icon-spinner {
animation: spin 2s infinite linear;
display: inline-block
}
.pagination-container {
padding: 10px 0;
text-align: center;
overflow: hidden;
margin-bottom: 50px
}
.pagination-container .pagination-page {
padding: 10px 12px;
border-radius: 5px;
color: #666;
display: none
}
.pagination-container .pagination-page:hover {
background-color: #e6e6e6;
text-decoration: none
}
.pagination-container .pagination-page.active {
background-color: #e6e6e6;
font-weight: 700
}
.pagination-container .pagination-page.next-page:after,
.pagination-container .pagination-page.prev-page:before {
position: relative;
content: "";
display: inline-block;
width: 9px;
height: 9px;
border-right: 2px solid #666;
border-top: 2px solid #666
}
.pagination-container .pagination-page.next-page {
float: right
}
@media only screen and (min-width: 768px) {
.pagination-container .pagination-page {
display: inline-block
}
.pagination-container .pagination-page.next-page {
float: none
}
}
.pagination-container .pagination-page.next-page:after {
transform: rotate(45deg);
margin-left: 6px
}
.pagination-container .pagination-page.prev-page {
float: left
}
.pagination-container .pagination-page.prev-page:before {
transform: rotate(-135deg)
}
.pagination-container .pagination-page.next-page,
.pagination-container .pagination-page.prev-page {
background-color: #c8c8c8;
display: inline-block
}
.pagination-container .pagination-ellipsis {
margin: 0;
display: none
}
@media only screen and (min-width: 768px) {
.pagination-container .pagination-page.prev-page {
float: none
}
.pagination-container .pagination-ellipsis {
display: inline-block
}
}
.review-block.ad-block {
margin: 35px 0 0
}
.review-block.ad-block.single-display {
margin-bottom: 35px
}
@media (min-width: 728px) {
.review-block.ad-block.single-display .advert,
.review-block.ad-block.single-display .responsive {
width: 728px;
height: 90px;
margin: 0 auto
}
}
.review-block.ad-block .advert {
display: block;
height: 20px!important;
color: #666;
font-size: 12px
}
.advert,
.responsive {
width: 320px;
height: 50px;
margin: 0 auto;
overflow: hidden
}
@media (min-width: 520px) {
.advert,
.responsive {
width: 468px;
height: 60px;
margin: 0 auto
}
}
@media (max-width: 365px) {
.advert,
.responsive {
width: 200px;
height: 200px;
margin: 0 auto
}
}
@media (max-width: 319px) {
.advert,
.responsive {
width: 125px;
height: 125px;
margin: 0 auto
}
}
span.icon-pencil.edit-review {
border-radius: 5px;
font-size: 13.5px;
font-weight: 700;
padding-left: 11px;
padding-right: 25px;
line-height: 31px;
width: auto;
border-color: #c8c8c8;
color: #c8c8c8
}
span.icon-pencil.edit-review:hover {
background-color: #c8c8c8;
color: #fff
}
span.icon-pencil.edit-review>.edit-label {
margin-left: 8px
}
.navbar {
border: 0 solid transparent;
transition: margin-top .3s ease-in-out
}
.btn,
.btn-lg {
border-radius: 5px
}
.navbar-inverse {
background-color: #292929
}
.navbar-form {
display: none;
padding: 0;
text-align: right
}
@media only screen and (min-width: 768px) {
.navbar-form {
display: block!important
}
}
@media only screen and (min-width: 1024px) {
.navbar-form {
text-align: center
}
}
.navbar-brand {
padding: 20px 0 0!important;
float: left;
font-size: 18px;
line-height: 20px;
display: inline-block;
margin-left: 0
}
@media (min-width: 280px) {
.navbar>.container .navbar-brand {
margin-left: 0
}
}
.navbar-brand img {
display: initial!important
}
.btn {
position: relative;
box-shadow: 0 3px 0 -1px #aaa
}
.btn:active {
top: 1px;
box-shadow: 0 2px 1px -1px #aaa
}
@media only screen and (max-width: 479px) {
.btn {
width: 100%
}
}
.btn-lg {
padding: 10px 16px;
font-size: 14px;
line-height: 1.33
}
.btn-cta {
color: #fff;
background-color: #f2800d;
box-shadow: 0 3px 0 -1px #914d08;
border: none
}
.btn-cta.active,
.btn-cta:active,
.btn-cta:focus,
.btn-cta:hover,
.open .btn-cta.dropdown-toggle {
color: #fff;
background-color: #cb6c0b;
border-color: #a05409
}
.btn-cta.active,
.btn-cta:active,
.open .btn-cta.dropdown-toggle {
background-image: none
}
.btn-cta.disabled,
.btn-cta.disabled.active,
.btn-cta.disabled:active,
.btn-cta.disabled:focus,
.btn-cta.disabled:hover,
.btn-cta[disabled],
.btn-cta[disabled].active,
.btn-cta[disabled]:active,
.btn-cta[disabled]:focus,
.btn-cta[disabled]:hover,
fieldset[disabled] .btn-cta,
fieldset[disabled] .btn-cta.active,
fieldset[disabled] .btn-cta:active,
fieldset[disabled] .btn-cta:focus,
fieldset[disabled] .btn-cta:hover {
background-color: #f2800d;
border-color: #da730c
}
.btn-cta:active {
top: 1px;
box-shadow: 0 2px 1px -1px #914d08
}
.form-control:focus {
border-color: #ccc;
outline: 0;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(204, 204, 204, .6)
}
.hide {
display: none
}
.row {
margin-right: 0;
margin-left: 0
}
.scene-overlay .form-group {
margin-bottom: 5px
}
@media only screen and (min-width: 768px) {
.scene-overlay .form-group {
margin-bottom: 15px
}
}
.review-submitted-page-wrapper {
background-color: #f1f1f1;
height: 100%
}
.review-submitted-page-wrapper .margin-top {
margin-top: 20px
}
.review-submitted-page-wrapper .cta-row {
margin-top: 50px;
margin-bottom: 50px;
text-align: center
}
.review-submitted-page-wrapper .header-row {
text-align: center;
margin-top: 50px
}
.review-submitted-page-wrapper .icon-review-submitted {
font-size: 50px
}
.review-submitted-page-wrapper .icon-trophy {
color: #d6d6d6
}
.review-submitted-page-wrapper .icon-exclamation-triangle {
color: #666
}
.review-submitted-page-wrapper .icon-spinner {
color: #666;
height: 62px
}
.review-submitted-page-wrapper .icon-envelope {
color: #f2800d
}
.review-submitted-page-wrapper .no-review-scenarios {
border-radius: 5px;
background-color: #d6d6d6;
padding-top: 30px;
padding-bottom: 30px
}
.review-submitted-page-wrapper .api-error,
.review-submitted-page-wrapper .email-not-verified,
.review-submitted-page-wrapper .email-when-published,
.review-submitted-page-wrapper .review-processing {
color: #666
}
.review-submitted-page-wrapper .companyinformation-wrapper {
background-color: transparent
}
.review-submitted-page-wrapper .companyinformation-wrapper .review {
border-radius: 5px;
border: 2px solid #d6d6d6
}
.review-submitted-page-wrapper .companyinformation-wrapper .review.correlated {
background-color: #fff;
animation: none
}
.review-submitted-page-wrapper .companyinformation-wrapper .review:first-child {
margin: 0
}
.aboutpage-hero-image {
height: 400px;
width: 100%;
background: url(//images-static.trustpilot.com/community/about/about-page-hero-image.png) center top no-repeat fixed;
background-size: 100% auto
}
.aboutpage-hero-image .aboutpage-hero-image--text {
width: 90%;
color: #fff;
margin: 0 auto;
text-align: center;
text-shadow: 1px 1px 3px #292929;
font-size: 2.8em;
padding: 145px 0;
display: block
}
@media (min-width: 768px) {
.aboutpage-hero-image .aboutpage-hero-image--text {
padding: 173px 0
}
}
.aboutpage-hero-image .aboutpage-hero-image--text .aboutpage-hero-onlinecommunity {
color: #f2800d
}
.aboutpage-userinfo {
background-color: #eee;
padding: 75px 0;
box-shadow: 0 -20px 55px -5px rgba(0, 0, 0, .59)
}
@media (min-width: 1024px) {
.aboutpage-hero-image .aboutpage-hero-image--text {
width: 980px;
font-size: 2.8em
}
.aboutpage-userinfo {
padding: 0 0 52px
}
}
.aboutpage-userinfo .row {
width: 100%
}
.aboutpage-userinfo .row .col {
text-align: center;
z-index: 1
}
@media (min-width: 1024px) {
.aboutpage-userinfo .row {
width: 1024px;
margin: 0 auto
}
.aboutpage-userinfo .row .col {
margin-top: -26px
}
}
.aboutpage-userinfo .row .col .aboutpage-userinfo--image {
width: 150px
}
.aboutpage-userinfo .row .col .aboutpage-userinfo--image.third-img-child {
width: 200px;
height: 150px
}
.aboutpage-userinfo .row .col .group {
color: #f2800d;
font-weight: 700;
font-size: 2em;
margin: 20px 0 10px
}
@media (min-width: 1024px) {
.aboutpage-userinfo .row .col .aboutpage-userinfo--image {
width: 200px
}
.aboutpage-userinfo .row .col .aboutpage-userinfo--image.third-img-child {
width: 250px;
height: 200px
}
.aboutpage-userinfo .row .col .group {
margin: 40px 0 10px
}
}
@media (max-width: 1023px) {
.aboutpage-userinfo .row .col .group {
font-size: 1.4em
}
}
.aboutpage-userinfo .row .col .group-description {
width: 250px;
margin: 0 auto 50px;
font-size: 1.2em;
color: #aaa
}
@media (min-width: 1024px) {
.aboutpage-userinfo .row .col .group-description {
margin: 0 auto
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.aboutpage-userinfo {
padding: 75px 0 25px
}
.aboutpage-userinfo .row .col .group-description {
width: 200px;
font-size: 1.1em
}
}
.aboutpage-community {
background-color: #292929;
padding: 55px 0
}
.aboutpage-community .aboutpage-community--header {
margin: 0 auto 80px;
color: #fff;
width: 400px;
font-size: 2em;
text-align: center
}
@media (min-width: 1024px) {
.aboutpage-community .aboutpage-community--header {
font-size: 2.8em;
width: 600px
}
}
.aboutpage-community .row {
width: 100%;
margin: 0 auto
}
@media (min-width: 1024px) {
.aboutpage-community .row {
width: 1024px
}
}
.aboutpage-community .row .col {
text-align: center
}
.aboutpage-community .row .col .aboutpage-community--image {
width: 200px
}
@media (max-width: 1023px) {
.aboutpage-community .row .col .aboutpage-community--image {
width: 150px
}
}
.aboutpage-community .row .col .aboutpage-community--image.first-child {
width: 235px
}
@media (max-width: 1023px) {
.aboutpage-community .row .col .aboutpage-community--image.first-child {
width: 180px
}
}
.aboutpage-community .row .col .group-description {
width: 225px;
margin: 25px auto 50px;
font-size: 1.1em;
color: #fff
}
@media (min-width: 1024px) {
.aboutpage-community .row .col .group-description {
width: 250px;
font-size: 1.2em
}
}
@media (min-width: 768px) {
.aboutpage-community .row .col .group-description {
margin: 25px auto 0
}
}
.aboutpage-trustpilot-team {
padding: 75px 0;
text-align: center
}
.aboutpage-trustpilot-team .aboutpage-trustpilot-team--header {
margin: 0;
font-size: 2em;
font-weight: 700
}
@media (min-width: 1024px) {
.aboutpage-trustpilot-team .aboutpage-trustpilot-team--header {
font-size: 2.8em
}
}
.aboutpage-trustpilot-team .aboutpage-trustpilot-team--paragraph {
font-size: 1.8em;
width: 90%;
margin: 40px auto 0;
color: #aaa
}
@media (min-width: 768px) {
.aboutpage-trustpilot-team .aboutpage-trustpilot-team--paragraph {
width: 600px
}
}
.aboutpage-trustpilot-team .row {
width: 100%;
margin: 0 auto
}
@media (min-width: 1024px) {
.aboutpage-trustpilot-team .aboutpage-trustpilot-team--paragraph {
font-size: 2em
}
.aboutpage-trustpilot-team .row {
width: 1024px
}
}
.aboutpage-trustpilot-team .row .c-member {
margin-top: 80px
}
.aboutpage-trustpilot-team .row .c-member .c-image {
display: block;
margin: 0 auto;
width: 125px
}
.aboutpage-trustpilot-team .row .c-member .c-name {
font-size: 1.4em;
font-weight: 500;
margin: 15px 0 5px
}
@media (min-width: 1024px) {
.aboutpage-trustpilot-team .row .c-member .c-image {
width: 150px
}
.aboutpage-trustpilot-team .row .c-member .c-name {
font-size: 1.6em
}
}
.aboutpage-trustpilot-team .row .c-member .c-title {
font-size: 1.2em
}
@media (min-width: 1024px) {
.aboutpage-trustpilot-team .row .c-member .c-title {
font-size: 1.4em
}
}
.aboutpage-timeline {
display: block;
width: 100%;
padding: 52px 0
}
.aboutpage-timeline .timeline-beginning {
width: 200px;
display: block;
margin: 0 auto;
text-align: center
}
.aboutpage-timeline .timeline-beginning .aboutpage-timeline--little-marmaid {
width: 175px;
margin-bottom: 25px
}
.aboutpage-timeline .timeline-beginning .aboutpage-timeline--beginning-text {
margin: 10px -12px 25px;
width: 224px;
font-size: 1.1em;
color: #aaa
}
@media (min-width: 768px) {
.aboutpage-timeline .timeline-beginning .aboutpage-timeline--beginning-text {
text-align: left;
position: absolute;
margin-top: -150px;
margin-left: 200px
}
}
.aboutpage-timeline .timeline-beginning .year {
color: #f2800d;
font-weight: 700;
font-size: 2em;
border-bottom: 3px solid #d6d6d6
}
.aboutpage-timeline .timeline-beginning-journey,
.aboutpage-timeline .timeline-today-journey {
padding: 0;
margin: 0
}
.aboutpage-timeline .timeline-beginning-journey li,
.aboutpage-timeline .timeline-today-journey li {
list-style-type: none;
position: relative;
width: 3px;
margin: 0 auto;
padding-top: 50px;
background: #d6d6d6;
color: #aaa
}
.aboutpage-timeline .timeline-beginning-journey li .fifth-event::after,
.aboutpage-timeline .timeline-beginning-journey li .second-event::after,
.aboutpage-timeline .timeline-beginning-journey li:nth-child(2):after,
.aboutpage-timeline .timeline-today-journey li .fifth-event::after,
.aboutpage-timeline .timeline-today-journey li .second-event::after,
.aboutpage-timeline .timeline-today-journey li:nth-child(2):after {
margin-left: 50px
}
.aboutpage-timeline .timeline-beginning-journey li .fifth-event,
.aboutpage-timeline .timeline-beginning-journey li .first-event,
.aboutpage-timeline .timeline-beginning-journey li .fourth-event,
.aboutpage-timeline .timeline-beginning-journey li .second-event,
.aboutpage-timeline .timeline-beginning-journey li .sixth-event,
.aboutpage-timeline .timeline-beginning-journey li .third-event,
.aboutpage-timeline .timeline-today-journey li .fifth-event,
.aboutpage-timeline .timeline-today-journey li .first-event,
.aboutpage-timeline .timeline-today-journey li .fourth-event,
.aboutpage-timeline .timeline-today-journey li .second-event,
.aboutpage-timeline .timeline-today-journey li .sixth-event,
.aboutpage-timeline .timeline-today-journey li .third-event {
position: relative;
bottom: 0;
width: 450px;
padding: 15px
}
.aboutpage-timeline .timeline-beginning-journey li .first-event,
.aboutpage-timeline .timeline-beginning-journey li .fourth-event,
.aboutpage-timeline .timeline-beginning-journey li .sixth-event,
.aboutpage-timeline .timeline-beginning-journey li .third-event,
.aboutpage-timeline .timeline-today-journey li .first-event,
.aboutpage-timeline .timeline-today-journey li .fourth-event,
.aboutpage-timeline .timeline-today-journey li .sixth-event,
.aboutpage-timeline .timeline-today-journey li .third-event {
left: -450px
}
.aboutpage-timeline .timeline-beginning-journey li .first-event .timeline-journey--image,
.aboutpage-timeline .timeline-beginning-journey li .fourth-event .timeline-journey--image,
.aboutpage-timeline .timeline-beginning-journey li .sixth-event .timeline-journey--image,
.aboutpage-timeline .timeline-beginning-journey li .third-event .timeline-journey--image,
.aboutpage-timeline .timeline-today-journey li .first-event .timeline-journey--image,
.aboutpage-timeline .timeline-today-journey li .fourth-event .timeline-journey--image,
.aboutpage-timeline .timeline-today-journey li .sixth-event .timeline-journey--image,
.aboutpage-timeline .timeline-today-journey li .third-event .timeline-journey--image {
width: 200px;
display: inline-block
}
.aboutpage-timeline .timeline-beginning-journey li .first-event .timeline-journey--text,
.aboutpage-timeline .timeline-beginning-journey li .fourth-event .timeline-journey--text,
.aboutpage-timeline .timeline-beginning-journey li .sixth-event .timeline-journey--text,
.aboutpage-timeline .timeline-beginning-journey li .third-event .timeline-journey--text,
.aboutpage-timeline .timeline-today-journey li .first-event .timeline-journey--text,
.aboutpage-timeline .timeline-today-journey li .fourth-event .timeline-journey--text,
.aboutpage-timeline .timeline-today-journey li .sixth-event .timeline-journey--text,
.aboutpage-timeline .timeline-today-journey li .third-event .timeline-journey--text {
display: inline-block;
width: 215px;
text-align: right;
font-size: 1.1em;
height: 100%;
vertical-align: middle
}
.aboutpage-timeline .timeline-beginning-journey li .fifth-event .timeline-journey--image,
.aboutpage-timeline .timeline-beginning-journey li .second-event .timeline-journey--image,
.aboutpage-timeline .timeline-today-journey li .fifth-event .timeline-journey--image,
.aboutpage-timeline .timeline-today-journey li .second-event .timeline-journey--image {
width: 200px;
display: inline-block
}
.aboutpage-timeline .timeline-beginning-journey li .fifth-event .timeline-journey--text,
.aboutpage-timeline .timeline-beginning-journey li .second-event .timeline-journey--text,
.aboutpage-timeline .timeline-today-journey li .fifth-event .timeline-journey--text,
.aboutpage-timeline .timeline-today-journey li .second-event .timeline-journey--text {
display: inline-block;
width: 215px;
font-size: 1.1em;
height: 100%;
vertical-align: middle
}
@media (min-width: 768px) and (max-width: 1023px) {
.aboutpage-timeline .timeline-beginning-journey li .first-event,
.aboutpage-timeline .timeline-beginning-journey li .fourth-event,
.aboutpage-timeline .timeline-beginning-journey li .sixth-event,
.aboutpage-timeline .timeline-beginning-journey li .third-event,
.aboutpage-timeline .timeline-today-journey li .first-event,
.aboutpage-timeline .timeline-today-journey li .fourth-event,
.aboutpage-timeline .timeline-today-journey li .sixth-event,
.aboutpage-timeline .timeline-today-journey li .third-event {
left: -330px
}
.aboutpage-timeline .timeline-beginning-journey li .second-event,
.aboutpage-timeline .timeline-today-journey li .second-event {
left: -119px
}
.aboutpage-timeline .timeline-beginning-journey li .fifth-event,
.aboutpage-timeline .timeline-today-journey li .fifth-event {
left: -114px
}
.aboutpage-timeline .timeline-beginning-journey li .to-be-continued,
.aboutpage-timeline .timeline-today-journey li .to-be-continued {
left: -145px
}
}
@media (max-width: 767px) {
.aboutpage-timeline .timeline-beginning-journey li .fifth-event,
.aboutpage-timeline .timeline-beginning-journey li .first-event,
.aboutpage-timeline .timeline-beginning-journey li .fourth-event,
.aboutpage-timeline .timeline-beginning-journey li .second-event,
.aboutpage-timeline .timeline-beginning-journey li .sixth-event,
.aboutpage-timeline .timeline-beginning-journey li .third-event,
.aboutpage-timeline .timeline-today-journey li .fifth-event,
.aboutpage-timeline .timeline-today-journey li .first-event,
.aboutpage-timeline .timeline-today-journey li .fourth-event,
.aboutpage-timeline .timeline-today-journey li .second-event,
.aboutpage-timeline .timeline-today-journey li .sixth-event,
.aboutpage-timeline .timeline-today-journey li .third-event {
background: #fff
}
.aboutpage-timeline .timeline-beginning-journey li .first-event,
.aboutpage-timeline .timeline-beginning-journey li .second-event,
.aboutpage-timeline .timeline-beginning-journey li .third-event,
.aboutpage-timeline .timeline-today-journey li .first-event,
.aboutpage-timeline .timeline-today-journey li .second-event,
.aboutpage-timeline .timeline-today-journey li .third-event {
left: -221px
}
.aboutpage-timeline .timeline-beginning-journey li .fifth-event,
.aboutpage-timeline .timeline-beginning-journey li .fourth-event,
.aboutpage-timeline .timeline-beginning-journey li .sixth-event,
.aboutpage-timeline .timeline-today-journey li .fifth-event,
.aboutpage-timeline .timeline-today-journey li .fourth-event,
.aboutpage-timeline .timeline-today-journey li .sixth-event {
left: -224px
}
}
.aboutpage-timeline .timeline-beginning-journey li::after,
.aboutpage-timeline .timeline-today-journey li::after {
content: none;
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
width: 100px;
height: 3px;
background: inherit;
top: 50%;
margin-top: 25px;
margin-left: -50px;
z-index: -1
}
@media (min-width: 1024px) {
.aboutpage-timeline .timeline-beginning-journey li::after,
.aboutpage-timeline .timeline-today-journey li::after {
content: ''
}
}
.aboutpage-timeline .timeline-beginning-journey li:last-of-type {
background: linear-gradient(0deg, #fff 39%, #d6d6d6 0)
}
.aboutpage-timeline .timeline-beginning-journey li:last-of-type::after {
background: #d6d6d6;
margin-top: 26px
}
.aboutpage-timeline .timeline-today {
margin-top: 75px
}
.aboutpage-timeline .timeline-today .timeline-today-date {
color: #f2800d;
font-weight: 700;
font-size: 2em;
text-align: center;
border-bottom: 3px solid #d6d6d6;
width: 200px;
margin: 0 auto
}
.aboutpage-timeline .timeline-today-journey li:last-of-type {
background: linear-gradient(45deg, #fff 50%, #d6d6d6 50%)
}
.aboutpage-timeline .timeline-today-journey li:last-of-type .to-be-continued {
position: relative;
left: -140px;
width: 305px;
margin-top: 75px
}
.aboutpage-timeline .timeline-today-journey li:last-of-type .to-be-continued .timeline-journey--image {
width: 285px;
display: block
}
.aboutpage-timeline .timeline-today-journey li:last-of-type .to-be-continued .timeline-journey--text {
width: 240px;
display: block;
margin: 25px auto 0;
text-align: center;
font-size: 1.2em
}
.aboutpage-timeline .timeline-today-journey li:last-of-type::after {
content: none
}
.evaluatepage.wrap {
margin: 30px auto 10px
}
.evaluatepage .evaluatepage-heading {
font: 700 28px 'Helvetica Neue', Arial, Helvetica, sans-serif;
margin-top: 0;
margin-bottom: 30px
}
.evaluatepage .review-form {
background: #e6e6e6;
border-radius: 12px;
width: 565px;
padding: 32px 28px;
margin-bottom: 40px;
float: left;
position: relative;
color: #666
}
.evaluatepage .review-form .overlay {
display: none
}
.evaluatepage .review-form.disabled .overlay {
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 10;
width: 100%;
height: 100%;
background: rgba(241, 241, 241, .6)
}
.evaluatepage .review-form .star-rating #starevaluationbutton {
float: left;
width: 218px;
margin: 0
}
@media only screen and (max-width: 570px) {
.evaluatepage .review-form .star-rating #starevaluationbutton {
float: none
}
}
.evaluatepage .review-form .star-rating .desc {
color: #666;
width: 265px;
height: 70px;
font-size: 14px;
float: left;
font-style: italic;
margin: 0;
line-height: 1.2em
}
@media only screen and (max-width: 570px) {
.evaluatepage .review-form .star-rating .desc {
float: none;
width: auto;
margin-top: 10px;
margin-bottom: 25px;
height: auto
}
}
.evaluatepage .review-form .error {
margin-top: 10px
}
.evaluatepage .review-form .label {
font-size: 18px;
font-weight: 700;
padding: 0 0 5px;
display: block;
clear: both;
margin: 0;
text-align: left;
color: #666;
white-space: normal
}
.evaluatepage .label.label-done,
.evaluatepage div.label-done,
.evaluatepage p.label-done {
color: #c8c8c8;
text-shadow: #fff 0 1px 1px
}
.evaluatepage input.headline,
.evaluatepage input.orderid,
.evaluatepage input.public-name,
.evaluatepage textarea.review {
width: 100%;
border: 1px solid #888;
margin: 0 0 25px;
color: #1b1b1b;
padding: 8px 6px
}
.evaluatepage textarea.review {
height: 200px;
line-height: 22px
}
.evaluatepage input.orderid,
.evaluatepage input.public-name {
padding: 12px 6px 9px
}
.evaluatepage input::-webkit-input-placeholder,
.evaluatepage textarea::-webkit-input-placeholder {
color: #aaa
}
.evaluatepage input:-moz-placeholder,
.evaluatepage textarea:-moz-placeholder {
color: #aaa
}
.evaluatepage .button,
.evaluatepage .button:active,
.evaluatepage .button:focus,
.evaluatepage .button:hover,
.evaluatepage .button:visited {
width: 484px;
text-align: center;
border: 0;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 1.5em;
font-weight: 700;
margin: 10px 0 0;
padding: 12px 14px 14px;
text-decoration: none;
text-shadow: 0 -1px 1px rgba(0, 0, 0, .25);
border-radius: 5px;
box-shadow: 0, 1px, 3px, rgba(0, 0, 0, .3);
background: #FFA84C;
background: linear-gradient(to bottom, #ffa84c 0, #ff7b0d 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0)
}
.evaluatepage .disabled .button,
.evaluatepage .disabled .button:hover,
.evaluatepage .disabled .button:visited {
background: #666;
background: linear-gradient(to bottom, #666 0, #292929 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0);
cursor: default
}
.evaluatepage .button:hover {
text-decoration: none;
color: #fff
}
.evaluatepage .button:active,
.evaluatepage .button:focus,
.evaluatepage .button:hover {
color: #fff;
background: #ff921e;
background: linear-gradient(to bottom, #ff921e 0, #de6500 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0)
}
.evaluatepage #conditions,
.evaluatepage #inform {
position: relative;
margin: 0 0 10px 10px
}
.evaluatepage #conditions input[type=checkbox],
.evaluatepage #inform input[type=checkbox] {
position: absolute;
top: 0;
left: 0
}
.evaluatepage #conditions input[type=text],
.evaluatepage #inform input[type=text] {
vertical-align: top;
display: inline-block;
border: 0;
background: #fff;
font-size: 12px;
text-align: right;
padding: 0;
margin: 0;
width: 60px;
min-width: 25px
}
.evaluatepage #conditions label,
.evaluatepage #conditions span.text,
.evaluatepage #inform label,
.evaluatepage #inform span.text {
padding-left: 25px;
font-weight: 400
}
.evaluatepage #conditions .review-sendto,
.evaluatepage #inform .review-sendto {
margin-top: 10px
}
.evaluatepage #conditions span.text-wrapper,
.evaluatepage #inform span.text-wrapper {
position: relative;
display: inline-block;
margin: 0 0 0 26px;
padding: 8px 10px 6px;
background: #d9d9d9;
border-radius: 5px
}
.evaluatepage #conditions a,
.evaluatepage #inform a {
color: #292929;
text-decoration: underline;
font-weight: 400;
line-height: 16px
}
.evaluatepage #conditions a:hover,
.evaluatepage #inform a:hover {
text-decoration: underline
}
.evaluatepage #login-options {
margin: 20px 0 0
}
.evaluatepage .text {
font-size: 12px;
margin-top: 10px
}
.evaluatepage .text a {
cursor: pointer;
font-weight: 400
}
.evaluatepage .info-col {
margin: 29px 0 0 40px;
width: 340px;
float: left
}
.evaluatepage .info-col h2 {
color: #2b4e97;
font-size: 20px;
margin: 0
}
.evaluatepage .info-col p {
color: #666;
display: block;
line-height: 24px;
margin: .3em 0 1.6em
}
.evaluatepage .bia,
.evaluatepage .bic,
.evaluatepage .bie,
.evaluatepage .big,
.evaluatepage .bii,
.evaluatepage .biz {
background: url(//images-static.trustpilot.com/community/evaluate/sprite_stars_2015.png) no-repeat;
display: block;
width: 218px;
height: 40px
}
.evaluatepage p.bia {
background-position: 0 -41px
}
.evaluatepage p.bic {
background-position: 0 -81px
}
.evaluatepage p.bie {
background-position: 0 -121px
}
.evaluatepage p.big {
background-position: 0 -161px
}
.evaluatepage p.bii {
background-position: 0 -201px
}
.evaluatepage p.biz {
background-position: 0 -1px
}
.evaluatepage .starbutton {
width: 41px;
height: 40px;
float: left;
display: inline-block;
cursor: pointer;
margin-right: 1px;
border-radius: 3px
}
.evaluatepage .iframe-mode .review-form {
width: auto;
float: none;
overflow: hidden
}
.evaluatepage .iframe-mode .button,
.evaluatepage .iframe-mode input.headline,
.evaluatepage .iframe-mode input.orderid,
.evaluatepage .iframe-mode input.public-name,
.evaluatepage .iframe-mode textarea.review {
width: 100%;
display: block
}
.evaluatepage .iframe-mode .button {
overflow: hidden
}
.evaluatepage .thanks-page {
padding-top: 10%;
text-align: center
}
@media only screen and (max-width: 959px) {
.evaluatepage .info-col,
.evaluatepage .review-form {
float: none;
width: auto
}
.evaluatepage .review-form {
padding: 5%
}
.evaluatepage .review-form input.headline,
.evaluatepage .review-form input.orderid,
.evaluatepage .review-form input.public-name,
.evaluatepage .review-form textarea.review {
width: 100%;
box-sizing: border-box
}
.evaluatepage .review-form #conditions label.text {
width: 85%
}
.evaluatepage .review-form .button {
width: 100%
}
.evaluatepage .info-col {
margin: 0
}
}
@media only screen and (max-width: 321px) {
.evaluatepage h1 {
font-size: 20px;
margin-bottom: 30px
}
.evaluatepage .review-form #conditions label.text {
width: 85%
}
.evaluatepage .button {
font-size: 1.2em
}
}
.evaluatepage #blocked-user-login-error {
width: 485px;
margin-bottom: 40px;
float: left;
position: relative
}
.evaluatepage .embedded-anchor {
color: #3b5998
}
.evaluatepage .hwt-container {
display: inline-block;
position: relative;
overflow: hidden;
-webkit-text-size-adjust: none;
box-sizing: border-box;
background-color: #fff;
margin: 0 0 25px;
width: 100%
}
.evaluatepage .hwt-container .headline,
.evaluatepage .hwt-container .review {
margin: 0
}
.evaluatepage .hwt-container .hwt-content mark {
background-color: rgba(255, 147, 147, .5);
border-bottom: 1px dashed red
}
.evaluatepage .hwt-container .hwt-backdrop,
.evaluatepage .hwt-container div.hwt-content,
.evaluatepage .hwt-container input.hwt-content {
resize: none
}
.evaluatepage .hwt-container .hwt-backdrop {
position: absolute;
top: 0;
right: -99px;
bottom: 0;
left: 0;
padding-right: 99px;
overflow-x: hidden;
overflow-y: auto
}
.evaluatepage .hwt-container .hwt-highlights {
width: auto;
height: auto;
border-color: transparent;
white-space: pre-wrap;
word-wrap: break-word;
color: transparent;
overflow: hidden
}
.evaluatepage .hwt-container .hwt-input {
display: block;
position: relative;
margin: 0;
padding: 0;
border-radius: 0;
font: inherit;
overflow-x: hidden;
overflow-y: auto
}
.evaluatepage .hwt-container .hwt-content {
background: none;
width: 100%;
white-space: pre-wrap;
box-sizing: border-box;
margin: 0;
line-height: 22px;
padding: 8px 6px;
resize: vertical
}
.evaluatepage .hwt-container .hwt-content mark {
color: inherit
}
.abtest-ui-container {
position: fixed;
bottom: 15px;
right: 15px;
width: 300px;
height: 300px;
padding: 10px;
color: #292929;
z-index: 999;
background-color: #fff;
border: 1px solid #f2800d;
box-shadow: 0 0 0 15px rgba(0, 0, 0, .2);
transition: all .5s ease-out;
opacity: 1
}
.abtest-ui-container.hideme {
bottom: -350px;
opacity: 0
}
.abtest-ui-container .abtest-header {
position: relative;
top: 0;
left: 0;
padding: 10px;
margin: -10px -10px 10px;
background-color: #292929;
color: #fff;
font-size: 16px;
font-weight: 700;
width: 298px
}
.abtest-ui-container .abtest-data-label {
display: inline-block;
margin-bottom: 2px;
margin-right: 5px;
color: #292929
}
.abtest-ui-container .abtest-data-label:after {
content: ":"
}
.abtest-ui-container .abtest-data-value {
color: #1b1b1b;
font-weight: 700;
text-transform: capitalise
}
.abtest-ui-container .abtest-variant {
text-transform: uppercase;
color: #6f3
}
.abtest-ui-container .abtest-close {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: -8px;
right: -8px;
background-color: #f2800d;
color: #1b1b1b;
height: 20px;
width: 20px;
border-radius: 5px;
cursor: pointer
}
.abtest-ui-container .delete-abtest-cookie {
display: block;
margin: 10px auto;
padding: 5px 10px;
background-color: #f2800d;
font-size: 18px;
color: #fff;
border: 0
}
.login-hide {
visibility: hidden;
height: 0;
transition: opacity 250ms ease-in-out;
opacity: 0
}