html {
height: 100%;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
body {
background: #ffffff;
font-family: 'Open Sans', sans-serif;
min-width: 320px;
min-height: 100%;
height: 100%;
overflow-x: hidden;
display: flex;
flex-direction: column;
}
@-webkit-keyframes icon-spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes icon-spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.icon-spin {
-webkit-animation: icon-spin 2s infinite linear;
animation: icon-spin 2s infinite linear;
display: inline-block;
}
/* -- DEFAULTS -- */
h1 {
font-size: 40px;
font-weight: 600;
margin-bottom: 20px;
}
h2 {
font-size: 26px
}
.red {
color: red
}
.nowrap {
white-space: nowrap
}
.clearBoth {
clear: both
}
.d-none {
display: none;
}
.rightAlign {
text-align: right;
}
.centerAlign {
text-align: center;
}
.cursor-pointer {
cursor: pointer;
}
.dropdown-backdrop {
background-color: #00000091;
}
.container .container {
width: auto;
max-width: none;
padding-left: 0;
padding-right: 0;
}
/* -- GENERAL PHOTO ID CARD Styles -- */
.assistive-text {
display: block;
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
overflow: hidden;
}
.text-white {
color: #fff
}
.no-text-shadow {
text-shadow: none !important;
}
.carousel.fade {
opacity: 1;
}
.carousel.fade .item {
-moz-transition: opacity ease-in-out 1.2s;
-o-transition: opacity ease-in-out 1.2s;
-webkit-transition: opacity ease-in-out 1.2s;
transition: opacity ease-in-out 1.2s;
left: 0 !important;
opacity: 0;
top: 0;
position: absolute;
width: 100%;
display: block;
z-index: 1;
}
.carousel.fade .item.active {
top: auto;
position: relative;
opacity: 1;
z-index: 2;
}
.carousel.fade .carousel-inner {
-webkit-transition: 1.2s ease-in-out height;
-moz-transition: 1.2s ease-in-out height;
-ms-transition: 1.2s ease-in-out height;
-o-transition: 1.2s ease-in-out height;
transition: 1.2s ease-in-out height;
}
/* -- Carousel -- */
.carousel-indicators {
top: 7px;
left: 15px;
bottom: auto;
right: auto;
width: auto;
margin-left: 0;
}
.carousel-indicators li {
border: 1px solid #990066;
background-color: #fff;
width: 14px;
height: 14px;
}
.carousel-indicators .active {
background-color: #e2c8d9;
width: 16px;
height: 16px;
}
.card-block.card-holder {
padding: 0;
height: auto;
min-height: auto;
}
.card-holder .card-block {
background: none;
margin-top: 0
}
.card-block-sm.card-banner-img {
padding: 0;
min-height: 0;
}
.card-block-sm.card-banner-img .btn-go {
top: auto;
bottom: 10px;
left: 17%;
height: 45px;
width: 80px;
padding-top: 3px;
margin: 0;
right: auto;
font-size: 17px;
}
.card-block.card-block-left {
text-align: left;
}
.card-block .banner-bg-img {
position: absolute;
top: 0;
z-index: -1;
min-width: 100%;
min-height: 100%;
/* max-height: 100%; */
/* right: 0; */
/* left: 44%; */
}
.card-block.card-banner-img .title {
margin: 30px 10px 20px;
float: none;
text-align: center;
}
.card-block .banner-text-highlight {
color: #A3195B;
text-transform: uppercase;
font-size: 1.1em;
font-weight: 600;
letter-spacing: 0;
background: rgba(255, 255, 255, 0.7);
display: inline-block;
padding: 2px 4px;
border-radius: 2px;
}
.card-block .banner-bg-title-split {
display: inline-block;
/* width: 42%; */
text-align: right;
margin-right: 1.5%;
}
.card-block .banner-bg-title-light {
font-weight: inherit;
color: #fff;
}
.card-block.card-traffic-light {
/* min-height: 440px; */
}
.card-block.card-traffic-light .btn-go {
top: auto;
right: auto;
position: static;
margin: 0 auto 10px;
/* padding-top: 20px; */
/* width: 100px; */
/* height: 66px; */
bottom: 21px;
}
.traffic-light {
list-style: none;
position: relative;
display: flex;
flex-flow: column;
margin: 0 10px 15px;
padding: 12px 0 10px 9px;
max-width: 60%;
color: #fff;
z-index: 1;
}
.traffic-light:before {
content: '';
position: absolute;
top: 0;
left: 0;
z-index: -1;
height: 100%;
width: 57px;
border-radius: 16px;
background-color: #1F1712;
}
.traffic-light > li {
clear: both;
overflow: hidden;
line-height: 1.15;
font-weight: 400;
font-size: 15px;
letter-spacing: -0.3px;
padding: 2px 0;
}
.traffic-light > li + li {
margin-top: 8px;
}
.traffic-light > li .traffic-light-part {
content: '';
display: block;
float: left;
border-radius: 50%;
width: 40px;
height: 40px;
margin-right: 15px;
overflow: hidden;
line-height: 100;
text-indent: -1000px;
margin-top: -2px;
}
.traffic-light > li.light-red .traffic-light-part {
background-color: #E30613;
}
.traffic-light > li.light-yellow .traffic-light-part {
background-color: #FCEA10;
}
.traffic-light > li.light-green .traffic-light-part {
background-color: #006633;
}
.banner-text-block {
display: block;
}
a, .highlight {
color: #990066;
outline: none;
}
a:hover {
color: #990066
}
a:focus {
outline: 0;
}
.btn {
border-radius: 4px;
display: inline-block;
zoom: 1;
font-size: 15px;
font-style: normal;
font-weight: normal;
line-height: 1;
padding: 8px 15px;
text-align: center;
text-decoration: none;
text-shadow: 1px 1px 0 #FFFFFF;
}
.text-error {
color: #a80004;
}
.btn:hover {
text-decoration: none;
}
.btn:focus {
outline: 0
}
.btn-default {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
background: -moz-linear-gradient(center top, #ededed 5%, #dfdfdf 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
background-color: #ededed;
border: 1px solid #DCDCDC;
color: #777777;
}
.btn-default:hover {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
background: -moz-linear-gradient(center top, #dfdfdf 5%, #ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
background-color: #dfdfdf;
}
.btn-go {
background-color: #e6ed23;
border: 1px solid #c3c927;
color: #363636;
font-size: 19px;
font-weight: 400;
text-shadow: none;
padding: 10px 20px
}
.btn-go:hover, .btn-go:focus, .card-block .btn-go:hover, .card-block .btn-go:focus {
color: #fff;
text-decoration: none;
background-color: #595959;
outline: none;
box-shadow: none;
border: 1px solid #595959;
}
@media (min-width: 768px) {
.btn-go {
font-size: 30px;
font-weight: normal;
}
}
.vButton btn.large {
font-size: 18px;
padding: 12px 15px;
letter-spacing: 0.5px;
text-transform: uppercase;
}
.vButton btn.medium, .vButton btn.small {
min-width: 0;
font-size: 14px;
padding: 5px 8px;
}
.vButton btn.clean {
background: #f5f5f5;
border-color: #ccc;
color: #000;
text-shadow: none;
}
.vButton btn btn-outline-blue .vButEnd {
float: right;
margin-left: 3px
}
a.backButtonBar {
width: 100%;
display: block;
padding: 8px 0;
text-align: center;
color: #fff;
background-color: #9D1D65;
margin-bottom: 18px;
text-decoration: none
}
a.backButtonBar:hover {
opacity: 0.8
}
.vButton btn-lg {
}
blockquote {
background: #fff;
line-height: 24px;
font-size: 14px;
padding: 20px 10px;
}
blockquote .quote {
margin: 0 0 5px;
}
blockquote .quote:before,
blockquote .quote:after {
color: #666;
display: inline-block;
*display: inline;
zoom: 1;
font-size: 5em;
font-family: Georgia, "Times New Roman", serif;
line-height: 1px;
vertical-align: bottom;
}
blockquote .quote:before {
content: open-quote;
margin-right: 4px;
margin-bottom: -3px;
}
blockquote .quote:after {
content: close-quote;
margin-left: 4px;
margin-bottom: -10px;
}
blockquote footer {
font-size: 110%;
font-weight: bold;
}
/* Form styles */
.form-group sup {
color: red;
padding-left: 4px
}
.form-control {
height: 42px;
padding-top: 4px;
padding-bottom: 4px;
letter-spacing: 0.2px;
font-size: 16px;
}
.formLogin {
margin-top: 20px;
}
.formLogin form, .form {
padding: 0;
}
.formLogin form > fieldset {
padding: 20px 20px 25px 0
}
.formLogin .formSignUp > fieldset {
padding: 20px 20px 25px
}
.formLogin .formSignUp fieldset {
background-color: #fff;
border: 1px solid #e8e8e8;
}
.formLogin .formSignUp legend {
background-color: #fff;
}
.icon-sprite {
background: url(../images/sprite.png) no-repeat;
overflow: hidden;
line-height: 300px;
text-indent: -3000px;
vertical-align: middle;
display: inline-block;
*display: inline;
zoom: 1;
}
#container {
display: flex;
flex-direction: column;
flex-grow: 1;
padding: 0;
}
#container > .page-holder {
background-color: #fff;
}
.page-holder {
}
.page-holder > .container {
background-color: #fff;
position: relative;
}
.login-bar {
background-color: #d7df21;
height: 32px
}
.header-feefo {
height: 50px;
}
@media (max-width: 1200px) {
.header-feefo {
display: none;
}
}
/* BASKET */
#basketHolder {
background-color: inherit;
padding: 0px 5px 0;
display: inline-block;
vertical-align: middle;
float: right;
}
#basketHolder.loggedIn {
/* background-color: #999 */
}
#basketEl > a {
/* #d8df20; */
font-size: 24px;
text-shadow: none;
text-align: center;
word-spacing: -1px;
display: block;
line-height: 1.2;
vertical-align: middle;
white-space: nowrap;
}
#basketEl > a:hover,
#basketEl > a:focus {
text-decoration: none;
outline: none;
color: #d8df20;
}
#basketEl > a.open > i {
color: #993767;
}
#basketEl > a > span {
font-size: 12px;
line-height: 12px;
display: block;
text-align: center;
margin-right: 1px;
vertical-align: middle;
}
#basketEl > a > .icon-cart2 {
vertical-align: middle;
}
#basketHolder .holder {
position: absolute;
top: 70px;
right: 10px;
left: 10px;
display: none;
padding: 10px;
background-color: #eaeaea;
box-shadow: 0 10px 20px #5959598f;
z-index: 100;
min-width: 250px;
padding-top: 5px;
font-size: 13px;
}
#basketHolder .cancel {
float: right;
margin: 2px 4px 2px 2px;
cursor: pointer
}
#basketHolder .holder table {
width: 100%;
border-collapse: collapse;
padding: 15px;
clear: both;
background: #fff;
text-align: left;
table-layout: auto;
/* min-height: 120px; */
font-size: 14px;
}
#basketHolder .holder table thead th {
text-align: center;
background-color: #ffffff;
padding: 5px;
text-transform: uppercase;
letter-spacing: -0.5px;
}
#basketHolder .holder table td {
padding: 8px 10px;
line-height: 1;
font-size: 13px;
}
#basketHolder .holder table td.bbord {
font-weight: bold;
font-size: 1.1em;
}
#basketHolder .holder table td.col-small {
padding-right: 4px;
padding-left: 4px;
}
#basketHolder .holder table td.col-small:last-child,
#basketHolder .holder table thead th:last-child {
padding-right: 10px
}
#basketHolder .holder table .text-right {
text-align: right;
}
#basketHolder .holder table tfoot td {
background-color: #ebebeb;
font-weight: bold;
/* text-align: right; */
}
#basketHolder .holder .buttonHolder {
display: block;
width: 100%;
margin-top: 10px;
}
#basketHolder .holder .buttonHolder .button:hover {
text-decoration: none
}
#basketHolder .holder .buttonHolder .button {
padding: 10px 0;
text-align: center;
width: 50%;
display: inline-block;
color: #fff;
font-size: 15px;
letter-spacing: -0.2px;
border-radius: 0;
font-weight: bold;
white-space: nowrap;
margin: 0;
}
#basketHolder .holder .buttonHolder .basketBtn {
background-color: #d8df20;
color: #333;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
#basketHolder .holder .buttonHolder .checkoutBtn {
background-color: #993366;
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
}
/* PAGE */
.heading, .heading a {
color: #993366;
}
.heading-cms {
color: rgb(10, 98, 117);
font-family: "Open Sans", sans-serif;
letter-spacing: -1px;
font-size: 1.8rem;
font-weight: 600;
line-height: 1.3;
margin-bottom: 0.8rem;
}
.heading-cms:first-child {
margin-top: 0;
}
.subheading-cms {
color: #606060;
font-size: 1rem;
font-weight: 400;
}
hr.break {
clear: both;
margin: 15px auto;
background: none;
border: none;
border-bottom: 1px dotted #B75789
}
.page-article, .page-holder, .page-inner {
position: relative;
clear: both;
z-index: 1;
}
.page-inner {
padding: 0 0 30px;
}
.page-inner > .carousel-pods {
border-top: 1px dotted #B75789;
padding-top: 25px;
margin-top: 0
}
.page-inner > :first-child {
margin-top: 0;
}
.buttons {
margin: 20px 0
}
.buttonBar + hr {
margin: 60px auto 30px;
}
.page-article .page-inner {
padding: 0
}
.page-inner .page-tools {
float: right
}
.page-inner .page-tools a:first-child {
margin: 2px 0 0 5px
}
.breadcrumbs {
display: none;
}
.page-inner > div.page-blocks {
margin: 0;
background-color: #efefef;
color: #3a3a3a;
padding: 20px 10px;
}
.page-blocks .text-heading {
text-align: center;
font-size: 17px;
font-weight: 300;
margin: 0 0 15px;
letter-spacing: 0.3px;
}
.page-blocks {
margin-top: 20px;
}
.page-blocks .row {
padding: 0;
margin: 0;
}
.page-blocks .row-item {
padding-left: 0;
padding-right: 0;
margin-bottom: 15px
}
.page-blocks .row-item + .row-item {
padding-left: 1px
}
.block-item {
color: #FFFFFF;
display: block;
font-size: 15px;
height: 181px;
line-height: 48px;
text-align: center;
text-transform: uppercase;
max-width: 208px;
margin: 0 auto;
box-shadow: 0 1px 3px #ababab;
}
.block-item .img {
background: url(../images/page-blocks.jpg) no-repeat;
display: block;
height: 133px;
width: 208px;
opacity: 0.9;
}
.block-item .title {
background-color: #993366;
display: block;
letter-spacing: 0.5px;
}
.block-item:hover,
.block-item:focus,
.popup .block-item:hover,
.popup .block-item:focus {
color: #fff;
text-decoration: none
}
.block-item:hover .img,
.block-item:focus .img {
opacity: 1
}
.block-item:hover .title,
.block-item:focus .title {
background-color: #666666;
color: #fcfcfc;
}
.item-employee .img {
background-position: -226px 0
}
.item-health-care .img {
background-position: -451px 0
}
.item-education .img {
background-position: 0 -155px
}
.item-industry .img {
background-position: -226px -155px
}
.item-training .img {
background-position: -451px -155px
}
.item-all-templates .img {
background-position: 0 -317px;
}
.item-inspire-me .img {
background-position: -6px -319px;
}
.item-design-help .img {
background-position: -226px -317px;
border: 3px solid #993366;
}
.pod {
background-color: #FFFFFF;
border: 1px solid #ccc;
border-radius: 5px;
position: relative;
overflow: hidden;
}
.pod.link {
cursor: pointer
}
.pod-dark {
border: 1px solid #666;
}
.pod blockquote {
background: none;
line-height: 20px;
font-size: 15px;
font-style: italic;
border: none;
margin: 0;
color: #666666;
padding: 15px 0;
}
.pod blockquote footer {
color: #9f1f63;
font-size: 16px;
padding-top: 5px;
font-weight: bold
}
.pod blockquote footer:before {
content: '';
}
.pod p {
font-size: 15px;
}
.pod .price {
/* clear: both; */
margin-top: 10px;
font-size: 19px;
font-weight: bold;
}
.pod .price strong {
color: #cc0000;
}
.designNow .heading {
color: inherit;
}
.designNow p {
color: #fff;
font-weight: 100;
}
.designOwn {
position: relative
}
.designOwn .gobtn {
position: absolute;
right: 300px;
bottom: 60px;
background-color: #d8df20;
border: 1px solid #c3c927;
color: #fff;
font-size: 24px;
border-radius: 4px;
padding: 10px 30px;
text-decoration: none;
}
.designOwn .gobtn:hover {
text-decoration: none;
background-color: #e6ed23;
/* border: 1px solid #993366 */
}
.buttonSecondary {
background-color: #585858;
}
.row-flex {
display: flex;
align-items: center;
}
.button-group {
display: flex;
flex-wrap: nowrap;
justify-content: stretch;
flex-direction: row;
align-items: center;
}
.button-group > a {
width: auto;
flex: 0 1 44%;
}
.button-group > span {
flex: 0 1 40px;
text-align: center;
}
.pod-banner {
font-size: 15px;
}
.pod-banner :last-child {
margin-bottom: 0;
}
.pod-banner .img {
width: 100% !important;
height: auto !important;
display: block;
border-bottom: 1px solid #333333;
}
.pod-banner .pad {
padding: 10px 15px 10px
}
.pod-banner .heading {
font-size: 18px;
margin: 0;
color: inherit;
}
.pod-banner p {
line-height: 1.2
}
.pod-banner .btn {
display: inline;
float: right;
margin: 5px 15px
}
.pod-banner-large {
font-size: 20px;
}
.pod-banner-large .img {
margin: 10px auto 0;
display: block;
border: none;
}
.pod-banner-large p {
font-size: 23px;
margin: 10px 0 0;
overflow: hidden;
padding: 10px 0;
}
.pod-banner-large p.checklist {
font-size: 25px
}
.pod-banner-large .btn-block {
background-color: #5C707C;
color: #FFFFFF;
font-size: 23px;
padding: 8px 10px;
text-align: center;
clear: both;
text-transform: uppercase;
}
.pod-banner-btn {
text-align: center;
padding: 10px 0;
}
.pod-banner-btn .btn-group {
position: static;
z-index: 1001;
float: none;
margin: 0 auto 0 0;
}
.pod-banner-btn .btn.disabled {
display: none;
}
.pod-banner-btn > .btn-group {
position: relative;
white-space: nowrap;
display: flex;
flex-wrap: nowrap;
flex-direction: row;
align-items: center;
width: 100%;
}
.pod-banner-btn .btn {
display: inline-block;
width: auto;
background-color: #993366;
text-align: center;
cursor: pointer;
float: none;
color: #ffffff;
letter-spacing: 1px;
padding: 0 20px;
height: 54px;
border-radius: 8px;
z-index: 1001;
text-shadow: none;
line-height: 53px;
font-size: 17px;
letter-spacing: 0;
vertical-align: middle;
border: none;
margin: 0 0 0 auto !important;
box-shadow: none;
}
.pod-banner-btn .btn > i {
margin-right: 2%;
font-size: 1.1em;
color: inherit;
display: inline-block;
vertical-align: middle;
margin-top: -0.3em;
}
.pod-banner-btn .btn:hover, .pod-banner-btn .btn:focus {
background-color: #666666;
color: #ffffff;
outline: none;
}
.pod-banner-btn .btn-group .btn {
z-index: 1001;
}
.pod-banner-btn .dropdown-menu {
background-color: #595959;
padding: 17px 10px 3px;
margin: -10px 0 0;
box-shadow: none;
border: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
left: 0;
right: 0;
}
.pod-banner-btn .dropdown-menu > li > a {
background-color: #656565;
padding: 9px 20px 8px 20px;
color: #fff;
font-size: 16px;
font-weight: 500;
letter-spacing: 1px;
text-align: center;
width: auto;
border-color: rgba(0, 0, 0, 0.2);
}
.pod-banner-btn .dropdown-menu > li:nth-child(even) > a {
background-color: #615f5f;
}
.pod-banner-btn .dropdown-menu > li > a:hover, .pod-banner-btn .dropdown-menu > li > a:focus {
background-color: #993366;
}
.pod-banner-btn .btn .caret {
border-width: 6px;
}
.pod-banner-btn .btn-group .btn-group > .btn {
float: left;
margin: 0;
z-index: 1001;
background-color: #946582;
border: none;
box-shadow: none;
width: 60px;
padding: 0;
color: #efefef;
}
.pod-banner-btn .btn-group .btn-group > .btn:hover, .pod-banner-btn .btn-group .btn-group > .btn:focus {
color: #ffffff;
background-color: #595959;
outline: none;
}
.pod-banner-btn .dropdown-header {
text-align: center;
font-size: 15px;
clear: both;
letter-spacing: 0.5px;
text-transform: uppercase;
color: #efefef;
padding: 1px 10px 3px;
border-bottom: 1px solid #616060;
margin: 0 0 3px;
}
.pod-banner-btn .dropdown-item {
width: 100%;
float: left;
margin: 5px 0;
clear: both;
}
.pod-banner-btn .dropdown-item .btn-group,
.pod-banner-btn .dropdown-item > .btn {
width: 100%;
border-radius: 10px;
background: #00aeef;
font-weight: 600;
color: #efefef;
font-size: 20px;
}
.pod-banner-btn .dropdown-item > .btn:hover, .pod-banner-btn .dropdown-item > .btn:focus {
background: #993366;
}
.pod-banner-btn .dropdown-item .btn-group > .btn {
width: 50%;
}
.pod-banner-btn .dropdown-item .btn-groups > .btn-group > .btn {
width: 100%;
}
.pod-banner-btn .dropdown-item .btn-groups > .btn-group {
width: 49%;
float: left;
margin: 0 1%;
}
.pod-banner-btn .dropdown-item .btn-groups > .btn-group:first-child {
margin-left: 0;
}
.pod-banner-btn .dropdown-item .btn-groups > .btn-group:last-child {
margin-right: 0;
}
.pod-banner-btn .dropdown-item .btn-group > .btn, .pod-banner-btn .dropdown-item .btn-groups > .btn-group > .btn {
background-color: #6b6b6b;
padding: 0;
height: 34px;
line-height: 33px;
font-size: 14px;
border: 1px solid #828080;
}
.pod-banner-btn .dropdown-item .btn-group > .btn.active, .pod-banner-btn .dropdown-item .btn-groups > .btn-group > .btn.active {
font-weight: 600;
color: #000000;
background-color: #d7df21;
outline: none;
border-color: #d7df21;
}
.pod-banner-btn .dropdown-item .btn > input {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
#container .checklist {
position: relative;
min-height: 60px;
line-height: 1.1;
padding: 15px 0 15px 70px
}
#container .checklist:before {
position: absolute;
background: url(../images/sprite.png) no-repeat -155px 0;
width: 56px;
height: 56px;
overflow: hidden;
content: '';
line-height: 300px;
text-indent: -3000px;
display: block;
top: 50%;
margin-top: -28px;
left: 0;
}
.page-carousel div.item.active {
text-align: right
}
.page-carousel .item img {
width: 100%;
height: auto;
display: block;
margin: 0 auto;
max-width: 1300px;
}
.page-carousel .item .carousel-hero-title {
color: #983466;
font-size: 50px;
letter-spacing: -2px;
}
.page-carousel .item p {
font-size: 34px;
font-weight: 100;
color: #8c8c8c;
line-height: 1.2;
margin: 20px 0 0;
}
.page-carousel .carousel-control {
background-image: none;
background-color: #993366;
font-family: sans-serif;
font-size: 30px;
padding: 8px 15px 5px 15px;
color: #FFFFFF;
top: auto;
width: auto;
}
.page-carousel .carousel-control {
display: none
}
.page-carousel .carousel-caption {
background-color: rgb(153, 51, 102);
background-color: rgba(153, 51, 102, .6);
bottom: 0;
font-size: 20px;
left: 0;
letter-spacing: 1px;
padding: 5px 30px;
right: 0;
text-align: left;
text-shadow: none;
text-transform: uppercase;
position: static;
}
.page-carousel .carousel-caption h1 {
font-size: 18px;
margin: 6px 0 5px;
}
.carousel-pods {
padding: 0 40px
}
.carousel-pods .pod {
position: relative;
padding: 10px 8px;
margin: 0 5px;
}
.carousel-pods .pod img {
display: block;
margin: 0 auto 10px;
max-height: 130px;
max-width: 100%;
width: auto;
}
.carousel-pods .pod .carousel-caption {
bottom: auto;
color: #666666;
display: inline;
left: auto;
padding: 0;
position: static;
right: auto;
text-align: left;
text-shadow: none;
top: auto;
}
.carousel-pods .pod .carousel-caption .heading {
font-size: 20px;
line-height: 24px;
font-weight: bold;
margin-top: 0;
}
.owl-buttons div {
background: none;
color: #313131;
font-size: 40px;
position: absolute;
top: 20%;
height: 60px;
line-height: 60px;
text-shadow: none;
width: 30px;
text-align: center;
}
.owl-buttons div:hover,
.owl-buttons div:focus {
color: #990a66;
}
.owl-buttons .owl-prev {
left: -30px;
}
.owl-buttons .owl-next {
right: -30px;
}
.product-item .preview {
width: auto;
height: auto;
max-width: 100%;
max-height: 190px;
display: block;
margin: 0 auto;
line-height: initial;
}
.row > .product {
margin-bottom: 15px;
width: 50%;
}
/* -- Additional POP UP STYLES -- */
p.messageBox {
text-align: center;
width: 80%;
margin: 0 auto;
background-color: #ffcccc;
border-top: 1px solid #ff0000;
border-radius: 4px;
padding: 10px;
}
p.messageBoxFull {
width: 100%;
margin-top: 15px;
font-size: 12px;
color: #505050;
}
.row > * > p.messageBox {
width: 90%
}
ul.iconList {
list-style: none outside;
padding: 0;
margin: 0
}
ul.iconList li {
padding: 8px 0 8px 15px;
}
ul.iconList li i {
margin-right: 10px;
color: #339900;
font-size: 1.2em
}
.designSelect {
}
.designSelect img {
width: 100%
}
.designSelect h3 {
margin: 0 0 10px 0
}
.designSelect .row {
margin: 0
}
.designSelect .selectPreview img {
border: 2px solid #fff;
border-radius: 4px
}
.designSelect .selectPreview .selectButton {
background: #9D1D65;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
color: #FFFFFF;
display: inline-block;
*display: inline;
zoom: 1;
font-size: 15px;
font-style: normal;
font-weight: normal;
line-height: 1;
overflow: hidden;
padding: 8px 15px;
text-align: center;
text-decoration: none;
margin: 10px 0
}
.designSelect .selectPreview:hover .selectButton {
background-color: #00aeef
}
.designSelect .selectPreview:hover img {
border: 2px solid #00aeef
}
/* -- DESIGN HELP CUSTOM -- */
.designHelp {
float: right;
/* width: 550px; */
/* margin-right: 10px; */
background-color: #fff;
background-color: #fff;
text-align: center;
border-top: 8px solid #ccc;
}
.designHelp ul {
list-style-type: none;
list-style-position: inside;
margin: 0;
padding: 0 0 0 5px;
}
.designHelp ul li {
background: url('../images/tick_icon_small.png') no-repeat 0px 0px transparent;
text-align: left;
vertical-align: middle;
min-height: 30px;
margin-bottom: 20px;
padding-left: 35px;
font-size: 13px;
}
/* -- MAVIS SERVICE PAGE --*/
.mavisBenefits {
background-color: #fff;
padding: 16px 0 24px 0;
background-color: #fff;
text-align: center;
border-top: 8px solid #ccc;
}
.mavisBenefits h2 {
font-size: 34px;
font-weight: normal;
text-align: center;
margin: 0 0 20px 20px;
padding: 0;
letter-spacing: -0.5px;
}
.mavisBenefits ul {
list-style-type: none;
list-style-position: inside;
margin: 0 auto;
padding: 0;
display: flex;
flex-flow: wrap;
align-items: center;
justify-content: center;
}
.mavisBenefits ul li {
text-align: left;
line-height: 1.2;
min-height: 50px;
font-size: 20px;
padding: 11px 10px 12px 0;
vertical-align: middle;
position: relative;
}
.mavisBenefits ul li a:before {
content: '';
background: url(../images/tick_icon.png) no-repeat 5px center white;
width: 50px;
height: auto;
display: block;
position: absolute;
top: 0;
left: 0;
border-radius: 4px 0 0 4px;
bottom: 0;
/* border-right: 1px solid #ccc; */
}
.mavisBenefits ul li a {
display: block;
color: #999999;
vertical-align: middle;
border: 1px solid #eaeaea;
padding: 16px 10px 16px 60px;
position: relative;
border-radius: 5px;
}
.mavisBenefits ul li a:hover {
color: #d8df20;
text-decoration: none;
border-color: #9e2063;
}
.fancybox-lock .fancybox-overlay {
overflow: hidden;
background: rgba(148, 148, 148, 0.9);
}
#fancybox-loading {
background: #000;
color: #ffffff;
text-align: center;
font-size: 40px;
border-radius: 50%;
width: 80px;
height: 80px;
line-height: 80px;
box-shadow: 0 0 5px #000000;
}
#fancybox-loading > div, .fancybox-iframe-load:before {
-webkit-animation: icon-spin 2s infinite linear;
animation: icon-spin 2s infinite linear;
display: inline-block;
font-family: 'icomoon' !important;
speak: none;
width: auto;
background: none;
height: auto;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#fancybox-loading > div:before {
content: "\eb28";
}
.fancybox-opened .fancybox-skin {
border-radius: 0;
background: #565656;
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.fancybox-iframe-load {
}
.fancybox-iframe-load:before {
content: "\eb28";
background: #fff;
text-align: center;
font-size: 40px;
border-radius: 50%;
width: 80px;
height: 80px;
line-height: 80px;
box-shadow: 0 6px 30px #313131;
color: #993366;
position: absolute;
top: 50%;
left: 50%;
margin: -40px 0 0 -40px;
}
.fancybox-inner .bulletDesc p:first-child {
font-weight: bold
}
.fancybox-inner .bulletDesc {
padding: 20px;
}
.fancybox-inner .bulletDesc p {
/* width: 600px; */
font-size: 16px;
line-height: 20px;
margin-bottom: 15px;
color: #fff;
}
.mavisInfo {
background-color: #f9f9f7;
padding: 20px 10px;
background-color: #fff;
text-align: center;
border-top: 8px solid #ffcccc;
}
.mavisInfo .content {
float: left;
}
.mavisInfo p {
font-size: 24px;
text-align: left;
line-height: 30px;
}
.mavisInfo ul {
margin: 20px 0 0 25px;
}
.mavisInfo ul li {
text-align: left;
font-size: 24px;
line-height: 40px;
}
.mavisInfo img {
float: left;
max-width: 100%;
height: auto;
width: auto;
}
.mavisTestimonial {
border-top: 8px solid #ccc;
padding: 10px 0;
background-color: #fff;
text-align: center;
cursor: pointer;
}
.mavisTestimonial blockquote {
border: none;
text-align: center;
padding: 0 0 40px;
font-size: 17px;
}
.mavisTestimonial blockquote p {
position: relative;
margin: 40px 10% 0;
padding: 0;
}
.mavisTestimonial blockquote p:before {
position: absolute;
content: open-quote;
font-size: 6em;
margin-left: -0.5em;
margin-top: 0.1em;
color: #ccc;
}
.mavisTestimonial blockquote p:after {
position: absolute;
content: close-quote;
font-size: 6em;
bottom: 0;
right: 0;
color: #ccc;
margin-right: -0.4em;
margin-bottom: -0.2em;
line-height: inherit;
}
.mavisTestimonial blockquote footer {
display: block;
margin-top: 10px;
font-style: normal;
font-size: 0.9em;
font-weight: 100;
}
.mavisTestimonial blockquote footer:before {
content: '';
display: none;
}
.mavisTestimonial blockquote footer cite {
font-style: normal;
}
.mavisTestimonial img {
max-width: 100%;
height: auto;
width: auto;
}
.mavisTestimonial .carousel-indicators {
top: auto;
left: 50%;
bottom: 10px;
transform: translateX(-50%);
}
.mavisCTA {
background-color: #d8df20;
text-align: center;
cursor: pointer;
border-radius: 8px;
margin-bottom: 30px;
}
.mavisCTA:hover {
background-color: #e2ea11;
}
.mavisCTA h3.heading {
color: #363636;
}
.mavisCTA h3.heading a {
color: inherit;
}
.mavisCTA h3.heading > b:last-child {
display: block;
padding-top: 8px;
}
/* -- PAGE CONTROLS and PAGINATION -- */
.page-filter {
overflow: hidden;
}
.pagination > li > a {
color: #977887;
}
.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus {
background-color: #d7df21;
border-color: #DDDDDD;
color: #9D1D65;
}
.page-filter .pagination {
float: right;
margin: 0 15px 0 0;
font-size: 12px;
}
.page-filter .pagination > li > a {
padding: 3px 9px
}
.pagination-full {
display: block;
text-align: center;
font-size: 0;
}
.pagination-full > li {
display: inline-block;
*display: inline;
zoom: 1;
font-size: 13px;
}
.table-responsive {
border: none;
}
.table1 {
border-collapse: separate;
/* border-spacing: 3px; */
width: 100%;
table-layout: auto;
/* margin: 20px 0 */
}
.table1 tr th:first-child, .table1 thead tr td:first-child {
border-top-left-radius: 5px
}
.table1 tr th:last-child, .table1 thead tr td:last-child {
border-top-right-radius: 5px
}
.table1 th, .table1 thead td {
background: #9D1D65;
color: #FFFFFF;
font-size: 15px;
font-weight: normal;
border: none;
padding: 18px 10px;
line-height: 1.1;
letter-spacing: 0.05px;
text-align: center;
}
.table1 th a, .table1 thead td a {
color: inherit
}
.table1 > tbody > tr > td {
background: transparent;
border: none;
border-bottom: 2px solid #ccc;
color: #444;
font-size: 15px;
font-weight: normal;
padding: 12px 15px;
text-align: left;
vertical-align: top;
}
.table1 > tbody > .hover-row:hover > td {
background: #e1e1e1;
}
.table1 > tbody > .hover-row:hover > td .link {
color: #9e1f63;
}
.table1 .cols > td + td {
border-left: 1px solid #fff;
}
.table1 th.center, .table1 td.center {
text-align: center
}
.table1 th.left, .table1 td.left {
text-align: left
}
.table1 th.right, .table1 td.right {
text-align: right
}
.table1 th.middle, .table1 td.middle {
vertical-align: middle;
}
.table1 td .btn-row {
display: flex;
flex-flow: column;
justify-content: flex-end;
}
.table1 td .btn-row .btn {
padding: 6px 13px;
font-weight: 400;
margin: 3px 4px;
flex: 1;
letter-spacing: 0.2px;
}
.table1 td .btn-row .btn i {
font-size: 1.1em;
display: inline-block;
vertical-align: middle;
margin-top: -0.1em;
max-width: 50%;
}
.table1 td .btn-row .btn i:first-child {
margin-right: 2px;
}
.table1 input[type="checkbox"] {
width: 18px;
height: 18px;
}
.table1 .desc {
margin-top: 5px;
color: #444444;
font-size: 12px;
font-weight: 400;
}
.table1 .desc a {
color: inherit;
}
.table1 .desc p {
font-size: 0.9em;
margin: 0;
}
.table1 td .input-number {
display: inline-block;
width: auto;
max-width: 60px;
text-align: center;
padding: 4px;
border: 1px solid #ccc;
border-radius: 6px;
}
.table1 td .input-number[disabled] {
background-color: #dbdbdb;
}
.table1 td.price {
letter-spacing: 0;
padding-right: 10px;
}
.table1 td.price-lg {
font-size: 16px;
}
.table1 td a.cardlink {
text-align: center;
margin: 0 auto;
display: inline-block;
border: 1px solid #707070;
}
.table1 td img.frame { /* border: 2px solid #9f1e62; */
}
.table1 tr.last > td {
border-bottom: none
}
.table1 td a.cardlink img {
display: block;
max-width: 100%;
height: auto;
}
.table1.tableBoard > tbody > tr >td {
border: none;
padding: 20px 20px;
}
.table1.tableBoard > tbody > tr.row1 >td,
.table1.tableBoard > tbody > tr.row2 > td{
background-color: #fff;
}
.table1.tableBoard > tbody > tr.row1 >td:nth-child(odd),
.table1.tableBoard > tbody > tr.row2 > td:nth-child(even) {
background-color: transparent;
}
.table1 .rowPrimary td,
.table1 .rowSecondary td,
.table1 .rowTertiary td {
border: none;
padding-top: 18px;
padding-bottom: 17px;
}
.table1 .rowPrimary td { background-color: #9D1D65; color: #fff }
.table1 .rowSecondary td { background-color: #0A6275; color: #fff }
.table1 .rowTertiary td { background-color: #CCCCCC }
.buttons .btn.large {
font-size: 16px;
padding: 10px 20px;
}
.input-group-btn > .btn {
padding: 8px;
border: none;
vertical-align: top;
box-shadow: none;
height: 30px;
font-size: 13px;
}
/* custom table for checout total */
.tableMini {
border-bottom: 3px solid #F2F5FA;
float: right;
}
.tableMini td {
background-color: #fff;
border-bottom: 1px solid #ECD9D9;
padding: 5px;
}
.tableMini .row2 td {
background-color: #FDFDFD;
}
.page-inner > .btn {
padding: 11px 26px;
}
/* -- Product Browse -- */
.product-browse {
padding: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: auto;
margin: 0 -8px;
}
.product-browse .product-item {
width: 50%;
margin-bottom: 20px;
}
.product-item > .inner {
height: 100%;
background-color: #ededed;
margin: 12px 5px 0;
padding: 15px 10px 0px;
text-align: center;
font-size: 13px;
font-weight: 400;
position: relative;
border-radius: 4px;
box-shadow: 0 3px 4px -1px #c7c7c7;
min-height: 314px;
}
.product-item.product-sm > .inner {
min-height: 230px;
}
.product-item:hover > .inner {
background-color: #e0e0e0;
}
.products-list {
padding-left: 0;
padding-right: 0;
}
.products-list > .row {
margin-left: 5px;
margin-right: 5px;
}
.products-list .product-item {
padding-left: 0;
padding-right: 0;
height: auto;
margin-bottom: 10px;
}
.product-item h4 {
font-size: 14px;
font-weight: 600;
margin: 10px 0 0 0;
line-height: 1.4;
letter-spacing: 0.2px;
}
.product-item h4 > a {
color: inherit
}
.product-item h4 > a:hover, .product-item h4 > a:focus {
color: #990066;
text-decoration: none;
}
.product-price {
}
.product-img {
overflow: hidden;
display: block;
background-color: #fff;
height: 157px;
line-height: 157px;
padding: 0 5px;
position: relative;
}
.product-item .button {
background: #990066;
border: 1px solid #dedede;
color: #fff;
padding: 5px 10px;
margin-top: 4px;
display: inline-block;
font-size: 13px;
letter-spacing: 0.5px;
font-weight: 800;
min-width: 60%;
border-radius: 4px;
}
.product-item .button:hover, .product-item .button:focus {
text-decoration: none;
background-color: #ffffff;
color: #906;
}
.product-item .button:focus {
outline: none;
color: #990066
}
.product-action > div {
display: inline-block;
vertical-align: top;
line-height: 1;
}
.product-item .product-action {
margin-top: 10px;
white-space: nowrap;
text-align: center;
position: absolute;
left: 0;
right: 0;
bottom: 17px;
}
.product-item .product-action .button {
margin: 0;
height: 36px;
}
.product-item .product-action .button i,
.product-item .product-action .button.loading span {
display: none !important;
}
.product-item .product-action .button.loading i {
display: inline-block !important;
}
.product-item .product-action .input-group,
.product-profile .product-quantity .input-group {
width: 74px;
margin: 0 auto;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0px 2px rgba(0, 0, 0, 0.07);
}
.product-item .product-action .form-control {
padding-left: 4px;
text-align: center;
padding-right: 4px;
height: 36px;
font-size: 14px;
font-weight: 800;
border-color: #fff;
border-left-color: #dedede;
box-shadow: none;
border-right-color: #dedede;
width: 40px;
}
.product-profile .product-quantity .form-control {
padding-left: 6px;
text-align: center;
padding-right: 6px;
height: 45px;
font-size: 14px;
font-weight: 800;
border-color: #fff;
border-left-color: #dedede;
box-shadow: none;
border-right-color: #dedede;
width: 60px;
}
.product-item .product-action .input-group-addon {
background-color: #ffffff;
border-color: #fff;
padding: 4px;
padding-right: 5px;
color: #929292;
font-family: monospace;
font-weight: bold;
text-shadow: none;
font-size: 18px;
cursor: pointer;
}
.product-profile .product-quantity .input-group-addon {
background-color: #ffffff;
border-color: #fff;
padding-left: 5px;
padding-right: 5px;
color: #929292;
font-family: monospace;
font-weight: bold;
text-shadow: none;
font-size: 22px;
cursor: pointer;
}
.product-item .product-action .input-group-addon:first-child,
.product-profile .product-quantity .input-group-addon:first-child {
color: #ff0600;
vertical-align: top;
line-height: 1.3;
}
.product-item .product-action .input-group-addon:last-child,
.product-profile .product-quantity .input-group-addon:last-child {
color: #4cae4f;
}
.product-options-select {
padding: 0 0 10px;
}
.product-profile .product-options-select label {
display: inline-block;
width: 36px;
height: 36px;
border: none;
margin-right: 4px;
cursor: pointer;
position: relative;
border-radius: 6px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0px 2px rgba(0, 0, 0, 0.5);
}
.product-profile .product-options-select label.active:before {
font-family: 'icomoon' !important;
line-height: 1;
content: "\e902";
position: absolute;
top: 9px;
left: 0;
right: 0;
text-align: center;
color: #4CAF50;
font-size: 19px;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.product-option-select input {
display: none;
}
.product-profile label {
font-weight: 600;
font-size: 0.9em;
margin-bottom: 7px;
}
.product-profile .product-quantity {
margin-bottom: 30px;
}
.product-profile .product-quantity .input-group {
width: 132px;
margin: 0;
}
.product-profile .product-quantity .form-control {
text-align: center;
}
.product-profile .product-title {
margin: 0 0 20px;
font-size: 22px;
font-weight: 600;
/* float: left; */
line-height: 31px;
letter-spacing: -0.5px;
}
.product-profile .product-price {
float: right;
margin: 0 0 10px;
color: #636363;
letter-spacing: -1px;
font-size: 22px;
}
.product-profile .vButton btn btn-outline-blue {
display: block;
font-size: 18px;
padding: 15px 15px;
}
.row-highlight-cols {
margin: 20px 0 30px;
padding: 0;
}
.row-highlight-cols > li {
background-color: #f7f7f7;
padding: 20px;
list-style: none;
margin: 0;
font-size: 13px;
text-align: center;
font-weight: 600;
}
.row-highlight-cols > li:nth-child(even) {
background-color: #ededed;
}
.row-highlight-cols .row-label {
display: inline-block;
vertical-align: middle;
}
.row-highlight-cols .icon {
color: #9D1D65;
font-size: 1.6em;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
/* FLASH */
#flashCont {
margin: 240px auto;
position: relative;
width: 1px;
height: 1px;
}
#growingFlash {
border: 1px solid #cad6e2;
width: 0;
height: 0;
position: absolute;
background-color: #fff;
top: 150px;
left: 50%;
}
#growingFlash img#killMe {
margin: 20% auto;
display: block;
}
.pod {
background: #fff;
box-shadow: 0 0 1px #ebebeb, inset 0 -1px 5px #ebebeb;
padding: 20px 0;
margin: 15px 0
}
.pod .heading {
color: #363636
}
.pod h3 {
font-size: 20px;
}
.pod .info {
margin-top: 10px
}
.basket-pods .pod {
padding: 0;
border: none;
}
.basket-pods .pod h3 {
margin: 0;
font-size: 16px;
}
.basket-pods .pod a {
display: block;
border: 1px solid #ccc;
border-radius: 5px;
min-height: 64px;
line-height: 62px;
vertical-align: middle;
padding: 0 5px;
}
.basket-pods .pod a:hover,
.basket-pods .pod a:focus {
/*border-color: #00aeef;*/
background-color: rgba(153, 153, 153, 0.2);
color: #000;
}
.basket-pods .pod a > span {
display: inline-block;
vertical-align: middle;
line-height: 1.2;
}
.widget-tabloid {
padding: 40px 0 30px;
font-size: 13px;
}
.widget-tabloid p {
margin-bottom: 20px;
}
.widget-tabloid ul {
margin: 30px 0 0;
padding: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
}
.widget-tabloid ul {
margin-top: 0 !important
}
.widget-tabloid ul > li {
background-color: #f7f7f7;
margin: 0;
padding: 20px 5% 20px 70px;
color: #000;
font-weight: 400;
font-size: 13px;
list-style: none;
line-height: 1.4;
}
.widget-tabloid ul > li:nth-child(odd) {
background-color: #ededed;
}
.widget-tabloid ul > li p > .icon:first-child {
position: absolute;
top: 50%;
font-size: 3rem;
left: -60px;
color: #9e1f62;
width: 60px;
text-align: center;
transform: translate(0, -50%);
}
.widget-tabloid ul > li p {
margin: 0;
position: relative;
}
.widget-tabloid > h2:first-child {
margin: 0 0 30px;
font-weight: 600;
font-size: 23px;
color: #990a66;
}
.page-services .row > div:first-child {
padding-left: 0;
}
.page-services .heading-block {
background-color: #f4f2ef;
box-shadow: 0 -2px 4px -2px #CCCCCC inset;
font-size: 32px;
padding: 10px 0;
text-align: center
}
.page-services .heading-small {
font-size: 18px;
}
.page-services .sidebar .heading {
margin-bottom: 20px
}
.page-services .sidebar li h4 {
margin-bottom: 3px
}
.page-services .button {
padding: 5px 0 0 30px;
}
/* SIDEBAR */
.sidebar {
background-color: #f4f2ef;
padding: 15px 0 10px;
margin: 0 0 10px;
}
.sidebar {
border-bottom: 3px solid #993366;
}
.page-sidebar iframe {
width: 100%;
margin: 0 auto;
}
.page-sidebar {
border-top: 3px solid #993366;
overflow-x: auto;
}
.page-sidebar .heading,
.sidebar .heading {
font-size: 20px;
margin-bottom: 10px;
line-height: 1.2;
padding: 0 10px 0 15px
}
.page-sidebar ul {
list-style: none;
margin: 0 0 25px;
padding: 0;
}
.page-sidebar li {
color: #333333;
font-size: 16px;
line-height: 1;
}
.page-sidebar li > a {
border-right: 4px solid #f4f2ef;
color: #333333;
display: block;
position: relative;
padding: 6px 0 6px 33px
}
.page-sidebar li a:hover,
.page-sidebar li.active a {
background: #ebd2df;
border-right: 4px solid #9D1D65;
text-decoration: none
}
.page-sidebar li a:before {
content: '\003E';
display: block;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 20px;
font-weight: bold;
left: 15px;
line-height: 1;
position: absolute;
top: 3px;
}
.page-sidebar .pod {
margin: 10px 0;
padding: 0 10px;
}
.page-sidebar .row > :first-child > .pod {
margin-left: 30px;
}
.page-sidebar .row > :last-child > .pod {
margin-right: 30px;
}
#trustpilotSide {
background: none;
border: 0;
padding-left: 0;
margin: 0;
padding: 0;
}
.page-sidebar .pod .img {
float: right;
}
.page-sidebar .pod .heading {
padding: 0;
font-size: 18px
}
.page-sidebar .pod p {
font-size: 15px
}
.page-sidebar .pod .price {
font-size: 16px
}
/* FOOTER */
.page-footer {
background: #fff;
position: relative;
clear: both;
z-index: 2;
text-align: center;
margin-top: auto;
}
.page-footer .row-item {
margin: 25px 0;
}
.page-footer .payments {
background: url(../images/sprite.png) no-repeat 0 -23px;
width: 145px;
height: 117px;
overflow: hidden;
margin: 0 auto;
text-indent: -3000px;
line-height: 300px;
}
.page-footer .protect {
font-size: 11px;
}
.page-footer .protect img {
display: block;
width: auto !important;
height: auto !important;
max-width: 100% !important;
margin: 0 auto 10px;
}
.page-footer .protect a {
color: inherit
}
.page-footer .socal-share {
text-align: center
}
.page-footer .socal-share .heading {
font-size: 20px;
color: inherit;
margin: 10px 0 6px 3px;
}
.page-footer .socal-share .item {
background: url(../images/sprite.png) no-repeat;
display: inline-block;
*display: inline;
zoom: 1;
height: 42px;
line-height: 300px;
overflow: hidden;
text-indent: -3000px;
width: 42px;
opacity: 0.9;
}
.page-footer .socal-share .item:hover {
opacity: 1;
}
.page-footer .socal-share .item + .item {
margin-left: 10px;
}
.page-footer .socal-share .facebook {
background-position: 0 -224px
}
.page-footer .socal-share .twitter {
background-position: -51px -224px
}
.page-footer .socal-share .google {
background-position: -100px -223px
}
.sprite {
background: url(../images/sprite-main2.jpg);
display: inline-block;
overflow: hidden;
vertical-align: top;
line-height: 300px;
text-indent: -3000px;
}
.sprite-legal-protect {
width: 250px;
max-width: 100%;
height: 88px;
}
.sprite-facebook {
width: 39px;
height: 38px;
background-position: -1px -243px;
}
.sprite-linkedin {
width: 38px;
height: 39px;
background-position: -51px -243px;
}
.sprite-payments {
width: 216px;
max-width: 100%;
height: 74px;
background-position: 0 -162px;
}
.sprite-paypal {
width: 169px;
height: 60px;
background-position: 0 -97px;
}
.legal-protect {
border: 1px solid #1b66aa;
color: #1b66aa;
font-size: 14px;
font-family: sans-serif;
line-height: 1.4;
font-weight: 600;
letter-spacing: 0.4px;
text-align: left;
margin: 0 auto;
/* margin-left: 50px; */
max-width: 760px;
}
.legal-protect-row > * {
padding: 10px
}
.legal-protect-content {
padding: 0
}
.legal-protect-content > div {
padding: 0 10px 0 20px;
}
.legal-protect-content > div {
border-top: 1px solid #1b66aa;
padding-bottom: 7px;
padding-top: 7px;
}
.legal-protect-content > div:last-child {
font-size: 0.9em;
font-weight: normal;
}
@media (min-width: 992px) {
.legal-protect {
display: table;
}
.legal-protect-row {
display: table-row;
}
.legal-protect-row > * {
display: table-cell;
vertical-align: top;
/* height: 140px; */
}
.legal-protect-content {
border-left: 1px solid #1b66aa;
}
.legal-protect-content > div:first-child {
border-top: none
}
#basket-form .heading-btn {
margin-bottom: 40px;
}
}
/*.page-footer .container {
max-width: 100%;
}*/
.page-footer .sprite-payments {
margin-bottom: 8px;
}
.page-footer .sprite-paypal {
margin-left: 10px;
}
/* contact */
.form-contact address {
text-align: right;
line-height: 1.2;
}
.form-contact address strong {
font-weight: 400;
font-size: 1.05em;
letter-spacing: 0.5px;
margin-bottom: 5px;
display: inline-block;
color: #fff;
}
.form-contact .address h3 {
font-size: 19px;
text-align: right;
border-bottom: 1px solid #ccc;
}
.form-contact address a {
color: inherit;
font-weight: bold
}
.page-section-container {
background-color: #993366;
padding-left: 0;
padding-right: 0;
}
.page-section {
padding: 20px 15px;
}
.page-section-highlight,
.page-section-wrap {
background-color: #993366;
color: #fff;
}
.page-section-first {
border: none;
}
.page-bar {
padding: 35px 0 40px;
}
.page-bar .info-text {
font-size: 17px;
padding: 0 10px 10px;
}
.page-bar .info-text a {
color: inherit;
}
.page-bar .info-text p {
margin: 0 0 8px 0;
}
.page-bar .title {
font-size: 28px;
margin-bottom: 10px;
line-height: 1.3;
}
.page-bar .video {
/* float: right; */
display: block;
position: relative;
}
.page-bar .video img {
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
display: block;
max-width: 100%;
}
.page-bar .video .video-overlay-play {
background-color: rgba(49, 49, 49, 0.91);
width: 60px;
height: 60px;
border-radius: 6px;
position: absolute;
top: 50%;
left: 50%;
padding: 5px 10px;
margin: -30px 0 0 -30px;
}
.page-bar .video .video-overlay-play:hover {
opacity: 0.8;
}
.media-trustpilot {
background: url(../images/trustpilot-bar.jpg) no-repeat;
display: block;
width: 100%;
height: 30px;
margin-top: 3px;
background-size: 100% auto;
}
.card-block {
background-color: #fff;
border-radius: 8px;
color: #2d2d2d;
padding: 15px;
text-align: center;
font-size: 16px;
font-weight: 100;
overflow: hidden;
position: relative;
width: auto;
margin: 0 auto;
padding-bottom: 20px;
}
.card-block.card-block-portrait {
padding-top: 30px;
}
.card-block.card-block-portrait .title {
margin-bottom: 10px;
}
.card-block .card-list {
margin: 6px 10px 0;
text-align: left;
display: flex;
flex-flow: wrap;
padding: 0;
flex-direction: row;
}
.card-block .card-list > li {
margin-bottom: 7px;
padding: 0;
margin-left: 20px;
line-height: 1.3;
/* font-size: 15px; */
/* margin-left: 5%; */
/* max-width: 45%; */
}
.card-block .text {
clear: both;
margin: 0;
line-height: 1.3;
font-size: 13px;
/* text-align: right; */
display: block;
}
.card-block .text-lg {
font-size: 1.05em;
/* font-weight: 400; */
line-height: 1.4;
margin-bottom: 12px;
}
.card-block img,
.card-block .img > img {
display: block;
margin: 0 auto;
/* max-height: 150px; */
max-width: 100%;
width: auto;
height: auto;
}
.card-block.card-block-portrait .img > img {
float: none;
width: auto;
max-height: 300px;
}
.card-block .title {
font-size: 21px;
margin: 0 0 16px;
position: relative;
word-spacing: 2px;
font-weight: 400;
letter-spacing: -1px;
z-index: 2;
}
.card-block .title > a:hover,
.card-block .title > a:focus {
text-decoration: none;
outline: none;
/* color: #00aeef; */
}
.card-block .btn-go {
display: block;
margin: 0 0 0 -55px;
position: absolute;
left: 50%;
box-shadow: none;
border: 1px solid #f6ff00;
border-radius: 10px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
padding: 12px 10px;
height: 50px;
width: 100px;
white-space: inherit;
line-height: 1.05;
font-size: 16px;
bottom: 15px;
word-wrap: normal;
}
.card-block-portrait .btn-go {
position: relative;
display: block;
margin: 20px auto 5px !important;
width: 128px;
font-size: 21px;
height: 72px;
top: auto;
left: auto;
}
.card-block-sm {
min-height: 221px;
margin-top: 20px;
padding-bottom: 15px;
justify-content: center;
}
.card-smart.card-block-sm {
}
.card-smart.card-block-sm .text {
font-size: 15px;
text-align: right;
line-height: 1.2;
}
.card-smart.card-block-sm .btn-go {
top: 90px;
right: 25px;
}
.card-block-sm .title {
float: right;
margin-bottom: 14px;
font-size: 20px;
}
.card-block-sm .text {
margin: 9px 0 0;
}
.card-block-sm .img {
display: block;
width: 58%;
clear: both;
margin: 10px 0 0 0;
}
.card-block-sm .img img {
height: 140px;
}
.card-block-sm .btn-go {
right: 10px;
left: auto;
bottom: auto;
top: 58px;
}
.card-accessories .img {
float: left;
}
.card-accessories .text {
/* text-indent: 120px; */
text-align: right;
float: right;
font-size: 20px;
}
.card-accessories .btn-go {
line-height: 2;
}
.card-block-portrait .text {
text-align: center;
line-height: 1.5;
font-size: 16px;
margin-top: 13px;
}
.card-block .img-half {
max-width: 48%;
clear: both
}
.card-block .img-half > img {
display: block;
max-width: 100%;
max-height: 80px;
}
@media (min-width: 375px) {
.card-block {
/* width: 335px; */
min-height: 460px;
}
.card-block .title {
font-size: 32px;
}
.card-block-sm {
min-height: 331px;
padding: 20px 40px;
}
.card-block-sm .img {
}
.card-accessories .img {
margin-bottom: -30px;
}
.card-block-sm .title {
font-size: 27px;
}
.card-block-sm .text {
font-size: 19px;
line-height: 1.5;
}
.card-block .text-lg {
font-size: 1em;
/* margin-bottom: 21px; */
}
.card-block-sm .btn-go {
top: 85px;
right: 40px;
}
.card-block .card-list > li {
/* margin-left: 7%; */
/* max-width: 43%; */
/* font-size: 15px; */
}
}
@media (min-width: 540px) {
.heading-cms {
font-size: 2.1384rem;
}
}
@media (min-width: 768px) {
.card-block {
width: auto;
min-height: 455.5px;
font-size: 14px;
}
.card-block-sm .img {
}
.card-block.card-block-portrait .img > img {
max-height: 180px;
}
.card-accessories .img {
}
.card-block-sm .text {
/* font-size: 17px; */
}
.card-block .text br {
/* display: none; */
}
.card-block .title {
font-size: 27px;
}
.card-block.card-block-portrait .title {
/* margin-bottom: 8px; */
}
.card-block .text {
}
.card-block-sm {
margin-top: 0;
min-height: 305.5px;
}
.card-block-sm + .card-block-sm {
margin-top: 20px;
}
.card-block-sm .title, .card-block-portrait .title {
font-size: 20px;
}
.card-block-portrait .text {
font-size: 19px;
line-height: 1.5;
margin-top: 12px;
}
.card-block-sm .text {
font-size: 16px;
/* line-height: 1.55; */
}
.card-block .img-half > img {
max-height: none;
}
#basketHolder {
position: relative;
}
#basketHolder .holder {
left: auto;
top: 40px;
width: 330px;
}
}
@media (min-width: 992px) {
.card-block {
width: auto;
height: 596px;
padding: 20px 25px;
min-height: auto;
/* font-size: 15px; */
}
.card-block-sm {
height: 288.13px;
padding: 15px 15px;
}
.card-block .title {
/* font-size: 42px; */
/* margin-bottom: 10px; */
}
.card-block-sm .title {
/* font-size: 37px; */
/* margin-right: 20px; */
}
.card-block-portrait .text {
font-size: 24px;
line-height: 1.5;
margin-top: 15px;
}
.card-block-sm .text {
font-size: 17px;
}
.card-block-sm .btn-go {
font-size: 22px;
height: 70px;
width: 130px;
}
.card-block-sm .btn-go {
top: 100px;
right: 45px;
}
.card-block-sm .img {
}
.card-accessories .img {
}
}
@media (min-width: 1200px) {
.card-block {
height: 720px;
width: auto;
padding: 30px;
}
.card-block-sm {
height: 350.23px;
}
.card-smart.card-block-sm .text {
font-size: 17px;
margin-top: 20px;
}
.card-block .title {
font-size: 34px;
margin-bottom: 20px;
}
.card-block .text-lg {
/* margin: 20px 0 25px; */
}
.card-block .card-list > li {
font-size: 17px;
margin-bottom: 20px;
}
.card-block.card-block-portrait .img > img {
max-height: 210px;
}
.card-block-sm .title {
}
.card-block .text {
font-size: 20px;
/* right: 25px; */
/* left: 25px; */
/* bottom: 25px; */
}
.card-block-portrait .text {
font-size: 31px;
margin-top: 20px;
}
.card-block-sm .img img {
height: 160px;
}
.card-block-sm.card-banner-img .btn-go {
font-size: 19px;
width: 97px;
height: 54px;
padding-top: 6px;
}
.card-block-sm .img {
top: 96px;
bottom: 95px;
}
.card-block .card-xmas .text span {
line-height: 1.6 !important;
}
.card-accessories .img {
top: 72px;
bottom: 75px;
}
}
@media (min-width: 1330px) {
.card-block {
height: 720px;
width: 555px;
}
.card-block-sm {
height: 350.23px;
}
}
/* Services */
.service-block {
background-color: #ababab;
padding: 18px 16px 20px 10px;
margin: 20px auto;
text-align: right;
border-radius: 10px;
width: 260px;
max-width: 100%;
min-height: 164px;
}
.service-block .sprite {
float: right;
margin-right: 20px;
}
.service-icon-delivery {
background-position: 0 -519px;
width: 95px;
height: 78px;
}
.service-icon-lock {
background-position: 0 -316px;
width: 88px;
height: 82px;
}
.service-icon-quality {
background-position: 0 -406px;
width: 79px;
height: 92px;
}
.service-block .trustpilot-widget {
float: left;
overflow: hidden;
}
.service-block .title {
color: #a01f62;
font-size: 35px;
float: right;
line-height: 1;
}
.service-block .title > strong {
font-weight: normal;
/* float: right; */
text-transform: uppercase;
letter-spacing: -1px;
margin-left: 2px;
display: inline-block;
vertical-align: baseline;
}
.service-block .title > strong > span {
display: block;
text-transform: none;
}
.service-block .title i {
font-size: 1.8em;
display: inline-block;
vertical-align: baseline;
/* float: left; */
}
.service-block .text {
font-size: 16px;
padding: 9px 0 0;
line-height: 1.1;
clear: both;
font-weight: bold;
color: #504C4C;
}
.service-block .text img {
margin-top: -2px;
max-width: 100%;
}
.service-block .text > br {
/* display: none */
}
/*@media only screen and (min-width:375px) {
.service-block {
width: 335px;
height: 211px;
padding: 22px 16px 20px 10px;
}
.service-block .title {
font-size: 46px;
}
.service-block .text {
font-size: 22px;
padding-top: 17px;
}
.service-block .trustpilot-widget {
margin-top: -4px;
margin-left: -8px;
width: 160px;
}
}*/
@media (min-width: 767px) {
.service-block {
width: 216.6px;
height: 136.6px;
padding: 18px 11px 20px 10px;
}
.service-block .title {
font-size: 46px;
}
.service-block .text {
font-size: 14px;
padding-top: 24px;
}
.service-block .img {
margin-top: -7px;
}
.service-block .title {
font-size: 27px;
}
.service-block .trustpilot-widget {
margin-top: 6px;
margin-left: 0;
}
}
@media (min-width: 992px) {
.service-block {
width: 279.98px;
height: 176.5px;
padding: 18px 13px 20px 10px;
}
.service-block .title {
font-size: 38px;
}
.service-block .title i {
font-size: 1.85em
}
.service-block .text {
font-size: 18px;
padding-top: 16px;
}
.service-block .text img {
margin-top: -7px;
}
.service-block .trustpilot-widget {
height: 60px;
}
}
@media (min-width: 1200px) {
.service-block {
width: 346.66px;
height: 218.6px;
padding: 20px 18px 20px 10px;
}
.service-block .title {
font-size: 47px;
}
.service-block .title i {
font-size: 1.85em
}
.service-block .text {
font-size: 22px;
padding-top: 18px;
}
.service-block .text img {
margin-top: -7px;
max-width: 100%;
}
.service-block .trustpilot-widget {
height: 80px;
margin-left: 0;
/*width: 150px;*/
margin-top: 0;
}
}
#tp-widget-wrapper {
text-align: left !important;
}
/* account order */
.tableOrder {
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
width: 100%;
border-collapse: separate;
border-spacing: 0;
margin: 25px 0
}
.tableOrder tr:first-child td:first-child {
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
border-top-left-radius: 10px;
}
.tableOrder tr:first-child td:last-child {
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
border-top-right-radius: 10px;
}
.tableOrder .small-text {
font-size: 14px;
line-height: 1.4;
}
.tableOrder tr td {
vertical-align: top;
border: 1px solid #ccc;
padding: 15px 20px;
font-size: 16px;
line-height: 1.5;
}
.tableOrder >tbody > tr > td + td {
border-left: none;
}
.tableOrder tr td.topline {
border: 0;
padding: 0;
margin: 0;
background: none;
font-size: 1px;
vertical-align: bottom;
}
.tableOrder tr td.largeheader {
font-size: 18px;
font-weight: normal;
padding: 10px 15px !important;
background: #ccc;
}
.tableOrder tr .items td:not(.split) {
padding: 5px 4px 4px;
}
.tableOrder tr.itemheader {
font-weight: bold;
}
.tableOrder tr td table {
width: 98%;
margin: 0 1%
}
.tableOrder tr td table tr td {
border: 0;
padding: 0;
}
.tableOrder td.split {
font-size: 1px;
padding: 0;
border-bottom: 1px solid #ccc;
}
.cardDesignPreview h4 {
border-bottom: 2px solid #E3E3E3;
margin-bottom: 15px;
padding-bottom: 5px;
}
.cardDesignPreview img {
width: auto;
max-width: 100%;
display: block;
margin: 0 auto;
}
/* POPUP */
body.popup {
/* background: none; */
padding: 0;
}
.popup .popup-inner {
overflow-x: hidden;
padding: 15px;
background: #fff;
}
.popup .popup-inner > h1:first-child {
margin-top: 0
}
.popup h1 {
font-size: 18px
}
.popup h4 {
font-size: 16px
}
.popup img.preview {
border: 1px solid #ccc;
display: inline-block;
height: auto;
max-width: 100%;
}
/* Product popup */
.product_action {
padding: 10px 0 0;
text-align: center;
}
.product_action h4 {
margin-bottom: 20px
}
.product_action input {
margin-right: 10px;
margin-top: 6px;
vertical-align: top;
}
.product_action strong {
padding-top: 8px;
vertical-align: top;
display: inline-block
}
.product_action .vButton btn btn-outline-blue {
padding: 12px 15px;
}
.has-error .vButton btn btn-outline-blue {
border-color: #d20a0a !important;
background-color: transparent !important;
color: #d20a0a !important;
}
.xmas-logo {
position: absolute;
top: -11px;
left: -6px;
width: 40px;
height: auto;
}
.xmas-wreath {
position: absolute;
top: 0;
right: -20px;
width: 43px;
display: none;
}
.xmas-snowman {
margin-right: 10px;
}
/* Mobile
*
* ============================================================== */
@media only screen and (max-width: 767px) {
body.menu-open {
overflow: hidden
}
#menu-main .nav {
background: #7c7c7c;
clear: both;
display: none;
left: 0;
top: 79px;
bottom: 0;
right: 0;
overflow: scroll;
position: fixed;
width: 100%;
margin: 0;
padding: 10px;
z-index: 9998;
text-align: left;
}
#menu-main.open .nav {
display: block;
}
#menu-main li {
background: #36424a;
display: block;
border-bottom: 1px solid #414F59;
border-radius: 4px;
color: #F8F8F8;
float: none;
font-size: 15px;
font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
line-height: 1;
position: relative;
width: 100%;
margin-bottom: 3px;
}
#menu-main li > a {
display: block;
padding: 7px 15px 7px 12px;
color: #F8F8F8;
}
#menu-main li i {
vertical-align: middle;
margin-right: 4px;
}
#menu-main li.item-inline {
padding: 0 0 0 12px;
}
#menu-main li.item-inline > a {
display: inline-block;
padding-left: 0;
padding-right: 0;
}
.visible-xs {
display: inline-block !important;
vertical-align: middle;
}
#menu-main li .after:after,
#menu-main li.panel-titlebar a:before {
zoom: expression(this.runtimeStyle['zoom']='1',this.innerHTML='');
content: "\f054";
display: inline-block;
*display: inline;
zoom: 1;
float: left;
font-family: fontAwesome;
font-size: 12px;
line-height: 1;
font-weight: normal;
}
#menu-main li:last-child a {
border-bottom: none
}
#menu-main li > a:focus {
color: #C9C9C9
}
#menu-main li > a:hover,
#menu-main li > a:focus,
#menu-main li.active > a {
background: #232d34;
color: #fff
}
#menu-main li > a strong {
display: block;
font-weight: normal;
}
/* SUBMENU */
#menu-main .open > .dropdown-menu {
display: none
}
#menu-main li.dropdown,
#menu-main li.dropdown-submenu {
position: static
}
#menu-main li .dropdown-menu {
left: 100%;
margin: 0;
padding: 0;
position: absolute;
top: 0;
width: 100%;
border-left-width: 0;
border-right-width: 0;
}
#menu-main li.panel-titlebar {
display: block;
float: none
}
#menu-main li.panel-titlebar > a {
background: #36424a;
text-align: center;
padding: 8px 20px 7px 8px;
font-weight: bold;
color: #F8F8F8;
}
#menu-main li.panel-titlebar > a:before {
zoom: expression(this.runtimeStyle['zoom']='1',this.innerHTML='');
content: "\f053";
font-size: 18px;
}
#menu-main li.panel-titlebar > a:hover:before {
color: #fff;
}
#menu-main li > a .after {
background-color: #F6F7FA;
border-left: 1px solid #CCCCCC;
bottom: 0;
float: none;
line-height: 1;
padding: 9px 15px 0;
position: absolute;
right: 0;
top: 0;
color: #36424a
}
#menu-main li > a:hover .after,
#menu-main li > a:focus .after {
background-color: #fff
}
.navbar-toggle {
background-color: #000000;
border: 0;
color: inherit;
border-radius: 25%;
cursor: pointer;
display: inline-block;
font: inherit;
margin: 0 8px;
overflow: visible;
padding: 0;
float: left;
line-height: 47px;
vertical-align: middle;
height: 38px;
width: 38px;
text-transform: none;
transition-duration: 0.15s;
transition-property: opacity, filter;
transition-timing-function: linear;
border: none;
opacity: 1;
box-shadow: none;
}
.navbar-toggle-box {
display: inline-block;
height: 20px;
position: relative;
width: 26px;
}
.navbar-toggle-inner,
.navbar-toggle-inner::before,
.navbar-toggle-inner::after {
background-color: #fff;
border-radius: 4px;
height: 4px;
position: absolute;
transition-duration: 0.15s;
transition-property: transform;
transition-timing-function: ease;
width: 26px;
}
.navbar-toggle.active .navbar-toggle-inner, .navbar-toggle.active .navbar-toggle-inner::before, .navbar-toggle.active .navbar-toggle-inner::after {
background-color: #c8a1b5;
}
.navbar-toggle-inner {
display: block;
margin-top: -2px;
top: 50%;
transform: rotate(0);
transition-duration: 0.1s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.navbar-toggle-inner::before,
.navbar-toggle-inner::after {
content: "";
display: block;
}
.navbar-toggle-inner::before {
opacity: 1;
top: -8px;
transition: top 0.1s 0.14s ease, opacity 0.1s ease;
}
.navbar-toggle-inner::after {
bottom: -8px;
transform: rotate(0);
transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.navbar-toggle.active .navbar-toggle-inner {
transform: rotate(45deg);
transition-delay: 0.14s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.navbar-toggle.active .navbar-toggle-inner::before {
opacity: 0;
top: 0;
transition: top 0.1s ease, opacity 0.1s 0.14s ease;
}
.navbar-toggle.active .navbar-toggle-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/* Fallback */
html.no-csstransforms .navbar-toggle-inner,
html.no-csstransitions .navbar-toggle-inner,
html.no-csstransforms .navbar-toggle-inner:before,
html.no-csstransitions .navbar-toggle-inner:before,
html.no-csstransitions .navbar-toggle-inner:after,
html.no-csstransforms .navbar-toggle-inner:after {
background: none;
border: none;
bottom: auto;
height: auto;
margin: 0;
opacity: 1;
top: auto;
transform: none;
transition: none;
width: auto;
}
html.no-csstransforms .navbar-toggle-inner:before,
html.no-csstransitions .navbar-toggle-inner:before {
font-family: 'icomoon';
font-size: 34px;
margin-top: -4px;
content: "\ed6d";
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
color: #666666;
}
html.no-csstransforms .collapsed .navbar-toggle-inner:before,
html.no-csstransitions .collapsed .navbar-toggle-inner:before {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
content: "\ec71";
}
}
@media only screen and (max-width: 430px) {
.page-blocks .row-item {
display: block;
width: 100%;
margin-bottom: 10px;
}
.pod {
min-height: 0 !important /* overwrite equalHeight*/
}
}
/*!
* jQuery Cookiebar Plugin
* https://github.com/carlwoodhouse/jquery.cookieBar
*
* Copyright 2012, Carl Woodhouse
* Disclaimer: if you still get fined for not complying with the eu cookielaw, it's not our fault.
*/
.cookie-message {
position: fixed;
bottom: 0;
left: 0;
right: 0;
padding: 0 85px 0 20px;
background: rgba(91, 91, 91, 1.0);
border-top: 1px solid #936;
z-index: 2147483645; /* above google certified shop */
font-size: 13px;
color: #dedede;
padding: 7px 5px 0;
overflow: hidden;
box-shadow: 0 0 16px 4px rgb(0 0 0 / 42%);
}
.cookie-message a {
color: inherit;
text-decoration: underline;
}
.cookie-message .btn {
background: #FCEA10;
border-radius: 5px 5px 0 0;
float: right;
color: #363636 !important;
padding: 9px 15px 8px 30px;
min-width: 50px;
margin-top: 10px;
font-size: 17px;
font-weight: 600;
text-decoration: none;
text-shadow: none;
position: relative;
}
.cookie-message .btn i {font-size: 1.7em;position: absolute;margin: 0;top: 4px;left: 3px;opacity: 0.8;}
#GTS_CONTAINER {
float: left;
padding-top: 30px;
text-align: center;
clear: both
}
/*.cookie-message .container {
padding-right: 100px;
}
.cookie-message .btn {
top: auto;
bottom: 0;
right: 150px;
position: absolute;
float: none;
}*/
/* Step Banner */
.step-banner {
color: #858390;
font-size: 13px;
line-height: 1.2;
text-align: center;
margin: 5px 8px 0;
white-space: nowrap;
}
.step-banner-title {
font-size: 23px;
line-height: 1.1;
font-weight: 600;
color: #933663;
}
.step-banner br {
display: none
}
.step-banner-text {
text-align: right;
width: 64%;
display: inline-block;
vertical-align: middle;
white-space: normal;
}
.page-carousel .step-banner-text p {
font-size: inherit;
margin: 0 0 10px;
color: inherit;
}
.step-banner img.step-banner-img {
max-width: 28%;
margin: 0 0 0 3%;
vertical-align: middle;
display: inline-block;
}
.form-radio-select label,
.form-radio-select-label {
background-color: #fff;
display: block;
font-size: 20px;
font-weight: 600;
letter-spacing: 0.05px;
line-height: 30px;
padding: 15px 15px 9px;
border: 2px solid #b9b9b9;
border-radius: 10px;
margin: 0;
cursor: pointer;
text-align: center;
}
.form-radio-select-label {
display: block;
text-align: right;
margin-bottom: 10px;
min-height: 140px;
}
.form-radio-select-label.disabled {
cursor: default;
opacity: 0.6;
border-color: #ccc !important;
}
.form-radio-select-label.disabled * {
cursor: default;
}
.buttonBar .form-radio-select-label * {
display: inline-block;
vertical-align: middle;
}
.buttonBar .form-radio-select-label .label-text {
display: flex;
font-weight: bold;
margin-bottom: 8px;
border-radius: 4px;
background-color: #4a851f;
padding: 8px;
color: white;
text-align: center;
font-size: 17px;
min-height: 55px;
align-items: center;
justify-content: center;
}
.buttonBar .form-radio-select-label .label-text > small {
font-weight: 400;
}
.form-radio-select input[type='radio'] {
display: none
}
.form-radio-select label:hover,
.form-radio-select label:focus,
.form-radio-select-label:hover {
border-color: #00aeef
}
.form-radio-select input[type='radio']:checked + label,
.form-radio-select.checked label,
.form-radio-select-label:focus {
border-color: #933663
}
.form-radio-select input[type='radio']:checked + label:before,
.form-radio-select.checked label:before {
font-family: 'icomoon';
content: "\e902";
display: inline-block;
margin-right: 5px;
color: #00d500;
font-size: 1.2em;
line-height: 0.8em;
vertical-align: top;
margin-top: 3px;
}
label {
font-weight: 600;
font-size: 0.9em;
}
.control-label {
color: #686868;
letter-spacing: 0;
font-size: 16px;
font-weight: 400;
text-align: left;
padding-right: 0;
line-height: 1.2;
}
@media (min-width: 768px) {
.form-horizontal .control-label {
padding-top: 11px;
}
}
.form-inline label {
margin-bottom: 0;
margin-right: 6px;
}
.payment-btn {
background: url(../images/payment-sprite2.png);
border: none;
height: 67px;
width: 233px;
overflow: hidden;
line-height: 300px;
text-indent: -3000px;
/* float: right; */
}
.payment-btn-paypal {
background-position: 0 -67px;
}
/*.payment-btn-sagepay {
}*/
/* Data Tables */
table.dataTable.table1 {
margin-top: 10px !important;
margin-bottom: 20px !important;
}
table.dataTable thead th {
position: relative;
background-image: none !important;
}
table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
position: absolute;
top: 12px;
right: 8px;
display: block;
font-family: 'icomoon';
}
table.dataTable thead th.sorting:after {
content: "\e90f";
color: #ddd;
font-size: 0.8em;
padding-top: 0.12em;
}
table.dataTable thead th.sorting_asc:after {
content: "\e90d";
}
table.dataTable thead th.sorting_desc:after {
content: "\e90e";
}
.dataTables_paginate .pagination > li > a {
background: transparent;
border: none;
color: #0A6275;
font-size: 14px;
}
div.dataTables_wrapper div.dataTables_length select {
margin-left: 6px;
}
div.dataTables_wrapper div.dataTables_filter input {
height: 35px;
font-size: 14px;
}
table.table1 .cell-info {
font-size:12px;
line-height: 1.6;
vertical-align: middle;
color: #444444
}
table.table1 .cell-info-title {
font-size: 16px;
font-weight: 600;
margin: 0 0 4px;
}
table.table1 .cell-info p {
margin: 0;
}
table.table1 .btn {
padding: 4px 13px;
letter-spacing: 0.2px;
}
.btn-danger {
background-color: #CE2222;
border-color: #CE2222;
}
.btn-lightblue {
background-color: #00AEEF;
border-color: #00AEEF !important;
color: #fff;
}
/* -- ID Card Page Sections -- */
.page-id-cards section {
margin-bottom: 15px;
}
.section-blank-card img.preview {
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 1px solid #ccc;
margin-top: 20px;
}
/* Password strengh list */
.input-help-text {
font-size: 13px;
line-height: 1.5;
}
.input-help-text ul {
margin: 0;
padding: 0;
list-style: none;
}
.input-help-text li {
padding: 0;
}
.input-help-text li > i {
font-size: 14px;
display: inline-block;
border: 1px solid #ccc;
padding: 1px;
width: 18px;
height: 18px;
border-radius: 4px;
}
/* -- Privacy Policy -- */
.privacyPolicy ol {
counter-reset: section;
list-style-type: none;
}
.privacyPolicy ol li h2 {
display: inline-block;
font-size: 18px;
}
.privacyPolicy p {
margin: 0 0 8px 0;
font-size: 16px;
line-height: 25px
}
.privacyPolicy ol ol ol {
padding-left: 20px
}
.privacyPolicy ol li {
counter-increment: section;
padding: 5px;
line-height: 25px;
font-size: 16px;
}
.privacyPolicy ol li:before {
content: counters(section, ".") ". ";
}
.privacyPolicy table {
border-collapse: collapse
}
.privacyPolicy table td {
vertical-align: top
}
.privacyPolicy table tr td:first-child {
width: 20%
}
/* -- Cookie Policy -- */
.cookiePolicy h2,
.cookiePolicy h3 {
display: inline-block;
font-size: 18px;
margin: 10px 0 15px 0;
}
.tableClean {
table-layout: auto;
}
.tableClean > tbody > tr > td {
padding: 0;
text-align: left;
}
.tableClean > tbody > tr > td.desc {
vertical-align: top;
}
.product-options {
display: block;
vertical-align: top;
clear: both;
overflow: hidden;
}
.product-options > label {
display: inline-block;
}
.product-option {
display: inline-block;
max-width: 50%;
vertical-align: top;
}
.product-option + .product-option {
margin-left: 10px;
}
.product-option .input-group-addon, .product-option .form-control {
background: #f9f9f7;
color: #545454;
text-shadow: none;
border-color: #70003b;
box-shadow: none;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 1;
height: 40px;
letter-spacing: 0.2px;
overflow: hidden;
padding: 8px 10px;
}
.product-option .form-control {
color: #000;
}
.product-option .input-group-addon > label {
font-weight: inherit;
}
.product-content {
font-size: 15px;
margin: 30px 0;
}
.cardDesignPreview {
}
.product-preview {
display: block;
margin: 0 auto;
width: 80%
}
.product-price {
font-size: 16px;
font-weight: 400;
margin: 5px 0 0;
color: #6f6f6f;
}
.dropdown-select {
padding: 0;
}
.dropdown-select > li > label {
display: block;
font-weight: 500;
letter-spacing: -0.3px;
font-size: 15px;
margin: 0;
line-height: 36px;
padding: 1px 0 1px 3px;
border-bottom: 1px solid #ccc;
}
.dropdown-select > li > label:hover,
.dropdown-select > li > label:focus {
color: #a01f62;
}
.dropdown-select > li > label:focus {
font-weight: bold;
}
.dropdown-select input {
display: none
}
.dropdown-select img {
width: 40px;
margin-right: 5px;
margin-left: 9px;
}
.product-filter {
background-color: #f8f8f8;
padding: 10px 15px;
margin-bottom: 20px;
margin-top: 20px;
}
.product-filter .heading {
color: #000;
font-size: 18px;
font-weight: bold;
margin: 10px 0 15px;
}
.product-filter .product-option-label {
color: gray;
font-weight: normal;
font-size: 16px;
display: block;
margin: 10px 0 5px;
}
.product-filter .product-filter-label {
color: #484848;
font-size: 13px;
font-weight: bold;
}
.category-list > .list-item {
margin: 30px 0;
border-bottom: 1px solid #e4e4e4;
padding-bottom: 30px;
box-shadow: inset 0 -4px 4px -4px #d0d0d0;
}
.category-title {
margin: 0 0 10px 30px;
font-size: 22px;
text-align: left;
font-weight: 300;
color: #595959;
}
.category-title > a {
color: inherit
}
.category-title > a:hover {
text-decoration: none;
}
.category-products-list {
padding: 0;
margin: 0;
list-style: none;
overflow: hidden;
text-align: center;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: baseline;
justify-content: flex-start;
}
.category-product {
flex-grow: 0;
flex-shrink: 0;
flex-basis: 0%;
text-align: center;
margin: 10px 1.5%;
}
.category-product:nth-child(5n+1) {
/* clear:left */
}
.category-product a {
color: inherit;
}
.category-product .product-title {
font-size: 13px;
letter-spacing: 0.3px;
line-height: 1.2;
font-weight: 600;
text-align: center;
margin: 6px auto 15px;
color: #151515;
display: inline-block;
border-top: 2px solid #f5e8ef;
padding: 5px 0 0 0;
}
.category-product:hover .product-title > a, .category-product .product-title > a:hover {
text-decoration: none;
color: #990066;
}
.category-product .product-img {
display: block;
}
.category-product .product-img > img {
display: block;
/* max-width: 100%; */
height: auto;
width: 120px;
margin: 0 auto;
}
.footer-showcase-tabs .tab-title {
font-weight: 400;
text-align: left;
letter-spacing: 0.6px;
border-bottom: 1px solid #cccccc;
padding: 0 0 5px;
}
.footer-showcase-tabs .row, .footer-showcase-tabs .row > div {
padding: 0;
margin: 0;
}
.footer-showcase-tabs .text-muted {
font-size: 0.9em;
}
.footer-showcase-tabs .tab-content {
min-height: 300px;
border: 1px solid #efefef;
}
.footer-showcase-tabs .tab-pane {
padding: 20px 10px;
}
.footer-showcase-tabs .category-products-list {
text-align: left;
align-items: baseline;
justify-content: flex-start;
}
.footer-showcase-tabs .category-product {
/* float: left; */
padding: 0 10px 20px;
margin: auto 0;
flex-grow: 0;
text-align: center;
flex-basis: 25%;
}
.footer-showcase-option {
text-align: center;
}
.footer-showcase-option .btn {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom: none;
background: #9f1e62;
color: #fff;
font-weight: bold;
font-size: 13px;
}
.form-well {
border: none;
background: #363636;
box-shadow: 0 0 1px black;
align-items: stretch;
margin-top: 30px;
margin-bottom: 30px;
}
.form-well-one {
padding: 0;
background-color: #e8e8e8;
border: none;
}
.form-well-one .form-well-inner {
padding: 30px 50px 20px 30px;
}
.form-well-one .form-well-footer {
padding: 30px 50px 20px 30px;
background-color: #dadada;
border-top: 1px solid #d7d7d7;
}
.form-well-two {
background-color: #363636;
color: #fff;
margin-top: 0;
margin-bottom: 0;
flex: 1;
padding: 30px;
min-height: 100%;
font-size: 14px;
text-align: center;
}
#accordionAddress .panel {
box-shadow: none;
border: none;
background: transparent;
border-radius: 0;
margin: 0;
}
#accordionAddress .panel-header {
text-align: right;
}
#accordionAddress .panel-body {
text-align: right;
color: #d0d0d0;
}
#accordionAddress .panel-header .accordion-toggle {
color: #ffffff;
font-weight: bold;
text-shadow: none;
display: block;
text-align: right;
float: none;
width: 100%;
font-size: 14px;
padding: 10px 20px 10px 5px;
border-bottom: 1px solid rgb(109 109 109);
border-radius: 0;
}
#accordionAddress .panel-header .accordion-toggle:after {
border-style: solid;
border-width: 0.25em 0.25em 0 0;
content: '';
display: inline-block;
height: 0.75em;
left: 0.55em;
position: relative;
color: #9f2062;
top: 0;
transform: rotate(135deg);
width: 0.75em;
vertical-align: top;
}
#accordionAddress .panel-header .accordion-toggle.collapsed {
color: #d0d0d0;
}
#accordionAddress .panel-header .accordion-toggle.collapsed:after {
transform: rotate(44deg);
top: 0.15em;
color: #d0d0d0;
left: 0.35em;
}
#accordionAddress .panel-header .accordion-toggle:focus {
outline: none;
text-decoration: none;
}
#accordionAddress .panel-header .accordion-toggle.collapsed:hover {
border-bottom-color: #9f2062;
}
#accordionAddress .panel-body a {
color: #fff;
}
.form-contact .radio-inline {
padding-left: 27px;
}
.form-contact .radio-inline + .radio-inline {
margin-left: 15px;
}
.form-contact .radio-inline label {
font-size: 16px;
}
.form-contact .radio-inline input {
width: 16px;
height: 16px;
margin-top: 3px;
margin-left: -23px;
}
.form-contact .form-group {
margin-bottom: 18px;
}
@media (min-width: 980px) {
.form-well {
display: flex;
border-radius: 20px;
}
.form-well-two {
border-radius: 0 20px 20px 0;
}
.form-well-one {
padding: 0;
border-radius: 20px 0 0 20px;
}
.form-well-one .form-well-footer {
border-bottom-left-radius: 20px;
}
}
#container > .page-holder:not(.special-section-page) {
padding-top: 45px;
}
.section-bg {
background-color: #EBEBEB;
position: relative;
padding-bottom: 8vw;
padding-top: 35px;
}
.section-bg-bottom::after {
content: '';
background: url('/data/upload/website_images/backgrounds/white-before-right.svg') no-repeat center bottom;
background-size: 100% auto;
position: absolute;
bottom: -4px;
left: 0;
right: 0;
width: 100%;
height: 7vw;
}