/*
 * GLOBALS
 *
 * Main Color: #205c7e
 *
 */
/* main background color */
.vinbox-container,
.top-bar,
.top-bar a,
.top-bar ul,
.section-blue,
.title-bar-mobile,
.main-bg
{
	background-color: #205c7e;
	color: #fff;
}
.top-bar a:hover {
	background-color: #27739c;
}
/* main text color */
body {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 110%;
}
h1,
h2,
h4,
.section-buynow h5
{
	color: #205c7e;
}

label {
	font-size: 1.2rem;
}

/*
 * CODE EDIT HERE
 */
input[type=submit][disabled=disabled],
button[disabled=disabled],
.button.disabled,
.button[disabled] {
	cursor: wait;
}

.section-blue h2 {
	color: #fff;
}

.top-bar li {
	text-transform: uppercase;
}
.title-bar-mobile .title-bar-title {
	cursor: pointer;
}
.title-bar-mobile {
	background-image: url('/media/footer-logo.png');
	background-position: center;
	background-size: auto;
	background-repeat: no-repeat;
}
.title-bar-mobile .menu-icon {
	width: 35px;
}
.section {
	width: 100%;
	padding: 2rem 0;
}
.section-gray {
	background-color: #d2d2d2;
	color: #505050;
	padding: 2rem 0;
}
.section-dark {
	background-color: #ededee;
	padding: 2rem 0;
}
.section-light {
	background-color: #fff;
	padding: 2rem 0;
}
.section-special {
	background: url('/media/background-blue-grain.png') repeat;
	color: #fff;
}
.section-special h2 {
	color: #fff;
}
.section-main {
	margin-top: 2rem;
}
.section-minipage {
	margin-bottom: 8rem;
}
.main-heading {
	padding-bottom: 1.5rem;
}
.section-quote-slider {
	background-color: #070707;
	color: #bbb;
}
.section-quote-slider a {
	color: #bbb;
}
.section-quote-slider a:hover {
	color: #fff;
	text-decoration: underline;
}
.section-quote-slider button.orbit-previous, .section-quote-slider button.orbit-next {
	color: #bbb;
	cursor: pointer;
}
.section-footer {
	background-color: #7b7c7e;
	padding: 3rem 1rem;
	color: #d1d1d1;
	font-size: 0.95rem;
}
.section-footer a {
	color: #f1f1f1;
	font-size: 1rem;
	text-transform: uppercase;
}
.section-footer a:hover {
	color: #fff;
	text-decoration: underline;
}
.section-price {
	padding: 2rem 0 3rem 0;
}

.quote-slider-slide {
	padding: 2rem 4rem;
}

.lightbox {
	background-color: #f5f5f5;
	padding: 1em 1.5em;
}
.lightbox img {
	margin-right: 2rem;
	margin-bottom: 1rem;
}

.vinbox-container {
	padding: 1.2rem 1.5rem;
}
.vinbox-container a {
	color: #eee;
}
.vinbox-container a:hover {
	color: #ccc;
}
.vinbox-container h3 {
	font-weight: 700;
}
.vinbox-header {
	font-size: 1.4rem;
	font-weight: 700;
}
.vinbox-input {
	font-size: 1.2rem;
	text-transform: uppercase;
	margin-top: 0.5rem;
}

.home-explanation {
	padding-top: 1.5rem;
}
.home-explanation li {
	margin-bottom: 0.7rem;
}

.home-example-text {
	font-size: 1.5rem;
}

.feature-block {
	margin-bottom: 3rem;
	text-align: center;
}
.feature-block img {
	padding: 1.25rem;
	margin: 1rem auto 0 auto;
}

