#vpc-preview, .vpc-cart-config-image, .saved-config-preview
{
position: relative;
border: 1px solid #f1f4f9;
}
#vpc-preview img, .vpc-cart-config-image img, .saved-config-preview img
{
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
}
#vpc-preview img:first-child, .vpc-cart-config-image img:first-child, .saved-config-preview img:first-child
{
position: relative;
} .vpc-success, .vpc-failure
{
color: white;
padding: 5px;
text-align: center;
}
.vpc-success
{
background-color: green;    
}
.vpc-success a
{
color: greenyellow;
}
.vpc-failure
{
background-color: red;
}
.vpc-cart-config
{
border: 1px solid #c8c8c8;
margin-bottom: 5px;
padding: 5px;
}
.vpc-cart-config img
{ margin: 5px;
padding: 5px;
display: inline-block;
vertical-align: middle;
max-width: 100%; }
.vpc-cart-config-image{
max-width: 150px;
margin: 0 auto;
}
.woocommerce .vpc-cart-config-image img{
width:100% !important;
max-width: 100%;
background: none;
}
.vpc-cart-options-container{
padding:20px;
font-size: 16px;
}
.vpc-cart-options-container img,.woocommerce .vpc-cart-options-container img{
max-width: 30px;
max-height: 30px;
}
.vpc-single-option-wrap
{
display: inline-block;
}
.vpc-cart-options-container
{ padding: 5px; 
margin: 5px
}
.vpc-cart-options-container > div{
display: table;
width:100%;
border:1px solid #ccc;
padding:0 5px;
margin-bottom: 10px;
box-sizing: border-box;
}
.vpc-cart-options-container > div > strong{
display: table-cell; vertical-align: middle;
}
.vpc-cart-options-container > div > strong > span{
font-weight: normal;
}
.vpc-cart-options-container > div > img{
float:right;
}
#vpc-ajax-container.vpc-loading{
min-height:500px;
position:relative;
}
#vpc-ajax-container.vpc-loading > img{
position: absolute;
top:0;
bottom: 0;
left:0;
right: 0;
margin:auto;
}
#vpc-preview img
{
background: none !important;
}
@media only screen and (max-width:768px){
.vpc-cart-config > div {
padding: 0 5px 10px;
min-width: 150px;
}
.vpc-cart-config .vpc-cart-options-container{
margin: 0;
padding: 0;
}
.vpc-cart-options-container > div > strong{
display: block;
}
}.o-wrap {
display: block;
width: 100%;
font-size: 0;
text-align: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.o-col {
display: inline-block;
width: 100%;
min-height: 1px; vertical-align: middle;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} .xl-normal {
display: block;
table-layout: auto;
-webkit-flex-direction: initial;
-ms-flex-direction: initial;
flex-direction: initial;
-webkit-flex-wrap: initial;
-ms-flex-wrap: initial;
flex-wrap: initial;
-webkit-justify-content: initial;
-ms-justify-content: initial;
justify-content: initial;
-webkit-align-content: initial;
-ms-align-content: initial;
align-content: initial;
-webkit-align-items: initial;
-ms-align-items: initial;
align-items: initial;
}
.xl-normal > * {
display: inline-block;
}
.xl-table {
display: table;
table-layout: fixed;
-webkit-flex-direction: initial;
-ms-flex-direction: initial;
flex-direction: initial;
-webkit-flex-wrap: initial;
-ms-flex-wrap: initial;
flex-wrap: initial;
-webkit-justify-content: initial;
-ms-justify-content: initial;
justify-content: initial;
-webkit-align-content: initial;
-ms-align-content: initial;
align-content: initial;
-webkit-align-items: initial;
-ms-align-items: initial;
align-items: initial;
}
.xl-table > * {
display: table-cell;
}
.xl-flexbox {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
table-layout: auto;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-content: center;
-ms-align-content: center;
align-content: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.xl-flexbox > * {
display: inline-block;
}
.xl-auto > * {
width: auto;
}
.xl-1 > * {
width: 100%;
}
.xl-2 > * {
width: 50%;
}
.xl-3 > * {
width: 33.333333333333336%;
}
.xl-4 > * {
width: 25%;
}
.xl-5 > * {
width: 20%;
}
.xl-6 > * {
width: 16.666666666666668%;
}
.xl-7 > * {
width: 14.285714285714286%;
}
.xl-8 > * {
width: 12.5%;
}
.xl-9 > * {
width: 11.11111111111111%;
}
.xl-10 > * {
width: 10%;
}
.xl-11 > * {
width: 9.090909090909092%;
}
.xl-12 > * {
width: 8.333333333333334%;
}
.xl-1-1 {
width: 100%;
}
.xl-1-2,
.xl-2-4,
.xl-3-6,
.xl-4-8,
.xl-5-10,
.xl-6-12 {
width: 50%;
}
.xl-1-3,
.xl-2-6,
.xl-4-12 {
width: 33.333333333333336%;
}
.xl-2-3,
.xl-4-6,
.xl-8-12 {
width: 66.66666666666667%;
}
.xl-1-4,
.xl-2-8,
.xl-3-12 {
width: 25%;
}
.xl-3-4,
.xl-6-8,
.xl-9-12 {
width: 75%;
}
.xl-1-5,
.xl-2-10 {
width: 20%;
}
.xl-2-5,
.xl-4-10 {
width: 40%;
}
.xl-3-5,
.xl-6-10 {
width: 60%;
}
.xl-4-5,
.xl-8-10 {
width: 80%;
}
.xl-1-6,
.xl-2-12 {
width: 16.666666666666668%;
}
.xl-5-6,
.xl-10-12 {
width: 83.33333333333334%;
}
.xl-1-7 {
width: 14.285714285714286%;
}
.xl-2-7 {
width: 28.571428571428573%;
}
.xl-3-7 {
width: 42.85714285714286%;
}
.xl-4-7 {
width: 57.142857142857146%;
}
.xl-5-7 {
width: 71.42857142857143%;
}
.xl-6-7 {
width: 85.71428571428572%;
}
.xl-1-8 {
width: 12.5%;
}
.xl-3-8 {
width: 37.5%;
}
.xl-5-8 {
width: 62.5%;
}
.xl-7-8 {
width: 87.5%;
}
.xl-1-9 {
width: 11.11111111111111%;
}
.xl-2-9 {
width: 22.22222222222222%;
}
.xl-3-9 {
width: 33.33333333333333%;
}
.xl-4-9 {
width: 44.44444444444444%;
}
.xl-5-9 {
width: 55.55555555555556%;
}
.xl-6-9 {
width: 66.66666666666666%;
}
.xl-7-9 {
width: 77.77777777777777%;
}
.xl-8-9 {
width: 88.88888888888889%;
}
.xl-1-10 {
width: 10%;
}
.xl-3-10 {
width: 30%;
}
.xl-7-10 {
width: 70%;
}
.xl-9-10 {
width: 90%;
}
.xl-1-11 {
width: 9.090909090909092%;
}
.xl-2-11 {
width: 18.181818181818183%;
}
.xl-3-11 {
width: 27.272727272727273%;
}
.xl-4-11 {
width: 36.36363636363637%;
}
.xl-5-11 {
width: 45.45454545454546%;
}
.xl-6-11 {
width: 54.54545454545455%;
}
.xl-7-11 {
width: 63.63636363636364%;
}
.xl-8-11 {
width: 72.72727272727273%;
}
.xl-9-11 {
width: 81.81818181818183%;
}
.xl-10-11 {
width: 90.90909090909092%;
}
.xl-1-12 {
width: 8.333333333333334%;
}
.xl-5-12 {
width: 41.66666666666667%;
}
.xl-7-12 {
width: 58.333333333333336%;
}
.xl-11-12 {
width: 91.66666666666667%;
}
.xl-hidden {
display: none;
}
.xl-not-hidden {
display: inline-block;
}
.xl-gutter-0 {
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.xl-gutter-0 > * {
padding-left: 0;
padding-right: 0;
}
.xl-gutter-8 {
width: calc(100% + 8px);
margin-left: -4px;
margin-right: -4px;
padding-left: 0;
padding-right: 0;
}
.xl-gutter-8 > * {
padding-left: 4px;
padding-right: 4px;
}
.xl-outside-8 {
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 4px;
padding-right: 4px;
}
.xl-gutter-16 {
width: calc(100% + 16px);
margin-left: -8px;
margin-right: -8px;
padding-left: 0;
padding-right: 0;
}
.xl-gutter-16 > * {
padding-left: 8px;
padding-right: 8px;
}
.xl-outside-16 {
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 8px;
padding-right: 8px;
}
.xl-gutter-24 {
width: calc(100% + 24px);
margin-left: -12px;
margin-right: -12px;
padding-left: 0;
padding-right: 0;
}
.xl-gutter-24 > * {
padding-left: 12px;
padding-right: 12px;
}
.xl-outside-24 {
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 12px;
padding-right: 12px;
}
.xl-gutter-40 {
width: calc(100% + 40px);
margin-left: -20px;
margin-right: -20px;
padding-left: 0;
padding-right: 0;
}
.xl-gutter-40 > * {
padding-left: 20px;
padding-right: 20px;
}
.xl-outside-40 {
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 20px;
padding-right: 20px;
}
.xl-top {
-webkit-align-content: flex-start;
-ms-align-content: flex-start;
align-content: flex-start;
-webkit-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
}
.xl-top > * {
vertical-align: top;
}
.xl-middle {
-webkit-align-content: center;
-ms-align-content: center;
align-content: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.xl-middle > * {
vertical-align: middle;
}
.xl-bottom {
-webkit-align-content: flex-end;
-ms-align-content: flex-end;
align-content: flex-end;
-webkit-align-items: flex-end;
-ms-align-items: flex-end;
align-items: flex-end;
}
.xl-bottom > * {
vertical-align: bottom;
}
.xl-between {
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-webkit-align-content: space-between;
-ms-align-content: space-between;
align-content: space-between;
}
.xl-around {
-webkit-justify-content: space-around;
-ms-justify-content: space-around;
justify-content: space-around;
-webkit-align-content: space-around;
-ms-align-content: space-around;
align-content: space-around;
}
.xl-baseline {
-webkit-align-items: baseline;
-ms-align-items: baseline;
align-items: baseline;
}
.xl-center {
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
text-align: center;
}
.xl-left {
-webkit-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
text-align: left;
}
.xl-right {
-webkit-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
text-align: right;
}
.xl-first {
-ms-flex-order: -1;
-webkit-order: -1;
order: -1;
}
.xl-last {
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}
.xl-not-first, .xl-not-last {
-ms-flex-order: 0;
-webkit-order: 0;
order: 0;
}
.xl-reverse {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-flex-wrap: wrap-reverse;
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.xl-not-reverse {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
} @media (max-width: 1024px) {
.lg-normal {
display: block;
table-layout: auto;
-webkit-flex-direction: initial;
-ms-flex-direction: initial;
flex-direction: initial;
-webkit-flex-wrap: initial;
-ms-flex-wrap: initial;
flex-wrap: initial;
-webkit-justify-content: initial;
-ms-justify-content: initial;
justify-content: initial;
-webkit-align-content: initial;
-ms-align-content: initial;
align-content: initial;
-webkit-align-items: initial;
-ms-align-items: initial;
align-items: initial;
}
.lg-normal > * {
display: inline-block;
}
.lg-table {
display: table;
table-layout: fixed;
-webkit-flex-direction: initial;
-ms-flex-direction: initial;
flex-direction: initial;
-webkit-flex-wrap: initial;
-ms-flex-wrap: initial;
flex-wrap: initial;
-webkit-justify-content: initial;
-ms-justify-content: initial;
justify-content: initial;
-webkit-align-content: initial;
-ms-align-content: initial;
align-content: initial;
-webkit-align-items: initial;
-ms-align-items: initial;
align-items: initial;
}
.lg-table > * {
display: table-cell;
}
.lg-flexbox {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
table-layout: auto;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-content: center;
-ms-align-content: center;
align-content: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.lg-flexbox > * {
display: inline-block;
}
.lg-auto > * {
width: auto;
}
.lg-1 > * {
width: 100%;
}
.lg-2 > * {
width: 50%;
}
.lg-3 > * {
width: 33.333333333333336%;
}
.lg-4 > * {
width: 25%;
}
.lg-5 > * {
width: 20%;
}
.lg-6 > * {
width: 16.666666666666668%;
}
.lg-7 > * {
width: 14.285714285714286%;
}
.lg-8 > * {
width: 12.5%;
}
.lg-9 > * {
width: 11.11111111111111%;
}
.lg-10 > * {
width: 10%;
}
.lg-11 > * {
width: 9.090909090909092%;
}
.lg-12 > * {
width: 8.333333333333334%;
}
.lg-1-1 {
width: 100%;
}
.lg-1-2,
.lg-2-4,
.lg-3-6,
.lg-4-8,
.lg-5-10,
.lg-6-12 {
width: 50%;
}
.lg-1-3,
.lg-2-6,
.lg-4-12 {
width: 33.333333333333336%;
}
.lg-2-3,
.lg-4-6,
.lg-8-12 {
width: 66.66666666666667%;
}
.lg-1-4,
.lg-2-8,
.lg-3-12 {
width: 25%;
}
.lg-3-4,
.lg-6-8,
.lg-9-12 {
width: 75%;
}
.lg-1-5,
.lg-2-10 {
width: 20%;
}
.lg-2-5,
.lg-4-10 {
width: 40%;
}
.lg-3-5,
.lg-6-10 {
width: 60%;
}
.lg-4-5,
.lg-8-10 {
width: 80%;
}
.lg-1-6,
.lg-2-12 {
width: 16.666666666666668%;
}
.lg-5-6,
.lg-10-12 {
width: 83.33333333333334%;
}
.lg-1-7 {
width: 14.285714285714286%;
}
.lg-2-7 {
width: 28.571428571428573%;
}
.lg-3-7 {
width: 42.85714285714286%;
}
.lg-4-7 {
width: 57.142857142857146%;
}
.lg-5-7 {
width: 71.42857142857143%;
}
.lg-6-7 {
width: 85.71428571428572%;
}
.lg-1-8 {
width: 12.5%;
}
.lg-3-8 {
width: 37.5%;
}
.lg-5-8 {
width: 62.5%;
}
.lg-7-8 {
width: 87.5%;
}
.lg-1-9 {
width: 11.11111111111111%;
}
.lg-2-9 {
width: 22.22222222222222%;
}
.lg-3-9 {
width: 33.33333333333333%;
}
.lg-4-9 {
width: 44.44444444444444%;
}
.lg-5-9 {
width: 55.55555555555556%;
}
.lg-6-9 {
width: 66.66666666666666%;
}
.lg-7-9 {
width: 77.77777777777777%;
}
.lg-8-9 {
width: 88.88888888888889%;
}
.lg-1-10 {
width: 10%;
}
.lg-3-10 {
width: 30%;
}
.lg-7-10 {
width: 70%;
}
.lg-9-10 {
width: 90%;
}
.lg-1-11 {
width: 9.090909090909092%;
}
.lg-2-11 {
width: 18.181818181818183%;
}
.lg-3-11 {
width: 27.272727272727273%;
}
.lg-4-11 {
width: 36.36363636363637%;
}
.lg-5-11 {
width: 45.45454545454546%;
}
.lg-6-11 {
width: 54.54545454545455%;
}
.lg-7-11 {
width: 63.63636363636364%;
}
.lg-8-11 {
width: 72.72727272727273%;
}
.lg-9-11 {
width: 81.81818181818183%;
}
.lg-10-11 {
width: 90.90909090909092%;
}
.lg-1-12 {
width: 8.333333333333334%;
}
.lg-5-12 {
width: 41.66666666666667%;
}
.lg-7-12 {
width: 58.333333333333336%;
}
.lg-11-12 {
width: 91.66666666666667%;
}
.lg-hidden {
display: none;
}
.lg-not-hidden {
display: inline-block;
}
.lg-gutter-0 {
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.lg-gutter-0 > * {
padding-left: 0;
padding-right: 0;
}
.lg-gutter-8 {
width: calc(100% + 8px);
margin-left: -4px;
margin-right: -4px;
padding-left: 0;
padding-right: 0;
}
.lg-gutter-8 > * {
padding-left: 4px;
padding-right: 4px;
}
.lg-outside-8 {
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 4px;
padding-right: 4px;
}
.lg-gutter-16 {
width: calc(100% + 16px);
margin-left: -8px;
margin-right: -8px;
padding-left: 0;
padding-right: 0;
}
.lg-gutter-16 > * {
padding-left: 8px;
padding-right: 8px;
}
.lg-outside-16 {
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 8px;
padding-right: 8px;
}
.lg-gutter-24 {
width: calc(100% + 24px);
margin-left: -12px;
margin-right: -12px;
padding-left: 0;
padding-right: 0;
}
.lg-gutter-24 > * {
padding-left: 12px;
padding-right: 12px;
}
.lg-outside-24 {
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 12px;
padding-right: 12px;
}
.lg-gutter-40 {
width: calc(100% + 40px);
margin-left: -20px;
margin-right: -20px;
padding-left: 0;
padding-right: 0;
}
.lg-gutter-40 > * {
padding-left: 20px;
padding-right: 20px;
}
.lg-outside-40 {
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 20px;
padding-right: 20px;
}
.lg-top {
-webkit-align-content: flex-start;
-ms-align-content: flex-start;
align-content: flex-start;
-webkit-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
}
.lg-top > * {
vertical-align: top;
}
.lg-middle {
-webkit-align-content: center;
-ms-align-content: center;
align-content: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.lg-middle > * {
vertical-align: middle;
}
.lg-bottom {
-webkit-align-content: flex-end;
-ms-align-content: flex-end;
align-content: flex-end;
-webkit-align-items: flex-end;
-ms-align-items: flex-end;
align-items: flex-end;
}
.lg-bottom > * {
vertical-align: bottom;
}
.lg-between {
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-webkit-align-content: space-between;
-ms-align-content: space-between;
align-content: space-between;
}
.lg-around {
-webkit-justify-content: space-around;
-ms-justify-content: space-around;
justify-content: space-around;
-webkit-align-content: space-around;
-ms-align-content: space-around;
align-content: space-around;
}
.lg-baseline {
-webkit-align-items: baseline;
-ms-align-items: baseline;
align-items: baseline;
}
.lg-center {
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
text-align: center;
}
.lg-left {
-webkit-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
text-align: left;
}
.lg-right {
-webkit-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
text-align: right;
}
.lg-first {
-ms-flex-order: -1;
-webkit-order: -1;
order: -1;
}
.lg-last {
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}
.lg-not-first, .lg-not-last {
-ms-flex-order: 0;
-webkit-order: 0;
order: 0;
}
.lg-reverse {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-flex-wrap: wrap-reverse;
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.lg-not-reverse {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
} @media (max-width: 768px) {
.md-normal {
display: block;
table-layout: auto;
-webkit-flex-direction: initial;
-ms-flex-direction: initial;
flex-direction: initial;
-webkit-flex-wrap: initial;
-ms-flex-wrap: initial;
flex-wrap: initial;
-webkit-justify-content: initial;
-ms-justify-content: initial;
justify-content: initial;
-webkit-align-content: initial;
-ms-align-content: initial;
align-content: initial;
-webkit-align-items: initial;
-ms-align-items: initial;
align-items: initial;
}
.md-normal > * {
display: inline-block;
}
.md-table {
display: table;
table-layout: fixed;
-webkit-flex-direction: initial;
-ms-flex-direction: initial;
flex-direction: initial;
-webkit-flex-wrap: initial;
-ms-flex-wrap: initial;
flex-wrap: initial;
-webkit-justify-content: initial;
-ms-justify-content: initial;
justify-content: initial;
-webkit-align-content: initial;
-ms-align-content: initial;
align-content: initial;
-webkit-align-items: initial;
-ms-align-items: initial;
align-items: initial;
}
.md-table > * {
display: table-cell;
}
.md-flexbox {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
table-layout: auto;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-content: center;
-ms-align-content: center;
align-content: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.md-flexbox > * {
display: inline-block;
}
.md-auto > * {
width: auto;
}
.md-1 > * {
width: 100%;
}
.md-2 > * {
width: 50%;
}
.md-3 > * {
width: 33.333333333333336%;
}
.md-4 > * {
width: 25%;
}
.md-5 > * {
width: 20%;
}
.md-6 > * {
width: 16.666666666666668%;
}
.md-7 > * {
width: 14.285714285714286%;
}
.md-8 > * {
width: 12.5%;
}
.md-9 > * {
width: 11.11111111111111%;
}
.md-10 > * {
width: 10%;
}
.md-11 > * {
width: 9.090909090909092%;
}
.md-12 > * {
width: 8.333333333333334%;
}
.md-1-1 {
width: 100%;
}
.md-1-2,
.md-2-4,
.md-3-6,
.md-4-8,
.md-5-10,
.md-6-12 {
width: 50%;
}
.md-1-3,
.md-2-6,
.md-4-12 {
width: 33.333333333333336%;
}
.md-2-3,
.md-4-6,
.md-8-12 {
width: 66.66666666666667%;
}
.md-1-4,
.md-2-8,
.md-3-12 {
width: 25%;
}
.md-3-4,
.md-6-8,
.md-9-12 {
width: 75%;
}
.md-1-5,
.md-2-10 {
width: 20%;
}
.md-2-5,
.md-4-10 {
width: 40%;
}
.md-3-5,
.md-6-10 {
width: 60%;
}
.md-4-5,
.md-8-10 {
width: 80%;
}
.md-1-6,
.md-2-12 {
width: 16.666666666666668%;
}
.md-5-6,
.md-10-12 {
width: 83.33333333333334%;
}
.md-1-7 {
width: 14.285714285714286%;
}
.md-2-7 {
width: 28.571428571428573%;
}
.md-3-7 {
width: 42.85714285714286%;
}
.md-4-7 {
width: 57.142857142857146%;
}
.md-5-7 {
width: 71.42857142857143%;
}
.md-6-7 {
width: 85.71428571428572%;
}
.md-1-8 {
width: 12.5%;
}
.md-3-8 {
width: 37.5%;
}
.md-5-8 {
width: 62.5%;
}
.md-7-8 {
width: 87.5%;
}
.md-1-9 {
width: 11.11111111111111%;
}
.md-2-9 {
width: 22.22222222222222%;
}
.md-3-9 {
width: 33.33333333333333%;
}
.md-4-9 {
width: 44.44444444444444%;
}
.md-5-9 {
width: 55.55555555555556%;
}
.md-6-9 {
width: 66.66666666666666%;
}
.md-7-9 {
width: 77.77777777777777%;
}
.md-8-9 {
width: 88.88888888888889%;
}
.md-1-10 {
width: 10%;
}
.md-3-10 {
width: 30%;
}
.md-7-10 {
width: 70%;
}
.md-9-10 {
width: 90%;
}
.md-1-11 {
width: 9.090909090909092%;
}
.md-2-11 {
width: 18.181818181818183%;
}
.md-3-11 {
width: 27.272727272727273%;
}
.md-4-11 {
width: 36.36363636363637%;
}
.md-5-11 {
width: 45.45454545454546%;
}
.md-6-11 {
width: 54.54545454545455%;
}
.md-7-11 {
width: 63.63636363636364%;
}
.md-8-11 {
width: 72.72727272727273%;
}
.md-9-11 {
width: 81.81818181818183%;
}
.md-10-11 {
width: 90.90909090909092%;
}
.md-1-12 {
width: 8.333333333333334%;
}
.md-5-12 {
width: 41.66666666666667%;
}
.md-7-12 {
width: 58.333333333333336%;
}
.md-11-12 {
width: 91.66666666666667%;
}
.md-hidden {
display: none;
}
.md-not-hidden {
display: inline-block;
}
.md-gutter-0 {
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.md-gutter-0 > * {
padding-left: 0;
padding-right: 0;
}
.md-gutter-8 {
width: calc(100% + 8px);
margin-left: -4px;
margin-right: -4px;
padding-left: 0;
padding-right: 0;
}
.md-gutter-8 > * {
padding-left: 4px;
padding-right: 4px;
}
.md-outside-8 {
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 4px;
padding-right: 4px;
}
.md-gutter-16 {
width: calc(100% + 16px);
margin-left: -8px;
margin-right: -8px;
padding-left: 0;
padding-right: 0;
}
.md-gutter-16 > * {
padding-left: 8px;
padding-right: 8px;
}
.md-outside-16 {
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 8px;
padding-right: 8px;
}
.md-gutter-24 {
width: calc(100% + 24px);
margin-left: -12px;
margin-right: -12px;
padding-left: 0;
padding-right: 0;
}
.md-gutter-24 > * {
padding-left: 12px;
padding-right: 12px;
}
.md-outside-24 {
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 12px;
padding-right: 12px;
}
.md-gutter-40 {
width: calc(100% + 40px);
margin-left: -20px;
margin-right: -20px;
padding-left: 0;
padding-right: 0;
}
.md-gutter-40 > * {
padding-left: 20px;
padding-right: 20px;
}
.md-outside-40 {
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 20px;
padding-right: 20px;
}
.md-top {
-webkit-align-content: flex-start;
-ms-align-content: flex-start;
align-content: flex-start;
-webkit-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
}
.md-top > * {
vertical-align: top;
}
.md-middle {
-webkit-align-content: center;
-ms-align-content: center;
align-content: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.md-middle > * {
vertical-align: middle;
}
.md-bottom {
-webkit-align-content: flex-end;
-ms-align-content: flex-end;
align-content: flex-end;
-webkit-align-items: flex-end;
-ms-align-items: flex-end;
align-items: flex-end;
}
.md-bottom > * {
vertical-align: bottom;
}
.md-between {
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-webkit-align-content: space-between;
-ms-align-content: space-between;
align-content: space-between;
}
.md-around {
-webkit-justify-content: space-around;
-ms-justify-content: space-around;
justify-content: space-around;
-webkit-align-content: space-around;
-ms-align-content: space-around;
align-content: space-around;
}
.md-baseline {
-webkit-align-items: baseline;
-ms-align-items: baseline;
align-items: baseline;
}
.md-center {
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
text-align: center;
}
.md-left {
-webkit-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
text-align: left;
}
.md-right {
-webkit-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
text-align: right;
}
.md-first {
-ms-flex-order: -1;
-webkit-order: -1;
order: -1;
}
.md-last {
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}
.md-not-first, .md-not-last {
-ms-flex-order: 0;
-webkit-order: 0;
order: 0;
}
.md-reverse {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-flex-wrap: wrap-reverse;
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.md-not-reverse {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
} @media (max-width: 667px) {
.sm-normal {
display: block;
table-layout: auto;
-webkit-flex-direction: initial;
-ms-flex-direction: initial;
flex-direction: initial;
-webkit-flex-wrap: initial;
-ms-flex-wrap: initial;
flex-wrap: initial;
-webkit-justify-content: initial;
-ms-justify-content: initial;
justify-content: initial;
-webkit-align-content: initial;
-ms-align-content: initial;
align-content: initial;
-webkit-align-items: initial;
-ms-align-items: initial;
align-items: initial;
}
.sm-normal > * {
display: inline-block;
}
.sm-table {
display: table;
table-layout: fixed;
-webkit-flex-direction: initial;
-ms-flex-direction: initial;
flex-direction: initial;
-webkit-flex-wrap: initial;
-ms-flex-wrap: initial;
flex-wrap: initial;
-webkit-justify-content: initial;
-ms-justify-content: initial;
justify-content: initial;
-webkit-align-content: initial;
-ms-align-content: initial;
align-content: initial;
-webkit-align-items: initial;
-ms-align-items: initial;
align-items: initial;
}
.sm-table > * {
display: table-cell;
}
.sm-flexbox {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
table-layout: auto;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-content: center;
-ms-align-content: center;
align-content: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.sm-flexbox > * {
display: inline-block;
}
.sm-auto > * {
width: auto;
}
.sm-1 > * {
width: 100%;
}
.sm-2 > * {
width: 50%;
}
.sm-3 > * {
width: 33.333333333333336%;
}
.sm-4 > * {
width: 25%;
}
.sm-5 > * {
width: 20%;
}
.sm-6 > * {
width: 16.666666666666668%;
}
.sm-7 > * {
width: 14.285714285714286%;
}
.sm-8 > * {
width: 12.5%;
}
.sm-9 > * {
width: 11.11111111111111%;
}
.sm-10 > * {
width: 10%;
}
.sm-11 > * {
width: 9.090909090909092%;
}
.sm-12 > * {
width: 8.333333333333334%;
}
.sm-1-1 {
width: 100%;
}
.sm-1-2,
.sm-2-4,
.sm-3-6,
.sm-4-8,
.sm-5-10,
.sm-6-12 {
width: 50%;
}
.sm-1-3,
.sm-2-6,
.sm-4-12 {
width: 33.333333333333336%;
}
.sm-2-3,
.sm-4-6,
.sm-8-12 {
width: 66.66666666666667%;
}
.sm-1-4,
.sm-2-8,
.sm-3-12 {
width: 25%;
}
.sm-3-4,
.sm-6-8,
.sm-9-12 {
width: 75%;
}
.sm-1-5,
.sm-2-10 {
width: 20%;
}
.sm-2-5,
.sm-4-10 {
width: 40%;
}
.sm-3-5,
.sm-6-10 {
width: 60%;
}
.sm-4-5,
.sm-8-10 {
width: 80%;
}
.sm-1-6,
.sm-2-12 {
width: 16.666666666666668%;
}
.sm-5-6,
.sm-10-12 {
width: 83.33333333333334%;
}
.sm-1-7 {
width: 14.285714285714286%;
}
.sm-2-7 {
width: 28.571428571428573%;
}
.sm-3-7 {
width: 42.85714285714286%;
}
.sm-4-7 {
width: 57.142857142857146%;
}
.sm-5-7 {
width: 71.42857142857143%;
}
.sm-6-7 {
width: 85.71428571428572%;
}
.sm-1-8 {
width: 12.5%;
}
.sm-3-8 {
width: 37.5%;
}
.sm-5-8 {
width: 62.5%;
}
.sm-7-8 {
width: 87.5%;
}
.sm-1-9 {
width: 11.11111111111111%;
}
.sm-2-9 {
width: 22.22222222222222%;
}
.sm-3-9 {
width: 33.33333333333333%;
}
.sm-4-9 {
width: 44.44444444444444%;
}
.sm-5-9 {
width: 55.55555555555556%;
}
.sm-6-9 {
width: 66.66666666666666%;
}
.sm-7-9 {
width: 77.77777777777777%;
}
.sm-8-9 {
width: 88.88888888888889%;
}
.sm-1-10 {
width: 10%;
}
.sm-3-10 {
width: 30%;
}
.sm-7-10 {
width: 70%;
}
.sm-9-10 {
width: 90%;
}
.sm-1-11 {
width: 9.090909090909092%;
}
.sm-2-11 {
width: 18.181818181818183%;
}
.sm-3-11 {
width: 27.272727272727273%;
}
.sm-4-11 {
width: 36.36363636363637%;
}
.sm-5-11 {
width: 45.45454545454546%;
}
.sm-6-11 {
width: 54.54545454545455%;
}
.sm-7-11 {
width: 63.63636363636364%;
}
.sm-8-11 {
width: 72.72727272727273%;
}
.sm-9-11 {
width: 81.81818181818183%;
}
.sm-10-11 {
width: 90.90909090909092%;
}
.sm-1-12 {
width: 8.333333333333334%;
}
.sm-5-12 {
width: 41.66666666666667%;
}
.sm-7-12 {
width: 58.333333333333336%;
}
.sm-11-12 {
width: 91.66666666666667%;
}
.sm-hidden {
display: none;
}
.sm-not-hidden {
display: inline-block;
}
.sm-gutter-0 {
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.sm-gutter-0 > * {
padding-left: 0;
padding-right: 0;
}
.sm-gutter-8 {
width: calc(100% + 8px);
margin-left: -4px;
margin-right: -4px;
padding-left: 0;
padding-right: 0;
}
.sm-gutter-8 > * {
padding-left: 4px;
padding-right: 4px;
}
.sm-outside-8 {
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 4px;
padding-right: 4px;
}
.sm-gutter-16 {
width: calc(100% + 16px);
margin-left: -8px;
margin-right: -8px;
padding-left: 0;
padding-right: 0;
}
.sm-gutter-16 > * {
padding-left: 8px;
padding-right: 8px;
}
.sm-outside-16 {
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 8px;
padding-right: 8px;
}
.sm-gutter-24 {
width: calc(100% + 24px);
margin-left: -12px;
margin-right: -12px;
padding-left: 0;
padding-right: 0;
}
.sm-gutter-24 > * {
padding-left: 12px;
padding-right: 12px;
}
.sm-outside-24 {
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 12px;
padding-right: 12px;
}
.sm-gutter-40 {
width: calc(100% + 40px);
margin-left: -20px;
margin-right: -20px;
padding-left: 0;
padding-right: 0;
}
.sm-gutter-40 > * {
padding-left: 20px;
padding-right: 20px;
}
.sm-outside-40 {
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 20px;
padding-right: 20px;
}
.sm-top {
-webkit-align-content: flex-start;
-ms-align-content: flex-start;
align-content: flex-start;
-webkit-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
}
.sm-top > * {
vertical-align: top;
}
.sm-middle {
-webkit-align-content: center;
-ms-align-content: center;
align-content: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.sm-middle > * {
vertical-align: middle;
}
.sm-bottom {
-webkit-align-content: flex-end;
-ms-align-content: flex-end;
align-content: flex-end;
-webkit-align-items: flex-end;
-ms-align-items: flex-end;
align-items: flex-end;
}
.sm-bottom > * {
vertical-align: bottom;
}
.sm-between {
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-webkit-align-content: space-between;
-ms-align-content: space-between;
align-content: space-between;
}
.sm-around {
-webkit-justify-content: space-around;
-ms-justify-content: space-around;
justify-content: space-around;
-webkit-align-content: space-around;
-ms-align-content: space-around;
align-content: space-around;
}
.sm-baseline {
-webkit-align-items: baseline;
-ms-align-items: baseline;
align-items: baseline;
}
.sm-center {
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
text-align: center;
}
.sm-left {
-webkit-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
text-align: left;
}
.sm-right {
-webkit-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
text-align: right;
}
.sm-first {
-ms-flex-order: -1;
-webkit-order: -1;
order: -1;
}
.sm-last {
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}
.sm-not-first, .sm-not-last {
-ms-flex-order: 0;
-webkit-order: 0;
order: 0;
}
.sm-reverse {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-flex-wrap: wrap-reverse;
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.sm-not-reverse {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}@font-face {
font-family: 'themify';
src:url(//dreamcase.eu/wp-content/plugins/vpc-tesla-addon/public/fonts/themify-icons/fonts/themify.eot);
src:url(//dreamcase.eu/wp-content/plugins/vpc-tesla-addon/public/fonts/themify-icons/fonts/themify.eot?#iefix) format('embedded-opentype'),
url(//dreamcase.eu/wp-content/plugins/vpc-tesla-addon/public/fonts/themify-icons/fonts/themify.woff) format('woff'),
url(//dreamcase.eu/wp-content/plugins/vpc-tesla-addon/public/fonts/themify-icons/fonts/themify.ttf) format('truetype'),
url(//dreamcase.eu/wp-content/plugins/vpc-tesla-addon/public/fonts/themify-icons/fonts/themify.svg) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="ti-"], [class*=" ti-"] {
font-family: 'themify';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ti-wand:before {
content: "\e600";
}
.ti-volume:before {
content: "\e601";
}
.ti-user:before {
content: "\e602";
}
.ti-unlock:before {
content: "\e603";
}
.ti-unlink:before {
content: "\e604";
}
.ti-trash:before {
content: "\e605";
}
.ti-thought:before {
content: "\e606";
}
.ti-target:before {
content: "\e607";
}
.ti-tag:before {
content: "\e608";
}
.ti-tablet:before {
content: "\e609";
}
.ti-star:before {
content: "\e60a";
}
.ti-spray:before {
content: "\e60b";
}
.ti-signal:before {
content: "\e60c";
}
.ti-shopping-cart:before {
content: "\e60d";
}
.ti-shopping-cart-full:before {
content: "\e60e";
}
.ti-settings:before {
content: "\e60f";
}
.ti-search:before {
content: "\e610";
}
.ti-zoom-in:before {
content: "\e611";
}
.ti-zoom-out:before {
content: "\e612";
}
.ti-cut:before {
content: "\e613";
}
.ti-ruler:before {
content: "\e614";
}
.ti-ruler-pencil:before {
content: "\e615";
}
.ti-ruler-alt:before {
content: "\e616";
}
.ti-bookmark:before {
content: "\e617";
}
.ti-bookmark-alt:before {
content: "\e618";
}
.ti-reload:before {
content: "\e619";
}
.ti-plus:before {
content: "\e61a";
}
.ti-pin:before {
content: "\e61b";
}
.ti-pencil:before {
content: "\e61c";
}
.ti-pencil-alt:before {
content: "\e61d";
}
.ti-paint-roller:before {
content: "\e61e";
}
.ti-paint-bucket:before {
content: "\e61f";
}
.ti-na:before {
content: "\e620";
}
.ti-mobile:before {
content: "\e621";
}
.ti-minus:before {
content: "\e622";
}
.ti-medall:before {
content: "\e623";
}
.ti-medall-alt:before {
content: "\e624";
}
.ti-marker:before {
content: "\e625";
}
.ti-marker-alt:before {
content: "\e626";
}
.ti-arrow-up:before {
content: "\e627";
}
.ti-arrow-right:before {
content: "\e628";
}
.ti-arrow-left:before {
content: "\e629";
}
.ti-arrow-down:before {
content: "\e62a";
}
.ti-lock:before {
content: "\e62b";
}
.ti-location-arrow:before {
content: "\e62c";
}
.ti-link:before {
content: "\e62d";
}
.ti-layout:before {
content: "\e62e";
}
.ti-layers:before {
content: "\e62f";
}
.ti-layers-alt:before {
content: "\e630";
}
.ti-key:before {
content: "\e631";
}
.ti-import:before {
content: "\e632";
}
.ti-image:before {
content: "\e633";
}
.ti-heart:before {
content: "\e634";
}
.ti-heart-broken:before {
content: "\e635";
}
.ti-hand-stop:before {
content: "\e636";
}
.ti-hand-open:before {
content: "\e637";
}
.ti-hand-drag:before {
content: "\e638";
}
.ti-folder:before {
content: "\e639";
}
.ti-flag:before {
content: "\e63a";
}
.ti-flag-alt:before {
content: "\e63b";
}
.ti-flag-alt-2:before {
content: "\e63c";
}
.ti-eye:before {
content: "\e63d";
}
.ti-export:before {
content: "\e63e";
}
.ti-exchange-vertical:before {
content: "\e63f";
}
.ti-desktop:before {
content: "\e640";
}
.ti-cup:before {
content: "\e641";
}
.ti-crown:before {
content: "\e642";
}
.ti-comments:before {
content: "\e643";
}
.ti-comment:before {
content: "\e644";
}
.ti-comment-alt:before {
content: "\e645";
}
.ti-close:before {
content: "\e646";
}
.ti-clip:before {
content: "\e647";
}
.ti-angle-up:before {
content: "\e648";
}
.ti-angle-right:before {
content: "\e649";
}
.ti-angle-left:before {
content: "\e64a";
}
.ti-angle-down:before {
content: "\e64b";
}
.ti-check:before {
content: "\e64c";
}
.ti-check-box:before {
content: "\e64d";
}
.ti-camera:before {
content: "\e64e";
}
.ti-announcement:before {
content: "\e64f";
}
.ti-brush:before {
content: "\e650";
}
.ti-briefcase:before {
content: "\e651";
}
.ti-bolt:before {
content: "\e652";
}
.ti-bolt-alt:before {
content: "\e653";
}
.ti-blackboard:before {
content: "\e654";
}
.ti-bag:before {
content: "\e655";
}
.ti-move:before {
content: "\e656";
}
.ti-arrows-vertical:before {
content: "\e657";
}
.ti-arrows-horizontal:before {
content: "\e658";
}
.ti-fullscreen:before {
content: "\e659";
}
.ti-arrow-top-right:before {
content: "\e65a";
}
.ti-arrow-top-left:before {
content: "\e65b";
}
.ti-arrow-circle-up:before {
content: "\e65c";
}
.ti-arrow-circle-right:before {
content: "\e65d";
}
.ti-arrow-circle-left:before {
content: "\e65e";
}
.ti-arrow-circle-down:before {
content: "\e65f";
}
.ti-angle-double-up:before {
content: "\e660";
}
.ti-angle-double-right:before {
content: "\e661";
}
.ti-angle-double-left:before {
content: "\e662";
}
.ti-angle-double-down:before {
content: "\e663";
}
.ti-zip:before {
content: "\e664";
}
.ti-world:before {
content: "\e665";
}
.ti-wheelchair:before {
content: "\e666";
}
.ti-view-list:before {
content: "\e667";
}
.ti-view-list-alt:before {
content: "\e668";
}
.ti-view-grid:before {
content: "\e669";
}
.ti-uppercase:before {
content: "\e66a";
}
.ti-upload:before {
content: "\e66b";
}
.ti-underline:before {
content: "\e66c";
}
.ti-truck:before {
content: "\e66d";
}
.ti-timer:before {
content: "\e66e";
}
.ti-ticket:before {
content: "\e66f";
}
.ti-thumb-up:before {
content: "\e670";
}
.ti-thumb-down:before {
content: "\e671";
}
.ti-text:before {
content: "\e672";
}
.ti-stats-up:before {
content: "\e673";
}
.ti-stats-down:before {
content: "\e674";
}
.ti-split-v:before {
content: "\e675";
}
.ti-split-h:before {
content: "\e676";
}
.ti-smallcap:before {
content: "\e677";
}
.ti-shine:before {
content: "\e678";
}
.ti-shift-right:before {
content: "\e679";
}
.ti-shift-left:before {
content: "\e67a";
}
.ti-shield:before {
content: "\e67b";
}
.ti-notepad:before {
content: "\e67c";
}
.ti-server:before {
content: "\e67d";
}
.ti-quote-right:before {
content: "\e67e";
}
.ti-quote-left:before {
content: "\e67f";
}
.ti-pulse:before {
content: "\e680";
}
.ti-printer:before {
content: "\e681";
}
.ti-power-off:before {
content: "\e682";
}
.ti-plug:before {
content: "\e683";
}
.ti-pie-chart:before {
content: "\e684";
}
.ti-paragraph:before {
content: "\e685";
}
.ti-panel:before {
content: "\e686";
}
.ti-package:before {
content: "\e687";
}
.ti-music:before {
content: "\e688";
}
.ti-music-alt:before {
content: "\e689";
}
.ti-mouse:before {
content: "\e68a";
}
.ti-mouse-alt:before {
content: "\e68b";
}
.ti-money:before {
content: "\e68c";
}
.ti-microphone:before {
content: "\e68d";
}
.ti-menu:before {
content: "\e68e";
}
.ti-menu-alt:before {
content: "\e68f";
}
.ti-map:before {
content: "\e690";
}
.ti-map-alt:before {
content: "\e691";
}
.ti-loop:before {
content: "\e692";
}
.ti-location-pin:before {
content: "\e693";
}
.ti-list:before {
content: "\e694";
}
.ti-light-bulb:before {
content: "\e695";
}
.ti-Italic:before {
content: "\e696";
}
.ti-info:before {
content: "\e697";
}
.ti-infinite:before {
content: "\e698";
}
.ti-id-badge:before {
content: "\e699";
}
.ti-hummer:before {
content: "\e69a";
}
.ti-home:before {
content: "\e69b";
}
.ti-help:before {
content: "\e69c";
}
.ti-headphone:before {
content: "\e69d";
}
.ti-harddrives:before {
content: "\e69e";
}
.ti-harddrive:before {
content: "\e69f";
}
.ti-gift:before {
content: "\e6a0";
}
.ti-game:before {
content: "\e6a1";
}
.ti-filter:before {
content: "\e6a2";
}
.ti-files:before {
content: "\e6a3";
}
.ti-file:before {
content: "\e6a4";
}
.ti-eraser:before {
content: "\e6a5";
}
.ti-envelope:before {
content: "\e6a6";
}
.ti-download:before {
content: "\e6a7";
}
.ti-direction:before {
content: "\e6a8";
}
.ti-direction-alt:before {
content: "\e6a9";
}
.ti-dashboard:before {
content: "\e6aa";
}
.ti-control-stop:before {
content: "\e6ab";
}
.ti-control-shuffle:before {
content: "\e6ac";
}
.ti-control-play:before {
content: "\e6ad";
}
.ti-control-pause:before {
content: "\e6ae";
}
.ti-control-forward:before {
content: "\e6af";
}
.ti-control-backward:before {
content: "\e6b0";
}
.ti-cloud:before {
content: "\e6b1";
}
.ti-cloud-up:before {
content: "\e6b2";
}
.ti-cloud-down:before {
content: "\e6b3";
}
.ti-clipboard:before {
content: "\e6b4";
}
.ti-car:before {
content: "\e6b5";
}
.ti-calendar:before {
content: "\e6b6";
}
.ti-book:before {
content: "\e6b7";
}
.ti-bell:before {
content: "\e6b8";
}
.ti-basketball:before {
content: "\e6b9";
}
.ti-bar-chart:before {
content: "\e6ba";
}
.ti-bar-chart-alt:before {
content: "\e6bb";
}
.ti-back-right:before {
content: "\e6bc";
}
.ti-back-left:before {
content: "\e6bd";
}
.ti-arrows-corner:before {
content: "\e6be";
}
.ti-archive:before {
content: "\e6bf";
}
.ti-anchor:before {
content: "\e6c0";
}
.ti-align-right:before {
content: "\e6c1";
}
.ti-align-left:before {
content: "\e6c2";
}
.ti-align-justify:before {
content: "\e6c3";
}
.ti-align-center:before {
content: "\e6c4";
}
.ti-alert:before {
content: "\e6c5";
}
.ti-alarm-clock:before {
content: "\e6c6";
}
.ti-agenda:before {
content: "\e6c7";
}
.ti-write:before {
content: "\e6c8";
}
.ti-window:before {
content: "\e6c9";
}
.ti-widgetized:before {
content: "\e6ca";
}
.ti-widget:before {
content: "\e6cb";
}
.ti-widget-alt:before {
content: "\e6cc";
}
.ti-wallet:before {
content: "\e6cd";
}
.ti-video-clapper:before {
content: "\e6ce";
}
.ti-video-camera:before {
content: "\e6cf";
}
.ti-vector:before {
content: "\e6d0";
}
.ti-themify-logo:before {
content: "\e6d1";
}
.ti-themify-favicon:before {
content: "\e6d2";
}
.ti-themify-favicon-alt:before {
content: "\e6d3";
}
.ti-support:before {
content: "\e6d4";
}
.ti-stamp:before {
content: "\e6d5";
}
.ti-split-v-alt:before {
content: "\e6d6";
}
.ti-slice:before {
content: "\e6d7";
}
.ti-shortcode:before {
content: "\e6d8";
}
.ti-shift-right-alt:before {
content: "\e6d9";
}
.ti-shift-left-alt:before {
content: "\e6da";
}
.ti-ruler-alt-2:before {
content: "\e6db";
}
.ti-receipt:before {
content: "\e6dc";
}
.ti-pin2:before {
content: "\e6dd";
}
.ti-pin-alt:before {
content: "\e6de";
}
.ti-pencil-alt2:before {
content: "\e6df";
}
.ti-palette:before {
content: "\e6e0";
}
.ti-more:before {
content: "\e6e1";
}
.ti-more-alt:before {
content: "\e6e2";
}
.ti-microphone-alt:before {
content: "\e6e3";
}
.ti-magnet:before {
content: "\e6e4";
}
.ti-line-double:before {
content: "\e6e5";
}
.ti-line-dotted:before {
content: "\e6e6";
}
.ti-line-dashed:before {
content: "\e6e7";
}
.ti-layout-width-full:before {
content: "\e6e8";
}
.ti-layout-width-default:before {
content: "\e6e9";
}
.ti-layout-width-default-alt:before {
content: "\e6ea";
}
.ti-layout-tab:before {
content: "\e6eb";
}
.ti-layout-tab-window:before {
content: "\e6ec";
}
.ti-layout-tab-v:before {
content: "\e6ed";
}
.ti-layout-tab-min:before {
content: "\e6ee";
}
.ti-layout-slider:before {
content: "\e6ef";
}
.ti-layout-slider-alt:before {
content: "\e6f0";
}
.ti-layout-sidebar-right:before {
content: "\e6f1";
}
.ti-layout-sidebar-none:before {
content: "\e6f2";
}
.ti-layout-sidebar-left:before {
content: "\e6f3";
}
.ti-layout-placeholder:before {
content: "\e6f4";
}
.ti-layout-menu:before {
content: "\e6f5";
}
.ti-layout-menu-v:before {
content: "\e6f6";
}
.ti-layout-menu-separated:before {
content: "\e6f7";
}
.ti-layout-menu-full:before {
content: "\e6f8";
}
.ti-layout-media-right-alt:before {
content: "\e6f9";
}
.ti-layout-media-right:before {
content: "\e6fa";
}
.ti-layout-media-overlay:before {
content: "\e6fb";
}
.ti-layout-media-overlay-alt:before {
content: "\e6fc";
}
.ti-layout-media-overlay-alt-2:before {
content: "\e6fd";
}
.ti-layout-media-left-alt:before {
content: "\e6fe";
}
.ti-layout-media-left:before {
content: "\e6ff";
}
.ti-layout-media-center-alt:before {
content: "\e700";
}
.ti-layout-media-center:before {
content: "\e701";
}
.ti-layout-list-thumb:before {
content: "\e702";
}
.ti-layout-list-thumb-alt:before {
content: "\e703";
}
.ti-layout-list-post:before {
content: "\e704";
}
.ti-layout-list-large-image:before {
content: "\e705";
}
.ti-layout-line-solid:before {
content: "\e706";
}
.ti-layout-grid4:before {
content: "\e707";
}
.ti-layout-grid3:before {
content: "\e708";
}
.ti-layout-grid2:before {
content: "\e709";
}
.ti-layout-grid2-thumb:before {
content: "\e70a";
}
.ti-layout-cta-right:before {
content: "\e70b";
}
.ti-layout-cta-left:before {
content: "\e70c";
}
.ti-layout-cta-center:before {
content: "\e70d";
}
.ti-layout-cta-btn-right:before {
content: "\e70e";
}
.ti-layout-cta-btn-left:before {
content: "\e70f";
}
.ti-layout-column4:before {
content: "\e710";
}
.ti-layout-column3:before {
content: "\e711";
}
.ti-layout-column2:before {
content: "\e712";
}
.ti-layout-accordion-separated:before {
content: "\e713";
}
.ti-layout-accordion-merged:before {
content: "\e714";
}
.ti-layout-accordion-list:before {
content: "\e715";
}
.ti-ink-pen:before {
content: "\e716";
}
.ti-info-alt:before {
content: "\e717";
}
.ti-help-alt:before {
content: "\e718";
}
.ti-headphone-alt:before {
content: "\e719";
}
.ti-hand-point-up:before {
content: "\e71a";
}
.ti-hand-point-right:before {
content: "\e71b";
}
.ti-hand-point-left:before {
content: "\e71c";
}
.ti-hand-point-down:before {
content: "\e71d";
}
.ti-gallery:before {
content: "\e71e";
}
.ti-face-smile:before {
content: "\e71f";
}
.ti-face-sad:before {
content: "\e720";
}
.ti-credit-card:before {
content: "\e721";
}
.ti-control-skip-forward:before {
content: "\e722";
}
.ti-control-skip-backward:before {
content: "\e723";
}
.ti-control-record:before {
content: "\e724";
}
.ti-control-eject:before {
content: "\e725";
}
.ti-comments-smiley:before {
content: "\e726";
}
.ti-brush-alt:before {
content: "\e727";
}
.ti-youtube:before {
content: "\e728";
}
.ti-vimeo:before {
content: "\e729";
}
.ti-twitter:before {
content: "\e72a";
}
.ti-time:before {
content: "\e72b";
}
.ti-tumblr:before {
content: "\e72c";
}
.ti-skype:before {
content: "\e72d";
}
.ti-share:before {
content: "\e72e";
}
.ti-share-alt:before {
content: "\e72f";
}
.ti-rocket:before {
content: "\e730";
}
.ti-pinterest:before {
content: "\e731";
}
.ti-new-window:before {
content: "\e732";
}
.ti-microsoft:before {
content: "\e733";
}
.ti-list-ol:before {
content: "\e734";
}
.ti-linkedin:before {
content: "\e735";
}
.ti-layout-sidebar-2:before {
content: "\e736";
}
.ti-layout-grid4-alt:before {
content: "\e737";
}
.ti-layout-grid3-alt:before {
content: "\e738";
}
.ti-layout-grid2-alt:before {
content: "\e739";
}
.ti-layout-column4-alt:before {
content: "\e73a";
}
.ti-layout-column3-alt:before {
content: "\e73b";
}
.ti-layout-column2-alt:before {
content: "\e73c";
}
.ti-instagram:before {
content: "\e73d";
}
.ti-google:before {
content: "\e73e";
}
.ti-github:before {
content: "\e73f";
}
.ti-flickr:before {
content: "\e740";
}
.ti-facebook:before {
content: "\e741";
}
.ti-dropbox:before {
content: "\e742";
}
.ti-dribbble:before {
content: "\e743";
}
.ti-apple:before {
content: "\e744";
}
.ti-android:before {
content: "\e745";
}
.ti-save:before {
content: "\e746";
}
.ti-save-alt:before {
content: "\e747";
}
.ti-yahoo:before {
content: "\e748";
}
.ti-wordpress:before {
content: "\e749";
}
.ti-vimeo-alt:before {
content: "\e74a";
}
.ti-twitter-alt:before {
content: "\e74b";
}
.ti-tumblr-alt:before {
content: "\e74c";
}
.ti-trello:before {
content: "\e74d";
}
.ti-stack-overflow:before {
content: "\e74e";
}
.ti-soundcloud:before {
content: "\e74f";
}
.ti-sharethis:before {
content: "\e750";
}
.ti-sharethis-alt:before {
content: "\e751";
}
.ti-reddit:before {
content: "\e752";
}
.ti-pinterest-alt:before {
content: "\e753";
}
.ti-microsoft-alt:before {
content: "\e754";
}
.ti-linux:before {
content: "\e755";
}
.ti-jsfiddle:before {
content: "\e756";
}
.ti-joomla:before {
content: "\e757";
}
.ti-html5:before {
content: "\e758";
}
.ti-flickr-alt:before {
content: "\e759";
}
.ti-email:before {
content: "\e75a";
}
.ti-drupal:before {
content: "\e75b";
}
.ti-dropbox-alt:before {
content: "\e75c";
}
.ti-css3:before {
content: "\e75d";
}
.ti-rss:before {
content: "\e75e";
}
.ti-rss-alt:before {
content: "\e75f";
}.bx-wrapper{position:relative;margin:0 auto 60px;padding:0;-ms-touch-action:pan-y;touch-action:pan-y;-moz-box-shadow:0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc;box-shadow:0 0 5px #ccc;border:5px solid #fff;background:#fff}.bx-wrapper img{max-width:100%;display:block}.bxslider{margin:0;padding:0}ul.bxslider{list-style:none}.bx-viewport{-webkit-transform:translatez(0)}.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager{position:absolute;bottom:-30px;width:100%}.bx-wrapper .bx-loading{min-height:50px;background:url(//dreamcase.eu/wp-content/plugins/vpc-tesla-addon/public/libs/bxslider/images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px}.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus,.bx-wrapper .bx-pager.bx-default-pager a:hover{background:#000}.bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager-item{display:inline-block}.bx-wrapper .bx-pager-item{font-size:0;line-height:0}.bx-wrapper .bx-prev{left:10px;background:url(//dreamcase.eu/wp-content/plugins/vpc-tesla-addon/public/libs/bxslider/images/controls.png) 0 -32px no-repeat}.bx-wrapper .bx-prev:focus,.bx-wrapper .bx-prev:hover{background-position:0 0}.bx-wrapper .bx-next{right:10px;background:url(//dreamcase.eu/wp-content/plugins/vpc-tesla-addon/public/libs/bxslider/images/controls.png) -43px -32px no-repeat}.bx-wrapper .bx-next:focus,.bx-wrapper .bx-next:hover{background-position:-43px 0}.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999}.bx-wrapper .bx-controls-direction a.disabled{display:none}.bx-wrapper .bx-controls-auto{text-align:center}.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(//dreamcase.eu/wp-content/plugins/vpc-tesla-addon/public/libs/bxslider/images/controls.png) -86px -11px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus,.bx-wrapper .bx-controls-auto .bx-start:hover{background-position:-86px 0}.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(//dreamcase.eu/wp-content/plugins/vpc-tesla-addon/public/libs/bxslider/images/controls.png) -86px -44px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus,.bx-wrapper .bx-controls-auto .bx-stop:hover{background-position:-86px -33px}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666;background:rgba(80,80,80,.75);width:100%}.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}#vpc-preview-container #vpc-preview {
background-color: #dfdfdf;
}
#vpc-components .vpc-component .vpc-component-title .option-preview {
background-color: #656565;
}
#vpc-container.VPC_Tesla_Skin {
font-size: 16px;
}
div.container {
width: 100%;
} .woocommerce .vpc-cart-config-image img{
max-width: 100% !important;
}
#vpc-preview-container {
width: 100%;
}
#vpc-preview-container #vpc-preview {
border: 0;
}
#vpc-container.VPC_Tesla_Skin { }
#vpc-container.VPC_Tesla_Skin #vpc-components {
margin-top: 0;
text-align: center;
position: relative;
padding: 0 10%;
height: 60px;
}
#vpc-container.VPC_Tesla_Skin #vpc-components .vpc-component {
display: block;
float: left;
padding: 0;
border: 0 !important;
margin-right: 20px;
}
#vpc-container.VPC_Tesla_Skin #vpc-components .vpc-component.component-3 {
width: calc((100% - 40px)/3);
}
#vpc-container.VPC_Tesla_Skin #vpc-components .vpc-component.component-3:last-child {
margin-right: 0;
}
#vpc-container.VPC_Tesla_Skin #vpc-components .vpc-component.component-4 {
width: calc((100% - 60px)/4);
}
#vpc-container.VPC_Tesla_Skin #vpc-components .vpc-component.component-4:last-child {
margin-right: 0;
}
#vpc-container.VPC_Tesla_Skin #vpc-components .vpc-component .vpc-component-title {
height: 50px;
position: relative;
color: #000;
line-height: 50px;
font-size: 1em;
background-color: #f7f7f7;
border-top: 0px solid #c00;
box-sizing: content-box;
transition: border-width .1s;
}
#vpc-components .vpc-component .vpc-component-title .option-preview {
height: 70px;
width: 100%;
position: absolute;
bottom: 100%;
visibility: hidden;
opacity: 0;
}
#vpc-components .vpc-component .vpc-component-title .option-preview.visible {
visibility: visible;
opacity: 1;
transition: visibility .3s, opacity .3s;
}
#vpc-container.VPC_Tesla_Skin #vpc-components .vpc-component .vpc-options-wrap {
position: absolute;
width: calc(100% - 20%);
bottom: 100%;
left: 10%;
background-color: rgba(0,0,0,.1);
visibility: hidden;
opacity: 0;
transition: visibility .3s, opacity .3s;
padding: 25px 35px 0 35px;
}
#vpc-container.VPC_Tesla_Skin #vpc-components .vpc-component .vpc-options-wrap.visible {
visibility: visible;
opacity: 1;
}
#vpc-components .vpc-component .vpc-options-wrap.visible + .vpc-component-title {
font-weight: bold;
}
#vpc-container.VPC_Tesla_Skin #vpc-components .vpc-component .vpc-options .vpc-group {
border-top: 0;
}
.vpc-closing-icon {
display: inline-block;
padding: 10px;
color: #eee;
position: absolute;
right: 0;
top: 0;
cursor: pointer;
}
.vpc-closing-icon:hover {
color: #fff;
}  #vpc-preview-container {
position: relative;
}
#vpc-preview-container #vpc-loader {
position: absolute;
width: 60px;
height: 60px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-repeat: no-repeat;
background-position: center center;
z-index: 99;
display: none;
}
#vpc-preview-container #vpc-loader.hourglass {
background-image: url(//dreamcase.eu/wp-content/plugins/vpc-tesla-addon/public/images/hourglass.svg);
display: block;
}
#vpc-preview-container #vpc-loader.rolling {
background-image: url(//dreamcase.eu/wp-content/plugins/vpc-tesla-addon/public/images/rolling.svg);
display: block;
} #vpc-container.VPC_Tesla_Skin #vpc-components .vpc-component .vpc-options {
background-color: transparent; white-space: nowrap; overflow: auto;
min-height: 160px;
}
#vpc-container.VPC_Tesla_Skin #vpc-components .vpc-component .vpc-options .vpc-group {
padding: 0px 30px 20px 30px;
display: inline-block;
width: auto;
position: relative;
}
#vpc-container.VPC_Tesla_Skin #vpc-components .vpc-component .vpc-options .vpc-group:first-child {
padding-left: 0;
}
#vpc-container.VPC_Tesla_Skin #vpc-components .vpc-component .vpc-options .vpc-group:last-child {
padding-right: 0;
}
#vpc-container.VPC_Tesla_Skin #vpc-components .vpc-component .vpc-options .vpc-group:after {
content: "";
display: block;
width: 1px;
position: absolute;
top: 5px;
bottom: 25px;
right: -2px;
background-color: #676767;
}
#vpc-container.VPC_Tesla_Skin #vpc-components .vpc-component .vpc-options .vpc-group:last-child:after {
display: none;
}
#vpc-container.VPC_Tesla_Skin #vpc-components .vpc-component .vpc-options .vpc-group .vpc-group-name {
display: none;
}
#vpc-container.VPC_Tesla_Skin #vpc-components .vpc-component .vpc-options label.custom {
width: 60px;
height: 75px;
border: 1px solid #676767;
}
#vpc-container.VPC_Tesla_Skin #vpc-components .vpc-component .vpc-options label.custom:before {
width: 60px;
height: 75px;
background-size: cover;
}
#vpc-container.VPC_Tesla_Skin #vpc-components .vpc-component .vpc-options input:checked + label.custom::before {
content: "";
outline: 3px solid #0090ff;
outline-offset: -1px;
}
#vpc-container.VPC_Tesla_Skin #vpc-components .vpc-component .vpc-options input:checked + label.custom {
border-color: #0090ff;
}
#vpc-container.VPC_Tesla_Skin #vpc-components .vpc-component .vpc-options .option-title {
position: absolute;
color: #fff;
text-align: center;
width: 300px;
min-width: 300px;
margin-left: -115px;
margin-top: 5px;
display: none;
white-space: normal;
}
#vpc-container.VPC_Tesla_Skin #vpc-components .vpc-component .vpc-options .vpc-single-option-wrap {
position: relative;
}
#vpc-container.VPC_Tesla_Skin #vpc-components .vpc-component .vpc-options input:checked ~ .option-title {
display: block;
} #vpc-container.VPC_Tesla_Skin #vpc-components .vpc-component .vpc-options.medium .vpc-single-option-wrap {
position: static;
}
#vpc-container.VPC_Tesla_Skin #vpc-components .vpc-component .vpc-options.medium .option-title {
width: auto;
margin-left: 0;
left: 35px;
right: 35px;
}
#vpc-container.VPC_Tesla_Skin #vpc-components .vpc-component .vpc-options.medium .vpc-group:first-child .option-title {
left: 5px;
}
#vpc-container.VPC_Tesla_Skin #vpc-components .vpc-component .vpc-options.medium .vpc-group:last-child .option-title {
right: 5px;
}
#vpc-container.VPC_Tesla_Skin #vpc-components .vpc-component .vpc-options.medium label.custom {
width: 110px;
}
#vpc-container.VPC_Tesla_Skin #vpc-components .vpc-component .vpc-options.medium label.custom:before {
width: 110px;
} #vpc-container.VPC_Tesla_Skin #vpc-container.VPC_Tesla_Skin #vpc-components .vpc-component .vpc-options.large {
min-height: 245px;
}
#vpc-container.VPC_Tesla_Skin #vpc-components .vpc-component .vpc-options.large .vpc-single-option-wrap {
position: static;
}
#vpc-container.VPC_Tesla_Skin #vpc-components .vpc-component .vpc-options.large .option-title {
width: auto;
margin-left: 0;
left: 35px;
right: 35px;
}
#vpc-container.VPC_Tesla_Skin #vpc-components .vpc-component .vpc-options.large .vpc-group:first-child .option-title {
left: 5px;
}
#vpc-container.VPC_Tesla_Skin #vpc-components .vpc-component .vpc-options.large .vpc-group:last-child .option-title {
right: 5px;
}
#vpc-container.VPC_Tesla_Skin #vpc-components .vpc-component .vpc-options.large label.custom {
width: 100px;
height: 140px;
padding: 10px;
background-color: rgba(255,255,255,.6);
border: 0;
}
#vpc-container.VPC_Tesla_Skin #vpc-components .vpc-component .vpc-options.large label.custom:before {
width: 100px;
height: 140px;
}
#vpc-container.VPC_Tesla_Skin #vpc-components .vpc-component .vpc-options.large input:checked + label.custom::before {
outline-offset: 9px;
} #vpc-preview-container .bx-wrapper {
margin-bottom: 0;
border: 0;
box-shadow: none;
}
.bxControls {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 999;
cursor: pointer;
}
.bxControls i {
padding: 10px;
font-size: 60px;
color: #6f6f6f;
vertical-align: middle;
}
#goNextView {
right: 0;
}
.bxControls .bullets-container {
display: none;
}
.bxControls:hover .bullets-container {
display: inline-block;
}
.bxControls .bullets-container .view-bullet {
display: inline-block;
height: 12px;
width: 12px;
border-radius: 50%;
background-color: #ccc;
margin: 0 5px;
transition: background-color 0s;
position: relative;
vertical-align: middle;
}
.bxControls .bullets-container .view-bullet:hover {
background-color: #fff;
}
.bxControls .bullets-container .view-bullet.active {
background-color: #c00;
}
.bxControls .bullets-container .view-bullet .bullet-preview {
position: absolute;
width: 110px;
height: 70px;
bottom: calc(100% + 20px);
display: none;
background-color: #888;
transform: translateX(calc(-50% + 6px));
border: 5px solid #fff;
}
.bxControls .bullets-container .view-bullet:hover .bullet-preview {
display: block;
}
.bxControls .bullets-container .view-bullet .bullet-preview:after {
content: "";
position: absolute;
border: 10px solid;
border-color: #fff transparent transparent transparent;
bottom: -20px;
left: 50%;
transform: translateX(-50%);
}
.bullet-preview img{
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
max-width: 100%;
}  .vpc-preview img {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
} .vpc-preview {
text-align: center;
height: 640px;
border: 0;
background-color: #dfdfdf;
}
.option-preview{
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.option-preview img{
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
max-width: 100%;
max-height:100%
}
ul.bxslider {
margin: 0 !important;
} #vpc-add-to-cart-wrap {
width: calc((100% - (20% + 40px))/3);
float: left;
margin-top: 20px;
overflow: hidden;
}
#vpc-add-to-cart-container {
background-color: #2c2c2c;
}
#vpc-add-to-cart-container #vpc-price-container {
text-align: center;
padding: 30px 20px 20px 20px;
height: auto;
}
#vpc-add-to-cart-container #vpc-price-container .vpc-price-label {
display: none;
}
#vpc-add-to-cart-container #vpc-price-container #vpc-price {
color: #fffefe;
font-size: 24px;
line-height: 24px;
font-weight: normal;
}
#vpc-add-to-cart-container .vpc-add-to-cart-text {
padding: 0 40px;
font-size: 14px;
color: #b6b6b6;
text-align: center;
}
#vpc-add-to-cart-container .buttons-container {
width: 100%;
background-color: #000;
padding: 12px 20px 16px 20px;
text-align: center;
}
#vpc-add-to-cart-container .vpc-action-buttons {
width: auto;
display: inline-block;
margin-top: 0;
height: 35px;
}
#vpc-add-to-cart-container .buttons-container button,
#vpc-add-to-cart-container .buttons-container a {
background-color: #e30613;
color: #fff;
border-radius: 0;
line-height: 35px;
font-size: 12px;
margin: 0 0 0 10px;
display: inline-block;
text-transform: uppercase;
padding: 0 10px;
height: 35px;
vertical-align: top;
transition: opacity 0s;
}
#vpc-add-to-cart-container .buttons-container a:hover {
opacity: .8;
}
#vpc-add-to-cart-container .vpc-action-buttons #vpc-qty-container #vpc-qty {
background-color: #4d4d4d;
color: #fff;
width: 30px;
margin: 0;
}
#vpc-add-to-cart-container .vpc-action-buttons #vpc-qty-container input[type="button"] {
background-color: #4d4d4d;
border-radius: 0;
width: 30px;
margin: 10px 0;
display: none;
}
.vpc-additional-options.vpc-options{
background-color: transparent !important;
margin-top: 0px;
} #vpc-additional-options-container {
width: calc(((100% - (20% + 10px))/3) * 2);
float: left;
margin: 20px 20px 0 10%;
}
#vpc-additional-options-container .vpc-additional-options,
#vpc-additional-options-container .vpc-video-container,
#vpc-additional-options-container .vpc-gallery-container {
width: 100%;
margin-bottom: 50px; background-color: #ccc;
} .single-additional-option {
width: calc((100% - 20px)/2);
border: 1px solid #b1b1b1;
box-sizing: border-box;
padding: 30px;
background-color: #f7f7f7;
float: left;
cursor: pointer;
display: block;
}
.single-additional-option span {
display: block;
} .vpc-additional-options input:checked + .single-additional-option {
outline: 5px solid #0090ff;
outline-offset: -5px;
}
.single-additional-option:nth-child(4n) {
margin-left: 20px;
}
.single-additional-option .addtional-option-content {
height: 200px;
margin-top: 10px;
font-size: 12px;
color: #5f5f5f;
font-weight: normal;
} .single-additional-option .additional-option-title {
border-bottom: 1px solid #e1e1e1;
padding: 0 0 10px 0;
text-align: center;
font-weight: bold;
}
.single-additional-option .additional-option-price {
border-top: 1px solid #e1e1e1;
padding: 10px 0 0 0;
text-align: center;
font-weight: bold;
margin-bottom: 0;
}
.vpc-additional-options input {
display: none;
}
#extra-cart-container {
background-color: #f8f8f8;
padding: 5px 10px;
margin-top: 10px;
}
#extra-cart-container div {
border-bottom: 1px solid #efefef;
overflow: hidden;
padding: 5px 0;
}
#extra-cart-container div:last-child {
border-bottom: 0;
}
#extra-cart-container div * {
display: block;
float: left;
}
#extra-cart-container div p {
width: calc(100% - 55px);
height: 30px;
line-height: 30px;
margin: 0;
color: #999;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
box-sizing: border-box;
padding-right: 5px;
}
#extra-cart-container div input {
width: 25px;
height: 30px;
padding: 0;
box-sizing: border-box;
border: 1px solid #efefef;
background-color: #fff;
text-align: center;
}
#extra-cart-container div span {
width: 25px;
line-height: 30px;
margin-left: 5px;
text-align: center;
color: red;
cursor: pointer;
} @media (min-width: 769px) and (max-width: 1024px) {
#vpc-add-to-cart-container .buttons-container a {
margin: 10px 0 0 0;
width: 100%;
}
}
@media (max-width: 768px) {
#vpc-container.VPC_Tesla_Skin #vpc-components .vpc-component {
width: 100% !important;
margin-right: 0;
border-bottom: 1px solid #dfdfdf !important;
}
#vpc-container.VPC_Tesla_Skin #vpc-components .vpc-component .vpc-component-title {
border-top: 0 !important;
border-left: 0px solid #c00;
box-sizing: border-box;
text-align: right;
padding: 0 5%;
transition: border-width 0s;
}
#vpc-container.VPC_Tesla_Skin #vpc-components .vpc-component:last-child {
border-bottom: 0 !important;
}
#vpc-container.VPC_Tesla_Skin #vpc-components {
height: auto;
}
#vpc-container.VPC_Tesla_Skin #vpc-components {
padding: 0;
}
#vpc-container.VPC_Tesla_Skin #vpc-components .vpc-component .vpc-options-wrap {
width: calc(100% - 10%);
left: 5%;
}
#vpc-components .vpc-component .vpc-component-title .option-preview {
visibility: visible;
opacity: 1;
width: 30%;
height: 50px;
bottom: 0;
left: 0;
}
#vpc-components .vpc-component .vpc-options-wrap.visible + .vpc-component-title .option-preview {
width: calc(30% - 3px);
}
#vpc-additional-options-container {
margin: 30px 0 0 0;
width: 100%;
}
#vpc-add-to-cart-wrap {
width: 100%;
margin-top: 0;
}
}