.report-header {
	padding: 1rem;
	font-size: 1.7rem;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
}
.report-header a {
	color: #fff;
}
.report-header a:hover {
	color: #ccc;
}
.report {
	border-left: medium solid #205c7e;
	border-right: medium solid #205c7e;
}
.report table {
	margin-bottom: 0;
	border-collapse: collapse;
}
.report .columns {
	padding: 1rem;
}
.report .label {
	font-size: 1rem;
}
.report .odometer-reading {
	color: #225c7e;
}
.report .column.odometer-reading-column,
.report .columns.odometer-reading-column {
	padding: 0;
}
.report-warnings img {
	margin-right: 1rem;
}
.report-warnings li {
	margin-bottom: 0.7rem;
}
.report-subheader {
	color: #225c7e;
	padding: 1rem;
	font-size: 1.3rem;
	font-weight: 700;
	background-color: #96aacb;
	text-transform: uppercase;
}
.report-subheader.report-subheader-secondary {
	color: #eee;
	background-color: #404040;
}
.report-list td a {
	display: block;
	height: 100%;
	width: 100%;
	color: #000;
}
.report-images button {
    background-color: rgba(0, 0, 0, 0.9);
	width: 3rem;
	height: 3rem;
    border-radius: 50%; /* Circular shape */
    border: none;
    align-items: center;
    display: flex; /* Center the SVG inside, supported in all browsers */
    justify-content: center;
    color: #fff;
	cursor: pointer;
}
.report-images button:hover {
    background-color: rgba(0, 0, 0, 0.7);
	cursor: pointer;
}
.report-images-svg path {
    stroke-width: 2 !important;
    stroke: currentColor;
    fill: currentColor;
}
.report-images .orbit-next {
	margin-right: 0.3rem;
}
.report-images .orbit-previous {
	margin-left: 0.3rem;
}
.report-images .slide-counter {
    background-color: rgba(0, 0, 0, 0.9);
	color: #fff;

    user-select: none;
    position: absolute;
    bottom: 0.3rem;
    right: 0.3rem;
    font-size: 1rem;
    padding: 0.3rem 1rem;
    border-radius: 0.5rem;
    z-index: 10;
    display: flex;
    align-items: center;
    gap: 0.2rem;
}
.report-images .report-images-svg {
      width: 1rem;
      height: 1rem;
      fill: currentColor;
      vertical-align: middle;
      margin-right: 0.2rem;

}
.report-images .slide-counter span {
    vertical-align: middle;
}

.example-report-info {
	max-width: 15rem;
	padding: 0.6rem;
	text-align: center;
	font-size: 0.8em;
}
.example-report-info.blue {
	background-color: #6d829f;
	color: #fff;
}
.example-report-info.black {
	background-color: #414141;
	color: #fbe6a5;;
}
.example-report-info.yellow {
	background-color: #fbe6a5;;
	color: #414141;
}
.example-report-info-container.example-report-info-container-top {
	margin-top: 4rem;
}
.example-report-info-container {
	margin-top: 2rem;
	position: absolute;
	left: 50%;
	margin-left: 33%;
}
.example-report-info-decoder-1 {
	margin-top: 4rem;
}
.example-report-info-decoder-2 {
	margin-top: 3rem;
}
.example-report-info-decoder-3 {
	margin-top: 6rem;
}
.example-report-info-history-1 {
	margin-top: 4rem;
}
.example-report-info-history-2 {
	margin-top: 4rem;
}
.example-report-info-history-3 {
	margin-top: 3rem;
}
.example-report-info-history-4 {
	margin-top: 4rem;
}
.example-report-info-images-1 {
	margin-top: 4rem;
}

.section-price .price {
	font-size: 2.5rem;
	font-weight: 300;
}
.section-price .price span.price-border {
	padding: 0 2rem;
	border: 0.3rem solid #f1762e;
	border-radius: 50%;
}
.section-price span.currency {
	font-size: 0.75em;
}
.section-price .price-full {
	font-weight: 800;
}
.section-price .price-full span {
	padding: 0 0.3em;
}
.section-price .price-note {
	margin-top: -0.4em;
	margin-bottom: 0.5em;
}
.section-price .price-text {
	padding-top: 1.5em;
}
.section-price .price-text-mini {
	font-size: 0.9em;
}
.section-price .button-price {
	font-size: 2rem;
}
.section-price .price-header {
	font-size: 1.6rem;
	font-weight: 700;
	padding-bottom: 1.5rem;
}

.quotebox-special {
	background: url('/media/background-white-light-transparent.png') repeat;
	padding: 1.5em 2em;
	margin: 0.5rem;
}


/* PAYMENT GATEWAY */

.gateway-price {
	font-size: 1.6rem;
}
.gateway-price .price {
	font-weight: 300;
	font-size: 1.2em;
}
.gateway-price .currency {
	font-weight: 300;
	font-size: 0.8em;
}
.gateway-item {
	font-weight: 300;
	font-size: 1.2em;
	color: #808284;
	text-align: center;
}
.gateway-item strong {
	font-weight: 400;
	color: #000;
}
.tpay-option {
	margin-bottom:0.8em;
	cursor:pointer;
	display:block;
	text-align:left;
	border: 1px solid rgb(232, 234, 237);
	border-radius: 6px;
	box-shadow: rgba(0, 0, 0, 0.18) 0px 0px 10px 0px;
	padding: 2px 0px 2px 12px;
}
.tpay-option:hover {
	-moz-box-shadow: 0 0 4px 1px #1E63A9;
	-webkit-box-shadow: 0 0 4px 1px #1E63A9;
	box-shadow: 0 0 4px 1px #1E63A9;
}
.tpay-option input {
	display: none;
}
.tpay-option table {
	margin: 0px;
}
.tpay-option td {
	padding: 0px;
}
.tpay-option td.tpay-imageholder {
	width: 150px;
}
.tpay-option td.tpay-imageholder div {
	width: 150px;
	height:70px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}
.tpay-paymentname {
	text-align: center;
}
.tpay-paymentname span {
	vertical-align:middle;
	line-height:normal;
}
.tpay-arrow  {
	text-align: right;
	margin: 0;
	padding: 0;
	position: relative;
	width: 2em;
}
.tpay-arrow svg {
	overflow:hidden;
	width:2em;
	height:2em;
	margin: 0px;
	padding: 0px;
}

.button-vinbox {
	background-color: #f1762e;
	font-size: 1.8rem;
	font-weight: 700;
	padding: 0.5em;
}
.button-vinbox:hover, .button-vinbox:focus {
	background-color: #ff8331;
}

.strikethrough {
	position: relative;
}
.strikethrough:before {
	position: absolute;
	content: "";
	left: 0;
	top: 50%;
	right: 0;
	border-top: 1px solid;
	border-color: inherit;

	-webkit-transform:rotate(-5deg);
	-moz-transform:rotate(-5deg);
	-ms-transform:rotate(-5deg);
	-o-transform:rotate(-5deg);
	transform:rotate(-5deg);
}


#home-search-input {
	position: relative;
}
#home-search-input input {
	margin-bottom: 1.2em;
}
#home-search-input .LV_validation_message {
	position: absolute;
	bottom: 0px;
	background-color: red;
	color: #fff;
	font-size: 1em;
	line-height: 1.2em;
	padding: 0 0.5em;
}
#home-search-input .LV_invalid_field {
	border-color: red;
	color: red;
}

.form-regular .LV_validation_message {
	bottom: 0px;
	background-color: red;
	color: #fff;
	font-size: 1em;
	line-height: 1.2em;
	padding: 0 0.5em;
	width: 100%;
	display: block;
}
.form-regular .LV_invalid_field {
	border-color: red;
	color: red;
	margin-bottom: 0;
}

.section-opinions-header h4 {
	color: #d67d3a;
}
.section-opinions-header .opinions-rating {
	color: #55809f;
	font-weight: 700;
	font-size: 1.2em;
}

.buy-now-odometer-unknown {
	font-size: 1.4rem;
	color: #205c7e;
}
.buy-now-odometer-bar {
	height: 4em;
	background: url("/media/rectangle-horizontal-gradient.jpg") no-repeat center bottom;
	background-size: 100%;
}

#buy-now-notification-modal {
	text-align: center;
	position: fixed;
	bottom: 0;
	right: 0px;
	background-color: #f5f5f5;
	border: 0.2em solid #d2d2d2;
	padding: 0.2em 0.4em;
	display: none;
}

.home-quote {
	color: #205c7e;
	font-weight: 700;
}

.facebook-comment {
	margin-bottom: 0.8rem;
}
.facebook-comment-icon {
	border-radius: 50%;
	width: 30px;
	height: 30px;
}
.facebook-comment-text {
	background-color: #f6f7f9;
	padding: 0.3rem 0.8rem;
	margin-left: 35px; /* same as icon width + 5px */
	border-radius: 18px;
}
.facebook-comment-text-name {
	color: #5a75aa;
	font-weight: bold;
}

.section-admin h1, .section-admin .header-highlight {
	color: #d67d3a;
	margin-bottom: 1.5rem;
}


/*
 * MEDIA STYLES
 */
@media print {
	.report { display: none; }
	.report-header { display: none; }
}