html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
/*@font-face {
    font-family: 'Open Sans';
    src: url("../fonts/opensans/OpenSans-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}*/
#viewPort {
    /*display: none;*/
    display: block;
}
#slogan {
    display: none;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: #333;
}
#slogan .content {
    display: block;
    position: fixed;

    top: 35%;
    width: 100%;
    text-align: center;
}
#slogan .content span {
    display: block;
    margin: 0 auto;
    /*font-family: 'Open Sans', sans-serif;*/
    font-size: 32px;
    color: #c8c72d;
    line-height: 1.3em;
    text-align: center;
    cursor: pointer;

    animation-name: sloganAnim;
    animation-duration: 3s;
}
#slogan .content span.more {
    margin-top: 30px;
    width: 180px;
    font-size: 18px;
    line-height: 2.5em;
    border: 1px solid #c8c72d;
    border-radius: 2px;
    animation-name: sloganMoreAnim;
    animation-duration: 3s;
}
@keyframes sloganAnim {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes sloganMoreAnim {
    0% { opacity: 0; }
    30% { opacity: 0; }
    100% { opacity: 1; }
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
* {
    -webkit-text-size-adjust: none;
}
::-webkit-input-placeholder {
    color: inherit;
    font-weight: normal;
    opacity: .3;
    font-size: 16px;
    line-height: 42px;
    text-align: inherit;
    text-transform: none;
}
:-moz-placeholder {
    color: inherit;
    font-weight: normal;
    opacity: .3;
    font-size: 16px;
    line-height: 42px;
    text-align: inherit;
    text-transform: none;
}
.placeholder {
    opacity: .5;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}
::-ms-clear {
    display: none;
}
select::-ms-expand {
    display: none;
}
hr {
    margin: 0;
}
@font-face {
    font-family: 'BusinessBox Pictos';
    src: url("../fonts/bbpictos.eot");
    src: url("../fonts/bbpictos.eot?#iefix") format("embedded-opentype"), /*url("../fonts/bbpictos.woff") format("woff"), */url("../fonts/bbpictos.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "General Foundicons";
    src: url("../fonts/foundicons/general_foundicons.eot");
    src: url("../fonts/foundicons/general_foundicons.eot?#iefix") format("embedded-opentype"), url("../fonts/foundicons/general_foundicons.woff") format("woff"), url("../fonts/foundicons/general_foundicons.ttf") format("truetype"), url("../fonts/foundicons/general_foundicons.svg#GeneralFoundicons") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Tesco';
    src: url("../fonts/tescomlig.eot");
    src: url("../fonts/tescomlig.eot?#iefix") format("embedded-opentype"), url("../fonts/tescomlig.woff") format("woff"), url("../fonts/tescomlig.ttf") format("truetype"), url("../fonts/tescomlig.svg#tescomlig") format("svg");
    font-weight: lighter;
    font-style: normal;
}
@font-face {
    font-family: 'Tesco';
    src: url("../fonts/tescomreg.eot");
    src: url("../fonts/tescomreg.eot?#iefix") format("embedded-opentype"), url("../fonts/tescomreg.woff") format("woff"), url("../fonts/tescomreg.ttf") format("truetype"), url("../fonts/tescomreg.svg#tescomreg") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Tesco';
    src: url("../fonts/tescombol.eot");
    src: url("../fonts/tescombol.eot?#iefix") format("embedded-opentype"), url("../fonts/tescombol.woff") format("woff"), url("../fonts/tescombol.ttf") format("truetype"), url("../fonts/tescombol.svg#tescombol") format("svg");
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Tesco';
    src: url("../fonts/tescombla.eot");
    src: url("../fonts/tescombla.eot?#iefix") format("embedded-opentype"), url("../fonts/tescombla.woff") format("woff"), url("../fonts/tescombla.ttf") format("truetype"), url("../fonts/tescombla.svg#tescombla") format("svg");
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Tesco';
    src: url("../fonts/tescombolita.eot");
    src: url("../fonts/tescombolita.eot?#iefix") format("embedded-opentype"), url("../fonts/tescombolita.woff") format("woff"), url("../fonts/tescombolita.ttf") format("truetype"), url("../fonts/tescombolita.svg#tescombolita") format("svg");
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'Tesco';
    src: url("../fonts/tescomita.eot");
    src: url("../fonts/tescomita.eot?#iefix") format("embedded-opentype"), url("../fonts/tescomita.woff") format("woff"), url("../fonts/tescomita.ttf") format("truetype"), url("../fonts/tescomita.svg#tescomita") format("svg");
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'FontAwesome';
    src: url("../fonts/fontawesome-webfont.eot");
    src: url("../fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome-webfont.ttf") format("truetype"), url("../fonts/fontawesome-webfont.svg#fontawesome") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FontAwesomeModified';
    src: url("../fonts/fontawesome-modified-webfont.eot");
    src: url("../fonts/fontawesome-modified-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome-modified-webfont.woff") format("woff"), url("../fonts/fontawesome-modified-webfont.ttf") format("truetype"), url("../fonts/fontawesome-modified-webfont.svg#fontawesomemodified") format("svg");
    font-weight: normal;
    font-style: normal;
}
html {
    font-family: Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: .625em;
    color: #fff;
    width: 100%;
    height: 100%}
body {
    /*background: url(../img/mainBg.png) -50% 50% repeat;
    background: url(../img/mainBgPattern.png) -50% 0 repeat-x, url(../img/mainBg.png) -50% 50% repeat;*/
    /*background: #f7f8f2;*/
    /*background: #333;*/
    background: #f7f8f2;
    width: 100%;
    height: 100%}
body:after {
    display: none;
    background: url(../img/brands.png), url(../img/checkboxBgGreen.png), url(../img/acceptedCodeIcon.png), url(../img/dropdownListArrows.png), url(../img/editIcon.png), url(../img/bankAccountAjaxLoader.gif);
}
a, label {
    text-decoration: none;
    cursor: pointer;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}
h1:first-letter, h2:first-letter, h3:first-letter, h4:first-letter, h5:first-letter, h6:first-letter {
    /*text-transform: capitalize;*/
}
h1 {
    margin-top: 1em;
}
article, section {
    display: block;
}
.cleared:after {
    display: block;
    content: "";
    clear: both;
}
.hidden {
    display: none;
}
.hiddenImportant {
    display: none !important;
}
#viewPort {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 1024px;
    margin: 0 auto;
    overflow-x: hidden;
    box-shadow: 0 0 20px #000;
}
#mainNavigation {
    position: absolute;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    top: 0;
    bottom: 0;
    left: -100px;
    width: 80%;
    -webkit-transition: 0.2s ease-in;
    -moz-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}
#mainNavigation ul li>a i {
    display: inline-block;
    font-family: "FontAwesomeModified";
    width: 18px;
    margin-right: 10px;
    text-align: center;
}
#mainNavigation ul li>a i.fa-tags:before {
    content: "\f02c";
}
#mainNavigation ul li>a i.fa-calculator:before {
    content: "\f1ec";
}
#mainNavigation ul li>a i.fa-cart:before {
    content: "\f07a";
}
#mainNavigation ul li>a i.fa-user:before {
    content: "\f007";
}
#mainNavigation ul li>a i.fa-user-o:before {
    content: "\f2c0";
}
#mainNavigation ul li>a i.fa-user-secret:before {
    content: "\f21b";
}
#mainNavigation ul li>a i.fa-login:before {
    content: "\f090";
}
#mainNavigation ul li>a i.fa-files-o:before {
    content: "\f0c5";
}
#mainNavigation ul li>a i.fa-money:before {
    content: "\f0d6";
}
#mainNavigation ul li>a i.fa-logout:before {
    content: "\f08b";
}
#mainNavigation ul li>a i.fa-credit-card:before {
    content: "\f09d";
}
#mainNavigation ul li>a i.fa-credit-card-alt:before {
    content: "\f283";
}
#mainNavigation ul li>a i.fa-paypal:before {
    content: "\f1ed";
}
#mainNavigation ul li>a i.fa-tasks:before {
    content: "\f0ae";
}
#mainNavigation ul li>a i.fa-tasks1:before {
    content: "\f501";
}
#mainNavigation ul li>a i.fa-tasks2:before {
    content: "\f502";
}
#mainNavigation ul li>a i.fa-tasks3:before {
    content: "\f503";
}
#mainNavigation ul li>a i.fa-file-text-o:before {
    content: "\f0f6";
}
#mainNavigation ul li>a i.fa-question:before {
    content: "\f128";
}
#mainNavigation ul li>a i.fa-phone:before {
    content: "\f095";
}
#mainNavigation ul li>a i.fa-registered:before {
    content: "\f25d";
}
#mainNavigation ul li>a i.fa-paragraph:before {
    content: "§";
}
#mainNavigation ul li>a i.fa-code:before {
    content: "\f121";
}
#mainNavigation ul li>a i.fa-copyright:before {
    content: "\f1f9";
}
#viewPort.navigationOpened #mainNavigation {
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
#mainWrapper {
    box-shadow: 0 0 20px #000;
    /*background: #333 url(../img/darkBg.png) center center repeat;*/
    background: #333;
    position: absolute;
    z-index: 101;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: 0.2s ease-in;
    -moz-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}
#viewPort.navigationOpened #mainWrapper {
    -webkit-transform: translateX(80%);
    -moz-transform: translateX(80%);
    -ms-transform: translateX(80%);
    -o-transform: translateX(80%);
    transform: translateX(80%);
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
#sideContent {
    /*background: #333 url(../img/darkBg.png) center center repeat;*/
    /*background: #333;*/
    background: rgba(238, 239, 226, 0.8);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    display: none;
    position: absolute;
    z-index: 5020;
    top: 0;
    bottom: 0;
    left: 100%;
    right: -95%;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
#viewPort.sidebarOpened #sideContent {
    box-shadow: 0 0 20px black;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: 0.2s ease-in;
    -moz-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}
#sideContentWrapper {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 15px 20px;
    position: absolute;
    top: 40px;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.showingTwoBackBtns #sideContentWrapper {
    bottom: 75px;
}
/*#viewPort.sidebarOpened #mainWrapper:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 5010;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.75);
}*/
article {
    position: relative;
    display: none;
    /*background: #333 url(../img/darkBg.png) center center repeat;*/
    background: #333;
    padding-bottom: 30px;
    clear: both;
    *zoom: 1;
}
article:before, article:after {
    content: " ";
    display: table;
}
article:after {
    clear: both;
}
article.focused {
    display: block;
}
article>section.loading {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    /*background: #333 url(../img/darkBg.png) center center repeat;*/
    background: #333;
    z-index: 100;
}
article>section.loading h2 {
    font-size: 18px;
    text-align: center;
    padding-top: 1em;
    color: #cece49;
}
article>section.loading h2:after {
    display: block;
    content: "";
    width: 100%;
    height: 80px;
    background: url(../img/bankAccountAjaxLoader.gif) center center no-repeat;
    background-size: 32px;
}
@-webkit-keyframes siteLoaderAnimation {
    0% {
        opacity: 1;
        top: 0;
        height: 100%}
    90% {
        opacity: 0;
        top: 0;
        height: 100%}
    100% {
        opacity: 0;
        top: 100%;
        height: 0;
    }
}@-moz-keyframes siteLoaderAnimation {
     0% {
         opacity: 1;
         top: 0;
         height: 100%}
     90% {
         opacity: 0;
         top: 0;
         height: 100%}
     100% {
         opacity: 0;
         top: 100%;
         height: 0;
     }
 }@keyframes siteLoaderAnimation {
      0% {
          opacity: 1;
          top: 0;
          height: 100%}
      90% {
          opacity: 0;
          top: 0;
          height: 100%}
      100% {
          opacity: 0;
          top: 100%;
          height: 0;
      }
  }#siteLoader {
       position: fixed;
       z-index: 10000;
       opacity: 1;
       top: 0;
       left: 0;
       bottom: 0;
       right: 0;
       background: #222 center center no-repeat;
       background-size: 200px;
       -webkit-animation: siteLoaderAnimation 1s ease-in-out;
       -webkit-animation-fill-mode: both;
       -moz-animation: siteLoaderAnimation 1s ease-in-out;
       -moz-animation-fill-mode: both;
       animation: siteLoaderAnimation 1s ease-in-out;
       animation-fill-mode: both;
   }
body.loading #siteLoader {
    -webkit-animation: none;
    -moz-animation: none;
    animation: none;
}
#mainNavigation {
    /*background: #748629 url(../img/navBg.png) center center repeat;*/
    background: #555;
    z-index: 90;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#mainNavigation .onlyUser {
    display: none;
}
body.user #mainNavigation .onlyUser {
    display: inherit;
}
body.user #mainNavigation .onlyNonUser {
    display: none;
}
#mainNavigation .onlySalesAgent {
    display: none;
}
body.salesAgent #mainNavigation .onlySalesAgent {
    display: inherit;
}
body.salesAgent #mainNavigation .onlyNonSalesAgent {
    display: none;
}
#mainNavigation .isInTheMiddleOfBuyingProcess {
    display: none;
}
body.userIsInTheMiddleOfBuyingProcess #mainNavigation .isInTheMiddleOfBuyingProcess {
    display: inherit;
}
body.userIsInTheMiddleOfBuyingProcess #mainNavigation .notInTheMiddleOfBuyingProcess {
    display: none;
}
#mainNavigation>span, #mainNavigation>ul {
    font-size: 18px;
}
#mainNavigation .submenu>ul {
    font-size: 16px;
}
#mainNavigation>ul {
    /*border-top: 1px solid rgba(0, 0, 0, 0.25);
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);*/
}
#mainNavigation table.salesAgent-loggedin {
    width: 100%;
    background: rgba(255, 255, 255, 0.1);
}
#mainNavigation table.salesAgent-loggedin td {
    line-height: 16px;
    padding-left: 62px;
    padding-right: 10px;
    font-size: 13px;
}
#mainNavigation table.salesAgent-loggedin tr:first-child td {
    padding-left: 35px;
    line-height: 30px;
}
#mainNavigation table.salesAgent-loggedin tr:last-child td {
    padding-bottom: 10px;
}
#mainNavigation>span {
    display: block;
    height: 45px;
}
#mainNavigation>span h2 {
    line-height: 45px;
    font-weight: normal;
    text-transform: uppercase;
    padding: 0 20px;
    color: #4a551e;
    /*text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);*/
}
#mainNavigation>ul li a {
    display: block;
    text-decoration: none;
    color: #fff;
    /*line-height: 50px;*/
    font-size: 15px;
    line-height: 44px;

    padding: 0 20px;
    /*text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);*/
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
#mainNavigation>ul li ul li a {
    font-size: 13px;
}
#mainNavigation>ul>li>a {
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
#mainNavigation .submenu.opened {
    background: #5F6E2E /*url(../img/navBg.png) center center repeat*/;
}
#mainNavigation .submenu.mustbeopened {
    background: #5F6E2E !important;
}
#mainNavigation .submenu.opened ul {
    background: #444;
}
#mainNavigation .submenu.opened>ul li a {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#mainNavigation .submenu>ul li:first-child a {
    border-top: none;
}
#mainNavigation .submenu>ul li:last-child a {
    border-bottom: none;
}
#mainNavigation .submenu>ul li a {
    font-weight: normal;
    /*padding-left: 35px;*/
    padding-left: 35px;
    line-height: 20px;
    padding-top: 0;
    padding-bottom: 0;
    background: rgba(255, 255, 255, 0.1);
    max-height: 0;
    opacity: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow-y: hidden;
}
#mainNavigation .submenu.opened>ul li a {
    max-height: 80px;
    padding-top: 10px;
    padding-bottom: 10px;
    opacity: 1;
}
#mainNavigation>ul li.submenu.opened>a {
    /*background: rgba(0, 0, 0, 0.2);*/
}
.no-touch #mainNavigation>ul li a:hover {
    background: #748629 url(../img/navBg.png) center center repeat;
    /*background-color: rgba(75, 85, 30, 0.2);
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  rgba(75, 85, 30, 0.2)), color-stop(100%,  rgba(75, 85, 30, 0.4)));
    background-image: -webkit-linear-gradient(rgba(75, 85, 30, 0.2), rgba(75, 85, 30, 0.4));
    background-image: linear-gradient(rgba(75, 85, 30, 0.2), rgba(75, 85, 30, 0.4));*/
}
.no-touch #mainNavigation>ul li a.hover {
    background: #748629 url(../img/navBg.png) center center repeat;
}
.no-touch #mainNavigation>ul li a.opened {
    background-color: rgba(75, 85, 30, 0.2);
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  rgba(75, 85, 30, 0.2)), color-stop(100%,  rgba(75, 85, 30, 0.4)));
    background-image: -webkit-linear-gradient(rgba(75, 85, 30, 0.2), rgba(75, 85, 30, 0.4));
    background-image: linear-gradient(rgba(75, 85, 30, 0.2), rgba(75, 85, 30, 0.4));
}
#mainNavigation footer {
    font-size: 12px;
    line-height: 15px;
    padding: 15px 20px;
    /*color: #aec938;*/
    /*text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);*/
    width: auto;
    height: 75px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#mainNavigation footer .partner {
    display: block;
    height: 40px;
    clear: both;
}
#mainNavigation footer .partner div {
    float: left;
    line-height: 20px;
}
#mainNavigation footer .partner div img {
    margin-left: 10px;
}
#mainNavigation footer .partner div img:after {
    clear: both;
}
#mainNavigation footer .creditCards {
    padding-bottom: 5px;
}
#mainNavigation footer .creditCards img {
    width: 100%;
    height: auto;
}
header.navBar {
    position: fixed;
    top: 0;
    height: 45px;
    width: 100%;
    background-color: #fafaf4;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #fafaf4), color-stop(100%,  #cdcdbe));
    background-image: -webkit-linear-gradient(#fafaf4, #cdcdbe);
    background-image: linear-gradient(#fafaf4, #cdcdbe);
    /*border-radius: 5px 5px 0 0;*/
    z-index: 5000;
}
header.navBar:after {
    content: "";
    display: block;
    position: absolute;
    top: 45px;
    z-index: 5000;
    left: 0;
    right: 0;
    height: 10px;
    box-shadow: inset 0px 10px 5px -8px rgba(0, 0, 0, 0.5);
}
#unfinishedBuyingProcess {
    display: none;
    position: fixed;
    top: 45px;
    height: 45px;
    width: 100%;
    background-color: #b3b228;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #b3b228), color-stop(100%,  #605f16));
    background-image: -webkit-linear-gradient(#b3b228, #605f16);
    background-image: linear-gradient(#b3b228, #605f16);
    /*text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);*/
    box-shadow: inset 0px 5px 5px -4px rgba(0, 0, 0, 0.5);
    z-index: 5000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#unfinishedBuyingProcess>span {
    display: table;
    width: 100%}
#unfinishedBuyingProcess>span>span {
    display: table-cell;
    vertical-align: middle;
    padding: 5px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#unfinishedBuyingProcess p {
    display: block;
    line-height: 16px;
    font-size: 14px;
    color: #fff;
    float: left;
}
#unfinishedBuyingProcess p a {
    color: inherit;
    font-weight: normal;
}
#unfinishedBuyingProcess .closeBtn {
    display: block;
    float: right;
    height: 45px;
    width: 35px;
    background: url(../img/stripeCloseBtn.png) center center no-repeat;
    background-size: 25px;
    opacity: .7;
}
#unfinishedBuyingProcess .closeBtn:hover {
    opacity: 1;
}
#unfinishedBuyingProcess .closeBtn span {
    display: none;
}
body.unfinishedBuyingProcess #unfinishedBuyingProcess {
    display: block;
}
html.touch body.hideNavBar header.navBar {
    position: static;
    margin-bottom: -45px;
}
header.navBar .menuBtn {
    display: block;
    float: left;
    margin: 6px 10px 0 10px;
    border-radius: 5px;
    height: 30px;
    width: 35px;
    text-indent: -1000px;
    overflow: hidden;
    color: rgba(0, 0, 0, 0);
    font-size: 1px;
    background: transparent url(../img/menuBtn.png) center center no-repeat;
    background-color: -webkit-linear-gradient(#fdfdfc, #d6d6c6);
    background-color: -moz-linear-gradient(#fdfdfc, #d6d6c6);
    background-color: -ms-linear-gradient(#fdfdfc, #d6d6c6);
    background-color: linear-gradient(#fdfdfc, #d6d6c6);
    background-size: 25px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
}
header.navBar #navBarPhoneIcon {
    display: block;
    margin-right: 5px;
    float: right;
    position: relative;
}
header.navBar #navBarPhoneIcon .showContent {
    display: block;
    width: 45px;
    height: 45px;
    position: relative;
    z-index: 5000;
    background: transparent;
    border-radius: 5px 5px 0 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-indent: -1000px;
    overflow: hidden;
    color: rgba(0, 0, 0, 0);
    font-size: 1px;
    background: url(../img/phoneIcon.png) center center no-repeat, -webkit-linear-gradient( rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    background: url(../img/phoneIcon.png) center center no-repeat, linear-gradient( rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    background-size: 34px,  100%}
header.navBar #navBarPhoneIcon.visible .showContent {
    background: url(../img/phoneIcon.png) center center no-repeat, -webkit-linear-gradient( #cdcdbe, #b7b7a1);
    background: url(../img/phoneIcon.png) center center no-repeat, linear-gradient( #cdcdbe, #b7b7a1);
    background-size: 34px,  100%}
header.navBar #navBarPhoneIcon .phoneContent {
    background-color: #b7b7a1;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #b7b7a1), color-stop(100%,  #969676));
    background-image: -webkit-linear-gradient(#b7b7a1, #969676);
    background-image: linear-gradient(#b7b7a1, #969676);
    position: absolute;
    top: -30px;
    right: 0;
    z-index: 8000;
    width: 19.28571em;
    border-radius: 0 0 5px 5px;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1.07143em;
    color: #222;
    font-size: 14px;
    /*text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);*/
    line-height: 1.2em;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    min-height: 11.42857em;
    opacity: .75;
}
header.navBar #navBarPhoneIcon .phoneContent .desc {
    padding-bottom: 15px;
    color: #333;
}
header.navBar #navBarPhoneIcon .phoneContent .telNumber, header.navBar #navBarPhoneIcon .phoneContent .email {
    font-size: 17px;
    font-weight: normal;
    padding-top: 5px;
}
header.navBar #navBarPhoneIcon .phoneContent a {
    color: #556228;
}
header.navBar #navBarPhoneIcon .phoneContent a:hover {
    color: #455021;
}
header.navBar #navBarPhoneIcon .phoneContent a:active {
    color: #556228;
    position: relative;
    top: 1px;
}
header.navBar #navBarPhoneIcon .phoneContent a small {
    font-weight: normal;
    color: #222;
    opacity: .5;
    font-size: 14px;
}
header.navBar #navBarPhoneIcon.visible .phoneContent {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    top: 45px;
    opacity: 1;
}
header.navBar h1.logo {
    float: none;
    display: block;
    margin: 0 auto;
    padding: 5px 10px 0 10px;
    width: 240px;
    /*text-align: center;*/
}
header.navBar h1.logo img {
    width: 142px;
    height: 35px;
}
.pageContent {
    padding: 0 15px 0 15px;
    /*background: #333 url(../img/darkBg.png) center center repeat;*/
    background: #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    z-index: 102;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    top: 45px;
    bottom: 0;
    left: 0;
    right: 0;
}
body.unfinishedBuyingProcess .pageContent {
    top: 90px;
}
.mainHeadline, #sideContentWrapper h1 {
    color: #fff;
    font-size: 16px;
}
.mainHeadline.serviceStatusContainerHeadline span, #sideContentWrapper h1.serviceStatusContainerHeadline span {
    line-height: 1.5em;
    text-align: center;
    color: #c8c72d;
}
.mainHeadline.serviceStatusContainerHeadline span.title {
    float: left;
    /*width: 87%;*/
    color: #c87a2d;
    font-size: 14px;
    font-weight: bold;
    padding-left: 50px;
    text-align: left;
    position: relative;
}
.mainHeadline .downArrow {
    float: left;
    /*position: absolute;
    top: 8px;
    right: -63px;*/
    display: inline-block;
    width: 50px;
    height: 25px;
    background: url(../img/down-arrow.png) no-repeat;
    background-size: cover;
    margin: 6px 0 0 10px;
}
@media (max-width: 565px) {
    .mainHeadline.serviceStatusContainerHeadline {
        height: 1.5em;
        position: relative;
    }
    .mainHeadline .downArrow {
        float: none;
        display: block;
        position: absolute;
        top: 1.2em;
        left: 50%;
    }
}
.coreSection, .termsOfServicesContent, #customersList li, #sideContentWrapper #FAQView .mainList>li, #sideContentWrapper #TermsOfServices-ASzFView .mainList>li, #sideContentWrapper #TermsOfServices-ASzFView>section>p {
    /*background: #333;*/
    /*border-radius: 5px;*/
    /*box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);*/
    padding: 10px 0;
    position: relative;
}
.coreSection header:after, .termsOfServicesContent header:after, #customersList li header:after, #sideContentWrapper #FAQView .mainList>li header:after, #sideContentWrapper #TermsOfServices-ASzFView .mainList>li header:after, #sideContentWrapper #TermsOfServices-ASzFView>section>p header:after {
    display: block;
    content: "";
    clear: both;
}
.coreSection h2, .termsOfServicesContent h2, #customersList li h2, #sideContentWrapper #FAQView .mainList>li h2, #sideContentWrapper #TermsOfServices-ASzFView .mainList>li h2, #sideContentWrapper #TermsOfServices-ASzFView>section>p h2 {
    float: left;
    font-size: 16px;
    padding-bottom: 10px;
    font-weight: normal;
    color: #999;
}
.coreSection h2 strong, .termsOfServicesContent h2 strong, #customersList li h2 strong, #sideContentWrapper #FAQView .mainList>li h2 strong, #sideContentWrapper #TermsOfServices-ASzFView .mainList>li h2 strong, #sideContentWrapper #TermsOfServices-ASzFView>section>p h2 strong {
    font-weight: bold;
}
.coreSection .disabledCheckboxes label {
    line-height: 20px;
}
section a.hint, #closeHintPopup {
    float: right;
    font-weight: normal;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    line-height: 30px;
    padding: 0 .8em;
    margin: -5px;
    font-size: 12px;
    color: #ddd;
    /*text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);*/
}
section a.hint {
    font-size: 16px;
    font-style: italic;
    border-radius: 30px;
    background: #e8e85c;
    background-color: #ecec3b;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #ecec3b), color-stop(100%,  #8e8e20));
    background-image: -webkit-linear-gradient(#ecec3b, #8e8e20);
    background-image: linear-gradient(#ecec3b, #8e8e20);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ecec3b',  endColorstr='#8e8e20')";
    color: #000;
    /*text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);*/
    box-shadow: 0px 1px 2px black;
}
section a.hint i {
    display: none;
}
.coreSection .desc, .termsOfServicesContent .desc, #customersList li .desc, #sideContentWrapper #FAQView .mainList>li .desc, #sideContentWrapper #TermsOfServices-ASzFView .mainList>li .desc, #sideContentWrapper #TermsOfServices-ASzFView>section>p .desc, .nonBuyingProcess .coreSection p, .nonBuyingProcess .termsOfServicesContent p, .nonBuyingProcess #customersList li p, #customersList .nonBuyingProcess li p, .nonBuyingProcess #sideContentWrapper #FAQView .mainList>li p, #sideContentWrapper #FAQView .nonBuyingProcess .mainList>li p, .nonBuyingProcess #sideContentWrapper #TermsOfServices-ASzFView .mainList>li p, #sideContentWrapper #TermsOfServices-ASzFView .nonBuyingProcess .mainList>li p, .nonBuyingProcess #sideContentWrapper #TermsOfServices-ASzFView>section>p p, #sideContentWrapper .nonBuyingProcess #TermsOfServices-ASzFView>section>p p {
    font-size: 12px;
    line-height: 14px;
    padding-bottom: 10px;
}
.nonBuyingProcess .coreSection p, .nonBuyingProcess .termsOfServicesContent p, .nonBuyingProcess #customersList li p, #customersList .nonBuyingProcess li p, .nonBuyingProcess #sideContentWrapper #FAQView .mainList>li p, #sideContentWrapper #FAQView .nonBuyingProcess .mainList>li p, .nonBuyingProcess #sideContentWrapper #TermsOfServices-ASzFView .mainList>li p, #sideContentWrapper #TermsOfServices-ASzFView .nonBuyingProcess .mainList>li p, .nonBuyingProcess #sideContentWrapper #TermsOfServices-ASzFView>section>p p, #sideContentWrapper .nonBuyingProcess #TermsOfServices-ASzFView>section>p p {
    font-size: 14px;
    line-height: 18px;
}
.coreSection.sliderContainerCoreSection, .sliderContainerCoreSection.termsOfServicesContent, #customersList li.sliderContainerCoreSection, #sideContentWrapper #FAQView .mainList>li.sliderContainerCoreSection, #sideContentWrapper #TermsOfServices-ASzFView .mainList>li.sliderContainerCoreSection, #sideContentWrapper #TermsOfServices-ASzFView>section>p.sliderContainerCoreSection {
    padding-top: 5px;
    padding-bottom: 0;
}
.slidingSelector {
    position: relative;
    z-index: 110;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.slidingSelector>button {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: normal;
    cursor: pointer;
    padding: 0;
    border: 0;
    font-size: 1px;
    text-indent: -1000px;
    overflow: hidden;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    line-height: 30px;
    background: none;
    width: 30px;
    height: 30px;
    z-index: 120;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 15px;
    /*background-color: #222;*/
    border-radius: 15px;
}
.no-touch .slidingSelector>button.prev {
    left: -8px;
    background-image: url(../img/prevArrow.png);
}
.no-touch .slidingSelector>button.next {
    right: -8px;
    background-image: url(../img/nextArrow.png);
}
.no-touch .slidingSelector.leftDirection>button.prev, .no-touch .slidingSelector.rightDirection>button.next {
    display: block;
}
.slidingSelector ul, .slidingSelector ol {
    padding: 5px;
    /*padding: 10px;
    margin: -10px;*/
    margin-bottom: 0;
    overflow-x: auto;
    display: block;
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    overflow-scrolling: touch;
    white-space: nowrap;
    clear: both;
    *zoom: 1;
}
.slidingSelector ul:before, .slidingSelector ul:after, .slidingSelector ol:before, .slidingSelector ol:after {
    content: " ";
    display: table;
}
.slidingSelector ul:after, .slidingSelector ol:after {
    clear: both;
}
.no-touch .slidingSelector ul, .no-touch .slidingSelector ol {
    overflow-x: hidden;
}
.slidingSelector ul:after, .slidingSelector ol:after {
    display: block;
    content: "";
    clear: both;
}
.slidingSelector header {
    padding-bottom: 10px;
}
.slidingSelector header h3 {
    font-size: 12px;
}
.slidingSelector li {
    display: inline-block;
    width: 7.5em;
    height: 10em;
    margin-right: 5px;
}
.slidingSelector li input {
    display: block;
    width: 100%;
    height: 0;
    padding: 0;
    margin: 0;
    visibility: hidden;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.slidingSelector li label {
    display: block;
    width: 90%;
    height: 90%;
    padding: 5%;
    /*background-color: #292929;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #4e4e4e), color-stop(100%,  #292929));
    background-image: -webkit-linear-gradient(#4e4e4e, #292929);
    background-image: linear-gradient(#4e4e4e, #292929);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.75);
    border-radius: 3px;*/
    cursor: pointer;
    overflow: hidden;
    /*opacity: .7;*/
}
.no-touch .slidingSelector li label:hover {
    opacity: 1;
}
.slidingSelector li label:active {
    background-color: #414141;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #363636), color-stop(100%,  #414141));
    background-image: -webkit-linear-gradient(#363636, #414141);
    background-image: linear-gradient(#363636, #414141);
    opacity: 1;
}
.slidingSelector li input:checked+label, .slidingSelector li input.checked+label {
    /*background-color: #c8c72d;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #c8c72d), color-stop(100%,  #c8c72d));
    background-image: -webkit-linear-gradient(#c8c72d, #c8c72d);
    background-image: linear-gradient(#c8c72d, #c8c72d);*/
    background: rgba(200, 199, 45, 0.4);
    opacity: 1;
}
.categorySelector.opened, .brandSelector.opened, .modelSelector.opened, .nextStepContainer.opened {
    opacity: 1;
}
.brandSelector li label i {
    display: block;
    padding: 0;
    margin: 5px 0 5px 3px;
    width: 6em;
    height: 6em;
    color: rgba(0, 0, 0, 0);
    text-indent: -1000px;
    overflow: hidden;
    background: url(../img/brands.png);
    background-size: 200%;
    background-position: 100% 100%}
.brandSelector input#slide-brand-1+label i {
    background-position: 100% 0%}
.brandSelector input#slide-brand-2+label i {
    background-position: 100% -100%}
.brandSelector input#slide-brand-3+label i {
    background-position: 100% -200%}
.brandSelector input#slide-brand-4+label i {
    background-position: 100% -300%}
.brandSelector input#slide-brand-6+label i {
    background-position: 100% -400%}
.brandSelector input#slide-brand-7+label i {
    background-position: 100% -500%}
.brandSelector input#slide-brand-10+label i {
    background-position: 100% -600%}
.brandSelector input#slide-brand-13+label i {
    background-position: 100% -700%}
.brandSelector input#slide-brand-14+label i {
    background-position: 100% -800%}
.brandSelector input#slide-brand-15+label i {
    background-position: 100% -900%}
.brandSelector input#slide-brand-17+label i {
    background-position: 100% -1000%}
.brandSelector input#slide-brand-18+label i {
    background-position: 100% -1100%}
.brandSelector input#slide-brand-27+label i {
    background-position: 100% -1200%}
.brandSelector input#slide-brand-29+label i {
    background-position: 100% -1300%}
.brandSelector input#slide-brand-30+label i {
    background-position: 100% -1400%}
.brandSelector input#slide-brand-32+label i {
    background-position: 100% -1500%}
.brandSelector input#slide-brand-35+label i {
    background-position: 100% -1600%}
.brandSelector input#slide-brand-37+label i {
    background-position: 100% -1700%}
.brandSelector input#slide-brand-40+label i { /* Tefal */
    background-position: 100% -10000%}
.brandSelector input#slide-brand-43+label i {
    background-position: 100% -1800%}
.brandSelector input#slide-brand-44+label i {
    background-position: 100% -1900%}
.brandSelector input#slide-brand-45+label i {
    background-position: 100% -2000%}
.brandSelector input#slide-brand-51+label i {
    background-position: 100% -2100%}
.brandSelector input#slide-brand-52+label i {
    background-position: 100% -2200%}
.brandSelector input#slide-brand-54+label i {
    background-position: 100% -2300%}
.brandSelector input#slide-brand-55+label i {
    background-position: 100% -2400%}
.brandSelector input#slide-brand-57+label i {
    background-position: 100% -2500%}
.brandSelector input#slide-brand-58+label i {
    background-position: 100% -2600%}
.brandSelector input#slide-brand-59+label i {
    background-position: 100% -2700%}
.brandSelector input#slide-brand-60+label i {
    background-position: 100% -2800%}
.brandSelector input#slide-brand-62+label i {
    background-position: 100% -2900%}
.brandSelector input#slide-brand-63+label i {
    background-position: 100% -3000%}
.brandSelector input#slide-brand-65+label i {
    background-position: 100% -3100%}
.brandSelector input#slide-brand-66+label i {
    background-position: 100% -3200%}
.brandSelector input#slide-brand-76+label i {
    background-position: 100% -3300%}
.brandSelector input#slide-brand-77+label i {
    background-position: 100% -3400%}
.brandSelector input#slide-brand-78+label i {
    background-position: 100% -3500%}
.brandSelector input#slide-brand-79+label i {
    background-position: 100% -3600%}
.brandSelector input#slide-brand-80+label i {
    background-position: 100% -3700%}
.brandSelector input#slide-brand-81+label i {
    background-position: 100% -3800%}
.brandSelector input#slide-brand-82+label i {
    background-position: 100% -3900%}
.brandSelector input#slide-brand-83+label i {
    background-position: 100% -4000%}
.brandSelector input#slide-brand-84+label i {
    background-position: 100% -4100%}
.brandSelector input#slide-brand-85+label i {
    background-position: 100% -4200%}
.brandSelector input#slide-brand-86+label i {
    background-position: 100% -4300%}
.brandSelector input#slide-brand-88+label i {
    background-position: 100% -4400%}
.brandSelector input#slide-brand-89+label i {
    background-position: 100% -4500%}
.brandSelector input#slide-brand-90+label i {
    background-position: 100% -4600%}
.brandSelector input#slide-brand-91+label i {
    background-position: 100% -4700%}
.brandSelector input#slide-brand-92+label i { /* iPhone */
    background-position: 100% -3700%}
.brandSelector input#slide-brand-93+label i { /* iPhone */
    background-position: 100% -3700%}
.brandSelector input#slide-brand-94+label i { /* iPhone */
    background-position: 100% -3700%}
.brandSelector input#slide-brand-95+label i { /* iPhone */
    background-position: 100% -3700%}
.brandSelector input#slide-brand-96+label i { /* iPhone */
    background-position: 100% -3700%}
.brandSelector input#slide-brand-97+label i { /* iPhone */
    background-position: 100% -3700%}
.brandSelector input#slide-brand-98+label i { /* iPhone */
    background-position: 100% -3700%}
.brandSelector input#slide-brand-99+label i { /* iPhone */
    background-position: 100% -3700%}
.brandSelector input#slide-brand-100+label i { /* Huawei */
    background-position: 100% -4800%}
.brandSelector input#slide-brand-101+label i { /* Xiaomi */
    background-position: 100% -7900%}
.brandSelector input#slide-brand-102+label i { /* Honor */
    background-position: 100% -7000%}
.brandSelector input#slide-brand-103+label i { /* Alcatel */
    background-position: 100% -5500%}
.brandSelector input#slide-brand-104+label i { /* Navon */
    background-position: 100% -5900%}
.brandSelector input#slide-brand-105+label i { /* Prestigio */
    background-position: 100% -5300%}
.brandSelector input#slide-brand-106+label i { /* Microsoft */
    background-position: 100% -4700%}
.brandSelector input#slide-brand-107+label i { /* Wayteq */
    background-position: 100% -5400%}
.brandSelector input#slide-brand-108+label i { /* MSI */
    background-position: 100% -5100%}
.brandSelector input#slide-brand-109+label i { /* Alcor */
    background-position: 100% -5800%}
.brandSelector input#slide-brand-110+label i { /* Koobe */
    background-position: 100% -6400%}
.brandSelector input#slide-brand-111+label i { /* Onyx */
    background-position: 100% -6300%}
.brandSelector input#slide-brand-112+label i { /* PocketBook */
    background-position: 100% -6000%}
.brandSelector input#slide-brand-113+label i { /* Kobo */
    background-position: 100% -6200%}
.brandSelector input#slide-brand-114+label i { /* Amazon */
    background-position: 100% -6100%}
.brandSelector input#slide-brand-115+label i { /* NEC */
    background-position: 100% -6700%}
.brandSelector input#slide-brand-116+label i { /* LaCie */
    background-position: 100% -4700%}
.brandSelector input#slide-brand-117+label i { /* Liyama */
    background-position: 100% -6900%}
.brandSelector input#slide-brand-118+label i { /* AOC */
    background-position: 100% -6800%}
.brandSelector input#slide-brand-119+label i { /* Nikon */
    background-position: 100% -5600%}
.brandSelector input#slide-brand-120+label i { /* Liebherr */
    background-position: 100% -5700%}
.brandSelector input#slide-brand-121+label i { /* Beko */
    background-position: 100% -4900%}
.brandSelector input#slide-brand-122+label i { /* PlayStation */
    background-position: 100% -4700%}
.brandSelector input#slide-brand-123+label i { /* XBOX */
    background-position: 100% -4700%}
.brandSelector input#slide-brand-124+label i { /* Nintendo */
    background-position: 100% -4700%}
.brandSelector input#slide-brand-125+label i { /* iPhone */
    background-position: 100% -3700%}
.brandSelector input#slide-brand-126+label i { /*  */
    background-position: 100% -6600%}
.brandSelector input#slide-brand-127+label i { /* benq */
    background-position: 100% -6500%}
.brandSelector input#slide-brand-128+label i { /* eizo */
    background-position: 100% -6600%}
.brandSelector input#slide-brand-129+label i { /* fujitsu */
    background-position: 100% -6600%}
.brandSelector input#slide-brand-130+label i { /* candy */
    background-position: 100% -7100%}
.brandSelector input#slide-brand-131+label i { /* neff */
    background-position: 100% -7200%}
.brandSelector input#slide-brand-132+label i { /* gopro */
    background-position: 100% -7300%}
.brandSelector input#slide-brand-133+label i { /* Apple Watch */
    background-position: 100% -3700%}
.brandSelector input#slide-brand-134+label i { /* Dimarson */
    background-position: 100% -7400%}
.brandSelector input#slide-brand-135+label i { /* Hitachi */
    background-position: 100% -7500%}
.brandSelector input#slide-brand-136+label i { /* Hisense */
    background-position: 100% -7600%}
.brandSelector input#slide-brand-137+label i { /* Cata */
    background-position: 100% -7700%}
.brandSelector input#slide-brand-139+label i { /* ETA */
    background-position: 100% -7800%}
.brandSelector input#slide-brand-140+label i { /* Amazfit */
    background-position: 100% -8000%}
.brandSelector input#slide-brand-141+label i { /* roborock */
    background-position: 100% -8400%}
.brandSelector input#slide-brand-142+label i { /* roidmi */
    background-position: 100% -8500%}
.brandSelector input#slide-brand-143+label i { /* Poco */
    background-position: 100% -8200%}
.brandSelector input#slide-brand-144+label i { /* Redmi */
    background-position: 100% -8300%}
.brandSelector input#slide-brand-145+label i { /* realme */
    background-position: 100% -8100%}
.brandSelector input#slide-brand-146+label i { /* imilab */
    background-position: 100% -8600%}
.brandSelector input#slide-brand-147+label i { /* hecht */
    background-position: 100% -8700%}
.brandSelector input#slide-brand-148+label i { /* tcl */
    background-position: 100% -8800%}
.brandSelector input#slide-brand-149+label i { /* hausmeister */
    background-position: 100% -8900%}
.brandSelector input#slide-brand-36+label i { /* rowenta */
    background-position: 100% -9000%}
.brandSelector input#slide-brand-150+label i { /* jbl */
    background-position: 100% -9100%}
.brandSelector input#slide-brand-151+label i { /* byzoo */
    background-position: 100% -9300%}
.brandSelector input#slide-brand-152+label i { /* hurom */
    background-position: 100% -9400%}
.brandSelector input#slide-brand-153+label i { /* vitamix */
    background-position: 100% -9500%}
.brandSelector input#slide-brand-154+label i { /* jtc omniblend */
    background-position: 100% -9600%}
.brandSelector input#slide-brand-155+label i { /* happycall */
    background-position: 100% -9700%}
.brandSelector input#slide-brand-156+label i { /* instant */
    background-position: 100% -9800%}
.brandSelector input#slide-brand-157+label i { /* yoda */
    background-position: 100% -9900%}
.brandSelector input#slide-brand-158+label i { /* thomas */
    background-position: 100% -9200%}
.brandSelector input#slide-brand-159+label i { /* Ninja */
    background-position: 100% -10200%}
.brandSelector input#slide-brand-160+label i { /* Shark */
    background-position: 100% -10100%}
.brandSelector input#slide-brand-161+label i { /* Leica */
    background-position: 100% -10300%}
.brandSelector input#slide-brand-162+label i { /* Voigtlaender */
    background-position: 100% -10400%}
.brandSelector input#slide-brand-163+label i { /* Samyang */
    background-position: 100% -10500%}
.brandSelector input#slide-brand-164+label i { /* UOVision */
    background-position: 100% -10600%}
.brandSelector input#slide-brand-165+label i { /* Boly */
    background-position: 100% -10700%}
.brandSelector input#slide-brand-166+label i { /* Willfine */
    background-position: 100% -10800%}
.brandSelector input#slide-brand-167+label i { /* Minox */
    background-position: 100% -10900%}
.brandSelector input#slide-brand-168+label i { /* Bresser */
    background-position: 100% -11000%}
.brandSelector input#slide-brand-169+label i { /* Tactacam */
    background-position: 100% -11100%}
.brandSelector input#slide-brand-170+label i { /* Guide */
    background-position: 100% -11200%}
.brandSelector input#slide-brand-171+label i { /* Nocpix */
    background-position: 100% -11300%}
.brandSelector input#slide-brand-172+label i { /* InfiRay */
    background-position: 100% -11400%}
.brandSelector input#slide-brand-173+label i { /* ThermTec */
    background-position: 100% -11500%}
.brandSelector input#slide-brand-174+label i { /* Pard */
    background-position: 100% -11600%}
.brandSelector input#slide-brand-175+label i { /* SiOnyx */
    background-position: 100% -11700%}
.brandSelector input#slide-brand-176+label i { /* Raythink */
    background-position: 100% -11800%}
.brandSelector input#slide-brand-177+label i { /* DDoptics */
    background-position: 100% -11900%}
.brandSelector input#slide-brand-178+label i { /* Alpen Optics */
    background-position: 100% -12000%}
.brandSelector input#slide-brand-179+label i { /* National Geographic */
    background-position: 100% -12100%}

.brandSelector li input:checked+label i, .brandSelector li input.checked+label i {
    background-position-x: 0 !important;
}
.groupSelector li label, .categorySelector li label, .brandSelector li label, .modelSelector li label {
    position: relative;
}
.groupSelector li label i:before, .categorySelector li label i:before, .brandSelector li label i:before {
    display: block;
    position: absolute;
    width: 0;
    height: 5em;
    top: 10px;
    font-family: "BusinessBox Pictos";
    content: "";
    color: #9d9d9d;
    /*text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);*/
    font-size: 7em;
    line-height: 0.85714em;
    letter-spacing: normal;
    text-align: center;
}
.slidingSelector li label h3 {
    display: block;
    position: absolute;
    text-align: center;
    top: 80%;
    width: 90%;
    color: #a6a6a6;
    /*text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);*/
    text-transform: capitalize;
}
.slidingSelector li input#slide-brand-14+label h3, .slidingSelector li input#slide-brand-14+label h3::first-letter {
    text-transform: lowercase;
}
.modelSelector li label h3 {
    top: 20%;
}
.modelSelector li label h4 {
    display: block;
    position: absolute;
    text-align: center;
    top: 15%;
    /*top: 20%;*/
    width: 90%;
    color: #a6a6a6;
    font-size: 16px;
    white-space: normal;
}
.modelSelector li label h5 {
    display: block;
    position: absolute;
    text-align: center;
    /*top: 34%;*/
    /*top: 42%;*/
    top: 50%;
    width: 90%;
    color: #a6a6a6;
    font-size: 12px;
    font-weight: bold;
    text-transform: capitalize;
    white-space: normal;
    line-height: 15px;
}
.modelSelector li label h6 {
    display: block;
    /*display: none;*/
    position: absolute;
    text-align: center;
    top: 75%;
    left: 20%;
    width: 60%;
    color: #a6a6a6;
    font-size: 10px;
    font-weight: bold;
    line-height: 17px;
    text-transform: uppercase;
    border: 1px #a6a6a6 solid;
    border-radius: 6px;
}
.groupSelector li input:checked+label i:before, .groupSelector li input.checked+label i:before, .categorySelector li input:checked+label i:before, .categorySelector li input.checked+label i:before, .slidingSelector li input:checked+label h3, .slidingSelector li input.checked+label h3, .textBasedSelector li input:checked+label p, .textBasedSelector li input.checked+label p {
    color: #3d4b08;
    /*text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);*/
}
.groupSelector li input#slide-group-1+label i:before {
    content: "a"}
.groupSelector li input#slide-group-2+label i:before {
    content: "l"}
.groupSelector li input#slide-group-3+label i:before {
    content: "b"}
.groupSelector li input#slide-group-4+label i:before {
    content: "d"}
.groupSelector li input#slide-group-5+label i:before {
    content: "o"}
.groupSelector li input#slide-group-6+label i:before {
    content: "p"}
.groupSelector li input#slide-group-7+label i:before {
    content: "g"}
.groupSelector li input#slide-group-8+label i:before {
    content: "j"}
.groupSelector li input#slide-group-9+label i:before {
    content: "5"}
.groupSelector li input#slide-group-10+label i:before { /* Kerti eszkozok */
    content: "C"}
.categorySelector li input#slide-category-2+label i:before {
    content: "b"}
.categorySelector li input#slide-category-3+label i:before {
    content: "y"}
.categorySelector li input#slide-category-4+label i:before {
    content: "k"}
.categorySelector li input#slide-category-6+label i:before {
    content: "l"}
.categorySelector li input#slide-category-7+label i:before {
    content: "d"}
.categorySelector li input#slide-category-8+label i:before {
    content: "t"}
.categorySelector li input#slide-category-9+label i:before {
    content: "s"}
.categorySelector li input#slide-category-10+label i:before {
    content: "p"}
.categorySelector li input#slide-category-11+label i:before {
    content: "w"}
.categorySelector li input#slide-category-12+label i:before {
    content: "c"}
.categorySelector li input#slide-category-16+label i:before {
    content: "1"}
.categorySelector li input#slide-category-17+label i:before {
    content: "q"}
.categorySelector li input#slide-category-18+label i:before {
    content: "g"}
.categorySelector li input#slide-category-25+label i:before {
    content: "z"}
.categorySelector li input#slide-category-26+label i:before {
    content: "f"}
.categorySelector li input#slide-category-27+label i:before {
    content: "v"}
.categorySelector li input#slide-category-30+label i:before {
    content: "o"}
.categorySelector li input#slide-category-31+label i:before {
    content: "e"}
.categorySelector li input#slide-category-37+label i:before {
    content: "4"}
.categorySelector li input#slide-category-38+label i:before {
    content: "r"}
.categorySelector li input#slide-category-40+label i:before {
    content: "x"}
.categorySelector li input#slide-category-41+label i:before {
    content: "d"}
.categorySelector li input#slide-category-42+label i:before {
    content: "2"}
.categorySelector li input#slide-category-43+label i:before { /* Kamera */
    content: "i"}
.categorySelector li input#slide-category-44+label i:before { /* Fenykepezo */
    content: "i"}
.categorySelector li input#slide-category-45+label i:before { /* Mobiltelefon */
    content: "j"}
.categorySelector li input#slide-category-46+label i:before { /* Mobiltelefon */
    content: "j"}
.categorySelector li input#slide-category-47+label i:before { /* Hangrendszer */
    content: "g"}
.categorySelector li input#slide-category-48+label i:before { /* Jatekkonzol */
    content: "h"}
.categorySelector li input#slide-category-49+label i:before { /* Ebook */
    content: "3"}
.categorySelector li input#slide-category-50+label i:before { /* Elektromos fozolap */
    content: "n"}
.categorySelector li input#slide-category-51+label i:before { /* Elektromos suto */
    content: "7"}
.categorySelector li input#slide-category-52+label i:before { /* Gaz fozolap */
    content: "u"}
.categorySelector li input#slide-category-53+label i:before { /* Gaz suto */
    content: "6"}
.categorySelector li input#slide-category-54+label i:before { /* All-in-One PC */
    content: "8"}
.categorySelector li input#slide-category-55+label i:before { /* Apple Watch */
    content: "9"}
.categorySelector li input#slide-category-56+label i:before { /* Paraelszivo */
    content: "0"}
.categorySelector li input#slide-category-58+label i:before { /* Robotporszivo */
    content: "A"}
.categorySelector li input#slide-category-59+label i:before { /* Funyiro */
    content: "B"}
.categorySelector li input#slide-category-60+label i:before { /* QLED TV */
    content: "D"}
.categorySelector li input#slide-category-61+label i:before { /* QNED TV */
    content: "E"}
.categorySelector li input#slide-category-62+label i:before { /* Gyumolcspres */
    content: "F"}
.categorySelector li input#slide-category-63+label i:before { /* Turmixgep */
    content: "G"}
.categorySelector li input#slide-category-64+label i:before { /* Okos fozoedeny */
    content: "H"}
.categorySelector li input#slide-category-65+label i:before { /* Air Fryer */
    content: "I"}
.categorySelector li input#slide-category-66+label i:before { /* Olajpres */
    content: "J"}
.categorySelector li input#slide-category-67+label i:before { /* Elektromos grill */
    content: "K"}
.categorySelector li input#slide-category-68+label i:before { /* Vadkamera */
    content: "L"}
.categorySelector li input#slide-category-69+label i:before { /* Hokamera */
    content: "M"}
.categorySelector li input#slide-category-70+label i:before { /* Tavcso */
    content: "N"}

.textBasedSelector li {
    width: 92px;
    height: 50px;
}
.textBasedSelector li label, .groupSelector li label, .categorySelector li label, .brandSelector li label, .modelSelector li label {
    /*border: 1px solid #000;*/
    /*box-shadow: 0px 1px 0px #404040,  inset 0px -1px 0px #1e1e1e,  inset 0px 1px 0px #606060;*/
    /*text-shadow: 0 -2px 1px rgba(0, 0, 0, 0.5);*/
    /*border-radius: 10px;*/
    box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
.textBasedSelector li label {
    height: 40px;
}
.textBasedSelector label p {
    color: #ddd;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    line-height: 40px;
}
#customFactoryWarranty li {
    height: 40px;
}
#customFactoryWarranty li label {
    height: 30px;
}
#customFactoryWarranty li label p {
    line-height: 30px;
}
#customFactoryWarranty li:nth-child(1) label[for=select-customWarrantyLength-0] p {
    margin-top: -10px;
}
#customFactoryWarranty li:nth-child(1) label[for=select-customWarrantyLength-0] p span {
    display: block;
    margin-top: -7px;
    font-size: 9px;
    white-space: normal;
    line-height: 10px;
}
a.greyish, #showAllFactoryWarrantyText a, #noMoreDiscountsText a, .smallCenteredGreyishText a, .termsOfServicesCheckbox p label a {
    text-decoration: underline;
    color: #888;
    -webkit-transition: 0.15s;
    -moz-transition: 0.15s;
    transition: 0.15s;
}
p.productPurchaseDate {
    font-size: 16px !important;
    text-align: center;
    margin-top: 1em;
    color: #c87a2d !important;
}
p.productPurchaseDate a {
    font-size: 16px !important;
    text-decoration: underline;
    color: #c8c72d;
}
.no-touch a.greyish:hover, .no-touch #showAllFactoryWarrantyText a:hover, #showAllFactoryWarrantyText .no-touch a:hover, .no-touch #noMoreDiscountsText a:hover, #noMoreDiscountsText .no-touch a:hover, .no-touch .smallCenteredGreyishText a:hover, .smallCenteredGreyishText .no-touch a:hover, .no-touch .termsOfServicesCheckbox p label a:hover, .termsOfServicesCheckbox p label .no-touch a:hover {
    color: #c8c72d;
}
a.greyish:active, #showAllFactoryWarrantyText a:active, #noMoreDiscountsText a:active, .smallCenteredGreyishText a:active, .termsOfServicesCheckbox p label a:active {
    position: relative;
    top: 1px;
}
#showAllFactoryWarrantyText, #noMoreDiscountsText, .smallCenteredGreyishText {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 14px;
}
#showAllFactoryWarrantyText a, #noMoreDiscountsText a, .smallCenteredGreyishText a {
    padding: 6px 10px;
}
#showAllFactoryWarrantyText a {
    font-weight: normal;
}
.sliderContainerCoreSection {
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.slidingSelector ol {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transform: translateZ(0);
}
.slidingSelector ol.selectedSlider input+label {
    opacity: .25;
}
.slidingSelector ol.selectedSlider input:checked+label {
    opacity: 1;
}
.slidingSelector .selectedSlider li label i:before {
    display: block;
}
.factoryWarrantyLengthSection .staticSelector {
    padding-top: 10px;
}
.factoryWarrantyLengthSection h2 {
    float: none;
    padding-bottom: 0;
}
.factoryWarrantyLengthSection h2:focus {
    color: #c8c72d;
}
.factoryWarrantyLengthSection h2 span {
    display: inline-block;
}
.factoryWarrantyLengthSection h2 span a {
    margin-left: 5px;
    cursor: pointer;
}
input[type="checkbox"] {
    display: none;
    width: 100%;
    height: 0;
    padding: 0;
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
input[type="checkbox"].hidden {
    visibility: hidden;
}
input[type="checkbox"].hidden+label {
    visibility: hidden;
}
input[type="checkbox"]+label {
    font-family: "General Foundicons";
    font-size: 18px;
    display: block;
    line-height: 30px;
    vertical-align: baseline;
    background: none;
    color: #444;
    text-align: center;

    /*border-radius: 5px;*/
    cursor: pointer;
    width: 30px;
    height: 30px;
    /*box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2), inset 0px 2px 6px rgba(0, 0, 0, 0.3);
    background: #222 url(../img/checkboxBgOutline.png) center center no-repeat;
    background-size: 30px;*/
    opacity: 1;
}
.termsOfServicesCheckbox input[type="checkbox"]+label {
    border-bottom: 2px #748637 solid;
    background-color: #292929;
}
.invoiceTypeCheckbox .inputHighlighter {
    display: inline-block;
    width: 180px;
    margin-bottom: 1em;
}
.invoiceTypeCheckbox input[type="checkbox"]+label {
    border-bottom: 2px #748637 solid;
    background-color: #292929;
}
.invoiceTypeCheckbox label {
    float: left;
}
.invoiceTypeCheckbox p.label {
    padding-top: 7px;
    float: left;
}
input[type="checkbox"]+label:before {
    content: "\f005";
}
.no-touch input[type="checkbox"]+label:hover {
    opacity: 1;
}
input[type="checkbox"]+label:active {
    position: relative;
    top: 1px;
    opacity: 1;
}
input[type="checkbox"].plusSign+label {
    /*background-image: url(../img/plusSignBgInactive-businessbox.png);*/
    color: #fff;
    background: #000;
    border-radius: 15px
}
input[type="checkbox"].plusSign+label:before {
    content: "\f003";
}
input[type="checkbox"]:checked.plusSign+label:before {
    content: "\f005";
}

input[type="checkbox"]:checked+label, #acceptMarketingNewsletterCheckbox:disabled:checked+label {
    /*background-color: #6f8728;
    background: url("../img/checkboxBgGreen.png") center center no-repeat;
    background: url("../img/checkboxBgGreen.png") center center no-repeat;
    background-size: 30px;*/
    /*box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);*/
    color: #9bae37;
    opacity: 1;
}
.no-touch input[type="checkbox"]:checked+label:hover, .no-touch #acceptMarketingNewsletterCheckbox:disabled:checked+label:hover {
    opacity: .8;
}
input[type="checkbox"]:checked:disabled+label {
    /*background: url(../img/checkboxBgGreen.png) center center no-repeat;
    background-size: 30px;*/
    box-shadow: none;
}
input[type="checkbox"]:disabled+label:before {
    content: "\f006";
    color: #f00;
}
input[type="checkbox"]:checked:disabled+label:before {
    content: "\f005";
    color: #748637;
}
.no-touch input[type="checkbox"]:checked:disabled+label:hover, input[type="checkbox"]:checked:disabled+label:active {
    top: 0;
    opacity: 1;
    cursor: default;
}
.disabledCheckboxes p {
    clear: both;
    *zoom: 1;
    padding-top: 0;
    padding-bottom: 0;
}
.disabledCheckboxes p:before, .disabledCheckboxes p:after {
    content: " ";
    display: table;
}
.disabledCheckboxes p:after {
    clear: both;
}
.disabledCheckboxes label {
    float: left;
    width: 20px !important;
    height: 20px !important;
    background-size: 25px !important;
    cursor: default;
}
.disabledCheckboxes label:hover, .disabledCheckboxes label:active {
    opacity: 1;
    top: 0;
}
.disabledCheckboxes span {
    float: left;
    line-height: 20px;
    margin-left: 5px;
}
.generalInput, .phoneNumberInputContainer, .inputLikeWrapper .value, .generalBtn, .generalCtaBtnWithBackBtn .progressBackBtn, .generalCtaBtnWithBackBtn .backBtn, .secondaryBtn, .generalCtaBtn {
    /*border: 1px solid rgba(0, 0, 0, 0.5);*/
    border: 0;
    border-bottom: 2px #475614 solid;
    /*border-radius: 5px;*/
    /*box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1), 0 0 0 rgba(255, 255, 255, 0.1);*/
    background-color: #292929;
    /*background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #6e6e6e), color-stop(100%,  #6e6e6e));
    background-image: -webkit-linear-gradient(#6e6e6e, #6e6e6e);
    background-image: linear-gradient(#6e6e6e, #6e6e6e);
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #aaa), color-stop(100%,  #aaa));
    background-image: -webkit-linear-gradient(#aaa, #aaa);
    background-image: linear-gradient(#aaa, #aaa);*/
    font: inherit;
    color: #ddd;
    font-weight: normal;
    /*text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);*/
    font-size: 18px;
    line-height: 40px;
    min-height: 40px;
    vertical-align: middle;
    padding: 0 2.5%;
    /*margin: 16px 0 5px 0;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    -webkit-transform: translate3d(0,  0,  0);
    -webkit-backface-visibility: hidden;
}
.generalCtaBtn {
    line-height: 20px;
    padding: 10px 2.5%;
}
.generalInput, .phoneNumberInputContainer {
    /*border-bottom: 4px rgba(200, 199, 45, 0.3) solid;*/
    border-bottom: 2px solid #748637;
}
.no-touch .generalInput:hover, .no-touch .phoneNumberInputContainer:hover, .no-touch .inputLikeWrapper .value:hover, .inputLikeWrapper .no-touch .value:hover {
    opacity: .8;
    border-color: #9ca735;
}
.no-touch .generalBtn:hover, .no-touch .generalCtaBtn:hover, .no-touch .secondaryBtn:hover {
    background: #9ca735;
    border-color: #9ca735;
}
.no-touch .generalCtaBtnWithBackBtn .progressBackBtn:hover, .generalCtaBtnWithBackBtn .no-touch .progressBackBtn:hover, .no-touch .generalCtaBtnWithBackBtn .backBtn:hover, .generalCtaBtnWithBackBtn .no-touch .backBtn:hover {
    background: transparent url(../img/progressBackBtn.png) 10% 75% no-repeat;
    background-size: 20px 30px;
    opacity: 0.07;
}
.no-touch .generalInput.disabled:hover, .no-touch .phoneNumberInputContainer.disabled:hover, .no-touch .inputLikeWrapper.disabled .value:hover, .inputLikeWrapper.disabled .no-touch .value:hover, .no-touch .generalBtn.disabled:hover, .no-touch .generalCtaBtnWithBackBtn .progressBackBtn.disabled:hover, .generalCtaBtnWithBackBtn .no-touch .progressBackBtn.disabled:hover, .no-touch .generalCtaBtnWithBackBtn .backBtn.disabled:hover, .generalCtaBtnWithBackBtn .no-touch .backBtn.disabled:hover, .no-touch .secondaryBtn.disabled:hover, .no-touch .generalCtaBtn.disabled:hover {
    background: rgba(115, 115, 115, 0.8);
    border-color: rgba(115, 115, 115, 0.8);
}
a.generalInput, a.phoneNumberInputContainer, .inputLikeWrapper a.value, a.generalBtn, .generalCtaBtnWithBackBtn a.progressBackBtn, .generalCtaBtnWithBackBtn a.backBtn, a.secondaryBtn, a.generalCtaBtn {
    display: inline-block;
    text-align: center;
}
#selectProductBuyer h1, #selectProductItem h1, #selectProductPurchaseDateItem h1 {
    color: #fff;
}
#selectProductBuyer h1 span {
    display: inline-block;
    margin-left: 5px;
}
#selectProductBuyer .personalOrCompanyProductBuyer {
    display: block;
    margin-left: 20px;
}
#selectProductBuyer .personalOrCompanyProductBuyer > div {
    width: 100%;
    display: block;
    margin-bottom: 8px;
    clear: both;
    /*font-size: 14px;
    text-transform: uppercase;
    color: #a8a8a8;
    line-height: 40px;
    background-color: #111;
    opacity: .5;
    cursor: pointer;*/
}
#selectProductBuyer .personalOrCompanyProductBuyer div span {
    min-height: 34px;
    float: left;

    font-family: "General Foundicons";
    font-size: 18px;
    display: block;
    line-height: 34px;
    vertical-align: baseline;
    background: none;
    color: #444;
    text-align: center;
    cursor: pointer;
    width: 30px;
    height: 34px;
    border-bottom: 2px #748637 solid;
    background-color: #292929;
}
#selectProductBuyer .personalOrCompanyProductBuyer div span:before {
    content: "\f005";
}
#selectProductBuyer .personalOrCompanyProductBuyer div.selected div, #selectProductBuyer .personalOrCompanyProductBuyer.choosed div.selected div {
    color: #c8c72d;
}
#selectProductBuyer .personalOrCompanyProductBuyer div.selected span, #selectProductBuyer .personalOrCompanyProductBuyer.choosed div.selected span {
    color: #c8c72d;
    opacity: 1;
}
#selectProductBuyer .personalOrCompanyProductBuyer div div {
    max-width: 85%;
    min-height: 40px;
    float: left;
    font-size: 14px;
    color: #ddd;
    line-height: 34px;
    cursor: pointer;
    margin: 0 0 5px 10px;
}
#selectProductBuyer .personalOrCompanyProductBuyer.choosed div div {
    color: #777;
}
#selectProductItem.companyBuyer .groupSelector ol li {
    display: none;
}
#selectProductItem.companyBuyer .groupSelector ol li.company {
    display: inline-block;
}


#buyerViewCont p a, #providerView p a, #productPriceView p a, #warrantyLengthView p a, #statementView p a, #purchaseNotAvailableView p a, #internalErrorView p a {
    color: #191B1E !important;
    text-decoration: underline;
}
#buyerViewCont ul, #providerView ul, #productPriceView ul, #warrantyLengthView ul, #statementView ul {
    margin-top: 1em;
}
#purchaseNotAvailableView .buttons, #internalErrorView .buttons {
    bottom: 26px !important;
    left: 26px !important;
    right: 26px !important;
    margin-top: 1em;
}
#buyerView .popupBackground, #providerView .popupBackground, #productPriceView .popupBackground, #warrantyLengthView .popupBackground, #statementView .popupBackground, #purchaseNotAvailableView .popupBackground, #internalErrorView .popupBackground {
    height: auto !important;
    max-height: none !important;
}
#buyerView .popupContent, #providerView .popupContent, #productPriceView .popupContent, #warrantyLengthView .popupContent, #statementView .popupContent {
    position: unset !important;
}
#purchaseNotAvailableView .popupContent, #internalErrorView .popupContent {
    position: unset !important;
    padding-bottom: 68px !important;
}
#buyerView .popupContent p, #providerView .popupContent p, #productPriceView .popupContent p, #warrantyLengthView .popupContent p, #statementView .popupContent p, #purchaseNotAvailableView .popupContent p, #internalErrorView .popupContent p {
    color: #191B1E;
    text-align: left;
    padding-bottom: 1em;
}
#buyerView .popupContent h3, #warrantyLengthView .popupContent h3, #purchaseNotAvailableView .popupContent h3, #internalErrorView .popupContent h3 {
    font-weight: 700;
}
#providerView .popupContent h3, #productPriceView .popupContent h3, #statementView .popupContent h3 {
    font-size: 18px !important;
    line-height: 21px;
    font-weight: 700;
    text-align: left !important;
}

#popupViews>article .popupContentWrapper .popupContentContainer .closePrompt {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    color: #191B1E;
    font-family: "Tahoma", Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
    font-size: 16px;
    line-height: 40px;
    text-indent: 1px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    z-index: 99;
}
#popupViews>article .popupContentWrapper .popupContentContainer .closePrompt:before {
    content: "\2715";
}


article[data-focusedElem="buyerSelector"] h1[data-for*="buyerSelector"] {
    color: #c8c72d !important;
}
article[data-focusedElem="groupSelector"] .sliderHighlighter[data-id="groupSelector"] ol {
    box-shadow: inset 0 0 10px -3px rgba(8, 95, 171, 0.7);
}
article[data-focusedElem="groupSelector"] .sliderHighlighter[data-id="groupSelector"] input[type="checkbox"]+label {
    box-shadow: inset 0px 1px 5px #595914;
    opacity: .8;
}
article[data-focusedElem="groupSelector"] .buttonHighlighter[data-id="groupSelector"] h2, article[data-focusedElem="groupSelector"] h1[data-for*="groupSelector"] {
    color: #c8c72d !important;
}
article[data-focusedElem="groupSelector"] .inputHighlighter[data-id="groupSelector"] h2 {
    color: #c8c72d;
}
article[data-focusedElem="groupSelector"] .inputHighlighter[data-id="groupSelector"] input {
    background-color: #272708;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #272708), color-stop(100%,  #46450f));
    background-image: -webkit-linear-gradient(#272708, #46450f);
    background-image: linear-gradient(#272708, #46450f);
}
article[data-focusedElem="groupSelector"] .inputHighlighter[data-id="groupSelector"] .inputWrapper>input:before, article[data-focusedElem="groupSelector"] .inputHighlighter[data-id="groupSelector"] .inputLikeWrapper>input:before, article[data-focusedElem="groupSelector"] .inputHighlighter[data-id="groupSelector"] .inputLikeWrapper>input:before {
    background: transparent;
}
article[data-focusedElem="groupSelector"] .inputHighlighter[data-id="groupSelector"] .phoneNumberInputContainer {
    background-color: #272708;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #272708), color-stop(100%,  #46450f));
    background-image: -webkit-linear-gradient(#272708, #46450f);
    background-image: linear-gradient(#272708, #46450f);
}
article[data-focusedElem="groupSelector"] .inputHighlighter[data-id="groupSelector"] .phoneNumberInputContainer input {
    background: transparent;
    box-shadow: none;
    border-color: transparent;
}
article[data-focusedElem="groupSelector"] .sliderHighlighter[data-id="groupSelector"] ol, article[data-focusedElem="groupSelector"] .buttonHighlighter[data-id="groupSelector"] {
    box-shadow: none;
}
article[data-focusedElem="groupSelector"] .sliderHighlighter[data-id="groupSelector"] ol input+label, article[data-focusedElem="groupSelector"] .buttonHighlighter[data-id="groupSelector"] input+label {
    /*background-color: #595914;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #595914), color-stop(100%,  #272708));
    background-image: -webkit-linear-gradient(#595914, #272708);
    background-image: linear-gradient(#595914, #272708);
    box-shadow: 0px 0px 3px rgba(8, 95, 171, 0.25);*/
    color: #075aa0;
    border-bottom: 2px #748637 solid;
    /*border-bottom: 4px rgba(200, 199, 45, 0.3) solid;*/
}
article[data-focusedElem="groupSelector"] .sliderHighlighter[data-id="groupSelector"] ol input+label p, article[data-focusedElem="groupSelector"] .buttonHighlighter[data-id="groupSelector"] input+label p {
    color: #fff;
}
article[data-focusedElem="groupSelector"] .sliderHighlighter[data-id="groupSelector"] ol #showAllFactoryWarranty, article[data-focusedElem="groupSelector"] .buttonHighlighter[data-id="groupSelector"] #showAllFactoryWarranty {
    color: #c8c72d;
}
article[data-focusedElem="categorySelector"] .sliderHighlighter[data-id="categorySelector"] ol {
    box-shadow: inset 0 0 10px -3px rgba(8, 95, 171, 0.7);
}
article[data-focusedElem="categorySelector"] .sliderHighlighter[data-id="categorySelector"] input[type="checkbox"]+label {
    box-shadow: inset 0px 1px 5px #595914;
    opacity: .8;
}
article[data-focusedElem="categorySelector"] .buttonHighlighter[data-id="categorySelector"] h2, article[data-focusedElem="categorySelector"] h1[data-for*="categorySelector"] {
    /*color: #c8c72d !important;*/
}
article[data-focusedElem="categorySelector"] .inputHighlighter[data-id="categorySelector"] h2 {
    color: #c8c72d;
}
article[data-focusedElem="categorySelector"] .inputHighlighter[data-id="categorySelector"] input {
    background-color: #272708;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #272708), color-stop(100%,  #46450f));
    background-image: -webkit-linear-gradient(#272708, #46450f);
    background-image: linear-gradient(#272708, #46450f);
}
article[data-focusedElem="categorySelector"] .inputHighlighter[data-id="categorySelector"] .inputWrapper>input:before, article[data-focusedElem="categorySelector"] .inputHighlighter[data-id="categorySelector"] .inputLikeWrapper>input:before, article[data-focusedElem="categorySelector"] .inputHighlighter[data-id="categorySelector"] .inputLikeWrapper>input:before {
    background: transparent;
}
article[data-focusedElem="categorySelector"] .inputHighlighter[data-id="categorySelector"] .phoneNumberInputContainer {
    background-color: #272708;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #272708), color-stop(100%,  #46450f));
    background-image: -webkit-linear-gradient(#272708, #46450f);
    background-image: linear-gradient(#272708, #46450f);
}
article[data-focusedElem="categorySelector"] .inputHighlighter[data-id="categorySelector"] .phoneNumberInputContainer input {
    background: transparent;
    box-shadow: none;
    border-color: transparent;
}
article[data-focusedElem="categorySelector"] .sliderHighlighter[data-id="categorySelector"] ol, article[data-focusedElem="categorySelector"] .buttonHighlighter[data-id="categorySelector"] {
    box-shadow: none;
}
article[data-focusedElem="categorySelector"] .sliderHighlighter[data-id="categorySelector"] ol input+label, article[data-focusedElem="categorySelector"] .buttonHighlighter[data-id="categorySelector"] input+label {
    /*background-color: #595914;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #595914), color-stop(100%,  #272708));
    background-image: -webkit-linear-gradient(#595914, #272708);
    background-image: linear-gradient(#595914, #272708);
    box-shadow: 0px 0px 3px rgba(8, 95, 171, 0.25);*/
    color: #075aa0;
    border-bottom: 2px #748637 solid;
}
article[data-focusedElem="categorySelector"] .sliderHighlighter[data-id="categorySelector"] ol input+label p, article[data-focusedElem="categorySelector"] .buttonHighlighter[data-id="categorySelector"] input+label p {
    color: #fff;
}
article[data-focusedElem="categorySelector"] .sliderHighlighter[data-id="categorySelector"] ol #showAllFactoryWarranty, article[data-focusedElem="categorySelector"] .buttonHighlighter[data-id="categorySelector"] #showAllFactoryWarranty {
    color: #c8c72d;
}
article[data-focusedElem="brandSelector"] .sliderHighlighter[data-id="brandSelector"] ol {
    box-shadow: inset 0 0 10px -3px rgba(8, 95, 171, 0.7);
}
article[data-focusedElem="brandSelector"] .sliderHighlighter[data-id="brandSelector"] input[type="checkbox"]+label {
    box-shadow: inset 0px 1px 5px #595914;
    opacity: .8;
}
article[data-focusedElem="brandSelector"] .buttonHighlighter[data-id="brandSelector"] h2, article[data-focusedElem="brandSelector"] h1[data-for*="brandSelector"] {
    /*color: #c8c72d !important;*/
}
article[data-focusedElem="brandSelector"] .inputHighlighter[data-id="brandSelector"] h2 {
    color: #c8c72d;
}
article[data-focusedElem="brandSelector"] .inputHighlighter[data-id="brandSelector"] input {
    background-color: #272708;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #272708), color-stop(100%,  #46450f));
    background-image: -webkit-linear-gradient(#272708, #46450f);
    background-image: linear-gradient(#272708, #46450f);
}
article[data-focusedElem="brandSelector"] .inputHighlighter[data-id="brandSelector"] .inputWrapper>input:before, article[data-focusedElem="brandSelector"] .inputHighlighter[data-id="brandSelector"] .inputLikeWrapper>input:before, article[data-focusedElem="brandSelector"] .inputHighlighter[data-id="brandSelector"] .inputLikeWrapper>input:before {
    background: transparent;
}
article[data-focusedElem="brandSelector"] .inputHighlighter[data-id="brandSelector"] .phoneNumberInputContainer {
    background-color: #272708;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #272708), color-stop(100%,  #46450f));
    background-image: -webkit-linear-gradient(#272708, #46450f);
    background-image: linear-gradient(#272708, #46450f);
}
article[data-focusedElem="brandSelector"] .inputHighlighter[data-id="brandSelector"] .phoneNumberInputContainer input {
    background: transparent;
    box-shadow: none;
    border-color: transparent;
}
article[data-focusedElem="brandSelector"] .sliderHighlighter[data-id="brandSelector"] ol, article[data-focusedElem="brandSelector"] .buttonHighlighter[data-id="brandSelector"] {
    box-shadow: none;
}
article[data-focusedElem="brandSelector"] .sliderHighlighter[data-id="brandSelector"] ol input+label, article[data-focusedElem="brandSelector"] .buttonHighlighter[data-id="brandSelector"] input+label {
    /*background-color: #595914;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #595914), color-stop(100%,  #272708));
    background-image: -webkit-linear-gradient(#595914, #272708);
    background-image: linear-gradient(#595914, #272708);
    box-shadow: 0px 0px 3px rgba(8, 95, 171, 0.25);*/
    color: #075aa0;
    border-bottom: 2px #748637 solid;
}
article[data-focusedElem="brandSelector"] .sliderHighlighter[data-id="brandSelector"] ol input+label p, article[data-focusedElem="brandSelector"] .buttonHighlighter[data-id="brandSelector"] input+label p {
    color: #fff;
}
article[data-focusedElem="brandSelector"] .sliderHighlighter[data-id="brandSelector"] ol #showAllFactoryWarranty, article[data-focusedElem="brandSelector"] .buttonHighlighter[data-id="brandSelector"] #showAllFactoryWarranty {
    color: #c8c72d;
}
article[data-focusedElem="modelSelector"] .sliderHighlighter[data-id="modelSelector"] ol {
    box-shadow: inset 0 0 10px -3px rgba(8, 95, 171, 0.7);
}
article[data-focusedElem="modelSelector"] .sliderHighlighter[data-id="modelSelector"] input[type="checkbox"]+label {
    box-shadow: inset 0px 1px 5px #595914;
    opacity: .8;
}
article[data-focusedElem="modelSelector"] .buttonHighlighter[data-id="modelSelector"] h2, article[data-focusedElem="modelSelector"] h1[data-for*="modelSelector"] {
    /*color: #c8c72d !important;*/
}
article[data-focusedElem="modelSelector"] .inputHighlighter[data-id="modelSelector"] h2 {
    color: #c8c72d;
}
article[data-focusedElem="modelSelector"] .inputHighlighter[data-id="modelSelector"] input {
    background-color: #272708;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #272708), color-stop(100%,  #46450f));
    background-image: -webkit-linear-gradient(#272708, #46450f);
    background-image: linear-gradient(#272708, #46450f);
}
article[data-focusedElem="modelSelector"] .inputHighlighter[data-id="modelSelector"] .inputWrapper>input:before, article[data-focusedElem="modelSelector"] .inputHighlighter[data-id="modelSelector"] .inputLikeWrapper>input:before, article[data-focusedElem="modelSelector"] .inputHighlighter[data-id="modelSelector"] .inputLikeWrapper>input:before {
    background: transparent;
}
article[data-focusedElem="modelSelector"] .inputHighlighter[data-id="modelSelector"] .phoneNumberInputContainer {
    background-color: #272708;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #272708), color-stop(100%,  #46450f));
    background-image: -webkit-linear-gradient(#272708, #46450f);
    background-image: linear-gradient(#272708, #46450f);
}
article[data-focusedElem="modelSelector"] .inputHighlighter[data-id="modelSelector"] .phoneNumberInputContainer input {
    background: transparent;
    box-shadow: none;
    border-color: transparent;
}
article[data-focusedElem="modelSelector"] .sliderHighlighter[data-id="modelSelector"] ol, article[data-focusedElem="modelSelector"] .buttonHighlighter[data-id="modelSelector"] {
    box-shadow: none;
}
article[data-focusedElem="modelSelector"] .sliderHighlighter[data-id="modelSelector"] ol input+label, article[data-focusedElem="modelSelector"] .buttonHighlighter[data-id="modelSelector"] input+label {
    /*background-color: #595914;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #595914), color-stop(100%,  #272708));
    background-image: -webkit-linear-gradient(#595914, #272708);
    background-image: linear-gradient(#595914, #272708);
    box-shadow: 0px 0px 3px rgba(8, 95, 171, 0.25);*/
    color: #075aa0;
    border-bottom: 2px #748637 solid;
}
article[data-focusedElem="modelSelector"] .sliderHighlighter[data-id="modelSelector"] ol input:checked+label h4, article[data-focusedElem="modelSelector"] .sliderHighlighter[data-id="modelSelector"] ol input:checked+label h5, article[data-focusedElem="modelSelector"] .sliderHighlighter[data-id="modelSelector"] ol input:checked+label h6 {
    color: #3d4b08;
}
article[data-focusedElem="modelSelector"] .sliderHighlighter[data-id="modelSelector"] ol input:checked+label h6 {
    border-color: #3d4b08;
}
article[data-focusedElem="modelSelector"] .sliderHighlighter[data-id="modelSelector"] ol input+label p, article[data-focusedElem="modelSelector"] .buttonHighlighter[data-id="modelSelector"] input+label p {
    color: #fff;
}
article[data-focusedElem="modelSelector"] .sliderHighlighter[data-id="modelSelector"] ol #showAllFactoryWarranty, article[data-focusedElem="modelSelector"] .buttonHighlighter[data-id="modelSelector"] #showAllFactoryWarranty {
    color: #c8c72d;
}
article[data-focusedElem="purchaseYearSelector"] .sliderHighlighter[data-id="purchaseYearSelector"] ol {
    box-shadow: inset 0 0 10px -3px rgba(8, 95, 171, 0.7);
}
article[data-focusedElem="purchaseYearSelector"] .sliderHighlighter[data-id="purchaseYearSelector"] input[type="checkbox"]+label {
    box-shadow: inset 0px 1px 5px #595914;
    opacity: .8;
}
article[data-focusedElem="purchaseYearSelector"] .buttonHighlighter[data-id="purchaseYearSelector"] h2, article[data-focusedElem="purchaseYearSelector"] h1[data-for*="purchaseYearSelector"] {
    color: #c8c72d !important;
}
article[data-focusedElem="purchaseYearSelector"] .inputHighlighter[data-id="purchaseYearSelector"] h2 {
    color: #c8c72d;
}
article[data-focusedElem="purchaseYearSelector"] .inputHighlighter[data-id="purchaseYearSelector"] input {
    background-color: #272708;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #272708), color-stop(100%,  #46450f));
    background-image: -webkit-linear-gradient(#272708, #46450f);
    background-image: linear-gradient(#272708, #46450f);
}
article[data-focusedElem="purchaseYearSelector"] .inputHighlighter[data-id="purchaseYearSelector"] .inputWrapper>input:before, article[data-focusedElem="purchaseYearSelector"] .inputHighlighter[data-id="purchaseYearSelector"] .inputLikeWrapper>input:before, article[data-focusedElem="purchaseYearSelector"] .inputHighlighter[data-id="purchaseYearSelector"] .inputLikeWrapper>input:before {
    background: transparent;
}
article[data-focusedElem="purchaseYearSelector"] .inputHighlighter[data-id="purchaseYearSelector"] .phoneNumberInputContainer {
    background-color: #272708;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #272708), color-stop(100%,  #46450f));
    background-image: -webkit-linear-gradient(#272708, #46450f);
    background-image: linear-gradient(#272708, #46450f);
}
article[data-focusedElem="purchaseYearSelector"] .inputHighlighter[data-id="purchaseYearSelector"] .phoneNumberInputContainer input {
    background: transparent;
    box-shadow: none;
    border-color: transparent;
}
article[data-focusedElem="purchaseYearSelector"] .sliderHighlighter[data-id="purchaseYearSelector"] ol, article[data-focusedElem="purchaseYearSelector"] .buttonHighlighter[data-id="purchaseYearSelector"] {
    box-shadow: none;
}
article[data-focusedElem="purchaseYearSelector"] .sliderHighlighter[data-id="purchaseYearSelector"] ol input+label, article[data-focusedElem="purchaseYearSelector"] .buttonHighlighter[data-id="purchaseYearSelector"] input+label {
    /*background-color: #595914;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #595914), color-stop(100%,  #272708));
    background-image: -webkit-linear-gradient(#595914, #272708);
    background-image: linear-gradient(#595914, #272708);
    box-shadow: 0px 0px 3px rgba(8, 95, 171, 0.25);*/
    color: #075aa0;
    border-bottom: 2px #748637 solid;
}
article[data-focusedElem="purchaseYearSelector"] .sliderHighlighter[data-id="purchaseYearSelector"] ol input+label p, article[data-focusedElem="purchaseYearSelector"] .buttonHighlighter[data-id="purchaseYearSelector"] input+label p {
    color: #fff;
}
article[data-focusedElem="purchaseYearSelector"] .sliderHighlighter[data-id="purchaseYearSelector"] ol #showAllFactoryWarranty, article[data-focusedElem="purchaseYearSelector"] .buttonHighlighter[data-id="purchaseYearSelector"] #showAllFactoryWarranty {
    color: #c8c72d;
}
article[data-focusedElem="purchaseMonthSelector"] .sliderHighlighter[data-id="purchaseMonthSelector"] ol {
    box-shadow: inset 0 0 10px -3px rgba(8, 95, 171, 0.7);
}
article[data-focusedElem="purchaseMonthSelector"] .sliderHighlighter[data-id="purchaseMonthSelector"] input[type="checkbox"]+label {
    box-shadow: inset 0px 1px 5px #595914;
    opacity: .8;
}
article[data-focusedElem="purchaseMonthSelector"] .buttonHighlighter[data-id="purchaseMonthSelector"] h2, article[data-focusedElem="purchaseMonthSelector"] h1[data-for*="purchaseMonthSelector"] {
    /*color: #c8c72d !important;*/
}
article[data-focusedElem="purchaseMonthSelector"] .inputHighlighter[data-id="purchaseMonthSelector"] h2 {
    color: #c8c72d;
}
article[data-focusedElem="purchaseMonthSelector"] .inputHighlighter[data-id="purchaseMonthSelector"] input {
    background-color: #272708;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #272708), color-stop(100%,  #46450f));
    background-image: -webkit-linear-gradient(#272708, #46450f);
    background-image: linear-gradient(#272708, #46450f);
}
article[data-focusedElem="purchaseMonthSelector"] .inputHighlighter[data-id="purchaseMonthSelector"] .inputWrapper>input:before, article[data-focusedElem="purchaseMonthSelector"] .inputHighlighter[data-id="purchaseMonthSelector"] .inputLikeWrapper>input:before, article[data-focusedElem="purchaseMonthSelector"] .inputHighlighter[data-id="purchaseMonthSelector"] .inputLikeWrapper>input:before {
    background: transparent;
}
article[data-focusedElem="purchaseMonthSelector"] .inputHighlighter[data-id="purchaseMonthSelector"] .phoneNumberInputContainer {
    background-color: #272708;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #272708), color-stop(100%,  #46450f));
    background-image: -webkit-linear-gradient(#272708, #46450f);
    background-image: linear-gradient(#272708, #46450f);
}
article[data-focusedElem="purchaseMonthSelector"] .inputHighlighter[data-id="purchaseMonthSelector"] .phoneNumberInputContainer input {
    background: transparent;
    box-shadow: none;
    border-color: transparent;
}
article[data-focusedElem="purchaseMonthSelector"] .sliderHighlighter[data-id="purchaseMonthSelector"] ol, article[data-focusedElem="purchaseMonthSelector"] .buttonHighlighter[data-id="purchaseMonthSelector"] {
    box-shadow: none;
}
article[data-focusedElem="purchaseMonthSelector"] .sliderHighlighter[data-id="purchaseMonthSelector"] ol input+label, article[data-focusedElem="purchaseMonthSelector"] .buttonHighlighter[data-id="purchaseMonthSelector"] input+label {
    /*background-color: #595914;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #595914), color-stop(100%,  #272708));
    background-image: -webkit-linear-gradient(#595914, #272708);
    background-image: linear-gradient(#595914, #272708);
    box-shadow: 0px 0px 3px rgba(8, 95, 171, 0.25);*/
    color: #075aa0;
    border-bottom: 2px #748637 solid;
}
article[data-focusedElem="purchaseMonthSelector"] .sliderHighlighter[data-id="purchaseMonthSelector"] ol input+label p, article[data-focusedElem="purchaseMonthSelector"] .buttonHighlighter[data-id="purchaseMonthSelector"] input+label p {
    color: #fff;
}
article[data-focusedElem="purchaseMonthSelector"] .sliderHighlighter[data-id="purchaseMonthSelector"] ol #showAllFactoryWarranty, article[data-focusedElem="purchaseMonthSelector"] .buttonHighlighter[data-id="purchaseMonthSelector"] #showAllFactoryWarranty {
    color: #c8c72d;
}
article[data-focusedElem="purchaseDaySelector"] .sliderHighlighter[data-id="purchaseDaySelector"] ol {
    box-shadow: inset 0 0 10px -3px rgba(8, 95, 171, 0.7);
}
article[data-focusedElem="purchaseDaySelector"] .sliderHighlighter[data-id="purchaseDaySelector"] input[type="checkbox"]+label {
    box-shadow: inset 0px 1px 5px #595914;
    opacity: .8;
}
article[data-focusedElem="purchaseDaySelector"] .buttonHighlighter[data-id="purchaseDaySelector"] h2, article[data-focusedElem="purchaseDaySelector"] h1[data-for*="purchaseDaySelector"] {
    /*color: #c8c72d !important;*/
}
article[data-focusedElem="purchaseDaySelector"] .inputHighlighter[data-id="purchaseDaySelector"] h2 {
    color: #c8c72d;
}
article[data-focusedElem="purchaseDaySelector"] .inputHighlighter[data-id="purchaseDaySelector"] input {
    background-color: #272708;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #272708), color-stop(100%,  #46450f));
    background-image: -webkit-linear-gradient(#272708, #46450f);
    background-image: linear-gradient(#272708, #46450f);
}
article[data-focusedElem="purchaseDaySelector"] .inputHighlighter[data-id="purchaseDaySelector"] .inputWrapper>input:before, article[data-focusedElem="purchaseDaySelector"] .inputHighlighter[data-id="purchaseDaySelector"] .inputLikeWrapper>input:before, article[data-focusedElem="purchaseDaySelector"] .inputHighlighter[data-id="purchaseDaySelector"] .inputLikeWrapper>input:before {
    background: transparent;
}
article[data-focusedElem="purchaseDaySelector"] .inputHighlighter[data-id="purchaseDaySelector"] .phoneNumberInputContainer {
    background-color: #272708;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #272708), color-stop(100%,  #46450f));
    background-image: -webkit-linear-gradient(#272708, #46450f);
    background-image: linear-gradient(#272708, #46450f);
}
article[data-focusedElem="purchaseDaySelector"] .inputHighlighter[data-id="purchaseDaySelector"] .phoneNumberInputContainer input {
    background: transparent;
    box-shadow: none;
    border-color: transparent;
}
article[data-focusedElem="purchaseDaySelector"] .sliderHighlighter[data-id="purchaseDaySelector"] ol, article[data-focusedElem="purchaseDaySelector"] .buttonHighlighter[data-id="purchaseDaySelector"] {
    box-shadow: none;
}
article[data-focusedElem="purchaseDaySelector"] .sliderHighlighter[data-id="purchaseDaySelector"] ol input+label, article[data-focusedElem="purchaseDaySelector"] .buttonHighlighter[data-id="purchaseDaySelector"] input+label {
    /*background-color: #595914;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #595914), color-stop(100%,  #272708));
    background-image: -webkit-linear-gradient(#595914, #272708);
    background-image: linear-gradient(#595914, #272708);
    box-shadow: 0px 0px 3px rgba(8, 95, 171, 0.25);*/
    color: #075aa0;
    border-bottom: 2px #748637 solid;
}
article[data-focusedElem="purchaseDaySelector"] .sliderHighlighter[data-id="purchaseDaySelector"] ol input+label p, article[data-focusedElem="purchaseDaySelector"] .buttonHighlighter[data-id="purchaseDaySelector"] input+label p {
    color: #fff;
}
article[data-focusedElem="purchaseDaySelector"] .sliderHighlighter[data-id="purchaseDaySelector"] ol #showAllFactoryWarranty, article[data-focusedElem="purchaseDaySelector"] .buttonHighlighter[data-id="purchaseDaySelector"] #showAllFactoryWarranty {
    color: #c8c72d;
}
article[data-focusedElem="productPrice"] .sliderHighlighter[data-id="productPrice"] ol {
    box-shadow: inset 0 0 10px -3px rgba(8, 95, 171, 0.7);
}
article[data-focusedElem="productPrice"] .sliderHighlighter[data-id="productPrice"] input[type="checkbox"]+label {
    box-shadow: inset 0px 1px 5px #595914;
    opacity: .8;
}
article[data-focusedElem="productPrice"] .buttonHighlighter[data-id="productPrice"] h2, article[data-focusedElem="productPrice"] h1[data-for*="productPrice"] {
    color: #c8c72d !important;
}
article[data-focusedElem="productPrice"] .inputHighlighter[data-id="productPrice"] h2 {
    color: #c8c72d;
    line-height: 1.4em;
}
article[data-focusedElem="productPrice"] .inputHighlighter[data-id="productPrice"] input {
    background-color: #292929;
    color: #c8c72d;
    /*background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #272708), color-stop(100%,  #46450f));
    background-image: -webkit-linear-gradient(#272708, #46450f);
    background-image: linear-gradient(#272708, #46450f);*/
}
.priceInput::-webkit-input-placeholder, .priceInput:-moz-placeholder, .priceInput::-moz-placeholder, .priceInput:-ms-input-placeholder {
    color: #c8c72d !important;
}
article[data-focusedElem="productPrice"] .inputHighlighter[data-id="productPrice"] .inputWrapper>input:before, article[data-focusedElem="productPrice"] .inputHighlighter[data-id="productPrice"] .inputLikeWrapper>input:before, article[data-focusedElem="productPrice"] .inputHighlighter[data-id="productPrice"] .inputLikeWrapper>input:before {
    background: transparent;
}
#productPriceInput {
    box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.4);
    border-bottom: 2px #748637 solid;
}
article[data-focusedElem="productPrice"] .inputHighlighter[data-id="productPrice"] .phoneNumberInputContainer {
    background-color: #272708;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #272708), color-stop(100%,  #46450f));
    background-image: -webkit-linear-gradient(#272708, #46450f);
    background-image: linear-gradient(#272708, #46450f);
}
article[data-focusedElem="productPrice"] .inputHighlighter[data-id="productPrice"] .phoneNumberInputContainer input {
    background: transparent;
    box-shadow: none;
    border-color: transparent;
}
article[data-focusedElem="productPrice"] .sliderHighlighter[data-id="productPrice"] ol, article[data-focusedElem="productPrice"] .buttonHighlighter[data-id="productPrice"] {
    box-shadow: none;
}
article[data-focusedElem="productPrice"] .sliderHighlighter[data-id="productPrice"] ol input+label, article[data-focusedElem="productPrice"] .buttonHighlighter[data-id="productPrice"] input+label {
    background-color: #595914;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #595914), color-stop(100%,  #272708));
    background-image: -webkit-linear-gradient(#595914, #272708);
    background-image: linear-gradient(#595914, #272708);
    box-shadow: 0px 0px 3px rgba(8, 95, 171, 0.25);
    color: #075aa0;
}
article[data-focusedElem="productPrice"] .sliderHighlighter[data-id="productPrice"] ol input+label p, article[data-focusedElem="productPrice"] .buttonHighlighter[data-id="productPrice"] input+label p {
    color: #fff;
}
article[data-focusedElem="productPrice"] .sliderHighlighter[data-id="productPrice"] ol #showAllFactoryWarranty, article[data-focusedElem="productPrice"] .buttonHighlighter[data-id="productPrice"] #showAllFactoryWarranty {
    color: #c8c72d;
}
article[data-focusedElem="warrantyLength"] .sliderHighlighter[data-id="warrantyLength"] ol {
    box-shadow: inset 0 0 10px -3px rgba(8, 95, 171, 0.7);
}
article[data-focusedElem="warrantyLength"] .sliderHighlighter[data-id="warrantyLength"] input[type="checkbox"]+label {
    box-shadow: inset 0px 1px 5px #595914;
    opacity: .8;
}
article[data-focusedElem="warrantyLength"] .buttonHighlighter[data-id="warrantyLength"] h2, article[data-focusedElem="warrantyLength"] h1[data-for*="warrantyLength"] {
    color: #c8c72d !important;
}
article[data-focusedElem="warrantyLength"] .inputHighlighter[data-id="warrantyLength"] h2 {
    color: #c8c72d;
}
article[data-focusedElem="warrantyLength"] .inputHighlighter[data-id="warrantyLength"] input {
    background-color: #272708;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #272708), color-stop(100%,  #46450f));
    background-image: -webkit-linear-gradient(#272708, #46450f);
    background-image: linear-gradient(#272708, #46450f);
}
article[data-focusedElem="warrantyLength"] .inputHighlighter[data-id="warrantyLength"] .inputWrapper>input:before, article[data-focusedElem="warrantyLength"] .inputHighlighter[data-id="warrantyLength"] .inputLikeWrapper>input:before, article[data-focusedElem="warrantyLength"] .inputHighlighter[data-id="warrantyLength"] .inputLikeWrapper>input:before {
    background: transparent;
}
article[data-focusedElem="warrantyLength"] .inputHighlighter[data-id="warrantyLength"] .phoneNumberInputContainer {
    background-color: #272708;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #272708), color-stop(100%,  #46450f));
    background-image: -webkit-linear-gradient(#272708, #46450f);
    background-image: linear-gradient(#272708, #46450f);
}
article[data-focusedElem="warrantyLength"] .inputHighlighter[data-id="warrantyLength"] .phoneNumberInputContainer input {
    background: transparent;
    box-shadow: none;
    border-color: transparent;
}
article[data-focusedElem="warrantyLength"] .sliderHighlighter[data-id="warrantyLength"] ol, article[data-focusedElem="warrantyLength"] .buttonHighlighter[data-id="warrantyLength"] {
    box-shadow: none;
}
article[data-focusedElem="warrantyLength"] .sliderHighlighter[data-id="warrantyLength"] ol input+label, article[data-focusedElem="warrantyLength"] .buttonHighlighter[data-id="warrantyLength"] input+label {
    /*background-color: #595914;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #595914), color-stop(100%,  #272708));
    background-image: -webkit-linear-gradient(#595914, #272708);
    background-image: linear-gradient(#595914, #272708);
    box-shadow: 0px 0px 3px rgba(8, 95, 171, 0.25);*/
    color: #075aa0;
    border-bottom: 2px #748637 solid;
}
article[data-focusedElem="warrantyLength"] .sliderHighlighter[data-id="warrantyLength"] ol input+label p, article[data-focusedElem="warrantyLength"] .buttonHighlighter[data-id="warrantyLength"] input+label p {
    color: #fff;
}
article[data-focusedElem="warrantyLength"] .sliderHighlighter[data-id="warrantyLength"] ol #showAllFactoryWarranty, article[data-focusedElem="warrantyLength"] .buttonHighlighter[data-id="warrantyLength"] #showAllFactoryWarranty {
    color: #c8c72d;
}
#warrantyLengthViewCont p a {
    text-decoration: underline;
}
#warrantyLengthViewCont ul {
    margin-top: 1.1em;
}
article[data-focusedElem="warrantyType"] .sliderHighlighter[data-id="warrantyType"] ol {
    /*box-shadow: inset 0 0 10px -3px rgba(8, 95, 171, 0.7);*/
}
article[data-focusedElem="warrantyType"] .sliderHighlighter[data-id="warrantyType"] input[type="checkbox"]+label {
    /*box-shadow: inset 0px 1px 5px #595914;*/
    opacity: .8;
}
article[data-focusedElem="warrantyType"] .buttonHighlighter[data-id="warrantyType"] h2, article[data-focusedElem="warrantyType"] h1[data-for*="warrantyType"] {
    color: #c8c72d !important;
}
article[data-focusedElem="warrantyType"] .inputHighlighter[data-id="warrantyType"] h2 {
    color: #c8c72d;
}
article[data-focusedElem="warrantyType"] .inputHighlighter[data-id="warrantyType"] input {
    background-color: #272708;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #272708), color-stop(100%,  #46450f));
    background-image: -webkit-linear-gradient(#272708, #46450f);
    background-image: linear-gradient(#272708, #46450f);
}
article[data-focusedElem="warrantyType"] .inputHighlighter[data-id="warrantyType"] .inputWrapper>input:before, article[data-focusedElem="warrantyType"] .inputHighlighter[data-id="warrantyType"] .inputLikeWrapper>input:before, article[data-focusedElem="warrantyType"] .inputHighlighter[data-id="warrantyType"] .inputLikeWrapper>input:before {
    background: transparent;
}
article[data-focusedElem="warrantyType"] .inputHighlighter[data-id="warrantyType"] .phoneNumberInputContainer {
    background-color: #272708;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #272708), color-stop(100%,  #46450f));
    background-image: -webkit-linear-gradient(#272708, #46450f);
    background-image: linear-gradient(#272708, #46450f);
}
article[data-focusedElem="warrantyType"] .inputHighlighter[data-id="warrantyType"] .phoneNumberInputContainer input {
    background: transparent;
    box-shadow: none;
    border-color: transparent;
}
article[data-focusedElem="warrantyType"] .sliderHighlighter[data-id="warrantyType"] ol, article[data-focusedElem="warrantyType"] .buttonHighlighter[data-id="warrantyType"] {
    box-shadow: none;
}
article[data-focusedElem="warrantyType"] .sliderHighlighter[data-id="warrantyType"] ol input+label, article[data-focusedElem="warrantyType"] .buttonHighlighter[data-id="warrantyType"] input+label {
    /*background-color: #595914;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #595914), color-stop(100%,  #272708));
    background-image: -webkit-linear-gradient(#595914, #272708);
    background-image: linear-gradient(#595914, #272708);
    box-shadow: 0px 0px 3px rgba(8, 95, 171, 0.25);*/
    color: #075aa0;
    border-bottom: 2px #748637 solid;
}
article[data-focusedElem="warrantyType"] .sliderHighlighter[data-id="warrantyType"] ol input+label p, article[data-focusedElem="warrantyType"] .buttonHighlighter[data-id="warrantyType"] input+label p {
    color: #fff;
}
article[data-focusedElem="warrantyType"] .sliderHighlighter[data-id="warrantyType"] ol #showAllFactoryWarranty, article[data-focusedElem="warrantyType"] .buttonHighlighter[data-id="warrantyType"] #showAllFactoryWarranty {
    color: #c8c72d;
}
#getProductDetailsView .factoryWarrantyTypeSection {
    max-width: 500px;
    margin: 0 auto;
}
#getProductDetailsView .factoryWarrantyTypeSection h2 {
    float: none;
}
#getProductDetailsView .factoryWarrantyTypeSection h2 span {
    display: inline-block;
}
#getProductDetailsView .factoryWarrantyTypeSection h2 span a {
    margin-left: 5px;
}
#getProductDetailsView .warrantyTypeSelector {
    display: block;
    margin-left: 20px;
}
#getProductDetailsView .warrantyTypeSelector > div {
    width: 100%;
    display: block;
    margin-bottom: 8px;
    clear: both;
    /*font-size: 14px;
    text-transform: uppercase;
    color: #a8a8a8;
    line-height: 40px;
    background-color: #111;
    opacity: .5;
    cursor: pointer;*/
}
#getProductDetailsView .warrantyTypeSelector div span {
    min-height: 34px;
    float: left;

    font-family: "General Foundicons";
    font-size: 18px;
    display: block;
    line-height: 34px;
    vertical-align: baseline;
    background: none;
    color: #444;
    text-align: center;
    cursor: pointer;
    width: 30px;
    height: 34px;
    border-bottom: 2px #748637 solid;
    background-color: #292929;
}
#getProductDetailsView .warrantyTypeSelector div span:before {
    content: "\f005";
}
#getProductDetailsView .warrantyTypeSelector div.selected div, #getProductDetailsView .warrantyTypeSelector.choosed div.selected div {
    color: #c8c72d;
}
#getProductDetailsView .warrantyTypeSelector div.selected span, #getProductDetailsView .warrantyTypeSelector.choosed div.selected span {
    color: #c8c72d;
    opacity: 1;
}
#getProductDetailsView .warrantyTypeSelector div div {
    max-width: 85%;
    min-height: 40px;
    float: left;
    font-size: 14px;
    color: #ddd;
    line-height: 34px;
    cursor: pointer;
    margin: 0 0 5px 10px;
}
#getProductDetailsView .warrantyTypeSelector.choosed div div {
    color: #777;
}
#getProductDetailsView .warrantyTypeSelector div div small {
    margin-left: 30px;
    font-size: 11px;
    opacity: 1;
    color: #ddd;
}
article[data-focusedElem="email"] .sliderHighlighter[data-id="email"] ol {
    box-shadow: inset 0 0 10px -3px rgba(8, 95, 171, 0.7);
}
article[data-focusedElem="email"] .sliderHighlighter[data-id="email"] input[type="checkbox"]+label {
    box-shadow: inset 0px 1px 5px #595914;
    opacity: .8;
}
article[data-focusedElem="email"] .buttonHighlighter[data-id="email"] h2, article[data-focusedElem="email"] h1[data-for*="email"] {
    color: #c8c72d !important;
}
article[data-focusedElem="email"] .inputHighlighter[data-id="email"] h2 {
    color: #c8c72d;
}
article[data-focusedElem="email"] .inputHighlighter[data-id="email"] input {
    /*background-color: #272708;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #272708), color-stop(100%,  #46450f));
    background-image: -webkit-linear-gradient(#272708, #46450f);
    background-image: linear-gradient(#272708, #46450f);*/
}
article[data-focusedElem="email"] .inputHighlighter[data-id="email"] .inputWrapper>input:before, article[data-focusedElem="email"] .inputHighlighter[data-id="email"] .inputLikeWrapper>input:before, article[data-focusedElem="email"] .inputHighlighter[data-id="email"] .inputLikeWrapper>input:before {
    background: transparent;
}
#getCustomerDataView .inputWrapper .memberIcon {
    position: absolute;
    top: 8px;
    right: 10px;
    width: 20px;
    height: 20px;
    font-family: "FontAwesome";
    font-size: 24px;
    color: #c8c72d;
    cursor: pointer;
}
#getCustomerDataView .inputWrapper .memberIcon:before {
    content: "\f007";
}

article[data-focusedElem="email"] .inputHighlighter[data-id="email"] .phoneNumberInputContainer {
    background-color: #272708;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #272708), color-stop(100%,  #46450f));
    background-image: -webkit-linear-gradient(#272708, #46450f);
    background-image: linear-gradient(#272708, #46450f);
}
article[data-focusedElem="email"] .inputHighlighter[data-id="email"] .phoneNumberInputContainer input {
    background: transparent;
    box-shadow: none;
    border-color: transparent;
}
article[data-focusedElem="email"] .sliderHighlighter[data-id="email"] ol, article[data-focusedElem="email"] .buttonHighlighter[data-id="email"] {
    box-shadow: none;
}
article[data-focusedElem="email"] .sliderHighlighter[data-id="email"] ol input+label, article[data-focusedElem="email"] .buttonHighlighter[data-id="email"] input+label {
    background-color: #595914;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #595914), color-stop(100%,  #272708));
    background-image: -webkit-linear-gradient(#595914, #272708);
    background-image: linear-gradient(#595914, #272708);
    box-shadow: 0px 0px 3px rgba(8, 95, 171, 0.25);
    color: #075aa0;
}
article[data-focusedElem="email"] .sliderHighlighter[data-id="email"] ol input+label p, article[data-focusedElem="email"] .buttonHighlighter[data-id="email"] input+label p {
    color: #fff;
}
article[data-focusedElem="email"] .sliderHighlighter[data-id="email"] ol #showAllFactoryWarranty, article[data-focusedElem="email"] .buttonHighlighter[data-id="email"] #showAllFactoryWarranty {
    color: #c8c72d;
}
article[data-focusedElem="password"] .sliderHighlighter[data-id="password"] ol {
    box-shadow: inset 0 0 10px -3px rgba(8, 95, 171, 0.7);
}
article[data-focusedElem="password"] .sliderHighlighter[data-id="password"] input[type="checkbox"]+label {
    box-shadow: inset 0px 1px 5px #595914;
    opacity: .8;
}
article[data-focusedElem="password"] .buttonHighlighter[data-id="password"] h2, article[data-focusedElem="password"] h1[data-for*="password"] {
    color: #c8c72d !important;
}
article[data-focusedElem="password"] .inputHighlighter[data-id="password"] h2 {
    color: #c8c72d;
}
article[data-focusedElem="password"] .inputHighlighter[data-id="password"] input {
    /*background-color: #272708;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #272708), color-stop(100%,  #46450f));
    background-image: -webkit-linear-gradient(#272708, #46450f);
    background-image: linear-gradient(#272708, #46450f);*/
}
article[data-focusedElem="password"] .inputHighlighter[data-id="password"] .inputWrapper>input:before, article[data-focusedElem="password"] .inputHighlighter[data-id="password"] .inputLikeWrapper>input:before, article[data-focusedElem="password"] .inputHighlighter[data-id="password"] .inputLikeWrapper>input:before {
    background: transparent;
}
article[data-focusedElem="password"] .inputHighlighter[data-id="password"] .phoneNumberInputContainer {
    background-color: #272708;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #272708), color-stop(100%,  #46450f));
    background-image: -webkit-linear-gradient(#272708, #46450f);
    background-image: linear-gradient(#272708, #46450f);
}
article[data-focusedElem="password"] .inputHighlighter[data-id="password"] .phoneNumberInputContainer input {
    background: transparent;
    box-shadow: none;
    border-color: transparent;
}
article[data-focusedElem="password"] .sliderHighlighter[data-id="password"] ol, article[data-focusedElem="password"] .buttonHighlighter[data-id="password"] {
    box-shadow: none;
}
article[data-focusedElem="password"] .sliderHighlighter[data-id="password"] ol input+label, article[data-focusedElem="password"] .buttonHighlighter[data-id="password"] input+label {
    background-color: #595914;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #595914), color-stop(100%,  #272708));
    background-image: -webkit-linear-gradient(#595914, #272708);
    background-image: linear-gradient(#595914, #272708);
    box-shadow: 0px 0px 3px rgba(8, 95, 171, 0.25);
    color: #075aa0;
}
article[data-focusedElem="password"] .sliderHighlighter[data-id="password"] ol input+label p, article[data-focusedElem="password"] .buttonHighlighter[data-id="password"] input+label p {
    color: #fff;
}
article[data-focusedElem="password"] .sliderHighlighter[data-id="password"] ol #showAllFactoryWarranty, article[data-focusedElem="password"] .buttonHighlighter[data-id="password"] #showAllFactoryWarranty {
    color: #c8c72d;
}
article[data-focusedElem="name"] .sliderHighlighter[data-id="name"] ol {
    box-shadow: inset 0 0 10px -3px rgba(8, 95, 171, 0.7);
}
article[data-focusedElem="name"] .sliderHighlighter[data-id="name"] input[type="checkbox"]+label {
    box-shadow: inset 0px 1px 5px #595914;
    opacity: .8;
}
article[data-focusedElem="name"] .buttonHighlighter[data-id="name"] h2, article[data-focusedElem="name"] h1[data-for*="name"] {
    color: #c8c72d !important;
}
article[data-focusedElem="name"] .inputHighlighter[data-id="name"] h2 {
    color: #c8c72d;
}
article[data-focusedElem="name"] .inputHighlighter[data-id="name"] input {
    /*background-color: #272708;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #272708), color-stop(100%,  #46450f));
    background-image: -webkit-linear-gradient(#272708, #46450f);
    background-image: linear-gradient(#272708, #46450f);*/
}
article[data-focusedElem="name"] .inputHighlighter[data-id="name"] .inputWrapper>input:before, article[data-focusedElem="name"] .inputHighlighter[data-id="name"] .inputLikeWrapper>input:before, article[data-focusedElem="name"] .inputHighlighter[data-id="name"] .inputLikeWrapper>input:before {
    background: transparent;
}
article[data-focusedElem="name"] .inputHighlighter[data-id="name"] .phoneNumberInputContainer {
    background-color: #272708;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #272708), color-stop(100%,  #46450f));
    background-image: -webkit-linear-gradient(#272708, #46450f);
    background-image: linear-gradient(#272708, #46450f);
}
article[data-focusedElem="name"] .inputHighlighter[data-id="name"] .phoneNumberInputContainer input {
    background: transparent;
    box-shadow: none;
    border-color: transparent;
}
article[data-focusedElem="name"] .sliderHighlighter[data-id="name"] ol, article[data-focusedElem="name"] .buttonHighlighter[data-id="name"] {
    box-shadow: none;
}
article[data-focusedElem="name"] .sliderHighlighter[data-id="name"] ol input+label, article[data-focusedElem="name"] .buttonHighlighter[data-id="name"] input+label {
    background-color: #595914;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #595914), color-stop(100%,  #272708));
    background-image: -webkit-linear-gradient(#595914, #272708);
    background-image: linear-gradient(#595914, #272708);
    box-shadow: 0px 0px 3px rgba(8, 95, 171, 0.25);
    color: #075aa0;
}
article[data-focusedElem="name"] .sliderHighlighter[data-id="name"] ol input+label p, article[data-focusedElem="name"] .buttonHighlighter[data-id="name"] input+label p {
    color: #fff;
}
article[data-focusedElem="name"] .sliderHighlighter[data-id="name"] ol #showAllFactoryWarranty, article[data-focusedElem="name"] .buttonHighlighter[data-id="name"] #showAllFactoryWarranty {
    color: #c8c72d;
}
article[data-focusedElem="phone"] .sliderHighlighter[data-id="phone"] ol {
    box-shadow: inset 0 0 10px -3px rgba(8, 95, 171, 0.7);
}
article[data-focusedElem="phone"] .sliderHighlighter[data-id="phone"] input[type="checkbox"]+label {
    box-shadow: inset 0px 1px 5px #595914;
    opacity: .8;
}
article[data-focusedElem="phone"] .buttonHighlighter[data-id="phone"] h2, article[data-focusedElem="phone"] h1[data-for*="phone"] {
    color: #c8c72d !important;
}
article[data-focusedElem="phone"] .inputHighlighter[data-id="phone"] h2 {
    color: #c8c72d;
}
article[data-focusedElem="phone"] .inputHighlighter[data-id="phone"] input {
    background-color: #272708;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #272708), color-stop(100%,  #46450f));
    background-image: -webkit-linear-gradient(#272708, #46450f);
    background-image: linear-gradient(#272708, #46450f);
}
article[data-focusedElem="phone"] .inputHighlighter[data-id="phone"] .inputWrapper>input:before, article[data-focusedElem="phone"] .inputHighlighter[data-id="phone"] .inputLikeWrapper>input:before, article[data-focusedElem="phone"] .inputHighlighter[data-id="phone"] .inputLikeWrapper>input:before {
    background: transparent;
}
article[data-focusedElem="phone"] .inputHighlighter[data-id="phone"] .phoneNumberInputContainer {
    /*background-color: #272708;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #272708), color-stop(100%,  #46450f));
    background-image: -webkit-linear-gradient(#272708, #46450f);
    background-image: linear-gradient(#272708, #46450f);*/
}
article[data-focusedElem="phone"] .inputHighlighter[data-id="phone"] .phoneNumberInputContainer input {
    background: transparent;
    box-shadow: none;
    border-color: transparent;
}
article[data-focusedElem="phone"] .sliderHighlighter[data-id="phone"] ol, article[data-focusedElem="phone"] .buttonHighlighter[data-id="phone"] {
    box-shadow: none;
}
article[data-focusedElem="phone"] .sliderHighlighter[data-id="phone"] ol input+label, article[data-focusedElem="phone"] .buttonHighlighter[data-id="phone"] input+label {
    background-color: #595914;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #595914), color-stop(100%,  #272708));
    background-image: -webkit-linear-gradient(#595914, #272708);
    background-image: linear-gradient(#595914, #272708);
    box-shadow: 0px 0px 3px rgba(8, 95, 171, 0.25);
    color: #075aa0;
}
article[data-focusedElem="phone"] .sliderHighlighter[data-id="phone"] ol input+label p, article[data-focusedElem="phone"] .buttonHighlighter[data-id="phone"] input+label p {
    color: #fff;
}
article[data-focusedElem="phone"] .sliderHighlighter[data-id="phone"] ol #showAllFactoryWarranty, article[data-focusedElem="phone"] .buttonHighlighter[data-id="phone"] #showAllFactoryWarranty {
    color: #c8c72d;
}
article[data-focusedElem="zipCode"] .sliderHighlighter[data-id="zipCode"] ol {
    box-shadow: inset 0 0 10px -3px rgba(8, 95, 171, 0.7);
}
article[data-focusedElem="zipCode"] .sliderHighlighter[data-id="zipCode"] input[type="checkbox"]+label {
    box-shadow: inset 0px 1px 5px #595914;
    opacity: .8;
}
article[data-focusedElem="zipCode"] .buttonHighlighter[data-id="zipCode"] h2, article[data-focusedElem="zipCode"] h1[data-for*="zipCode"] {
    color: #c8c72d !important;
}
article[data-focusedElem="zipCode"] .inputHighlighter[data-id="zipCode"] h2 {
    color: #c8c72d;
}
article[data-focusedElem="zipCode"] .inputHighlighter[data-id="zipCode"] input {
    /*background-color: #272708;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #272708), color-stop(100%,  #46450f));
    background-image: -webkit-linear-gradient(#272708, #46450f);
    background-image: linear-gradient(#272708, #46450f);**/
}
article[data-focusedElem="zipCode"] .inputHighlighter[data-id="zipCode"] .inputWrapper>input:before, article[data-focusedElem="zipCode"] .inputHighlighter[data-id="zipCode"] .inputLikeWrapper>input:before, article[data-focusedElem="zipCode"] .inputHighlighter[data-id="zipCode"] .inputLikeWrapper>input:before {
    background: transparent;
}
article[data-focusedElem="zipCode"] .inputHighlighter[data-id="zipCode"] .phoneNumberInputContainer {
    /*background-color: #272708;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #272708), color-stop(100%,  #46450f));
    background-image: -webkit-linear-gradient(#272708, #46450f);
    background-image: linear-gradient(#272708, #46450f);*/
}
article[data-focusedElem="zipCode"] .inputHighlighter[data-id="zipCode"] .phoneNumberInputContainer input {
    background: transparent;
    box-shadow: none;
    border-color: transparent;
}
article[data-focusedElem="zipCode"] .sliderHighlighter[data-id="zipCode"] ol, article[data-focusedElem="zipCode"] .buttonHighlighter[data-id="zipCode"] {
    box-shadow: none;
}
article[data-focusedElem="zipCode"] .sliderHighlighter[data-id="zipCode"] ol input+label, article[data-focusedElem="zipCode"] .buttonHighlighter[data-id="zipCode"] input+label {
    background-color: #595914;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #595914), color-stop(100%,  #272708));
    background-image: -webkit-linear-gradient(#595914, #272708);
    background-image: linear-gradient(#595914, #272708);
    box-shadow: 0px 0px 3px rgba(8, 95, 171, 0.25);
    color: #075aa0;
}
article[data-focusedElem="zipCode"] .sliderHighlighter[data-id="zipCode"] ol input+label p, article[data-focusedElem="zipCode"] .buttonHighlighter[data-id="zipCode"] input+label p {
    color: #fff;
}
article[data-focusedElem="zipCode"] .sliderHighlighter[data-id="zipCode"] ol #showAllFactoryWarranty, article[data-focusedElem="zipCode"] .buttonHighlighter[data-id="zipCode"] #showAllFactoryWarranty {
    color: #c8c72d;
}
article[data-focusedElem="city"] .sliderHighlighter[data-id="city"] ol {
    box-shadow: inset 0 0 10px -3px rgba(8, 95, 171, 0.7);
}
article[data-focusedElem="city"] .sliderHighlighter[data-id="city"] input[type="checkbox"]+label {
    box-shadow: inset 0px 1px 5px #595914;
    opacity: .8;
}
article[data-focusedElem="city"] .buttonHighlighter[data-id="city"] h2, article[data-focusedElem="city"] h1[data-for*="city"] {
    color: #c8c72d !important;
}
article[data-focusedElem="city"] .inputHighlighter[data-id="city"] h2 {
    color: #c8c72d;
}
article[data-focusedElem="city"] .inputHighlighter[data-id="city"] input {
    background-color: #272708;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #272708), color-stop(100%,  #46450f));
    background-image: -webkit-linear-gradient(#272708, #46450f);
    background-image: linear-gradient(#272708, #46450f);
}
article[data-focusedElem="city"] .inputHighlighter[data-id="city"] .inputWrapper>input:before, article[data-focusedElem="city"] .inputHighlighter[data-id="city"] .inputLikeWrapper>input:before, article[data-focusedElem="city"] .inputHighlighter[data-id="city"] .inputLikeWrapper>input:before {
    background: transparent;
}
article[data-focusedElem="city"] .inputHighlighter[data-id="city"] .phoneNumberInputContainer {
    background-color: #272708;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #272708), color-stop(100%,  #46450f));
    background-image: -webkit-linear-gradient(#272708, #46450f);
    background-image: linear-gradient(#272708, #46450f);
}
article[data-focusedElem="city"] .inputHighlighter[data-id="city"] .phoneNumberInputContainer input {
    background: transparent;
    box-shadow: none;
    border-color: transparent;
}
article[data-focusedElem="city"] .sliderHighlighter[data-id="city"] ol, article[data-focusedElem="city"] .buttonHighlighter[data-id="city"] {
    box-shadow: none;
}
article[data-focusedElem="city"] .sliderHighlighter[data-id="city"] ol input+label, article[data-focusedElem="city"] .buttonHighlighter[data-id="city"] input+label {
    background-color: #595914;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #595914), color-stop(100%,  #272708));
    background-image: -webkit-linear-gradient(#595914, #272708);
    background-image: linear-gradient(#595914, #272708);
    box-shadow: 0px 0px 3px rgba(8, 95, 171, 0.25);
    color: #075aa0;
}
article[data-focusedElem="city"] .sliderHighlighter[data-id="city"] ol input+label p, article[data-focusedElem="city"] .buttonHighlighter[data-id="city"] input+label p {
    color: #fff;
}
article[data-focusedElem="city"] .sliderHighlighter[data-id="city"] ol #showAllFactoryWarranty, article[data-focusedElem="city"] .buttonHighlighter[data-id="city"] #showAllFactoryWarranty {
    color: #c8c72d;
}
article[data-focusedElem="address"] .sliderHighlighter[data-id="address"] ol {
    box-shadow: inset 0 0 10px -3px rgba(8, 95, 171, 0.7);
}
article[data-focusedElem="address"] .sliderHighlighter[data-id="address"] input[type="checkbox"]+label {
    box-shadow: inset 0px 1px 5px #595914;
    opacity: .8;
}
article[data-focusedElem="address"] .buttonHighlighter[data-id="address"] h2, article[data-focusedElem="address"] h1[data-for*="address"] {
    color: #c8c72d !important;
}
article[data-focusedElem="address"] .inputHighlighter[data-id="address"] h2 {
    color: #c8c72d;
}
article[data-focusedElem="address"] .inputHighlighter[data-id="address"] input {
    background-color: #272708;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #272708), color-stop(100%,  #46450f));
    background-image: -webkit-linear-gradient(#272708, #46450f);
    background-image: linear-gradient(#272708, #46450f);
}
article[data-focusedElem="address"] .inputHighlighter[data-id="address"] .inputWrapper>input:before, article[data-focusedElem="address"] .inputHighlighter[data-id="address"] .inputLikeWrapper>input:before, article[data-focusedElem="address"] .inputHighlighter[data-id="address"] .inputLikeWrapper>input:before {
    background: transparent;
}
article[data-focusedElem="address"] .inputHighlighter[data-id="address"] .phoneNumberInputContainer {
    background-color: #272708;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #272708), color-stop(100%,  #46450f));
    background-image: -webkit-linear-gradient(#272708, #46450f);
    background-image: linear-gradient(#272708, #46450f);
}
article[data-focusedElem="address"] .inputHighlighter[data-id="address"] .phoneNumberInputContainer input {
    background: transparent;
    box-shadow: none;
    border-color: transparent;
}
article[data-focusedElem="address"] .sliderHighlighter[data-id="address"] ol, article[data-focusedElem="address"] .buttonHighlighter[data-id="address"] {
    box-shadow: none;
}
article[data-focusedElem="address"] .sliderHighlighter[data-id="address"] ol input+label, article[data-focusedElem="address"] .buttonHighlighter[data-id="address"] input+label {
    background-color: #595914;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #595914), color-stop(100%,  #272708));
    background-image: -webkit-linear-gradient(#595914, #272708);
    background-image: linear-gradient(#595914, #272708);
    box-shadow: 0px 0px 3px rgba(8, 95, 171, 0.25);
    color: #075aa0;
}
article[data-focusedElem="address"] .sliderHighlighter[data-id="address"] ol input+label p, article[data-focusedElem="address"] .buttonHighlighter[data-id="address"] input+label p {
    color: #fff;
}
article[data-focusedElem="address"] .sliderHighlighter[data-id="address"] ol #showAllFactoryWarranty, article[data-focusedElem="address"] .buttonHighlighter[data-id="address"] #showAllFactoryWarranty {
    color: #c8c72d;
}
article[data-focusedElem="modelNumber"] .sliderHighlighter[data-id="modelNumber"] ol {
    box-shadow: inset 0 0 10px -3px rgba(8, 95, 171, 0.7);
}
article[data-focusedElem="modelNumber"] .sliderHighlighter[data-id="modelNumber"] input[type="checkbox"]+label {
    box-shadow: inset 0px 1px 5px #595914;
    opacity: .8;
}
article[data-focusedElem="modelNumber"] .buttonHighlighter[data-id="modelNumber"] h2, article[data-focusedElem="modelNumber"] h1[data-for*="modelNumber"] {
    color: #c8c72d !important;
}
article[data-focusedElem="modelNumber"] .inputHighlighter[data-id="modelNumber"] h2 {
    color: #c8c72d;
}
article[data-focusedElem="modelNumber"] .inputHighlighter[data-id="modelNumber"] input {
    /*background-color: #272708;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #272708), color-stop(100%,  #46450f));
    background-image: -webkit-linear-gradient(#272708, #46450f);
    background-image: linear-gradient(#272708, #46450f);*/
}
article[data-focusedElem="modelNumber"] .inputHighlighter[data-id="modelNumber"] .inputWrapper>input:before, article[data-focusedElem="modelNumber"] .inputHighlighter[data-id="modelNumber"] .inputLikeWrapper>input:before, article[data-focusedElem="modelNumber"] .inputHighlighter[data-id="modelNumber"] .inputLikeWrapper>input:before {
    background: transparent;
}
article[data-focusedElem="modelNumber"] .inputHighlighter[data-id="modelNumber"] .phoneNumberInputContainer {
    background-color: #272708;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #272708), color-stop(100%,  #46450f));
    background-image: -webkit-linear-gradient(#272708, #46450f);
    background-image: linear-gradient(#272708, #46450f);
}
article[data-focusedElem="modelNumber"] .inputHighlighter[data-id="modelNumber"] .phoneNumberInputContainer input {
    background: transparent;
    box-shadow: none;
    border-color: transparent;
}
article[data-focusedElem="modelNumber"] .sliderHighlighter[data-id="modelNumber"] ol, article[data-focusedElem="modelNumber"] .buttonHighlighter[data-id="modelNumber"] {
    box-shadow: none;
}
article[data-focusedElem="modelNumber"] .sliderHighlighter[data-id="modelNumber"] ol input+label, article[data-focusedElem="modelNumber"] .buttonHighlighter[data-id="modelNumber"] input+label {
    background-color: #595914;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #595914), color-stop(100%,  #272708));
    background-image: -webkit-linear-gradient(#595914, #272708);
    background-image: linear-gradient(#595914, #272708);
    box-shadow: 0px 0px 3px rgba(8, 95, 171, 0.25);
    color: #075aa0;
}
article[data-focusedElem="modelNumber"] .sliderHighlighter[data-id="modelNumber"] ol input+label p, article[data-focusedElem="modelNumber"] .buttonHighlighter[data-id="modelNumber"] input+label p {
    color: #fff;
}
article[data-focusedElem="modelNumber"] .sliderHighlighter[data-id="modelNumber"] ol #showAllFactoryWarranty, article[data-focusedElem="modelNumber"] .buttonHighlighter[data-id="modelNumber"] #showAllFactoryWarranty {
    color: #c8c72d;
}
article[data-focusedElem="serialNumber"] .sliderHighlighter[data-id="serialNumber"] ol {
    box-shadow: inset 0 0 10px -3px rgba(8, 95, 171, 0.7);
}
article[data-focusedElem="serialNumber"] .sliderHighlighter[data-id="serialNumber"] input[type="checkbox"]+label {
    box-shadow: inset 0px 1px 5px #595914;
    opacity: .8;
}
article[data-focusedElem="serialNumber"] .buttonHighlighter[data-id="serialNumber"] h2, article[data-focusedElem="serialNumber"] h1[data-for*="serialNumber"] {
    color: #c8c72d !important;
}
article[data-focusedElem="serialNumber"] .inputHighlighter[data-id="serialNumber"] h2 {
    color: #c8c72d;
}
article[data-focusedElem="serialNumber"] .inputHighlighter[data-id="serialNumber"] input {
    /*background-color: #272708;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #272708), color-stop(100%,  #46450f));
    background-image: -webkit-linear-gradient(#272708, #46450f);
    background-image: linear-gradient(#272708, #46450f);*/
}
article[data-focusedElem="serialNumber"] .inputHighlighter[data-id="serialNumber"] .inputWrapper>input:before, article[data-focusedElem="serialNumber"] .inputHighlighter[data-id="serialNumber"] .inputLikeWrapper>input:before, article[data-focusedElem="serialNumber"] .inputHighlighter[data-id="serialNumber"] .inputLikeWrapper>input:before {
    background: transparent;
}
article[data-focusedElem="serialNumber"] .inputHighlighter[data-id="serialNumber"] .phoneNumberInputContainer {
    /*background-color: #272708;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #272708), color-stop(100%,  #46450f));
    background-image: -webkit-linear-gradient(#272708, #46450f);
    background-image: linear-gradient(#272708, #46450f);*/
}
article[data-focusedElem="serialNumber"] .inputHighlighter[data-id="serialNumber"] .phoneNumberInputContainer input {
    background: transparent;
    box-shadow: none;
    border-color: transparent;
}
article[data-focusedElem="serialNumber"] .sliderHighlighter[data-id="serialNumber"] ol, article[data-focusedElem="serialNumber"] .buttonHighlighter[data-id="serialNumber"] {
    box-shadow: none;
}
article[data-focusedElem="serialNumber"] .sliderHighlighter[data-id="serialNumber"] ol input+label, article[data-focusedElem="serialNumber"] .buttonHighlighter[data-id="serialNumber"] input+label {
    background-color: #595914;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #595914), color-stop(100%,  #272708));
    background-image: -webkit-linear-gradient(#595914, #272708);
    background-image: linear-gradient(#595914, #272708);
    box-shadow: 0px 0px 3px rgba(8, 95, 171, 0.25);
    color: #075aa0;
}
article[data-focusedElem="serialNumber"] .sliderHighlighter[data-id="serialNumber"] ol input+label p, article[data-focusedElem="serialNumber"] .buttonHighlighter[data-id="serialNumber"] input+label p {
    color: #fff;
}
article[data-focusedElem="serialNumber"] .sliderHighlighter[data-id="serialNumber"] ol #showAllFactoryWarranty, article[data-focusedElem="serialNumber"] .buttonHighlighter[data-id="serialNumber"] #showAllFactoryWarranty {
    color: #c8c72d;
}
.inputHighlighter, .buttonHighlighter {
    margin: -5px;
    padding: 5px;
    /*border-radius: 5px;*/
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}
.generalInput:focus, .phoneNumberInputContainer:focus, .inputLikeWrapper .value:focus {
    opacity: 1;
    /*background: #7a7a7a;*/
}
.inputWrapper, .inputLikeWrapper {
    position: relative;
    margin-top: 12px;
}
.inputWrapper:after, .inputLikeWrapper:after {
    display: block;
    content: "";
    clear: both;
}
.inputWrapper>input, .inputLikeWrapper>input {
    /*text-align: right;
    padding-left: 30%*/
    text-align: left;
    -webkit-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.4);
    box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.4);
}
.inputWrapper>input:before, .inputLikeWrapper>input:before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    bottom: 5px;
    background-color: #6e6e6e;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #6e6e6e), color-stop(100%,  transparent));
    background-image: -webkit-linear-gradient(left,  #6e6e6e, transparent);
    background-image: linear-gradient(to right, #6e6e6e, transparent);
    background-color: transparent;
    width: 25px;
}
.inputWrapper>input:focus:before, .inputLikeWrapper>input:focus:before {
    background-color: #7a7a7a;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #7a7a7a), color-stop(100%,  transparent));
    background-image: -webkit-linear-gradient(left,  #7a7a7a, transparent);
    background-image: linear-gradient(to right, #7a7a7a, transparent);
    background-color: transparent;
}
.inputWrapper>label, .inputLikeWrapper>label, .inputWrapper>.label, .inputLikeWrapper>.label {
    display: block;
    position: absolute;
    /*top: 0;*/
    left: 5px;
    font-size: 16px;
    /*line-height: 44px;
    padding: 0 15px;
    margin: 15px 0;*/
    padding: 4px 10px;
    /*margin: 24px 5px;*/
    font-weight: normal;
    /*opacity: .3;*/
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;

    background-color: #292929;
    color: #777;
    border-radius: 3px;
    cursor: text;
}
.inputWrapper>label.empty {
    top: 24px;
}
.inputWrapper:hover>label, .inputLikeWrapper:hover>label, .inputWrapper:hover>.label, .inputLikeWrapper:hover>.label {
    background-color: #2b2b2b;
}
.inputWrapper>small, .inputLikeWrapper>small {
    display: block;
    font-size: 11px;
    line-height: 16px;
    opacity: .5;
    padding: 0 10px 10px 10px;
    margin-top: 5px;
    text-align: left;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
select.generalInput, select.phoneNumberInputContainer, .inputLikeWrapper select.value {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: normal;
    background: #292929 url(../img/dropdownListArrows.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 40px;
    border-radius: 0;
    cursor: pointer;
}
.priceInputWrapper {
    position: relative;
    max-width: 500px;
    margin: 10px auto 0 auto;
}
.priceInputWrapper input {
    padding-right: 1.75em;
    position: relative;
    text-align: right;
}
.priceInputWrapper .Ft {
    line-height: 40px;
    font-size: 18px;
    vertical-align: middle;
    /*margin-top: 16px;*/
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
    text-transform: none;
    height: 40px;
    line-height: 40px;
    padding-right: .5em;
}
.generalBtn, .generalCtaBtnWithBackBtn .progressBackBtn, .generalCtaBtnWithBackBtn .backBtn, .secondaryBtn, .generalCtaBtn {
    background-color: #748637;
    border-color: #748637;
    /*background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #cbd783), color-stop(50%,  #6f8728), color-stop(50%,  #5f7422), color-stop(100%,  #4f601c));
    background-image: -webkit-linear-gradient(#cbd783, #6f8728 50%, #5f7422 50%, #4f601c);
    background-image: linear-gradient(#cbd783, #6f8728 50%, #5f7422 50%, #4f601c);
    box-shadow: inset 0px 3px 5px rgba(255, 255, 255, 0.5);*/
    /*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);*/
    /*border: 2px solid #21270a;*/
    font-size: 14px;
    /*border-radius: 10px;*/
    cursor: pointer;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    text-transform: uppercase;
    color: #fff;
    width: 65%;
}
.generalBtn.cancelBtn, .generalCtaBtnWithBackBtn .cancelBtn.progressBackBtn, .generalCtaBtnWithBackBtn .cancelBtn.backBtn, .cancelBtn.secondaryBtn, .generalCtaBtn.cancelBtn {
    background-color: #3e3e3e;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #adadad), color-stop(50%,  #585858), color-stop(50%,  #4b4b4b), color-stop(100%,  #3e3e3e));
    background-image: -webkit-linear-gradient(#adadad, #585858 50%, #4b4b4b 50%, #3e3e3e);
    background-image: linear-gradient(#adadad, #585858 50%, #4b4b4b 50%, #3e3e3e);
    box-shadow: inset 0px 2px 3px rgba(255, 255, 255, 0.25);
    opacity: .7;
    color: #aaa;
}
.generalBtn:active, .generalCtaBtnWithBackBtn .progressBackBtn:active, .generalCtaBtnWithBackBtn .backBtn:active, .secondaryBtn:active, .generalCtaBtn:active {
    box-shadow: inset 0 -0 0 #56641c;
    opacity: 1;
}
.generalCtaBtn {
    width: 100%;
    margin-bottom: 0;
    background: #748637;
    box-shadow: none;
    border: 0;
    border-bottom: 2px solid #748637;
    border-radius: 0;
    -webkit-appearance: none;
    /*-webkit-box-shadow: 0px 10px 50px 0px rgba(0,0,0,0.9);
    -moz-box-shadow: 0px 10px 50px 0px rgba(0,0,0,0.9);
    box-shadow: 0px 10px 50px 0px rgba(0,0,0,0.9);*/
}
.editCtaBtn {
    /*background-color: #f33;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #f33), color-stop(100%,  #b30000));
    background-image: -webkit-linear-gradient(#f33, #b30000);
    background-image: linear-gradient(#f33, #b30000);*/
}
.generalBtn.disabled, .generalCtaBtnWithBackBtn .disabled.progressBackBtn, .generalCtaBtnWithBackBtn .disabled.backBtn, .disabled.secondaryBtn, .generalCtaBtn.disabled {
    background: #737373;
    color: #a8a8a8;
    -ms-filter: none;
    border: 0;
    box-shadow: none;
    /*box-shadow: inset 0 -2px 0 #444;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
    border: 2px solid #444;*/
}
.oneRowInput, .discounts #discountCodeToBeSent, .discounts #sendDiscountBtn {
    width: 100%;
}
.discounts #discountCodeToBeSent {
    width: 64%;
}
.oneRowFormNarrowInput {
    width: 98%;
    padding: 0 7%;
    /*width: 33%;*/
}
.oneRowFormWideInput {
    width: 100%;
    padding: 0 4.5%;
    /*width: 66%;
    float: right;*/
}
.generalCtaBtnWithBackBtn {
    clear: both;
    *zoom: 1;
    width: 95%;
    margin: 0 auto;
}
.generalCtaBtnWithBackBtn:before, .generalCtaBtnWithBackBtn:after {
    content: " ";
    display: table;
}
.generalCtaBtnWithBackBtn:after {
    clear: both;
}
.generalCtaBtnWithBackBtn .progressBackBtn, .generalCtaBtnWithBackBtn .backBtn {
    background-color: transparent !important;
    background-image: url(../img/progressBackBtn.png) !important;
    background: transparent url(../img/progressBackBtn.png) 10% 75% no-repeat;
    background-size: 20px 30px;
    opacity: .15;
    /*float: left;*/
    width: 5%;
    border-radius: 0;
    margin-right: 10px;
    border-color: transparent;
    box-shadow: none;
}
.generalCtaBtnWithBackBtn .progressBackBtn span, .generalCtaBtnWithBackBtn .backBtn span {
    display: none;
}
.generalCtaBtnWithBackBtn .progressBackBtn:after, .generalCtaBtnWithBackBtn .backBtn:after {
    content: "";
    font-size: 2em;
    line-height: .5em;
}
.generalCtaBtnWithBackBtn .generalCtaBtn {
    /*float: left;*/
    display: inline-block;
    width: 75%;
    /*border-radius: 10px;*/
}
.secondaryBtn {
    background: #455021;
    box-shadow: inset 0px 2px 4px rgba(255, 255, 255, 0.25);
}
.salesAgentPaymentWays {
    display: none;
    *zoom: 1;
    margin-bottom: 25px;
}
.salesAgentPaymentWays:before, .salesAgentPaymentWays:after {
    content: " ";
    display: table;
}
.salesAgentPaymentWays:after {
    clear: both;
}
.salesAgentPaymentWays h2+p {
    font-size: 13px;
    line-height: 14px;
    padding-top: 5px;
    color: #ccc;
}
.salesAgentPaymentWays .generalCtaBtn {
    width: 45%}
.salesAgentPaymentWays .generalCtaBtn:after {
    content: "";
    display: none;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top-color: #fff;
    margin-left: .5em;
    vertical-align: -5px;
}
.methodWayBtn:before {
    content: "";
    display: inline-block;
    width: 35px;
    height: 30px;
    vertical-align: -10px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 35px 30px;
    margin-right: .25em;
}
.methodWayBtn.cash:before {
    background-image: url(../img/paymentMethods/cash.png);
}
.methodWayBtn.card:before {
    background-image: url(../img/paymentMethods/card.png);
    margin-right: .5em;
}
.methodWayBtn.barion:before {
    background-image: url(../img/paymentMethods/barion.png);
}
.methodWayBtn.paypal:before {
    background-image: url(../img/paymentMethods/paypal.png);
}
.methodWayBtn.loan:before, .methodWayBtn.proforma:before {
    background-image: url(../img/paymentMethods/loan.png);
}
.methodWayBtn.transfer:before, .methodWayBtn.proforma:before {
    background-image: url(../img/paymentMethods/transfer.png);
}
.onlySalesAgent {
    display: none !important;
}
body.salesAgent .onlySalesAgent {
    display: inherit !important;
}
body.salesAgent .onlyNonSalesAgent {
    display: none !important;
}
#selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent {
    display: none;
}
#selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .coreSection, #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .termsOfServicesContent, #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #customersList li, #customersList #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent li, #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #FAQView .mainList>li, #sideContentWrapper #FAQView #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .mainList>li, #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #TermsOfServices-ASzFView .mainList>li, #sideContentWrapper #TermsOfServices-ASzFView #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .mainList>li, #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #TermsOfServices-ASzFView>section>p, #sideContentWrapper #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #TermsOfServices-ASzFView>section>p {
    *zoom: 1;
    padding-top: 5px;
    padding-bottom: 10px;
}
#selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .coreSection:before, #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .termsOfServicesContent:before, #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #customersList li:before, #customersList #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent li:before, #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #FAQView .mainList>li:before, #sideContentWrapper #FAQView #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .mainList>li:before, #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #TermsOfServices-ASzFView .mainList>li:before, #sideContentWrapper #TermsOfServices-ASzFView #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .mainList>li:before, #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #TermsOfServices-ASzFView>section>p:before, #sideContentWrapper #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #TermsOfServices-ASzFView>section>p:before, #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .coreSection:after, #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .termsOfServicesContent:after, #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #customersList li:after, #customersList #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent li:after, #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #FAQView .mainList>li:after, #sideContentWrapper #FAQView #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .mainList>li:after, #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #TermsOfServices-ASzFView .mainList>li:after, #sideContentWrapper #TermsOfServices-ASzFView #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .mainList>li:after, #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #TermsOfServices-ASzFView>section>p:after, #sideContentWrapper #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #TermsOfServices-ASzFView>section>p:after {
    content: " ";
    display: table;
}
#selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .coreSection:after, #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .termsOfServicesContent:after, #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #customersList li:after, #customersList #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent li:after, #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #FAQView .mainList>li:after, #sideContentWrapper #FAQView #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .mainList>li:after, #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #TermsOfServices-ASzFView .mainList>li:after, #sideContentWrapper #TermsOfServices-ASzFView #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .mainList>li:after, #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #TermsOfServices-ASzFView>section>p:after, #sideContentWrapper #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #TermsOfServices-ASzFView>section>p:after {
    clear: both;
}
#selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .coreSection p, #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .termsOfServicesContent p, #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #customersList li p, #customersList #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent li p, #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #FAQView .mainList>li p, #sideContentWrapper #FAQView #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .mainList>li p, #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #TermsOfServices-ASzFView .mainList>li p, #sideContentWrapper #TermsOfServices-ASzFView #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .mainList>li p, #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #TermsOfServices-ASzFView>section>p p, #sideContentWrapper #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #TermsOfServices-ASzFView>section>p p {
    display: block;
    text-align: center;
    padding-top: 5px;
}
#selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .coreSection p:nth-of-type(2n+1), #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .termsOfServicesContent p:nth-of-type(2n+1), #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #customersList li p:nth-of-type(2n+1), #customersList #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent li p:nth-of-type(2n+1), #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #FAQView .mainList>li p:nth-of-type(2n+1), #sideContentWrapper #FAQView #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .mainList>li p:nth-of-type(2n+1), #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #TermsOfServices-ASzFView .mainList>li p:nth-of-type(2n+1), #sideContentWrapper #TermsOfServices-ASzFView #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .mainList>li p:nth-of-type(2n+1), #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #TermsOfServices-ASzFView>section>p p:nth-of-type(2n+1), #sideContentWrapper #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #TermsOfServices-ASzFView>section>p p:nth-of-type(2n+1) {
    float: left;
    width: 49%}
#selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .coreSection p:nth-of-type(2n), #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .termsOfServicesContent p:nth-of-type(2n), #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #customersList li p:nth-of-type(2n), #customersList #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent li p:nth-of-type(2n), #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #FAQView .mainList>li p:nth-of-type(2n), #sideContentWrapper #FAQView #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .mainList>li p:nth-of-type(2n), #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #TermsOfServices-ASzFView .mainList>li p:nth-of-type(2n), #sideContentWrapper #TermsOfServices-ASzFView #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .mainList>li p:nth-of-type(2n), #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #TermsOfServices-ASzFView>section>p p:nth-of-type(2n), #sideContentWrapper #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #TermsOfServices-ASzFView>section>p p:nth-of-type(2n) {
    float: right;
    width: 49%}
#selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .coreSection p.loan, #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .termsOfServicesContent p.loan, #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #customersList li p.loan, #customersList #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent li p.loan, #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #FAQView .mainList>li p.loan, #sideContentWrapper #FAQView #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .mainList>li p.loan, #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #TermsOfServices-ASzFView .mainList>li p.loan, #sideContentWrapper #TermsOfServices-ASzFView #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .mainList>li p.loan, #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #TermsOfServices-ASzFView>section>p p.loan, #sideContentWrapper #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #TermsOfServices-ASzFView>section>p p.loan {
    float: none;
    clear: both;
    width: 100%}
#selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .coreSection p.loan .methodWayBtn:after, #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .termsOfServicesContent p.loan .methodWayBtn:after, #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #customersList li p.loan .methodWayBtn:after, #customersList #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent li p.loan .methodWayBtn:after, #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #FAQView .mainList>li p.loan .methodWayBtn:after, #sideContentWrapper #FAQView #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .mainList>li p.loan .methodWayBtn:after, #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #TermsOfServices-ASzFView .mainList>li p.loan .methodWayBtn:after, #sideContentWrapper #TermsOfServices-ASzFView #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .mainList>li p.loan .methodWayBtn:after, #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #TermsOfServices-ASzFView>section>p p.loan .methodWayBtn:after, #sideContentWrapper #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #TermsOfServices-ASzFView>section>p p.loan .methodWayBtn:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top-color: #fff;
    margin-left: .5em;
    vertical-align: -5px;
}
#selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .coreSection .loanInfo, #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .termsOfServicesContent .loanInfo, #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #customersList li .loanInfo, #customersList #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent li .loanInfo, #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #FAQView .mainList>li .loanInfo, #sideContentWrapper #FAQView #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .mainList>li .loanInfo, #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #TermsOfServices-ASzFView .mainList>li .loanInfo, #sideContentWrapper #TermsOfServices-ASzFView #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .mainList>li .loanInfo, #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #TermsOfServices-ASzFView>section>p .loanInfo, #sideContentWrapper #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #TermsOfServices-ASzFView>section>p .loanInfo {
    display: block;
    clear: both;
    width: 100%;
    padding-top: 5px;
    opacity: 0;
    overflow: hidden;
    height: auto;
    max-height: 0;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
#summaryView .coreSection .loanInfo h3, #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .coreSection .loanInfo h3, #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .termsOfServicesContent .loanInfo h3, #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #customersList li .loanInfo h3, #customersList #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent li .loanInfo h3, #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #FAQView .mainList>li .loanInfo h3, #sideContentWrapper #FAQView #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .mainList>li .loanInfo h3, #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #TermsOfServices-ASzFView .mainList>li .loanInfo h3, #sideContentWrapper #TermsOfServices-ASzFView #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .mainList>li .loanInfo h3, #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #TermsOfServices-ASzFView>section>p .loanInfo h3, #sideContentWrapper #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #TermsOfServices-ASzFView>section>p .loanInfo h3 {
    float: none;
    padding-top: 15px;
    font-size: 15px;
    line-height: 1em;
    font-weight: normal;
}
#summaryView.summary .loanInfo {
    display: none;
}
#summaryView.payWithLoan .loanInfo {
    display: block;
}
#summaryView .mainHeadline {
    color: #c8c72d;
    text-align: center;
}
#selectPaymentMethodView .selectedPaymentWay .desc {
    font-size: 14px;
    line-height: 1.25em;
    padding-top: .75em;
    margin-bottom: -.5em;
}
#selectPaymentMethodView.payWithLoan .selectedPaymentWay .payThroughSalesAgent p.loan .methodWayBtn:after {
    border-top-color: transparent;
    border-bottom-color: #fff;
    vertical-align: 2px;
}
#selectPaymentMethodView.payWithLoan .selectedPaymentWay .payThroughSalesAgent .loanInfo {
    opacity: 1;
    max-height: 300px;
}
body.salesAgent .salesAgentPaymentWays {
    display: block;
}
body.salesAgent #selectPaymentMethodView .selectedPaymentWay {
    display: none;
}
body.salesAgent #selectPaymentMethodView.payDirectlyToBBox .salesAgentPaymentWays #payDirectlyToBBox {
    background: #455021;
    border-bottom: 2px #455021 solid;
}
body.salesAgent #selectPaymentMethodView.payDirectlyToBBox .salesAgentPaymentWays #payDirectlyToBBox:after {
    display: inline-block;
}
body.salesAgent #selectPaymentMethodView.payDirectlyToBBox .selectedPaymentWay {
    display: block;
}
body.salesAgent #selectPaymentMethodView.payDirectlyToBBox .selectedPaymentWay .payDirectlyToBBox {
    display: block;
}
body.salesAgent #selectPaymentMethodView.payDirectlyToBBox .selectedPaymentWay .payThroughSalesAgent {
    display: none;
}
body.salesAgent #selectPaymentMethodView.payThroughSalesAgent .salesAgentPaymentWays #payThroughSalesAgent {
    background: #455021;
    border-bottom: 2px #455021 solid;
}
body.salesAgent #selectPaymentMethodView.payThroughSalesAgent .salesAgentPaymentWays #payThroughSalesAgent:after {
    display: inline-block;
}
body.salesAgent #selectPaymentMethodView.payThroughSalesAgent .selectedPaymentWay {
    display: block;
}
body.salesAgent #selectPaymentMethodView.payThroughSalesAgent .selectedPaymentWay .payDirectlyToBBox {
    display: none;
}
body.salesAgent #selectPaymentMethodView.payThroughSalesAgent .selectedPaymentWay .payThroughSalesAgent {
    display: block;
}
.salesPaymentMethods {
    *zoom: 1;
}
.salesPaymentMethods:before, .salesPaymentMethods:after {
    content: " ";
    display: table;
}
.salesPaymentMethods:after {
    clear: both;
}
.salesPaymentMethods .generalCtaBtn {
    clear: both;
}
.phoneNumberInputWrapper>label {
    /*line-height: 42px;*/
    top: 10px;
    margin: 0;
    cursor: text;
}
.phoneNumberInputContainer {
    padding: 0;
}
.phoneNumberInputContainer:after {
    display: block;
    content: "";
    clear: both;
}
.phoneNumberInputContainer .phoneNumberInputWrap {
    /*width: 50%;
    max-width: 200px;*/
    width: 100%;
    float: right;
}
.phoneNumberInputContainer .phoneNumberInputWrap:after {
    display: block;
    content: "";
    clear: both;
}
.phoneNumberInputContainer .phoneNumberInputWrap>p, .phoneNumberInputContainer .phoneNumberInputWrap>input {
    float: left;
    padding: 0;
}
.phoneNumberInputContainer .phoneNumberInputWrap>p {
    position: absolute;
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    text-align: center;
    /*width: 25%*/
    padding: 0 1px 0 2.5%;
}
.phoneNumberInputContainer .phoneNumberInputWrap>input {
    padding: 0 6%;
    background: none;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    border-width: 0px 0px 0px 1px;
}
.phoneNumberInputContainer .phoneNumberInputWrap #getCustomerDataView-phoneNumber2 {
    /*float: right;*/
    width: 100%;
    text-align: left;
    /*width: 75%;
    padding-left: 10px;*/
    -webkit-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.4);
    box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.4);
}
#getCustomerDataView .user {
    display: none;
}
#getCustomerDataView .notAUser {
    display: inherit;
}
#getCustomerDataView.user .user {
    display: inherit;
}
#getCustomerDataView.user .notAUser {
    display: none;
}
#getCustomerDataView .passwordInputs {
    opacity: 0;
    overflow: hidden;
    height: auto;
    max-height: 0;
    text-align: center;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
#getCustomerDataView.userFound .passwordInputs {
    opacity: 1;
    max-height: 220px;
}
#getCustomerDataView [data-id="companyName"], #getCustomerDataView [data-id="taxNumber"] {
    display: none;
}
#getCustomerDataView.companyContract [data-id="companyName"], #getCustomerDataView.companyContract [data-id="taxNumber"] {
    display: block;
}
.getProductSerialNumber input, input[name="regiugyfelkod"] {
    text-transform: uppercase;
}
.getCustomerData .resultCheckingSection.noResults select[name="city"], .getCustomerData .resultCheckingSection.oneResult select[name="city"] {
    display: none;
}
.getCustomerData .resultCheckingSection.moreResults input[name="city"] {
    display: none;
}
.inputLikeWrapper .label {
    margin-top: 0;
}
.inputLikeWrapper .value {
    background: none;
    border: none;
    box-shadow: none;
    text-align: right;
    opacity: 1 !important;
    padding-left: 30%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.disabled {
    opacity: .5;
    cursor: not-allowed;
}
.no-touch .disabled:hover, .disabled:focus, .disabled:active {
    opacity: .5 !important;
}
.notSoWideMyDearFriend {
    max-width: 450px;
    margin: 0 auto;
}
.notSoWideMyDearFriend .coreSection, .notSoWideMyDearFriend .termsOfServicesContent, .notSoWideMyDearFriend #customersList li, #customersList .notSoWideMyDearFriend li, .notSoWideMyDearFriend #sideContentWrapper #FAQView .mainList>li, #sideContentWrapper #FAQView .notSoWideMyDearFriend .mainList>li, .notSoWideMyDearFriend #sideContentWrapper #TermsOfServices-ASzFView .mainList>li, #sideContentWrapper #TermsOfServices-ASzFView .notSoWideMyDearFriend .mainList>li, .notSoWideMyDearFriend #sideContentWrapper #TermsOfServices-ASzFView>section>p, #sideContentWrapper .notSoWideMyDearFriend #TermsOfServices-ASzFView>section>p {
    box-shadow: none;
    background: none;
    padding: 0;
}
.notSoWideMyDearFriend .generalCtaBtn {
    width: 100%;
    margin-top: 12px;
    margin-left: auto;
    margin-right: auto;
}
.staticSelector {
    display: table;
    -webkit-box-sizing: padding-box;
    -moz-box-sizing: padding-box;
    box-sizing: padding-box;
    width: 100%;
    padding: 5px 0;
    clear: both;
}
.staticSelector li {
    display: table-cell;
    padding: 0 3px;
    width: 80px;
    height: 40px;
}
.staticSelector li input {
    display: block;
    width: 100%;
    height: 0;
    padding: 0 !important;
    margin: 0 !important;
    visibility: hidden;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.staticSelector li label {
    display: block;
    width: 100%;
    min-height: 20px;
    padding: 0;
    margin: 0 15%;
    cursor: pointer;
    /*border-radius: 10px;*/
    text-align: center;
    padding: 10px 0;
    /*background-color: #292929;*/
    /*background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #4e4e4e), color-stop(100%,  #292929));
    background-image: -webkit-linear-gradient(#4e4e4e, #292929);
    background-image: linear-gradient(#4e4e4e, #292929);*/
    /*border: 1px solid #000;*/
    /*box-shadow: 0px 1px 0px #404040,  inset 0px -1px 0px #1e1e1e,  inset 0px 1px 0px #606060;*/
    /*text-shadow: 0 -2px 1px rgba(0, 0, 0, 0.5);*/
    /*opacity: .8;*/
    width: 67%;
    box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
.no-touch .staticSelector li label:hover {
    opacity: 1;
}
.staticSelector li label:active {
    background-color: #292929;
    /*background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #292929), color-stop(100%,  #4e4e4e));
    background-image: -webkit-linear-gradient(#292929, #4e4e4e);
    background-image: linear-gradient(#292929, #4e4e4e);*/
    opacity: 1;
}
.staticSelector li label p {
    color: #a6a6a6;
    font-size: 16px;
    line-height: 20px;
    font-weight: normal;
}
.staticSelector li input:checked+label, .staticSelector li input.checked+label {
    opacity: 1;
    /*background-color: #c8c72d;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #c8c72d), color-stop(100%,  #c8c72d));
    background-image: -webkit-linear-gradient(#c8c72d, #c8c72d);
    background-image: linear-gradient(#c8c72d, #c8c72d);*/
    background: rgba(200, 199, 45, 0.4);
}
.staticSelector li input:checked+label p, .staticSelector li input.checked+label p {
    color: #3d4b08;
    /*text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);*/
}
#serviceSummaryView h2 {
    text-align: center;
    font-size: 20px;
    color: #cece49;
}
#selectPaymentMethodView h2, #selectSalesAgentPaymentMethodView h2 {
    font-size: 20px;
    color: #cece49;
}
.summarySection p {
    clear: both;
    font-size: 14px;
    line-height: 18px;
    padding-top: 2px;
    color: #ddd;
    *zoom: 1;
}
.summarySection p:before, .summarySection p:after {
    content: " ";
    display: table;
}
.summarySection p:after {
    clear: both;
}
.summarySection p b {
    float: right;
    font-weight: normal;
}
.summarySection p.sub {
    font-size: 12px;
    line-height: 12px;
    padding-top: 0;
    padding-left: 1em;
}
.summarySection p.sub>.removeBtn {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(../img/closeBtn.png) center center no-repeat;
    background-size: 9px;
    margin-left: .25em;
    vertical-align: -2px;
    opacity: .75;
}
.summarySection p.sub>.removeBtn span {
    display: none;
}
.summarySection p.discount {
    color: #93aa46;
}
.summarySection p.total {
    font-weight: 100;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: -.05em;
    padding-top: 6px;
    color: #c8c72d;
}
.summarySection p.total b {
    color: #c8c72d;
    font-size: 18px;
}
.hintContent {
    display: none;
}
#popupViews {
    display: none;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    z-index: 9000;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
#popupViews>article {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent;
    padding: 0;
    margin: 0;
}
#popupViews>article .popupContentWrapper {
    display: table;
    width: 100%;
    height: 100%}
#popupViews>article .popupContentWrapper .popupContentContainer {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%}
#popupViews>article .popupContentWrapper .popupContentContainer>article {
    display: block;
    /*background: #ebebe0;
    background-color: rgba(235, 235, 224, 0.8);*/

    background-color: #bfbfb7;
    /*background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #ebebe0), color-stop(100%,  #c1c1a7));
    background-image: -webkit-linear-gradient(-225deg,  #ebebe0, #c1c1a7);
    background-image: linear-gradient(-45deg, #ebebe0, #c1c1a7);*/
    /*border-radius: 10px;*/
    margin: 0 auto;
    width: 95%;
    height: 95%;
    max-width: 300px;
    max-height: 350px;
    min-height: 200px;
    padding: 0;
    font-size: 14px;
    line-height: 130%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #444;
    box-shadow: 0px 0px 100px rgba(0, 0, 0, 1);
    /*text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.75);*/
    position: relative;
}
#popupViews>article .popupContentWrapper .popupContentContainer>article strong {
    font-weight: normal;
}
#popupViews>article .popupContentWrapper .popupContentContainer>article b {
    font-weight: bold;
}
#popupViews>article .popupContentWrapper .popupContentContainer>article h3 {
    color: #191B1E;
    font-size: 24px;
    padding-bottom: 24px;
    text-align: center;
}
#popupViews>article .popupContentWrapper .popupContentContainer>article p {
    padding-bottom: 1em;
    font-size: 14px;
    line-height: 24px;
}
#popupViews>article .popupContentWrapper .popupContentContainer>article a {
    color: #556228;
}
#popupViews>article .popupContentWrapper .popupContentContainer>article a:hover {
    color: #455021;
}
#popupViews>article .popupContentWrapper .popupContentContainer>article a:active {
    color: #556228;
    position: relative;
    top: 1px;
}
#popupViews>article .popupContentWrapper .popupContentContainer>article ul {
    list-style-type: square;
    list-style-position: outside;
    /*margin-left: 20px;*/
}
#popupViews>article .popupContentWrapper .popupContentContainer>article .popupContent {
    position: absolute;
    top: 0;
    /*bottom: 70px;*/
    left: 0;
    right: 0;
    padding: 32px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
#popupViews>article .popupContentWrapper .popupContentContainer>article .buttons {
    position: absolute;
    bottom: 15px;
    left: 10px;
    right: 10px;
    text-align: right;
}
#popupViews>article .popupContentWrapper .popupContentContainer>article .buttons button {
    width: 48%;
    margin: 0 1%}
#popupViews>article .popupContentWrapper .popupContentContainer>article .buttons button.fullWidthBtn {
    width: 100%;
    margin: 0;
}
#popupViews.confirmDisplayed {
    display: block;
}
#popupViews.confirmDisplayed #confirmView {
    display: block;
}
#popupViews.statementDisplayed {
    display: block;
}
#popupViews.statementDisplayed #statementView {
    display: block;
}
#popupViews.providerDisplayed {
    display: block;
}
#popupViews.providerDisplayed #providerView {
    display: block;
}
#popupViews.providerDisplayed .popupContentWrapper .popupContentContainer>article strong {
    font-weight: bold;
}
#popupViews.productPriceDisplayed {
    display: block;
}
#popupViews.productPriceDisplayed #productPriceView {
    display: block;
}
#popupViews.productPriceDisplayed .popupContentWrapper .popupContentContainer>article strong {
    font-weight: bold;
}
#popupViews.buyerDisplayed {
    display: block;
}
#popupViews.buyerDisplayed #buyerView {
    display: block;
}
#popupViews.buyerDisplayed .popupContentWrapper .popupContentContainer>article strong {
    font-weight: bold;
}
#popupViews.warrantyLengthDisplayed {
    display: block;
}
#popupViews.warrantyLengthDisplayed #warrantyLengthView {
    display: block;
}
#popupViews.warrantyLengthDisplayed .popupContentWrapper .popupContentContainer>article strong {
    font-weight: bold;
}
#warrantyLengthView .popupBackground {
    max-height: 495px !important;
}
#warrantyLengthView .popupBackground p {
    text-align: left !important;
}
#popupViews.purchaseNotAvailableDisplayed {
    display: block;
}
#popupViews.purchaseNotAvailableDisplayed #purchaseNotAvailableView {
    display: block;
}
#popupViews.internalErrorDisplayed {
    display: block;
}
#popupViews.internalErrorDisplayed #internalErrorView {
    display: block;
}
#popupViews.introDisplayed {
    display: block;
}
#popupViews.introDisplayed #introView {
    display: block;
}
#popupViews.introDisplayed #introView .popupContentContainer>article {
    max-width: 500px;
    max-height: 600px;
}
#popupViews.introDisplayed #introView .popupContentContainer>article .popupContent .head {
    *zoom: 1;
}
#popupViews.introDisplayed #introView .popupContentContainer>article .popupContent .head:before, #popupViews.introDisplayed #introView .popupContentContainer>article .popupContent .head:after {
    content: " ";
    display: table;
}
#popupViews.introDisplayed #introView .popupContentContainer>article .popupContent .head:after {
    clear: both;
}
#popupViews.introDisplayed #introView .popupContentContainer>article .popupContent .head .logo {
    width: 45%;
     height: auto;
    float: left;
    margin-bottom: 10px;
}
#popupViews.introDisplayed #introView .popupContentContainer>article .popupContent .head .closeBtn {
    float: right;
    margin-top: 1%;
    text-align: center;
    width: 40px;
    height: 40px;
    display: block;
}
#popupViews.introDisplayed #introView .popupContentContainer>article .popupContent .head .closeBtn>span {
    background: #748637 url(../img/closeBtn.png) center center no-repeat;
    background-size: 12px;
    border-radius: 12px;
    display: block;
    margin: 8px auto 0;
    width: 24px;
    height: 24px;
}
#popupViews.introDisplayed #introView .popupContentContainer>article .popupContent .head .closeBtn>span>span {
    display: none;
}
#popupViews.introDisplayed #introView .popupContentContainer>article .popupContent .slider {
    overflow: hidden;
}
#popupViews.introDisplayed #introView .popupContentContainer>article .popupContent .slider ul {
    width: 600%;
    display: table;
    list-style: none;
    margin: 0;
    padding: 0;
    *zoom: 1;
    -webkit-transition: margin 0.5s ease-in-out;
    -moz-transition: margin 0.5s ease-in-out;
    transition: margin 0.5s ease-in-out;
}
#popupViews.introDisplayed #introView .popupContentContainer>article .popupContent .slider ul:before, #popupViews.introDisplayed #introView .popupContentContainer>article .popupContent .slider ul:after {
    content: " ";
    display: table;
}
#popupViews.introDisplayed #introView .popupContentContainer>article .popupContent .slider ul:after {
    clear: both;
}
#popupViews.introDisplayed #introView .popupContentContainer>article .popupContent .slider ul li {
    display: table-cell;
    vertical-align: top;
    width: 16.66667%}
#popupViews.introDisplayed #introView .popupContentContainer>article .popupContent .slider ul li.finalStep {
    vertical-align: middle;
}
#popupViews.introDisplayed #introView .popupContentContainer>article .popupContent .slider ul li.finalStep .generalBtn, #popupViews.introDisplayed #introView .popupContentContainer>article .popupContent .slider ul li.finalStep .generalCtaBtnWithBackBtn .progressBackBtn, .generalCtaBtnWithBackBtn #popupViews.introDisplayed #introView .popupContentContainer>article .popupContent .slider ul li.finalStep .progressBackBtn, #popupViews.introDisplayed #introView .popupContentContainer>article .popupContent .slider ul li.finalStep .generalCtaBtnWithBackBtn .backBtn, .generalCtaBtnWithBackBtn #popupViews.introDisplayed #introView .popupContentContainer>article .popupContent .slider ul li.finalStep .backBtn, #popupViews.introDisplayed #introView .popupContentContainer>article .popupContent .slider ul li.finalStep .secondaryBtn {
    color: #fff;
    width: 90%;
    margin: 0 auto;
}
#popupViews.introDisplayed #introView .popupContentContainer>article .popupContent .slider ul li img {
    width: 100%;
    height: auto;
}
#popupViews.introDisplayed #introView .popupContentContainer>article .popupContent .slider ul li .desc {
    padding-top: 1em;
}
#popupViews.introDisplayed #introView .popupContentContainer>article .popupContent .slider ul li .desc h2 {
    font-size: 16px;
    line-height: 1.3em;
    padding-bottom: 10px;
}
#popupViews.introDisplayed #introView .popupContentContainer>article .popupContent .slider ul li .desc p {
    font-size: 14px;
    line-height: 1.15em;
    padding-bottom: .25em;
    padding-top: .25em;
}
#popupViews.introDisplayed #introView .popupContentContainer>article .popupContent .slider ul li .desc p.fdUp {
    font-size: 16px;
}
#popupViews.introDisplayed #introView .popupContentContainer>article .buttons {
    bottom: 10px;
}
#popupViews.introDisplayed #introView .popupContentContainer>article .buttons ol {
    clear: both;
    width: 100%;
    text-align: center;
}
#popupViews.introDisplayed #introView .popupContentContainer>article .buttons ol li {
    display: inline-block;
    background: #b9b993;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    margin-right: .2em;
    margin-left: .2em;
}
#popupViews.introDisplayed #introView .popupContentContainer>article .buttons .generalCtaBtnWithBackBtn .progressBackBtn, #popupViews.introDisplayed #introView .popupContentContainer>article .buttons .generalCtaBtnWithBackBtn .backBtn {
    background-image: url(../img/progressBackBtn.png);
    opacity: .5;
}
#popupViews.introDisplayed #introView .popupContentContainer>article .buttons .generalCtaBtnWithBackBtn .progressBackBtn:hover, #popupViews.introDisplayed #introView .popupContentContainer>article .buttons .generalCtaBtnWithBackBtn .backBtn:hover {
    opacity: .8;
}
#popupViews.introDisplayed #introView .popupContentContainer>article .buttons .generalCtaBtnWithBackBtn .progressBackBtn:active, #popupViews.introDisplayed #introView .popupContentContainer>article .buttons .generalCtaBtnWithBackBtn .backBtn:active {
    opacity: 1;
}
#popupViews.introDisplayed #introView .popupContentContainer>article .buttons .generalCtaBtn {
    color: #fff;
}
#popupViews.introDisplayed #introView.step1 .slider ul {
    margin-left: 0% !important;
}
#popupViews.introDisplayed #introView.step1 .buttons ol li:nth-child(1) {
    background: #5d5d3c;
}
#popupViews.introDisplayed #introView.step2 .slider ul {
    margin-left: -100% !important;
}
#popupViews.introDisplayed #introView.step2 .buttons ol li:nth-child(2) {
    background: #5d5d3c;
}
#popupViews.introDisplayed #introView.step3 .slider ul {
    margin-left: -200% !important;
}
#popupViews.introDisplayed #introView.step3 .buttons ol li:nth-child(3) {
    background: #5d5d3c;
}
#popupViews.introDisplayed #introView.step4 .slider ul {
    margin-left: -300% !important;
}
#popupViews.introDisplayed #introView.step4 .buttons ol li:nth-child(4) {
    background: #5d5d3c;
}
#popupViews.introDisplayed #introView.step5 .slider ul {
    margin-left: -400% !important;
}
#popupViews.introDisplayed #introView.step5 .buttons ol li:nth-child(5) {
    background: #5d5d3c;
}
#popupViews.introDisplayed #introView.step6 .slider ul {
    margin-left: -500% !important;
}
#popupViews.introDisplayed #introView.step6 .buttons ol li:nth-child(6) {
    background: #5d5d3c;
}
#popupViews.introDisplayed #introView.step1 .prevStep {
    visibility: hidden;
}
#popupViews.introDisplayed #introView.step6 .nextStep span {
    display: none;
}
#popupViews.introDisplayed #introView.step6 .nextStep:after {
    content: "Indítom a kalkulációt »"
}
.termsOfServicesContent {
    background: #eee;
    color: #333;
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.25);
    /*text-shadow: 0 1px 0 #ddd;*/
    min-height: 200px;
    max-height: 300px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.termsOfServicesCheckbox {
    margin-top: 1.5em;
    margin-bottom: 2em;
}
.termsOfServicesCheckbox:after {
    display: block;
    content: "";
    clear: both;
}
.termsOfServicesCheckbox>label, .termsOfServicesCheckbox p, .termsOfServicesCheckbox > div > label {
    float: left;
}
.termsOfServicesCheckbox p {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 20px;
    margin-top: 5px;
    vertical-align: middle;
    font-size: 13px;
    padding-left: .5em;
    max-width: 85%}
.termsOfServicesCheckbox p label {
    display: block;
    float: left;
}
.termsOfServicesCheckbox p label .long {
    display: none;
}
.termsOfServicesCheckbox p .generalCtaBtn {
    float: left;
    width: auto;
    margin: -5px 0 -5px 0;
    font-size: 14px;
    box-shadow: none;
}
.error, .warn, .info, #purchasedServiceDiagram.notValid.initial .error, #loginUserView .wrongPassword, #loginUserCampaignView .wrongPassword, #loginSalesAgentView .wrongPassword, #attachContractToUserView .wrongPassword, #getCustomerDataView .wrongPassword, #loginUserView.accessDenied .wrongPassword, #loginSalesAgentView.accessDenied .wrongPassword, #attachContractToUserView.accessDenied .wrongPassword, #getCustomerDataView.accessDenied .wrongPassword {
    position: relative;
    z-index: 200;
    width: 100%;
    padding: 0 8px;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    opacity: .25;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    -ms-transform-origin: center top;
    -o-transform-origin: center top;
    transform-origin: center top;
    background-color: #9e0b0b;
    /*border-radius: 6px;
    box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.05), inset 0 -5px 5px rgba(0, 0, 0, 0.15), 0 1px 1px rgba(0, 0, 0, 0.25);*/
    font-size: 14px;
    line-height: 0;
    font-weight: normal;
    /*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);*/
}
.error:before, .warn:before, .info:before, #purchasedServiceDiagram.notValid.initial .error:before, #purchasedServiceDiagram.notValid.initial .info:before, #purchasedServiceDiagram.notValid.initial #loginUserView .wrongPassword:before, #purchasedServiceDiagram.notValid.initial #loginUserCampaignView .wrongPassword:before, #loginUserView #purchasedServiceDiagram.notValid.initial .wrongPassword:before, #loginUserCampaignView #purchasedServiceDiagram.notValid.initial .wrongPassword:before, #purchasedServiceDiagram.notValid.initial #loginSalesAgentView .wrongPassword:before, #loginSalesAgentView #purchasedServiceDiagram.notValid.initial .wrongPassword:before, #purchasedServiceDiagram.notValid.initial #attachContractToUserView .wrongPassword:before, #attachContractToUserView #purchasedServiceDiagram.notValid.initial .wrongPassword:before, #purchasedServiceDiagram.notValid.initial #getCustomerDataView .wrongPassword:before, #getCustomerDataView #purchasedServiceDiagram.notValid.initial .wrongPassword:before, #loginUserView .wrongPassword:before, #loginUserCampaignView .wrongPassword:before, #loginSalesAgentView .wrongPassword:before, #attachContractToUserView .wrongPassword:before, #getCustomerDataView .wrongPassword:before, #loginUserView.accessDenied .wrongPassword:before, #loginUserCampaignView.accessDenied .wrongPassword:before, #loginSalesAgentView.accessDenied .wrongPassword:before, #attachContractToUserView.accessDenied .wrongPassword:before, #getCustomerDataView.accessDenied .wrongPassword:before {
    position: absolute;
    top: -16px;
    left: 25px;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom-color: #a21717;
}
.productPriceSection .error, .productPriceSection .warn {
    position: relative;
    max-width: 500px;
    margin: 10px auto 0 auto !important;
}
.productPriceSection .error:before, .productPriceSection .warn:before {
    left: 85%;
}
.notValid .error, .validButExpensive .warn, .notValid .info, #purchasedServiceDiagram.notValid.initial .error, .notValid #loginUserView .wrongPassword, .notValid #loginUserCampaignView .wrongPassword, #loginUserView .notValid .wrongPassword, #loginUserCampaignView .notValid .wrongPassword, .notValid #loginSalesAgentView .wrongPassword, #loginSalesAgentView .notValid .wrongPassword, .notValid #attachContractToUserView .wrongPassword, #attachContractToUserView .notValid .wrongPassword, .notValid #getCustomerDataView .wrongPassword, #getCustomerDataView .notValid .wrongPassword, .getCustomerData .resultCheckingSection.showInfoStripe.noResults .info.noResults, .getCustomerData .resultCheckingSection.showInfoStripe.noResults #purchasedServiceDiagram.notValid.initial .noResults.info, #purchasedServiceDiagram.notValid.initial .getCustomerData .resultCheckingSection.showInfoStripe.noResults .noResults.info, .getCustomerData .resultCheckingSection.showInfoStripe.noResults #purchasedServiceDiagram.notValid.initial #loginUserView .noResults.wrongPassword, .getCustomerData .resultCheckingSection.showInfoStripe.noResults #purchasedServiceDiagram.notValid.initial #loginUserCampaignView .noResults.wrongPassword, #purchasedServiceDiagram.notValid.initial #loginUserView .getCustomerData .resultCheckingSection.showInfoStripe.noResults .noResults.wrongPassword, #purchasedServiceDiagram.notValid.initial #loginUserCampaignView .getCustomerData .resultCheckingSection.showInfoStripe.noResults .noResults.wrongPassword, .getCustomerData .resultCheckingSection.showInfoStripe.noResults #loginUserView #purchasedServiceDiagram.notValid.initial .noResults.wrongPassword, .getCustomerData .resultCheckingSection.showInfoStripe.noResults #loginUserCampaignView #purchasedServiceDiagram.notValid.initial .noResults.wrongPassword, #loginUserView #purchasedServiceDiagram.notValid.initial .getCustomerData .resultCheckingSection.showInfoStripe.noResults .noResults.wrongPassword, #loginUserCampaignView #purchasedServiceDiagram.notValid.initial .getCustomerData .resultCheckingSection.showInfoStripe.noResults .noResults.wrongPassword, .getCustomerData .resultCheckingSection.showInfoStripe.noResults #purchasedServiceDiagram.notValid.initial #loginSalesAgentView .noResults.wrongPassword, #purchasedServiceDiagram.notValid.initial #loginSalesAgentView .getCustomerData .resultCheckingSection.showInfoStripe.noResults .noResults.wrongPassword, .getCustomerData .resultCheckingSection.showInfoStripe.noResults #loginSalesAgentView #purchasedServiceDiagram.notValid.initial .noResults.wrongPassword, #loginSalesAgentView #purchasedServiceDiagram.notValid.initial .getCustomerData .resultCheckingSection.showInfoStripe.noResults .noResults.wrongPassword, .getCustomerData .resultCheckingSection.showInfoStripe.noResults #purchasedServiceDiagram.notValid.initial #attachContractToUserView .noResults.wrongPassword, #purchasedServiceDiagram.notValid.initial #attachContractToUserView .getCustomerData .resultCheckingSection.showInfoStripe.noResults .noResults.wrongPassword, .getCustomerData .resultCheckingSection.showInfoStripe.noResults #attachContractToUserView #purchasedServiceDiagram.notValid.initial .noResults.wrongPassword, #attachContractToUserView #purchasedServiceDiagram.notValid.initial .getCustomerData .resultCheckingSection.showInfoStripe.noResults .noResults.wrongPassword, .getCustomerData .resultCheckingSection.showInfoStripe.noResults #purchasedServiceDiagram.notValid.initial #getCustomerDataView .noResults.wrongPassword, #purchasedServiceDiagram.notValid.initial #getCustomerDataView .getCustomerData .resultCheckingSection.showInfoStripe.noResults .noResults.wrongPassword, .getCustomerData .resultCheckingSection.showInfoStripe.noResults #getCustomerDataView #purchasedServiceDiagram.notValid.initial .noResults.wrongPassword, #getCustomerDataView #purchasedServiceDiagram.notValid.initial .getCustomerData .resultCheckingSection.showInfoStripe.noResults .noResults.wrongPassword, .getCustomerData .resultCheckingSection.showInfoStripe.moreResults .info.moreResults, .getCustomerData .resultCheckingSection.showInfoStripe.moreResults #purchasedServiceDiagram.notValid.initial .moreResults.info, #purchasedServiceDiagram.notValid.initial .getCustomerData .resultCheckingSection.showInfoStripe.moreResults .moreResults.info, .getCustomerData .resultCheckingSection.showInfoStripe.moreResults #purchasedServiceDiagram.notValid.initial #loginUserView .moreResults.wrongPassword, .getCustomerData .resultCheckingSection.showInfoStripe.moreResults #purchasedServiceDiagram.notValid.initial #loginUserCampaignView .moreResults.wrongPassword, #purchasedServiceDiagram.notValid.initial #loginUserView .getCustomerData .resultCheckingSection.showInfoStripe.moreResults .moreResults.wrongPassword, #purchasedServiceDiagram.notValid.initial #loginUserCampaignView .getCustomerData .resultCheckingSection.showInfoStripe.moreResults .moreResults.wrongPassword, .getCustomerData .resultCheckingSection.showInfoStripe.moreResults #loginUserView #purchasedServiceDiagram.notValid.initial .moreResults.wrongPassword, .getCustomerData .resultCheckingSection.showInfoStripe.moreResults #loginUserCampaignView #purchasedServiceDiagram.notValid.initial .moreResults.wrongPassword, #loginUserView #purchasedServiceDiagram.notValid.initial .getCustomerData .resultCheckingSection.showInfoStripe.moreResults .moreResults.wrongPassword, #loginUserCampaignView #purchasedServiceDiagram.notValid.initial .getCustomerData .resultCheckingSection.showInfoStripe.moreResults .moreResults.wrongPassword, .getCustomerData .resultCheckingSection.showInfoStripe.moreResults #purchasedServiceDiagram.notValid.initial #loginSalesAgentView .moreResults.wrongPassword, #purchasedServiceDiagram.notValid.initial #loginSalesAgentView .getCustomerData .resultCheckingSection.showInfoStripe.moreResults .moreResults.wrongPassword, .getCustomerData .resultCheckingSection.showInfoStripe.moreResults #loginSalesAgentView #purchasedServiceDiagram.notValid.initial .moreResults.wrongPassword, #loginSalesAgentView #purchasedServiceDiagram.notValid.initial .getCustomerData .resultCheckingSection.showInfoStripe.moreResults .moreResults.wrongPassword, .getCustomerData .resultCheckingSection.showInfoStripe.moreResults #purchasedServiceDiagram.notValid.initial #attachContractToUserView .moreResults.wrongPassword, #purchasedServiceDiagram.notValid.initial #attachContractToUserView .getCustomerData .resultCheckingSection.showInfoStripe.moreResults .moreResults.wrongPassword, .getCustomerData .resultCheckingSection.showInfoStripe.moreResults #attachContractToUserView #purchasedServiceDiagram.notValid.initial .moreResults.wrongPassword, #attachContractToUserView #purchasedServiceDiagram.notValid.initial .getCustomerData .resultCheckingSection.showInfoStripe.moreResults .moreResults.wrongPassword, .getCustomerData .resultCheckingSection.showInfoStripe.moreResults #purchasedServiceDiagram.notValid.initial #getCustomerDataView .moreResults.wrongPassword, #purchasedServiceDiagram.notValid.initial #getCustomerDataView .getCustomerData .resultCheckingSection.showInfoStripe.moreResults .moreResults.wrongPassword, .getCustomerData .resultCheckingSection.showInfoStripe.moreResults #getCustomerDataView #purchasedServiceDiagram.notValid.initial .moreResults.wrongPassword, #getCustomerDataView #purchasedServiceDiagram.notValid.initial .getCustomerData .resultCheckingSection.showInfoStripe.moreResults .moreResults.wrongPassword, #purchasedServiceDiagram.javitasiShowing+.info, #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram.javitasiShowing+.info, #purchasedServiceDiagram.notValid.initial #loginUserView #purchasedServiceDiagram.javitasiShowing+.wrongPassword, #purchasedServiceDiagram.notValid.initial #loginUserCampaignView #purchasedServiceDiagram.javitasiShowing+.wrongPassword, #loginUserView #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram.javitasiShowing+.wrongPassword, #loginUserCampaignView #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram.javitasiShowing+.wrongPassword, #purchasedServiceDiagram.notValid.initial #loginSalesAgentView #purchasedServiceDiagram.javitasiShowing+.wrongPassword, #loginSalesAgentView #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram.javitasiShowing+.wrongPassword, #purchasedServiceDiagram.notValid.initial #attachContractToUserView #purchasedServiceDiagram.javitasiShowing+.wrongPassword, #attachContractToUserView #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram.javitasiShowing+.wrongPassword, #purchasedServiceDiagram.notValid.initial #getCustomerDataView #purchasedServiceDiagram.javitasiShowing+.wrongPassword, #getCustomerDataView #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram.javitasiShowing+.wrongPassword, #purchasedServiceDiagram.kiterjesztettShowing+.info, #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram.kiterjesztettShowing+.info, #purchasedServiceDiagram.notValid.initial #loginUserView #purchasedServiceDiagram.kiterjesztettShowing+.wrongPassword, #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram.kiterjesztettShowing+.info, #purchasedServiceDiagram.notValid.initial #loginUserCampaignView #purchasedServiceDiagram.kiterjesztettShowing+.wrongPassword, #loginUserView #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram.kiterjesztettShowing+.wrongPassword, #loginUserCampaignView #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram.kiterjesztettShowing+.wrongPassword, #purchasedServiceDiagram.notValid.initial #loginSalesAgentView #purchasedServiceDiagram.kiterjesztettShowing+.wrongPassword, #loginSalesAgentView #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram.kiterjesztettShowing+.wrongPassword, #purchasedServiceDiagram.notValid.initial #attachContractToUserView #purchasedServiceDiagram.kiterjesztettShowing+.wrongPassword, #attachContractToUserView #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram.kiterjesztettShowing+.wrongPassword, #purchasedServiceDiagram.notValid.initial #getCustomerDataView #purchasedServiceDiagram.kiterjesztettShowing+.wrongPassword, #getCustomerDataView #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram.kiterjesztettShowing+.wrongPassword, #purchasedServiceDiagram.balesetiShowing+.info, #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram.balesetiShowing+.info, #purchasedServiceDiagram.notValid.initial #loginUserView #purchasedServiceDiagram.balesetiShowing+.wrongPassword, #purchasedServiceDiagram.notValid.initial #loginUserCampaignView #purchasedServiceDiagram.balesetiShowing+.wrongPassword, #loginUserView #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram.balesetiShowing+.wrongPassword, #loginUserCampaignView #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram.balesetiShowing+.wrongPassword, #purchasedServiceDiagram.notValid.initial #loginSalesAgentView #purchasedServiceDiagram.balesetiShowing+.wrongPassword, #loginSalesAgentView #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram.balesetiShowing+.wrongPassword, #purchasedServiceDiagram.notValid.initial #attachContractToUserView #purchasedServiceDiagram.balesetiShowing+.wrongPassword, #attachContractToUserView #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram.balesetiShowing+.wrongPassword, #purchasedServiceDiagram.notValid.initial #getCustomerDataView #purchasedServiceDiagram.balesetiShowing+.wrongPassword, #getCustomerDataView #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram.balesetiShowing+.wrongPassword, .discounts .averageCostTooltip, #loginUserView.accessDenied .wrongPassword, #loginUserCampaignView.accessDenied .wrongPassword, #loginSalesAgentView.accessDenied .wrongPassword, #attachContractToUserView.accessDenied .wrongPassword, #getCustomerDataView.accessDenied .wrongPassword, #sideContentWrapper .contactForm #ContactForm.WRONG_NAME .nameError, #sideContentWrapper .contactForm #ContactForm.WRONG_SUBJECT .subjectError, #sideContentWrapper .contactForm #ContactForm.WRONG_MESSAGE .messageError, #sideContentWrapper .contactForm #ContactForm.WRONG_PHONE .phoneError, #sideContentWrapper .contactForm #ContactForm.WRONG_EMAIL .emailError {
    opacity: 1;
    padding: 6px 8px;
    margin: 5px 0;
    line-height: 16px;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    color: #fff;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
}
.notValid small {
    margin: -25px 0 25px 0;
    line-height: 0;
    opacity: 0;
}
.info, #purchasedServiceDiagram.notValid.initial .error, #purchasedServiceDiagram.notValid.initial .info, #purchasedServiceDiagram.notValid.initial #loginUserView .wrongPassword, #loginUserView #purchasedServiceDiagram.notValid.initial .wrongPassword, #purchasedServiceDiagram.notValid.initial #loginSalesAgentView .wrongPassword, #loginSalesAgentView #purchasedServiceDiagram.notValid.initial .wrongPassword, #purchasedServiceDiagram.notValid.initial #attachContractToUserView .wrongPassword, #attachContractToUserView #purchasedServiceDiagram.notValid.initial .wrongPassword, #purchasedServiceDiagram.notValid.initial #getCustomerDataView .wrongPassword, #getCustomerDataView #purchasedServiceDiagram.notValid.initial .wrongPassword {
    /*background-color: #7d7c1c;*/
    /*background: rgba(200, 199, 45, 0.1);*/
    background: #c87a2d;
}
.info:before, #purchasedServiceDiagram.notValid.initial .error:before, #purchasedServiceDiagram.notValid.initial .info:before, #purchasedServiceDiagram.notValid.initial #loginUserView .wrongPassword:before, #loginUserView #purchasedServiceDiagram.notValid.initial .wrongPassword:before, #purchasedServiceDiagram.notValid.initial #loginSalesAgentView .wrongPassword:before, #loginSalesAgentView #purchasedServiceDiagram.notValid.initial .wrongPassword:before, #purchasedServiceDiagram.notValid.initial #attachContractToUserView .wrongPassword:before, #attachContractToUserView #purchasedServiceDiagram.notValid.initial .wrongPassword:before, #purchasedServiceDiagram.notValid.initial #getCustomerDataView .wrongPassword:before, #getCustomerDataView #purchasedServiceDiagram.notValid.initial .wrongPassword:before {
    /*border-bottom-color: #838227;*/
    /*border-bottom-color: rgba(200, 199, 45, 0.1);*/
    border-bottom-color: #c87a2d;
}
#purchasedServiceDiagram+.info>span, #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram+.error>span, #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram+.info>span, #purchasedServiceDiagram.notValid.initial #loginUserView #purchasedServiceDiagram+.wrongPassword>span, #loginUserView #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram+.wrongPassword>span, #purchasedServiceDiagram.notValid.initial #loginSalesAgentView #purchasedServiceDiagram+.wrongPassword>span, #loginSalesAgentView #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram+.wrongPassword>span, #purchasedServiceDiagram.notValid.initial #attachContractToUserView #purchasedServiceDiagram+.wrongPassword>span, #attachContractToUserView #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram+.wrongPassword>span, #purchasedServiceDiagram.notValid.initial #getCustomerDataView #purchasedServiceDiagram+.wrongPassword>span, #getCustomerDataView #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram+.wrongPassword>span {
    display: none;
}
#purchasedServiceDiagram.javitasiShowing+.info, #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram.javitasiShowing+.error, #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram.javitasiShowing+.info, #purchasedServiceDiagram.notValid.initial #loginUserView #purchasedServiceDiagram.javitasiShowing+.wrongPassword, #loginUserView #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram.javitasiShowing+.wrongPassword, #purchasedServiceDiagram.notValid.initial #loginSalesAgentView #purchasedServiceDiagram.javitasiShowing+.wrongPassword, #loginSalesAgentView #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram.javitasiShowing+.wrongPassword, #purchasedServiceDiagram.notValid.initial #attachContractToUserView #purchasedServiceDiagram.javitasiShowing+.wrongPassword, #attachContractToUserView #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram.javitasiShowing+.wrongPassword, #purchasedServiceDiagram.notValid.initial #getCustomerDataView #purchasedServiceDiagram.javitasiShowing+.wrongPassword, #getCustomerDataView #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram.javitasiShowing+.wrongPassword, #purchasedServiceDiagram.kiterjesztettShowing+.info, #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram.kiterjesztettShowing+.error, #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram.kiterjesztettShowing+.info, #purchasedServiceDiagram.notValid.initial #loginUserView #purchasedServiceDiagram.kiterjesztettShowing+.wrongPassword, #loginUserView #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram.kiterjesztettShowing+.wrongPassword, #purchasedServiceDiagram.notValid.initial #loginSalesAgentView #purchasedServiceDiagram.kiterjesztettShowing+.wrongPassword, #loginSalesAgentView #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram.kiterjesztettShowing+.wrongPassword, #purchasedServiceDiagram.notValid.initial #attachContractToUserView #purchasedServiceDiagram.kiterjesztettShowing+.wrongPassword, #attachContractToUserView #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram.kiterjesztettShowing+.wrongPassword, #purchasedServiceDiagram.notValid.initial #getCustomerDataView #purchasedServiceDiagram.kiterjesztettShowing+.wrongPassword, #getCustomerDataView #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram.kiterjesztettShowing+.wrongPassword, #purchasedServiceDiagram.balesetiShowing+.info, #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram.balesetiShowing+.error, #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram.balesetiShowing+.info, #purchasedServiceDiagram.notValid.initial #loginUserView #purchasedServiceDiagram.balesetiShowing+.wrongPassword, #loginUserView #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram.balesetiShowing+.wrongPassword, #purchasedServiceDiagram.notValid.initial #loginSalesAgentView #purchasedServiceDiagram.balesetiShowing+.wrongPassword, #loginSalesAgentView #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram.balesetiShowing+.wrongPassword, #purchasedServiceDiagram.notValid.initial #attachContractToUserView #purchasedServiceDiagram.balesetiShowing+.wrongPassword, #attachContractToUserView #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram.balesetiShowing+.wrongPassword, #purchasedServiceDiagram.notValid.initial #getCustomerDataView #purchasedServiceDiagram.balesetiShowing+.wrongPassword, #getCustomerDataView #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram.balesetiShowing+.wrongPassword {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}
#purchasedServiceDiagram.javitasiShowing+.info>.javitasi, #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram.javitasiShowing+.error>.javitasi, #purchasedServiceDiagram.notValid.initial #loginUserView #purchasedServiceDiagram.javitasiShowing+.wrongPassword>.javitasi, #loginUserView #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram.javitasiShowing+.wrongPassword>.javitasi, #purchasedServiceDiagram.notValid.initial #loginSalesAgentView #purchasedServiceDiagram.javitasiShowing+.wrongPassword>.javitasi, #loginSalesAgentView #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram.javitasiShowing+.wrongPassword>.javitasi, #purchasedServiceDiagram.notValid.initial #attachContractToUserView #purchasedServiceDiagram.javitasiShowing+.wrongPassword>.javitasi, #attachContractToUserView #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram.javitasiShowing+.wrongPassword>.javitasi, #purchasedServiceDiagram.notValid.initial #getCustomerDataView #purchasedServiceDiagram.javitasiShowing+.wrongPassword>.javitasi, #getCustomerDataView #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram.javitasiShowing+.wrongPassword>.javitasi, #purchasedServiceDiagram.kiterjesztettShowing+.info>.kiterjesztett, #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram.kiterjesztettShowing+.error>.kiterjesztett, #purchasedServiceDiagram.notValid.initial #loginUserView #purchasedServiceDiagram.kiterjesztettShowing+.wrongPassword>.kiterjesztett, #loginUserView #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram.kiterjesztettShowing+.wrongPassword>.kiterjesztett, #purchasedServiceDiagram.notValid.initial #loginSalesAgentView #purchasedServiceDiagram.kiterjesztettShowing+.wrongPassword>.kiterjesztett, #loginSalesAgentView #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram.kiterjesztettShowing+.wrongPassword>.kiterjesztett, #purchasedServiceDiagram.notValid.initial #attachContractToUserView #purchasedServiceDiagram.kiterjesztettShowing+.wrongPassword>.kiterjesztett, #attachContractToUserView #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram.kiterjesztettShowing+.wrongPassword>.kiterjesztett, #purchasedServiceDiagram.notValid.initial #getCustomerDataView #purchasedServiceDiagram.kiterjesztettShowing+.wrongPassword>.kiterjesztett, #getCustomerDataView #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram.kiterjesztettShowing+.wrongPassword>.kiterjesztett, #purchasedServiceDiagram.balesetiShowing+.info>.baleseti, #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram.balesetiShowing+.error>.baleseti, #purchasedServiceDiagram.notValid.initial #loginUserView #purchasedServiceDiagram.balesetiShowing+.wrongPassword>.baleseti, #loginUserView #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram.balesetiShowing+.wrongPassword>.baleseti, #purchasedServiceDiagram.notValid.initial #loginSalesAgentView #purchasedServiceDiagram.balesetiShowing+.wrongPassword>.baleseti, #loginSalesAgentView #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram.balesetiShowing+.wrongPassword>.baleseti, #purchasedServiceDiagram.notValid.initial #attachContractToUserView #purchasedServiceDiagram.balesetiShowing+.wrongPassword>.baleseti, #attachContractToUserView #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram.balesetiShowing+.wrongPassword>.baleseti, #purchasedServiceDiagram.notValid.initial #getCustomerDataView #purchasedServiceDiagram.balesetiShowing+.wrongPassword>.baleseti, #getCustomerDataView #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram.balesetiShowing+.wrongPassword>.baleseti {
    display: inline;
}
.touch #purchasedServiceDiagram+.info, .touch #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram+.error, #purchasedServiceDiagram.notValid.initial .touch #purchasedServiceDiagram+.error, .touch #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram+.info, #purchasedServiceDiagram.notValid.initial .touch #purchasedServiceDiagram+.info, .touch #purchasedServiceDiagram.notValid.initial #loginUserView #purchasedServiceDiagram+.wrongPassword, #purchasedServiceDiagram.notValid.initial #loginUserView .touch #purchasedServiceDiagram+.wrongPassword, .touch #loginUserView #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram+.wrongPassword, #loginUserView #purchasedServiceDiagram.notValid.initial .touch #purchasedServiceDiagram+.wrongPassword, .touch #purchasedServiceDiagram.notValid.initial #loginSalesAgentView #purchasedServiceDiagram+.wrongPassword, #purchasedServiceDiagram.notValid.initial #loginSalesAgentView .touch #purchasedServiceDiagram+.wrongPassword, .touch #loginSalesAgentView #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram+.wrongPassword, #loginSalesAgentView #purchasedServiceDiagram.notValid.initial .touch #purchasedServiceDiagram+.wrongPassword, .touch #purchasedServiceDiagram.notValid.initial #attachContractToUserView #purchasedServiceDiagram+.wrongPassword, #purchasedServiceDiagram.notValid.initial #attachContractToUserView .touch #purchasedServiceDiagram+.wrongPassword, .touch #attachContractToUserView #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram+.wrongPassword, #attachContractToUserView #purchasedServiceDiagram.notValid.initial .touch #purchasedServiceDiagram+.wrongPassword, .touch #purchasedServiceDiagram.notValid.initial #getCustomerDataView #purchasedServiceDiagram+.wrongPassword, #purchasedServiceDiagram.notValid.initial #getCustomerDataView .touch #purchasedServiceDiagram+.wrongPassword, .touch #getCustomerDataView #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram+.wrongPassword, #getCustomerDataView #purchasedServiceDiagram.notValid.initial .touch #purchasedServiceDiagram+.wrongPassword, .serviceTableInactive #purchasedServiceDiagram+.info, .serviceTableInactive #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram+.error, #purchasedServiceDiagram.notValid.initial .serviceTableInactive #purchasedServiceDiagram+.error, .serviceTableInactive #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram+.info, #purchasedServiceDiagram.notValid.initial .serviceTableInactive #purchasedServiceDiagram+.info, .serviceTableInactive #purchasedServiceDiagram.notValid.initial #loginUserView #purchasedServiceDiagram+.wrongPassword, #purchasedServiceDiagram.notValid.initial #loginUserView .serviceTableInactive #purchasedServiceDiagram+.wrongPassword, .serviceTableInactive #loginUserView #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram+.wrongPassword, #loginUserView #purchasedServiceDiagram.notValid.initial .serviceTableInactive #purchasedServiceDiagram+.wrongPassword, .serviceTableInactive #purchasedServiceDiagram.notValid.initial #loginSalesAgentView #purchasedServiceDiagram+.wrongPassword, #purchasedServiceDiagram.notValid.initial #loginSalesAgentView .serviceTableInactive #purchasedServiceDiagram+.wrongPassword, .serviceTableInactive #loginSalesAgentView #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram+.wrongPassword, #loginSalesAgentView #purchasedServiceDiagram.notValid.initial .serviceTableInactive #purchasedServiceDiagram+.wrongPassword, .serviceTableInactive #purchasedServiceDiagram.notValid.initial #attachContractToUserView #purchasedServiceDiagram+.wrongPassword, #purchasedServiceDiagram.notValid.initial #attachContractToUserView .serviceTableInactive #purchasedServiceDiagram+.wrongPassword, .serviceTableInactive #attachContractToUserView #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram+.wrongPassword, #attachContractToUserView #purchasedServiceDiagram.notValid.initial .serviceTableInactive #purchasedServiceDiagram+.wrongPassword, .serviceTableInactive #purchasedServiceDiagram.notValid.initial #getCustomerDataView #purchasedServiceDiagram+.wrongPassword, #purchasedServiceDiagram.notValid.initial #getCustomerDataView .serviceTableInactive #purchasedServiceDiagram+.wrongPassword, .serviceTableInactive #getCustomerDataView #purchasedServiceDiagram.notValid.initial #purchasedServiceDiagram+.wrongPassword, #getCustomerDataView #purchasedServiceDiagram.notValid.initial .serviceTableInactive #purchasedServiceDiagram+.wrongPassword {
    display: none;
}
.getProductDetails .error>span>i, .getProductDetails .info>span>i, .getProductDetails #purchasedServiceDiagram.notValid.initial .error>span>i, #purchasedServiceDiagram.notValid.initial .getProductDetails .error>span>i, .getProductDetails #loginUserView .wrongPassword>span>i, #loginUserView .getProductDetails .wrongPassword>span>i, .getProductDetails #loginSalesAgentView .wrongPassword>span>i, #loginSalesAgentView .getProductDetails .wrongPassword>span>i, .getProductDetails #attachContractToUserView .wrongPassword>span>i, #attachContractToUserView .getProductDetails .wrongPassword>span>i, .getProductDetails #getCustomerDataView .wrongPassword>span>i, #getCustomerDataView .getProductDetails .wrongPassword>span>i {
    white-space: nowrap;
    color: #ff9e77;
}
.getProductDetails header {
    margin-bottom: 3em;
}
.getProductDetails .warningMessage {
    max-width: 500px;
    margin: 1em auto 0 auto;
    font-size: 14px;
    color: #c87a2d;
    line-height: 20px;
}
.getProductDetails .warningMessage p strong {
    font-weight: bold !important;
}
.getProductDetails .factoryWarrantyLengthSection {
    max-width: 500px;
    margin: 0 auto;
}
#purchasedServiceDiagram.notValid {
    padding-bottom: 27px;
}
#purchasedServiceDiagram.notValid .timelineMarkers {
    display: none;
}
#purchasedServiceDiagram.notValid .serviceLengthMarkers li {
    color: #444;
}
#purchasedServiceDiagram.notValid .error, #purchasedServiceDiagram.notValid .info, #purchasedServiceDiagram.notValid.initial .error, #purchasedServiceDiagram.notValid #loginUserView .wrongPassword, #loginUserView #purchasedServiceDiagram.notValid .wrongPassword, #purchasedServiceDiagram.notValid #loginSalesAgentView .wrongPassword, #loginSalesAgentView #purchasedServiceDiagram.notValid .wrongPassword, #purchasedServiceDiagram.notValid #attachContractToUserView .wrongPassword, #attachContractToUserView #purchasedServiceDiagram.notValid .wrongPassword, #purchasedServiceDiagram.notValid #getCustomerDataView .wrongPassword, #getCustomerDataView #purchasedServiceDiagram.notValid .wrongPassword {
    margin-top: 14px;
}
#purchasedServiceDiagram.notValid .error:before, #purchasedServiceDiagram.notValid .info:before, #purchasedServiceDiagram.notValid.initial .error:before, #purchasedServiceDiagram.notValid.initial .info:before, #purchasedServiceDiagram.notValid #loginUserView .wrongPassword:before, #loginUserView #purchasedServiceDiagram.notValid .wrongPassword:before, #purchasedServiceDiagram.notValid #loginSalesAgentView .wrongPassword:before, #loginSalesAgentView #purchasedServiceDiagram.notValid .wrongPassword:before, #purchasedServiceDiagram.notValid #attachContractToUserView .wrongPassword:before, #attachContractToUserView #purchasedServiceDiagram.notValid .wrongPassword:before, #purchasedServiceDiagram.notValid #getCustomerDataView .wrongPassword:before, #getCustomerDataView #purchasedServiceDiagram.notValid .wrongPassword:before {
    left: 10px;
}
.selectPaymentMethod .methodLogos, .selectSalesAgentPaymentMethod .methodLogos {
    text-align: center;
}
.selectPaymentMethod .methodLogos img, .selectSalesAgentPaymentMethod .methodLogos img {
    width: 100%;
    height: auto;
    max-width: 400px;
}
.selectPaymentMethod h2.redirectInProgress, .selectSalesAgentPaymentMethod h2.redirectInProgress {
    text-align: center;
    padding-top: 1em;
    color: #c8c72d;
    font-size: 18px;
    font-weight: normal;
}
.summary header {
    background: #292929;
    margin-bottom: 1em;
}
.summary h2 {
    font-size: 18px;
    line-height: 30px;
    padding: 0 10px;
}
.summary p {
    color: #999;
    font-size: 14px;
    line-height: 16px;
    padding: 3px 10px;
}
.summary p strong, .summary p b {
    font-weight: normal;
    color: #eee;
    line-height: 20px;
}
.summary p.v1 {
    color: #d8d750;
    font-weight: normal;
    font-size: 16px;
    padding-bottom: 10px;
    line-height: 22px;
}
.summary .upper {
    text-transform: uppercase;
}
.summary .allCapital {
    text-transform: capitalize;
}
.summary .capital {
    text-transform: capitalize;
}
.summary .edit, .summary .editSection, .summary .editCustomerSection, .summary .hideEditSection, .summary .hideEditCustomerSection, .summary .editService {
    /*font-family: "General Foundicons";*/
    color: #9bae37;
    /*margin-right: .75em;*/
    /*font-weight: normal;
    font-size: 14px;*/
    line-height: 22px;
    /*border-radius: 5px;*/
    /*padding: 0 10px 0 5px;*/
    min-width: 10px;
    display: none;
    white-space: nowrap;
    text-decoration: underline;
    /*background: #748637 url(../img/editIcon.png) 4px center no-repeat;
    background-size: 12px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);*/
}
.summary .edit:before, .summary .editSection:before, .summary .editCustomerSection:before, .summary .hideEditSection:before, .summary .hideEditCustomerSection:before, .summary .editService:before {
    /*content: "\f01a";*/
}
.summary .editSection, .summary .editCustomerSection, .summary .hideEditSection, .summary .hideEditCustomerSection, .summary .editService, .summary .removeCartItem {
    display: block;
    margin-right: 0;
    padding-top: 4px;
    padding-left: 5px;
    padding-right: 5px;
    float: right;
    background-size: 16px;
    background-position-x: center;
    min-height: 20px;
    font-size: 16px;
    /*position: absolute;
    top: 50%;*/
    top: 50px;
    right: 0;
}
.summary .removeCartItem {
    padding-top: 7px;
    padding-left: 0;
    color: #f00;
}
.summary .editing .hideEditSection, .summary .editing .hideEditCustomerSection, .summary .editing .edit, .summary .editing .editSection, .summary .editing .editCustomerSection, .summary .editing .hideEditSection, .summary .editing .hideEditCustomerSection, .summary .editing .editService {
    display: inline-block;
}
.summary .hideEditSection, .summary .hideEditCustomerSection, .summary .editing .editSection, .summary .editing .editCustomerSection {
    display: none;
}
.summary .editing .hideWhenEdit {
    display: none;
}
.summary .editing .hideEditSection, .summary .editing .hideEditCustomerSection {
    color: #d8d750;
}
.summary .downloadBtns {
    *zoom: 1;
}
.summary .downloadBtns:before, .summary .downloadBtns:after {
    content: " ";
    display: table;
}
.summary .downloadBtns:after {
    clear: both;
}
.summary .downloadBtns .firstBtn {
    float: left;
    width: 49.5%}
.summary .downloadBtns .secondBtn {
    float: right;
    width: 49.5%}
.summary .paymentSummaryHeadline {
    line-height: 30px;
}
.summary .paymentSummaryHeadline:before {
    content: "";
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    background: url(../img/paymentSuccess.png) center center no-repeat;
    background-size: 30px;
    margin-right: .5em;
}
.summary.contractCreationError .paymentSummaryHeadline:before {
    background-image: url(../img/paymentError.png);
}
.summary div.offerSuccessfullySent {
    display: none;
    text-align: center;
    padding: 10px 0;
}
.summary.offerSuccessfullySent div.offerSuccessfullySent {
    display: block;
}
.summary.offerSuccessfullySent div.ctaBtnContainer {
    display: none;
}
.summary div.ctaBtnContainer {
    padding: 20px 70px 20px 70px;
    text-align: center;
}
.summary .callBBox {
    font-size: 18px;
    color: #eee;
    font-weight: bold !important;
    padding-top: .5em;
    line-height: 1.25em;
}
.summary .callBBox a {
    color: inherit;
}
#progressMarkers {
    margin-top: 5px;
    margin-bottom: 20px;
}
#progressMarkers ol {
    margin: 0 auto;
    width: 104%;
    text-align: center;
    margin-left: -2%}
#progressMarkers ol li {
    display: inline-block;
    height: 34px;
    line-height: 13px;
    vertical-align: middle;
    font-size: 11px;
    /*text-shadow: 0px 1px 2px #000;*/
    width: 19.5%;
    /*-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;*/
}
#progressMarkers ol li>span {
    display: table;
    height: 100%;
    margin: 0 auto;
    background: #222;
    width: 89%;
    position: relative;
    padding: 0 2px 0 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: rgba(255, 255, 255, 0.5);
}
#progressMarkers ol li>span>span {
    display: table-cell;
    vertical-align: middle;
}
#progressMarkers ol li>span:before, #progressMarkers ol li>span:after {
    display: block;
    content: "";
    background: transparent;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    border: 10px solid transparent;
    border-top-width: 17px;
    border-bottom-width: 17px;
}
#progressMarkers ol li>span:before {
    left: -10px;
    border-color: #222;
    border-right-width: 0;
    border-left-color: transparent;
}
#progressMarkers ol li>span:after {
    right: -20px;
    border-left-color: #222;
}
#progressMarkers ol li:first-child>span {
    padding-left: 10px;
    /*border-radius: 3px 0 0 3px;*/
}
#progressMarkers ol li:first-child>span:before {
    display: none;
}
#progressMarkers ol li:last-child>span {
    padding-right: 10px;
    /*border-radius: 0 3px 3px 0;*/
}
#progressMarkers ol li:last-child>span:after {
    display: none;
}
#progressMarkers[data-step="1"] li {
    width: 18%;
}
#progressMarkers[data-step="1"] li:nth-child(1) {
    width: 25%;
    height: 44px;
}
#progressMarkers[data-step="1"] li:nth-child(1)>span:after {
    right: -26px;
}
#progressMarkers[data-step="1"] li:nth-child(1)>span:before, #progressMarkers[data-step="1"] li:nth-child(1)>span:after {
    border: 13px solid transparent;
    border-top-width: 22px;
    border-bottom-width: 22px;
}
#progressMarkers[data-step="1"] li:nth-child(1)>span {
    /*background: rgba(200, 199, 45, 0.3);*/
    background: #5F6E2E;
    font-size: 1.4em;
    font-weight: bold;
    /*color: #3d4b08;*/
    color: rgba(255, 255, 255, 0.7);
    /*text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.75);*/
}
#progressMarkers[data-step="1"] li:nth-child(1)>span:before {
    /*border-color: rgba(200, 199, 45, 0.3);*/
    border-color: #5F6E2E;
    border-right-width: 0;
    border-left-color: transparent;
}
#progressMarkers[data-step="1"] li:nth-child(1)>span:after {
    /*border-left-color: rgba(200, 199, 45, 0.3);*/
    border-left-color: #5F6E2E;
}
#progressMarkers[data-step="2"] li {
    width: 18%;
}
#progressMarkers[data-step="2"] li:nth-child(2) {
    width: 25%;
    height: 44px;
    margin-left: -4px;
}
#progressMarkers[data-step="2"] li:nth-child(2)>span:before {
    left: -13px;
}
#progressMarkers[data-step="2"] li:nth-child(2)>span:after {
    right: -26px;
}
#progressMarkers[data-step="2"] li:nth-child(2)>span:before, #progressMarkers[data-step="2"] li:nth-child(2)>span:after {
    border: 13px solid transparent;
    border-top-width: 22px;
    border-bottom-width: 22px;
}
#progressMarkers[data-step="2"] li:nth-child(2)>span {
    background: rgba(200, 199, 45, 0.3);
    font-size: 1.4em;
    font-weight: bold;
    /*color: #3d4b08;*/
    color: rgba(255, 255, 255, 0.7);
    /*text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.75);*/
}
#progressMarkers[data-step="2"] li:nth-child(2)>span:before {
    border-color: rgba(200, 199, 45, 0.3);
    border-right-width: 0;
    border-left-color: transparent;
}
#progressMarkers[data-step="2"] li:nth-child(2)>span:after {
    border-left-color: rgba(200, 199, 45, 0.3);
}
#progressMarkers[data-step="3"] li {
    width: 18%;
}
#progressMarkers[data-step="3"] li:nth-child(3) {
    width: 25%;
    height: 44px;
}
#progressMarkers[data-step="3"] li:nth-child(3)>span:before {
    left: -13px;
}
#progressMarkers[data-step="3"] li:nth-child(3)>span:after {
    right: -26px;
}
#progressMarkers[data-step="3"] li:nth-child(3)>span:before, #progressMarkers[data-step="3"] li:nth-child(3)>span:after {
    border: 13px solid transparent;
    border-top-width: 22px;
    border-bottom-width: 22px;
}
#progressMarkers[data-step="3"] li:nth-child(3)>span {
    background: rgba(200, 199, 45, 0.3);
    font-size: 1.4em;
    font-weight: bold;
    /*color: #3d4b08;*/
    color: rgba(255, 255, 255, 0.7);
    /*text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.75);*/
}
#progressMarkers[data-step="3"] li:nth-child(3)>span:before {
    border-color: rgba(200, 199, 45, 0.3);
    border-right-width: 0;
    border-left-color: transparent;
}
#progressMarkers[data-step="3"] li:nth-child(3)>span:after {
    border-left-color: rgba(200, 199, 45, 0.3);
}
#progressMarkers[data-step="4"] li {
    width: 18%;
}
#progressMarkers[data-step="4"] li:nth-child(4) {
    width: 25%;
    height: 44px;
}
#progressMarkers[data-step="4"] li:nth-child(4)>span:before {
    left: -13px;
}
#progressMarkers[data-step="4"] li:nth-child(4)>span:after {
    right: -26px;
}
#progressMarkers[data-step="4"] li:nth-child(4)>span:before, #progressMarkers[data-step="4"] li:nth-child(4)>span:after {
    border: 13px solid transparent;
    border-top-width: 22px;
    border-bottom-width: 22px;
}
#progressMarkers[data-step="4"] li:nth-child(4)>span {
    background: rgba(200, 199, 45, 0.3);
    font-size: 1.4em;
    font-weight: bold;
    /*color: #3d4b08;*/
    color: rgba(255, 255, 255, 0.7);
    /*text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.75);*/
}
#progressMarkers[data-step="4"] li:nth-child(4)>span:before {
    border-color: rgba(200, 199, 45, 0.3);
    border-right-width: 0;
    border-left-color: transparent;
}
#progressMarkers[data-step="4"] li:nth-child(4)>span:after {
    border-left-color: rgba(200, 199, 45, 0.3);
}
#progressMarkers[data-step="5"] li:nth-child(5)>span {
    background: rgba(200, 199, 45, 0.3);
    font-size: 1.4em;
    font-weight: bold;
    /*color: #3d4b08;*/
    color: rgba(255, 255, 255, 0.7);
    /*text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.75);*/
}
#progressMarkers[data-step="5"] li:nth-child(5)>span:before {
    border-color: rgba(200, 199, 45, 0.3);
    border-right-width: 0;
    border-left-color: transparent;
}
#progressMarkers[data-step="5"] li:nth-child(5)>span:after {
    border-left-color: rgba(200, 199, 45, 0.3);
}
#headTitle h1 {
    text-align: center;
    font-size: 2em;
    margin: 20px 0 62px 0;
}
.discounts .discountsSectionView {
    display: none;
}
.discounts #discountCodeToBeSent, .discounts #sendDiscountBtn {
    margin-bottom: 0;
}
.discounts #sendDiscountBtn.disabled {
    border-bottom: 2px solid #4a4a4a;
}
.discounts #moreDiscounts {
    display: none;
}
.discounts #moreDiscounts h2, .discounts #moreDiscounts p {
    clear: both;
    margin: 10px 5%;
    padding: 0 10px;
}
.discounts.showMoreDiscounts #moreDiscounts {
    display: block;
    width: 95%;
    margin: 0 auto;
}
.discounts.showMoreDiscounts .showDiscountsSectionViewBtn {
    display: none;
}

.discounts #preOfferNotifyOnDiscountsView {
    display: none;
    width: 95%;
    padding: 2em 0;
    margin: 0 auto;
}
.discounts #preOfferNotifyOnDiscountsView p {
    clear: both;
    font-size: 16px;
    line-height: 18px;
    color: #c8c72d;
    text-align: center;
    margin: 0 5%;
    padding: 0 10px;
}
.discounts #preOfferNotifyOnDiscountsView .inputHighlighter {
    margin: 0 5%;
    padding: 0 10px;
}
.discounts #preOfferNotifyOnDiscountsView .inputHighlighter .inputWrapper {
    float: left;
    width: 55%;
    margin-right: 2%;
}
.discounts #preOfferNotifyOnDiscountsView .preOfferDataSendBtnOuter {
    float: left;
    width: 40.5%;
}
.discounts #preOfferNotifyOnDiscountsView .generalCtaBtn {
    font-size: 13px;
    line-height: 40px;
    min-height: 40px;
    width: 100%;
    border-bottom: 2px solid #475614;
}
.discounts #preOfferNotifyOnDiscountsView .generalCtaBtn.disabled {
    border-bottom: 2px solid #4a4a4a;
}
.discounts #preOfferNotifyOnDiscountsView .preOfferDataSent {
    margin: 0 5%;
    padding: 0 10px;
}

.discounts #acceptedDiscountsWrapper {
    clear: both;
    font-size: 16px;
    line-height: 19px;
}
.discounts #acceptedDiscountsWrapper p {
    color: #93aa46;
    clear: both;
    font-weight: normal;
    text-transform: uppercase;
}
.discounts #acceptedDiscountsWrapper p>span:after {
    display: block;
    content: '';
    float: left;
    margin-top: 2px;
    margin-right: 8px;
    width: 16px;
    height: 16px;
    background: url(../img/acceptedCodeIcon.png) center center no-repeat;
    background-size: 16px;
}
.discounts #acceptedDiscountsWrapper p>b {
    float: right;
    text-transform: none;
}
.discounts .averageCostTooltip {
    display: none;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    padding: 12px 12%}
.discounts .averageCostTooltip strong {
    display: block;
    font-size: 22px;
    font-weight: bold !important;
    white-space: nowrap;
    padding: 5px 0;
}
.discounts .averageCostTooltip small {
    display: block;
    font-size: 12px;
    line-height: 14px;
    opacity: .75;
    padding-top: 10px;
}
.discounts .averageCostTooltip:before {
    display: none;
}
#showDiscountsSectionViewBtnContainer {
    padding-bottom: 10px;
}
.showDiscountsSectionViewBtn {
    text-decoration: underline;
    text-align: center;
}
.infoBtn {
    display: block;
    width: 20px;
    height: 20px;
    /*border-radius: 10px;*/
    border: 0;
    /*background-color: #444;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #444), color-stop(100%,  #666));
    background-image: -webkit-linear-gradient(#444, #666);
    background-image: linear-gradient(#444, #666);*/
    color: #fff;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
    font-weight: normal;
    /*text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.5);*/
    /*box-shadow: inset 0px 2px 2px rgba(255, 255, 255, 0.25), inset 0px -1px 0px rgba(0, 0, 0, 0.25), 0px 1px 3px rgba(0, 0, 0, 0.5);*/
}
.modalErrorPage {
    background: #fff;
    color: #000;
    position: relative;
    width: 80%;
    height: 80%;
    max-width: 450px;
    max-height: 300px;
    left: 50%;
    top: 50%;
    margin-left: -225px;
    margin-top: -150px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0px 0px 50px #000;
    border-radius: 10px;
    padding: 20px;
    font-size: 14px;
    color: #555;
}
.modalErrorPage h1 {
    color: #748637;
    font-size: 24px;
    padding-bottom: 15px;
}
.modalErrorPage p {
    padding-bottom: 10px;
    line-height: 1.3em;
}
.modalErrorPage p strong {
    font-weight: normal;
}
.modalErrorPage p.logos {
    text-align: center;
    padding-top: 10px;
}
.modalErrorPage p a {
    color: #748637
    font-weight: normal;
    text-decoration: none;
}
#unsupportedBrowser .logos {
    text-align: center;
    padding-top: 10px;
}
.userAccountView h1 {
    font-size: 21px;
    margin-bottom: 1em;
}
.userAccountView h1+p {
    font-size: 16px;
    padding-top: 5px;
    line-height: 20px;
}
#customersList li {
    *zoom: 1;
    padding-top: 10px;
}
#customersList li:before, #customersList li:after {
    content: " ";
    display: table;
}
#customersList li:after {
    clear: both;
}
#customersList li p {
    float: left;
    width: 63%;
    font-weight: normal;
    font-size: 1.8em;
    padding-top: 5px;
}
#customersList li p.btn {
    float: right;
    width: 33%;
    padding-top: 0;
}
#customersList li p.btn .generalBtn, #customersList li p.btn .generalCtaBtnWithBackBtn .progressBackBtn, .generalCtaBtnWithBackBtn #customersList li p.btn .progressBackBtn, #customersList li p.btn .generalCtaBtnWithBackBtn .backBtn, .generalCtaBtnWithBackBtn #customersList li p.btn .backBtn, #customersList li p.btn .secondaryBtn {
    margin-top: 0;
    margin-bottom: 0;
}
#customersList li p .subinfo {
    display: block;
    font-weight: normal;
    font-size: 0.75em;
    clear: both;
    line-height: 1.25em;
    padding-top: .5em;
    opacity: .7;
}
#customersList li.newCustomer {
    box-shadow: none;
    background: none;
    padding-top: 0;
}
#customersList li.newCustomer p {
    width: 100%;
    font-size: 14px;
    font-weight: normal;
    padding-top: 0;
}
#activateUserView .activationSuccessful {
    display: none;
}
#activateUserView .activationSuccessful p {
    font-size: 14px;
}
#activateUserView.activationSuccessful .loginForm, #activateUserView.activationSuccessful .generalCtaBtn, #activateUserView.activationSuccessful>p {
    display: none;
}
#activateUserView.activationSuccessful .activationSuccessful {
    display: block;
}
#createUserView .activationSuccessful {
    display: none;
}
#createUserView .activationSuccessful p {
    font-size: 14px;
}
#createUserView.activationSuccessful .loginForm, #createUserView.activationSuccessful .generalCtaBtn, #createUserView.activationSuccessful>p {
    display: none;
}
#createUserView.activationSuccessful .activationSuccessful {
    display: block;
}
#passwordResetRequestView .requestSent, #resetPasswordView .requestSent {
    display: none;
}
#passwordResetRequestView .requestSent p, #resetPasswordView .requestSent p {
    font-size: 14px;
}
#passwordResetRequestView.requestSent .form, #passwordResetRequestView.requestSent .generalCtaBtn, #passwordResetRequestView.requestSent>p, #resetPasswordView.requestSent .form, #resetPasswordView.requestSent .generalCtaBtn, #resetPasswordView.requestSent>p {
    display: none;
}
#passwordResetRequestView.requestSent .requestSent, #resetPasswordView.requestSent .requestSent {
    display: block;
}
#contractsView {
    font-size: 13px;
}
#contractsView .infoMessage {
    background: #748637;
    font-size: 16px;
    border-radius: 5px;
    padding: .5em 1em;
    margin-top: 1em;
    font-weight: normal;
    /*text-shadow: 0px 1px 0px black;*/
}
#contractsView .contractGroup {
    border: 1px solid #111;
    margin: 20px 0;
    padding: 10px;
    border-radius: 5px;
    background-color: #222;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #262626), color-stop(100%,  #1a1a1a));
    background-image: -webkit-linear-gradient(#262626, #1a1a1a);
    background-image: linear-gradient(#262626, #1a1a1a);
}
#contractsView .contractGroup>header {
    margin: -10px;
    padding: 10px;
    cursor: pointer;
    padding-right: 40px;
}
#contractsView .contractGroup .toggleGroupDetails {
    float: right;
    padding-top: 5px;
    pointer-events: none;
}
#contractsView .contractGroup .toggleGroupDetails>span {
    display: none;
}
#contractsView .contractGroup .toggleGroupDetails:after {
    content: "";
    display: block;
    height: 0;
    width: 0;
    border: 8px solid transparent;
    border-left-color: #ddd;
    border-right-width: 5px;
}
#contractsView .contractGroup.opened .toggleGroupDetails:after {
    border-left-color: transparent;
    border-right-width: 8px;
    border-top-color: #ddd;
    border-bottom-width: 3px;
}
#contractsView .contractGroup h2 {
    font-size: 18px;
    font-weight: normal;
    line-height: 22px;
    margin-bottom: 4px;
}
#contractsView .contractGroup h2 span {
    font-size: 14px;
    color: #999;
}
#contractsView .contractGroup h3 {
    font-size: 14px;
    line-height: 1.4em;
    font-weight: normal;
    color: #ccc;
}
#contractsView .contractGroup h3 b {
    color: #666;
}
#contractsView .contractGroup h3 strong {
    color: #fff;
}
#contractsView .contractGroup h4 {
    font-weight: normal;
    margin-bottom: 5px;
}
#contractsView .contractGroup .contractGroupDetails, #contractsView .contractGroup .contract {
    display: none;
}
#contractsView .contractGroup.opened .contractGroupDetails {
    display: inherit;
    border-top: 1px solid #444;
    padding-top: 10px;
    margin-top: 10px;
}
#contractsView .contractGroup.opened .contractGroupDetails, #contractsView .contractGroup.opened .contract {
    display: block;
}
#contractsView .contractGroup.opened .contractGroupDetails .contractDownloadBtns a {
    margin-bottom: 3px;
}
#contractsView .contract {
    border: 1px solid #111;
    margin: 20px 0;
    padding: 10px;
    border-radius: 5px;
    background-color: #222;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #262626), color-stop(100%,  #1a1a1a));
    background-image: -webkit-linear-gradient(#262626, #1a1a1a);
    background-image: linear-gradient(#262626, #1a1a1a);
}
#contractsView .contract>header {
    margin: -10px;
    padding: 10px;
    cursor: pointer;
    padding-right: 40px;
}
#contractsView .contract .toggleDetails {
    float: right;
    padding-top: 5px;
    pointer-events: none;
}
#contractsView .contract .toggleDetails>span {
    display: none;
}
#contractsView .contract .toggleDetails:after {
    content: "";
    display: block;
    height: 0;
    width: 0;
    border: 8px solid transparent;
    border-left-color: #ddd;
    border-right-width: 5px;
}
#contractsView .contract .contractDetails {
    display: none;
}
#contractsView .contract .cancelContractUserConfirm, #contractsView .contract .bankDataForContractCancellation {
    background: #0d0d0d;
    padding: 10px;
    margin: -10px;
    margin-top: 10px;
    border-top: 1px solid #2a2a2a;
}
#contractsView .contract .bankDataForContractCancellation {
    display: none;
}
#contractsView .contract .bankDataForContractCancellation p {
    padding-bottom: 1em;
}
#contractsView .contract .bankDataForContractCancellation h4 {
    font-size: 16px;
    padding-top: .5em;
}
#contractsView .contract .contractDownloadBtns, #contractsView .contract .cancelContractUserConfirm {
    *zoom: 1;
}
#contractsView .contract .contractDownloadBtns:before, #contractsView .contract .contractDownloadBtns:after, #contractsView .contract .cancelContractUserConfirm:before, #contractsView .contract .cancelContractUserConfirm:after {
    content: " ";
    display: table;
}
#contractsView .contract .contractDownloadBtns:after, #contractsView .contract .cancelContractUserConfirm:after {
    clear: both;
}
#contractsView .contract .contractDownloadBtns h2, #contractsView .contract .cancelContractUserConfirm h2 {
    color: #c8c72d;
}
#contractsView .contractGroup .contractDownloadBtns .generalBtn, #contractsView .contract .contractDownloadBtns .generalBtn, #contractsView .contract .contractDownloadBtns .generalCtaBtnWithBackBtn .progressBackBtn, .generalCtaBtnWithBackBtn #contractsView .contract .contractDownloadBtns .progressBackBtn, #contractsView .contract .contractDownloadBtns .generalCtaBtnWithBackBtn .backBtn, .generalCtaBtnWithBackBtn #contractsView .contract .contractDownloadBtns .backBtn, #contractsView .contract .contractDownloadBtns .secondaryBtn, #contractsView .contract .cancelContractUserConfirm .generalBtn, #contractsView .contract .cancelContractUserConfirm .generalCtaBtnWithBackBtn .progressBackBtn, .generalCtaBtnWithBackBtn #contractsView .contract .cancelContractUserConfirm .progressBackBtn, #contractsView .contract .cancelContractUserConfirm .generalCtaBtnWithBackBtn .backBtn, .generalCtaBtnWithBackBtn #contractsView .contract .cancelContractUserConfirm .backBtn, #contractsView .contract .cancelContractUserConfirm .secondaryBtn {
    width: 49%;
    float: left;
}
#contractsView .contractGroup .contractDownloadBtns .generalBtn:nth-of-type(2), #contractsView .contract .contractDownloadBtns .generalBtn:nth-of-type(2), #contractsView .contract .contractDownloadBtns .generalCtaBtnWithBackBtn .progressBackBtn:nth-of-type(2), .generalCtaBtnWithBackBtn #contractsView .contract .contractDownloadBtns .progressBackBtn:nth-of-type(2), #contractsView .contract .contractDownloadBtns .generalCtaBtnWithBackBtn .backBtn:nth-of-type(2), .generalCtaBtnWithBackBtn #contractsView .contract .contractDownloadBtns .backBtn:nth-of-type(2), #contractsView .contract .contractDownloadBtns .secondaryBtn:nth-of-type(2), #contractsView .contract .cancelContractUserConfirm .generalBtn:nth-of-type(2), #contractsView .contract .cancelContractUserConfirm .generalCtaBtnWithBackBtn .progressBackBtn:nth-of-type(2), .generalCtaBtnWithBackBtn #contractsView .contract .cancelContractUserConfirm .progressBackBtn:nth-of-type(2), #contractsView .contract .cancelContractUserConfirm .generalCtaBtnWithBackBtn .backBtn:nth-of-type(2), .generalCtaBtnWithBackBtn #contractsView .contract .cancelContractUserConfirm .backBtn:nth-of-type(2), #contractsView .contract .cancelContractUserConfirm .secondaryBtn:nth-of-type(2) {
    float: right;
}
#contractsView .contract .acceptContractTermination {
    background: #b22;
    border-bottom: 2px solid #a11;
}
#contractsView .contract .refuseContractTermination {
    background: #556228;
}
#contractsView .contract .cancelContractListHeadline {
    padding-top: 1em;
}
#contractsView .contract .cancelContractDetails, #contractsView .contract .cancelContractList li {
    background: #111;
    border: 1px solid #333;
    padding: 10px;
    margin: 10px 0;
}
#contractsView .contract .cancelContractDetails p, #contractsView .contract .cancelContractList li p {
    color: #666;
    line-height: 1em;
    padding-top: 2px;
    padding-bottom: 2px;
}
#contractsView .contract .cancelContractDetails strong, #contractsView .contract .cancelContractList li strong {
    font-weight: normal;
    color: #fff;
}
#contractsView .contract h2 {
    font-size: 18px;
    font-weight: normal;
    line-height: 22px;
    margin-bottom: 4px;
}
#contractsView .contract h2 span {
    font-size: 14px;
    color: #999;
}
#contractsView .contract h2.cancelContractInProgress {
    color: #b22;
}
#contractsView .contract h3 {
    font-size: 14px;
    line-height: 1.4em;
    font-weight: normal;
    color: #ccc;
}
#contractsView .contract h3 b {
    color: #666;
}
#contractsView .contract h3 strong {
    color: #fff;
}
#contractsView .contract h3 .contractStatus {
    font-weight: normal;
}
#contractsView .contract h3 .contractStatus.status1 {
    color: #8a9f41;
}
#contractsView .contract h3 .contractStatus.status2 {
    color: #666;
}
#contractsView .contract h3 .contractStatus.status3 {
    color: #b871ff;
}
#contractsView .contract h3 .contractStatus.status4 {
    color: #b22;
}
#contractsView .contract h4 {
    font-weight: normal;
    margin-bottom: 5px;
}
#contractsView .contract.opened .toggleDetails:after {
    border-left-color: transparent;
    border-right-width: 8px;
    border-top-color: #ddd;
    border-bottom-width: 3px;
}
#contractsView .contract.opened .contractDetails {
    display: inherit;
    border-top: 1px solid #444;
    padding-top: 10px;
    margin-top: 10px;
}
#contractsView .contract.opened .contractDetails .contractDownloadBtns a {
    margin-bottom: 3px;
}
#contractsView .contract.showBankDataInputFields .cancelContractUserConfirm {
    display: none;
}
#contractsView .contract.showBankDataInputFields .bankDataForContractCancellation {
    display: inherit;
}
#contractsView .contract.loading .cancelContractUserConfirm, #contractsView .contract.loading .bankDataForContractCancellation {
    position: relative;
}
#contractsView .contract.loading .cancelContractUserConfirm:after, #contractsView .contract.loading .bankDataForContractCancellation:after {
    position: absolute;
    z-index: 210;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
    display: block;
    background: #000 url(../img/bankAccountAjaxLoader.gif) center center no-repeat;
    background-size: 16px;
    opacity: .8;
}
#couponsView header>h2 {
    font-size: 14px;
    line-height: 16px;
    float: none !important;
    text-align: center;
}
#couponsView .coupon {
    border-radius: 5px;
    padding-bottom: 10px;
    *zoom: 1;
}
#couponsView .coupon:before, #couponsView .coupon:after {
    content: " ";
    display: table;
}
#couponsView .coupon:after {
    clear: both;
}
#couponsView .coupon>.details {
    width: 85%;
    float: left;
}
#couponsView .coupon>.details>div {
    background-color: #4e5a25;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #4e5a25), color-stop(100%,  #324003));
    background-image: -webkit-linear-gradient(#4e5a25, #324003);
    background-image: linear-gradient(#4e5a25, #324003);
    border-radius: 5px;
    box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.5);
    *zoom: 1;
}
#couponsView .coupon>.details>div:before, #couponsView .coupon>.details>div:after {
    content: " ";
    display: table;
}
#couponsView .coupon>.details>div:after {
    clear: both;
}
#couponsView .coupon>.details>div .progress {
    background-color: transparent;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #93a055), color-stop(100%,  #65790d));
    background-image: -webkit-linear-gradient(#93a055, #65790d);
    background-image: linear-gradient(#93a055, #65790d);
    background-repeat: no-repeat;
    background-position: left center;
    *zoom: 1;
    border-radius: 5px;
    padding: 8px 10px;
    /*text-shadow: 0px 1px 0px #000;*/
}
#couponsView .coupon>.details>div .progress:before, #couponsView .coupon>.details>div .progress:after {
    content: " ";
    display: table;
}
#couponsView .coupon>.details>div .progress:after {
    clear: both;
}
#couponsView .coupon>.details>div h2 {
    font-size: 14px;
    font-weight: normal;
    float: left;
    line-height: 25px;
    padding-bottom: 0;
    color: inherit;
}
#couponsView .coupon>.details>div .price {
    color: #ff6;
    font-weight: normal;
    font-size: 20px;
    float: right;
    line-height: 25px;
}
#couponsView .coupon>.details>small {
    display: block;
    color: #676c51;
    text-align: center;
    font-size: 11px;
    line-height: 12px !important;
    margin: 10px 0 0 0 !important;
    opacity: 1 !important;
}
#couponsView .coupon>.details>small strong {
    color: #a5a79f;
}
#couponsView .coupon>.generalBtn, #couponsView .generalCtaBtnWithBackBtn .coupon>.progressBackBtn, .generalCtaBtnWithBackBtn #couponsView .coupon>.progressBackBtn, #couponsView .generalCtaBtnWithBackBtn .coupon>.backBtn, .generalCtaBtnWithBackBtn #couponsView .coupon>.backBtn, #couponsView .coupon>.secondaryBtn {
    margin-bottom: 0;
}
#couponsView .coupon>.redeemCouponBtn {
    display: block;
    width: 30px;
    height: 30px;
    /*border-radius: 15px;*/
    margin-top: 5px;
    float: right;
    /*background: #647430 url(../img/addBtn.png) center center no-repeat;
    background-size: 12px;*/
    font-family: "General Foundicons";
    font-size: 18px;
    color: #fff;
    line-height: 30px;
}
#couponsView .coupon>.redeemCouponBtn::before {
    content: "\f003";
}
#couponsView .coupon>.redeemCouponBtn span {
    display: none;
}
#couponsView .coupon>.removeBtn {
    display: block;
    width: 30px;
    height: 30px;
    /*border-radius: 15px;*/
    margin-top: 5px;
    float: right;
    /*background: #ee1c2e url(../img/closeBtn.png) center center no-repeat;
    background-size: 12px;*/
    font-family: "General Foundicons";
    font-size: 18px;
    color: #f00;
    line-height: 30px;
}
#couponsView .coupon>.removeBtn::before {
    content: "\f006";
}
#couponsView .coupon>.removeBtn span {
    display: none;
}
#couponsView #couponsReadyForUse {
    margin-bottom: 40px;
    background: #222;
}
#couponsView #couponsReadyForUse h2 {
    padding-bottom: 0;
}
#couponsView #couponsReadyForUse .coupon {
    *zoom: 1;
}
#couponsView #couponsReadyForUse .coupon:before, #couponsView #couponsReadyForUse .coupon:after {
    content: " ";
    display: table;
}
#couponsView #couponsReadyForUse .coupon:after {
    clear: both;
}
#couponsView #couponsReadyForUse .coupon>.details {
    float: left;
}
#couponsView #couponsReadyForUse .coupon>.details>small {
    text-align: right;
    float: left;
    width: 100%}
#couponsView #couponsReadyForUse.empty {
    border: 2px dashed #555;
    box-shadow: none;
    min-height: 130px;
}
#couponsView #couponsReadyForUse.empty:after {
    content: "A + jelre kattintva adhat hozzá a felhasználási listához eCreditet vagy Csereutalványt.";
    display: block;
    position: relative;
    top: 0;
    left: 0;
    font-size: 18px;
    color: #666;
    text-align: center;
    padding-top: 2em;
}
#couponsView .skipCoupons {
    padding-bottom: 30px;
}
#couponsView .noCoupons h2 {
    width: 100%;
    text-align: center;
    color: #666;
    font-size: 16px;
    padding-top: .5em;
}
.purchasedServiceDiagram {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 192px;
    -webkit-transform: translate3d(0,  0,  0);
    -webkit-backface-visibility: hidden;
    display: block;
    clear: both;
}
#diagramHeader p {
    font-size: 14px;
    color: #fff;
    line-height: 1.3em;
    text-align: center;
}
#diagramHeader.youCanEdit h1 .infoBtn, #diagramHeader.youCanEdit h1 span {
    display: none;
}
#diagramHeader.youCanEdit h1:after {
    content: "Még módosíthat a szolgáltatás-csomagján!"}
#servicePricesContainer.serviceSummary>ul:nth-of-type(2) {
    display: none;
}
#servicePricesContainer.discounts>ul:nth-of-type(1) {
    display: none;
}
#servicePricesContainer>ul {
    display: table;
    position: absolute;
    top: 122px;
    left: 0;
    width: 100%;
    z-index: 3100;
}
#servicePricesContainer>ul li {
    display: table-cell;
    text-align: center;
    /*text-shadow: 0px 1px 1px #000;*/
    opacity: .8;
    font-size: 12px;
    line-height: 14px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
    color: #c8c72d;
}
#servicePricesContainer>ul li.servicePrice span.originalPrice {
    display: block;
    margin-top: -8px;
    color: rgba(255,255,255,0.6);
    text-decoration: line-through;
}
#servicePricesContainer>ul li.servicePrice:after, #servicePricesContainer>ul li.servicePrice span.originalPrice:after {
    content: " Ft" }
.purchasedServiceDiagram[data-serviceperiodminimum="1"] #servicePricesContainer li:nth-child(1):empty {
    visibility: hidden;
}
.purchasedServiceDiagram[data-serviceperiodmax="1"] .serviceLengthMarkers li:nth-child(1), .purchasedServiceDiagram[data-serviceperiodmax="1"] #progressBarTapPlaceHolder li:nth-child(1) {
    width: 100%;
    display: table-cell;
}
.purchasedServiceDiagram[data-serviceperiodmax="1"] #servicePricesContainer li:nth-child(1) {
    width: 100%}
.purchasedServiceDiagram[data-servicelength="1"] .serviceLengthMarkers li:nth-child(1), .purchasedServiceDiagram[data-servicelength="1"] #servicePricesContainer li:nth-child(1) {
    color: #c8c72d;
    opacity: 1;
}
.purchasedServiceDiagram[data-servicelength="1"] #servicePricesContainer li:nth-child(1) {
    font-size: 1.6em;
    font-weight: normal;
    white-space: pre;
    line-height: 1.1em;
}
.purchasedServiceDiagram[data-servicelength="1"] #servicePricesContainer li:nth-child(1):after {
    content: " Ft\A egyszeri díj";
}
.purchasedServiceDiagram[data-serviceperiodmax="1"] #timelineSelector {
    width: 100%}
.purchasedServiceDiagram[data-serviceperiodmax="1"][data-factorylength="1"] .factoryWarranty {
    width: 100%}
.purchasedServiceDiagram[data-serviceperiodmax="1"][data-factorylength="1"] .progressBarContainer.extendedWarranty div.title {
    width: 0%}
.purchasedServiceDiagram[data-serviceperiodmax="1"] .progressBarMarker li:nth-child(1) {
    left: 100%;
    display: inline;
}
.purchasedServiceDiagram[data-serviceperiodmax="1"][data-servicelength="1"] #timelineSelector {
    left: 0%}
.purchasedServiceDiagram[data-serviceperiodmax="1"][data-servicelength="1"] .progressBarSpacer {
    width: 100%}
.purchasedServiceDiagram[data-serviceperiodmax="1"] .serviceLengthMarkers li:nth-child(2), .purchasedServiceDiagram[data-serviceperiodmax="1"] #progressBarTapPlaceHolder li:nth-child(2) {
    width: 100%;
    display: none;
}
.purchasedServiceDiagram[data-serviceperiodmax="1"] #servicePricesContainer li:nth-child(2) {
    width: 100%;
    display: none;
}
.purchasedServiceDiagram[data-serviceperiodmax="1"] #timelineSelector {
    width: 100%}
.purchasedServiceDiagram[data-serviceperiodmax="1"][data-factorylength="2"] .factoryWarranty {
    width: 200%}
.purchasedServiceDiagram[data-serviceperiodmax="1"][data-factorylength="2"] .progressBarContainer.extendedWarranty div.title {
    width: -100%}
.purchasedServiceDiagram[data-serviceperiodmax="1"] .progressBarMarker li:nth-child(2) {
    left: 200%;
    display: none;
}
.purchasedServiceDiagram[data-serviceperiodmax="1"][data-servicelength="2"] #timelineSelector {
    left: 100%}
.purchasedServiceDiagram[data-serviceperiodmax="1"][data-servicelength="2"] .progressBarSpacer {
    width: 200%}
.purchasedServiceDiagram[data-serviceperiodmax="1"] .serviceLengthMarkers li:nth-child(3), .purchasedServiceDiagram[data-serviceperiodmax="1"] #progressBarTapPlaceHolder li:nth-child(3) {
    width: 100%;
    display: none;
}
.purchasedServiceDiagram[data-serviceperiodmax="1"] #servicePricesContainer li:nth-child(3) {
    width: 100%;
    display: none;
}
.purchasedServiceDiagram[data-serviceperiodmax="1"] #timelineSelector {
    width: 100%}
.purchasedServiceDiagram[data-serviceperiodmax="1"][data-factorylength="3"] .factoryWarranty {
    width: 300%}
.purchasedServiceDiagram[data-serviceperiodmax="1"][data-factorylength="3"] .progressBarContainer.extendedWarranty div.title {
    width: -200%}
.purchasedServiceDiagram[data-serviceperiodmax="1"] .progressBarMarker li:nth-child(3) {
    left: 300%;
    display: none;
}
.purchasedServiceDiagram[data-serviceperiodmax="1"][data-servicelength="3"] #timelineSelector {
    left: 200%}
.purchasedServiceDiagram[data-serviceperiodmax="1"][data-servicelength="3"] .progressBarSpacer {
    width: 300%}
.purchasedServiceDiagram[data-serviceperiodmax="1"] .serviceLengthMarkers li:nth-child(4), .purchasedServiceDiagram[data-serviceperiodmax="1"] #progressBarTapPlaceHolder li:nth-child(4) {
    width: 100%;
    display: none;
}
.purchasedServiceDiagram[data-serviceperiodmax="1"] #servicePricesContainer li:nth-child(4) {
    width: 100%;
    display: none;
}
.purchasedServiceDiagram[data-serviceperiodmax="1"] #timelineSelector {
    width: 100%}
.purchasedServiceDiagram[data-serviceperiodmax="1"][data-factorylength="4"] .factoryWarranty {
    width: 400%}
.purchasedServiceDiagram[data-serviceperiodmax="1"][data-factorylength="4"] .progressBarContainer.extendedWarranty div.title {
    width: -300%}
.purchasedServiceDiagram[data-serviceperiodmax="1"] .progressBarMarker li:nth-child(4) {
    left: 400%;
    display: none;
}
.purchasedServiceDiagram[data-serviceperiodmax="1"][data-servicelength="4"] #timelineSelector {
    left: 300%}
.purchasedServiceDiagram[data-serviceperiodmax="1"][data-servicelength="4"] .progressBarSpacer {
    width: 400%}
.purchasedServiceDiagram[data-serviceperiodmax="1"] .serviceLengthMarkers li:nth-child(5), .purchasedServiceDiagram[data-serviceperiodmax="1"] #progressBarTapPlaceHolder li:nth-child(5) {
    width: 100%;
    display: none;
}
.purchasedServiceDiagram[data-serviceperiodmax="1"] #servicePricesContainer li:nth-child(5) {
    width: 100%;
    display: none;
}
.purchasedServiceDiagram[data-serviceperiodmax="1"] #timelineSelector {
    width: 100%}
.purchasedServiceDiagram[data-serviceperiodmax="1"][data-factorylength="5"] .factoryWarranty {
    width: 500%}
.purchasedServiceDiagram[data-serviceperiodmax="1"][data-factorylength="5"] .progressBarContainer.extendedWarranty div.title {
    width: -400%}
.purchasedServiceDiagram[data-serviceperiodmax="1"] .progressBarMarker li:nth-child(5) {
    left: 500%;
    display: none;
}
.purchasedServiceDiagram[data-serviceperiodmax="1"][data-servicelength="5"] #timelineSelector {
    left: 400%}
.purchasedServiceDiagram[data-serviceperiodmax="1"][data-servicelength="5"] .progressBarSpacer {
    width: 500%}
.purchasedServiceDiagram[data-serviceperiodminimum="2"] #servicePricesContainer li:nth-child(1) {
    visibility: hidden;
}
.purchasedServiceDiagram[data-serviceperiodmax="2"] .serviceLengthMarkers li:nth-child(1), .purchasedServiceDiagram[data-serviceperiodmax="2"] #progressBarTapPlaceHolder li:nth-child(1) {
    width: 50%;
    display: table-cell;
}
.purchasedServiceDiagram[data-serviceperiodmax="2"][data-factorylength="3"] .serviceLengthMarkers li:nth-child(1), .purchasedServiceDiagram[data-serviceperiodmax="2"][data-factorylength="3"] #progressBarTapPlaceHolder li:nth-child(1) {
    width: 33%;
}
.purchasedServiceDiagram[data-serviceperiodmax="2"] #servicePricesContainer li:nth-child(1) {
    width: 50%}
.purchasedServiceDiagram[data-serviceperiodmax="2"][data-factorylength="3"] #servicePricesContainer li:nth-child(1) {
    width: 33%}
.purchasedServiceDiagram[data-serviceperiodmax="2"] #timelineSelector {
    width: 50%}
.purchasedServiceDiagram[data-serviceperiodmax="2"][data-factorylength="1"] .factoryWarranty {
    width: 50%}
.purchasedServiceDiagram[data-serviceperiodmax="2"][data-factorylength="1"] .progressBarContainer.extendedWarranty div.title {
    width: 50%}
.purchasedServiceDiagram[data-serviceperiodmax="2"] .progressBarMarker li:nth-child(1) {
    left: 50%;
    display: inline;
}
.purchasedServiceDiagram[data-serviceperiodmax="2"][data-factorylength="3"] .progressBarMarker li:nth-child(1) {
    left: 33%;
}
.purchasedServiceDiagram[data-serviceperiodmax="2"][data-servicelength="1"] #timelineSelector {
    left: 0%}
.purchasedServiceDiagram[data-serviceperiodmax="2"][data-servicelength="1"] .progressBarSpacer {
    width: 50%}
.purchasedServiceDiagram[data-serviceperiodminimum="2"] #servicePricesContainer li:nth-child(2) {
    visibility: hidden;
}
.purchasedServiceDiagram[data-serviceperiodmax="2"] .serviceLengthMarkers li:nth-child(2), .purchasedServiceDiagram[data-serviceperiodmax="2"] #progressBarTapPlaceHolder li:nth-child(2) {
    width: 50%;
    display: table-cell;
}
.purchasedServiceDiagram[data-serviceperiodmax="2"][data-factorylength="3"] .serviceLengthMarkers li:nth-child(2), .purchasedServiceDiagram[data-serviceperiodmax="2"][data-factorylength="3"] #progressBarTapPlaceHolder li:nth-child(2) {
    width: 33%;
}
.purchasedServiceDiagram[data-serviceperiodmax="2"] #servicePricesContainer li:nth-child(2) {
    width: 50%}
.purchasedServiceDiagram[data-serviceperiodmax="2"][data-factorylength="3"] #servicePricesContainer li:nth-child(2) {
    width: 33%}
.purchasedServiceDiagram[data-servicelength="2"] .serviceLengthMarkers li:nth-child(2), .purchasedServiceDiagram[data-servicelength="2"] #servicePricesContainer li:nth-child(2) {
    color: #c8c72d;
    opacity: 1;
}
.purchasedServiceDiagram[data-servicelength="2"] #servicePricesContainer li:nth-child(2) {
    font-size: 1.6em;
    font-weight: normal;
    white-space: pre;
    line-height: 1.1em;
}
.purchasedServiceDiagram[data-servicelength="2"] #servicePricesContainer li:nth-child(2):after {
    content: " Ft\A egyszeri díj";
}
.purchasedServiceDiagram[data-serviceperiodmax="2"] #timelineSelector {
    width: 50%}
.purchasedServiceDiagram[data-serviceperiodmax="2"][data-factorylength="2"] .factoryWarranty {
    width: 100%}
.purchasedServiceDiagram[data-serviceperiodmax="2"][data-factorylength="2"] .progressBarContainer.extendedWarranty div.title {
    width: 0%}
.purchasedServiceDiagram[data-serviceperiodmax="2"] .progressBarMarker li:nth-child(2) {
    left: 100%;
    display: inline;
}
.purchasedServiceDiagram[data-serviceperiodmax="2"][data-factorylength="3"] .progressBarMarker li:nth-child(2) {
    left: 66%;
}
.purchasedServiceDiagram[data-serviceperiodmax="2"][data-servicelength="2"] #timelineSelector {
    left: 50%}
.purchasedServiceDiagram[data-serviceperiodmax="2"][data-servicelength="2"] .progressBarSpacer {
    width: 100%}
.purchasedServiceDiagram[data-serviceperiodmax="2"][data-factorylength="3"] .progressBarSpacer {
    width: 66%;}
.purchasedServiceDiagram[data-serviceperiodmax="2"] .serviceLengthMarkers li:nth-child(3), .purchasedServiceDiagram[data-serviceperiodmax="2"] #progressBarTapPlaceHolder li:nth-child(3) {
    width: 50%;
    display: none;
}
.purchasedServiceDiagram[data-serviceperiodmax="2"][data-factorylength="3"] .serviceLengthMarkers li:nth-child(3), .purchasedServiceDiagram[data-serviceperiodmax="2"][data-factorylength="3"] #progressBarTapPlaceHolder li:nth-child(3) {
    width: 33%;
    display: table-cell;
}
.purchasedServiceDiagram[data-serviceperiodmax="2"] #servicePricesContainer li:nth-child(3) {
    width: 50%;
    display: none;
}
.purchasedServiceDiagram[data-serviceperiodmax="2"][data-factorylength="3"] #servicePricesContainer li:nth-child(3) {
    width: 33%;
    display: table-cell;}
.purchasedServiceDiagram[data-serviceperiodmax="2"] #timelineSelector {
    width: 50%}
.purchasedServiceDiagram[data-serviceperiodmax="2"][data-factorylength="3"] #timelineSelector {
    width: 33%;
    display: none;}
.purchasedServiceDiagram[data-serviceperiodmax="2"][data-factorylength="3"] .factoryWarranty {
    /*width: 150%;*/
    width: 100%;
}
.purchasedServiceDiagram[data-serviceperiodmax="2"][data-factorylength="3"] .progressBarContainer.extendedWarranty div.title {
    /*width: -50%;*/
    display: none;
}
.purchasedServiceDiagram[data-serviceperiodmax="2"] .progressBarMarker li:nth-child(3) {
    left: 150%;
    display: none;
}
.purchasedServiceDiagram[data-serviceperiodmax="2"][data-factorylength="3"] .progressBarMarker li:nth-child(3) {
    left: 100%;
    display: inline;
}
.purchasedServiceDiagram[data-serviceperiodmax="2"][data-servicelength="3"] #timelineSelector {
    left: 100%}
.purchasedServiceDiagram[data-serviceperiodmax="2"][data-servicelength="3"] .progressBarSpacer {
    width: 150%}
.purchasedServiceDiagram[data-serviceperiodmax="2"] .serviceLengthMarkers li:nth-child(4), .purchasedServiceDiagram[data-serviceperiodmax="2"] #progressBarTapPlaceHolder li:nth-child(4) {
    width: 50%;
    display: none;
}
.purchasedServiceDiagram[data-serviceperiodmax="2"] #servicePricesContainer li:nth-child(4) {
    width: 50%;
    display: none;
}
.purchasedServiceDiagram[data-serviceperiodmax="2"] #timelineSelector {
    width: 50%}
.purchasedServiceDiagram[data-serviceperiodmax="2"][data-factorylength="4"] .factoryWarranty {
    width: 200%}
.purchasedServiceDiagram[data-serviceperiodmax="2"][data-factorylength="4"] .progressBarContainer.extendedWarranty div.title {
    width: -100%}
.purchasedServiceDiagram[data-serviceperiodmax="2"] .progressBarMarker li:nth-child(4) {
    left: 200%;
    display: none;
}
.purchasedServiceDiagram[data-serviceperiodmax="2"][data-servicelength="4"] #timelineSelector {
    left: 150%}
.purchasedServiceDiagram[data-serviceperiodmax="2"][data-servicelength="4"] .progressBarSpacer {
    width: 200%}
.purchasedServiceDiagram[data-serviceperiodmax="2"] .serviceLengthMarkers li:nth-child(5), .purchasedServiceDiagram[data-serviceperiodmax="2"] #progressBarTapPlaceHolder li:nth-child(5) {
    width: 50%;
    display: none;
}
.purchasedServiceDiagram[data-serviceperiodmax="2"] #servicePricesContainer li:nth-child(5) {
    width: 50%;
    display: none;
}
.purchasedServiceDiagram[data-serviceperiodmax="2"] #timelineSelector {
    width: 50%}
.purchasedServiceDiagram[data-serviceperiodmax="2"][data-factorylength="5"] .factoryWarranty {
    width: 250%}
.purchasedServiceDiagram[data-serviceperiodmax="2"][data-factorylength="5"] .progressBarContainer.extendedWarranty div.title {
    width: -150%}
.purchasedServiceDiagram[data-serviceperiodmax="2"] .progressBarMarker li:nth-child(5) {
    left: 250%;
    display: none;
}
.purchasedServiceDiagram[data-serviceperiodmax="2"][data-servicelength="5"] #timelineSelector {
    left: 200%}
.purchasedServiceDiagram[data-serviceperiodmax="2"][data-servicelength="5"] .progressBarSpacer {
    width: 250%}
.purchasedServiceDiagram[data-serviceperiodminimum="3"] #servicePricesContainer li:nth-child(1) {
    visibility: hidden;
}
.purchasedServiceDiagram[data-serviceperiodmax="3"] .serviceLengthMarkers li:nth-child(1), .purchasedServiceDiagram[data-serviceperiodmax="3"] #progressBarTapPlaceHolder li:nth-child(1) {
    width: 33.33333%;
    display: table-cell;
}
.purchasedServiceDiagram[data-serviceperiodmax="3"] #servicePricesContainer li:nth-child(1) {
    width: 33.33333%}
.purchasedServiceDiagram[data-serviceperiodmax="3"] #timelineSelector {
    width: 33.33333%}
.purchasedServiceDiagram[data-serviceperiodmax="3"][data-factorylength="1"] .factoryWarranty {
    width: 33.33333%}
.purchasedServiceDiagram[data-serviceperiodmax="3"][data-factorylength="1"] .progressBarContainer.extendedWarranty div.title {
    width: 66.66667%}
.purchasedServiceDiagram[data-serviceperiodmax="3"] .progressBarMarker li:nth-child(1) {
    left: 33.33333%;
    display: inline;
}
.purchasedServiceDiagram[data-serviceperiodmax="3"][data-servicelength="1"] #timelineSelector {
    left: 0%}
.purchasedServiceDiagram[data-serviceperiodmax="3"][data-servicelength="1"] .progressBarSpacer {
    width: 33.33333%}
.purchasedServiceDiagram[data-serviceperiodminimum="3"] #servicePricesContainer li:nth-child(2) {
    visibility: hidden;
}
.purchasedServiceDiagram[data-serviceperiodmax="3"] .serviceLengthMarkers li:nth-child(2), .purchasedServiceDiagram[data-serviceperiodmax="3"] #progressBarTapPlaceHolder li:nth-child(2) {
    width: 33.33333%;
    display: table-cell;
}
.purchasedServiceDiagram[data-serviceperiodmax="3"] #servicePricesContainer li:nth-child(2) {
    width: 33.33333%}
.purchasedServiceDiagram[data-serviceperiodmax="3"] #timelineSelector {
    width: 33.33333%}
.purchasedServiceDiagram[data-serviceperiodmax="3"][data-factorylength="2"] .factoryWarranty {
    width: 66.66667%}
.purchasedServiceDiagram[data-serviceperiodmax="3"][data-factorylength="2"] .progressBarContainer.extendedWarranty div.title {
    width: 33.33333%}
.purchasedServiceDiagram[data-serviceperiodmax="3"] .progressBarMarker li:nth-child(2) {
    left: 66.66667%;
    display: inline;
}
.purchasedServiceDiagram[data-serviceperiodmax="3"][data-servicelength="2"] #timelineSelector {
    left: 33.33333%}
.purchasedServiceDiagram[data-serviceperiodmax="3"][data-servicelength="2"] .progressBarSpacer {
    width: 66.66667%}
.purchasedServiceDiagram[data-serviceperiodminimum="3"] #servicePricesContainer li:nth-child(3) {
    visibility: hidden;
}
.purchasedServiceDiagram[data-serviceperiodmax="3"] .serviceLengthMarkers li:nth-child(3), .purchasedServiceDiagram[data-serviceperiodmax="3"] #progressBarTapPlaceHolder li:nth-child(3) {
    width: 33.33333%;
    display: table-cell;
}
.purchasedServiceDiagram[data-serviceperiodmax="3"] #servicePricesContainer li:nth-child(3) {
    width: 33.33333%}
.purchasedServiceDiagram[data-servicelength="3"] .serviceLengthMarkers li:nth-child(3), .purchasedServiceDiagram[data-servicelength="3"] #servicePricesContainer li:nth-child(3) {
    color: #c8c72d;
    opacity: 1;
}
.purchasedServiceDiagram[data-servicelength="3"] #servicePricesContainer li:nth-child(3) {
    font-size: 1.6em;
    font-weight: normal;
    white-space: pre;
    line-height: 1.1em;
}
.purchasedServiceDiagram[data-servicelength="3"] #servicePricesContainer li:nth-child(3):after {
    content: " Ft\A egyszeri díj";
}
.purchasedServiceDiagram[data-serviceperiodmax="3"] #timelineSelector {
    width: 33.33333%}
.purchasedServiceDiagram[data-serviceperiodmax="3"][data-factorylength="3"] .factoryWarranty {
    width: 100%}
.purchasedServiceDiagram[data-serviceperiodmax="3"][data-factorylength="3"] .progressBarContainer.extendedWarranty div.title {
    width: 0%}
.purchasedServiceDiagram[data-serviceperiodmax="3"] .progressBarMarker li:nth-child(3) {
    left: 100%;
    display: inline;
}
.purchasedServiceDiagram[data-serviceperiodmax="3"][data-servicelength="3"] #timelineSelector {
    left: 66.66667%}
.purchasedServiceDiagram[data-serviceperiodmax="3"][data-servicelength="3"] .progressBarSpacer {
    width: 100%}
.purchasedServiceDiagram[data-serviceperiodmax="3"] .serviceLengthMarkers li:nth-child(4), .purchasedServiceDiagram[data-serviceperiodmax="3"] #progressBarTapPlaceHolder li:nth-child(4) {
    width: 33.33333%;
    display: none;
}
.purchasedServiceDiagram[data-serviceperiodmax="3"] #servicePricesContainer li:nth-child(4) {
    width: 33.33333%;
    display: none;
}
.purchasedServiceDiagram[data-serviceperiodmax="3"] #timelineSelector {
    width: 33.33333%}
.purchasedServiceDiagram[data-serviceperiodmax="3"][data-factorylength="4"] .factoryWarranty {
    width: 133.33333%}
.purchasedServiceDiagram[data-serviceperiodmax="3"][data-factorylength="4"] .progressBarContainer.extendedWarranty div.title {
    width: -33.33333%}
.purchasedServiceDiagram[data-serviceperiodmax="3"] .progressBarMarker li:nth-child(4) {
    left: 133.33333%;
    display: none;
}
.purchasedServiceDiagram[data-serviceperiodmax="3"][data-servicelength="4"] #timelineSelector {
    left: 100%}
.purchasedServiceDiagram[data-serviceperiodmax="3"][data-servicelength="4"] .progressBarSpacer {
    width: 133.33333%}
.purchasedServiceDiagram[data-serviceperiodmax="3"] .serviceLengthMarkers li:nth-child(5), .purchasedServiceDiagram[data-serviceperiodmax="3"] #progressBarTapPlaceHolder li:nth-child(5) {
    width: 33.33333%;
    display: none;
}
.purchasedServiceDiagram[data-serviceperiodmax="3"] #servicePricesContainer li:nth-child(5) {
    width: 33.33333%;
    display: none;
}
.purchasedServiceDiagram[data-serviceperiodmax="3"] #timelineSelector {
    width: 33.33333%}
.purchasedServiceDiagram[data-serviceperiodmax="3"][data-factorylength="5"] .factoryWarranty {
    width: 166.66667%}
.purchasedServiceDiagram[data-serviceperiodmax="3"][data-factorylength="5"] .progressBarContainer.extendedWarranty div.title {
    width: -66.66667%}
.purchasedServiceDiagram[data-serviceperiodmax="3"] .progressBarMarker li:nth-child(5) {
    left: 166.66667%;
    display: none;
}
.purchasedServiceDiagram[data-serviceperiodmax="3"][data-servicelength="5"] #timelineSelector {
    left: 133.33333%}
.purchasedServiceDiagram[data-serviceperiodmax="3"][data-servicelength="5"] .progressBarSpacer {
    width: 166.66667%}
.purchasedServiceDiagram[data-serviceperiodminimum="4"] #servicePricesContainer li:nth-child(1) {
    visibility: hidden;
}
.purchasedServiceDiagram[data-serviceperiodmax="4"] .serviceLengthMarkers li:nth-child(1), .purchasedServiceDiagram[data-serviceperiodmax="4"] #progressBarTapPlaceHolder li:nth-child(1) {
    width: 25%;
    display: table-cell;
}
.purchasedServiceDiagram[data-serviceperiodmax="4"] #servicePricesContainer li:nth-child(1) {
    width: 25%}
.purchasedServiceDiagram[data-serviceperiodmax="4"] #timelineSelector {
    width: 25%}
.purchasedServiceDiagram[data-serviceperiodmax="4"][data-factorylength="1"] .factoryWarranty {
    width: 25%}
.purchasedServiceDiagram[data-serviceperiodmax="4"][data-factorylength="1"] .progressBarContainer.extendedWarranty div.title {
    width: 75%}
.purchasedServiceDiagram[data-serviceperiodmax="4"] .progressBarMarker li:nth-child(1) {
    left: 25%;
    display: inline;
}
.purchasedServiceDiagram[data-serviceperiodmax="4"][data-servicelength="1"] #timelineSelector {
    left: 0%}
.purchasedServiceDiagram[data-serviceperiodmax="4"][data-servicelength="1"] .progressBarSpacer {
    width: 25%}
.purchasedServiceDiagram[data-serviceperiodminimum="4"] #servicePricesContainer li:nth-child(2) {
    visibility: hidden;
}
.purchasedServiceDiagram[data-serviceperiodmax="4"] .serviceLengthMarkers li:nth-child(2), .purchasedServiceDiagram[data-serviceperiodmax="4"] #progressBarTapPlaceHolder li:nth-child(2) {
    width: 25%;
    display: table-cell;
}
.purchasedServiceDiagram[data-serviceperiodmax="4"] #servicePricesContainer li:nth-child(2) {
    width: 25%}
.purchasedServiceDiagram[data-serviceperiodmax="4"] #timelineSelector {
    width: 25%}
.purchasedServiceDiagram[data-serviceperiodmax="4"][data-factorylength="2"] .factoryWarranty {
    width: 50%}
.purchasedServiceDiagram[data-serviceperiodmax="4"][data-factorylength="2"] .progressBarContainer.extendedWarranty div.title {
    width: 50%}
.purchasedServiceDiagram[data-serviceperiodmax="4"] .progressBarMarker li:nth-child(2) {
    left: 50%;
    display: inline;
}
.purchasedServiceDiagram[data-serviceperiodmax="4"][data-servicelength="2"] #timelineSelector {
    left: 25%}
.purchasedServiceDiagram[data-serviceperiodmax="4"][data-servicelength="2"] .progressBarSpacer {
    width: 50%}
.purchasedServiceDiagram[data-serviceperiodminimum="4"] #servicePricesContainer li:nth-child(3) {
    visibility: hidden;
}
.purchasedServiceDiagram[data-serviceperiodmax="4"] .serviceLengthMarkers li:nth-child(3), .purchasedServiceDiagram[data-serviceperiodmax="4"] #progressBarTapPlaceHolder li:nth-child(3) {
    width: 25%;
    display: table-cell;
}
.purchasedServiceDiagram[data-serviceperiodmax="4"] #servicePricesContainer li:nth-child(3) {
    width: 25%}
.purchasedServiceDiagram[data-serviceperiodmax="4"] #timelineSelector {
    width: 25%}
.purchasedServiceDiagram[data-serviceperiodmax="4"][data-factorylength="3"] .factoryWarranty {
    width: 75%}
.purchasedServiceDiagram[data-serviceperiodmax="4"][data-factorylength="3"] .progressBarContainer.extendedWarranty div.title {
    width: 25%}
.purchasedServiceDiagram[data-serviceperiodmax="4"] .progressBarMarker li:nth-child(3) {
    left: 75%;
    display: inline;
}
.purchasedServiceDiagram[data-serviceperiodmax="4"][data-servicelength="3"] #timelineSelector {
    left: 50%}
.purchasedServiceDiagram[data-serviceperiodmax="4"][data-servicelength="3"] .progressBarSpacer {
    width: 75%}
.purchasedServiceDiagram[data-serviceperiodminimum="4"] #servicePricesContainer li:nth-child(4) {
    visibility: hidden;
}
.purchasedServiceDiagram[data-serviceperiodmax="4"] .serviceLengthMarkers li:nth-child(4), .purchasedServiceDiagram[data-serviceperiodmax="4"] #progressBarTapPlaceHolder li:nth-child(4) {
    width: 25%;
    display: table-cell;
}
.purchasedServiceDiagram[data-serviceperiodmax="4"] #servicePricesContainer li:nth-child(4) {
    width: 25%}
.purchasedServiceDiagram[data-servicelength="4"] .serviceLengthMarkers li:nth-child(4), .purchasedServiceDiagram[data-servicelength="4"] #servicePricesContainer li:nth-child(4) {
    color: #c8c72d;
    opacity: 1;
}
.purchasedServiceDiagram[data-servicelength="4"] #servicePricesContainer li:nth-child(4) {
    font-size: 1.6em;
    font-weight: normal;
    white-space: pre;
    line-height: 1.1em;
}
.purchasedServiceDiagram[data-servicelength="4"] #servicePricesContainer li:nth-child(4):after {
    content: " Ft\A egyszeri díj";
}
.purchasedServiceDiagram[data-serviceperiodmax="4"] #timelineSelector {
    width: 25%}
.purchasedServiceDiagram[data-serviceperiodmax="4"][data-factorylength="4"] .factoryWarranty {
    width: 100%}
.purchasedServiceDiagram[data-serviceperiodmax="4"][data-factorylength="4"] .progressBarContainer.extendedWarranty div.title {
    width: 0%}
.purchasedServiceDiagram[data-serviceperiodmax="4"] .progressBarMarker li:nth-child(4) {
    left: 100%;
    display: inline;
}
.purchasedServiceDiagram[data-serviceperiodmax="4"][data-servicelength="4"] #timelineSelector {
    left: 75%}
.purchasedServiceDiagram[data-serviceperiodmax="4"][data-servicelength="4"] .progressBarSpacer {
    width: 100%}
.purchasedServiceDiagram[data-serviceperiodmax="4"] .serviceLengthMarkers li:nth-child(5), .purchasedServiceDiagram[data-serviceperiodmax="4"] #progressBarTapPlaceHolder li:nth-child(5) {
    width: 25%;
    display: none;
}
.purchasedServiceDiagram[data-serviceperiodmax="4"] #servicePricesContainer li:nth-child(5) {
    width: 25%;
    display: none;
}
.purchasedServiceDiagram[data-serviceperiodmax="4"] #timelineSelector {
    width: 25%}
.purchasedServiceDiagram[data-serviceperiodmax="4"][data-factorylength="5"] .factoryWarranty {
    width: 125%}
.purchasedServiceDiagram[data-serviceperiodmax="4"][data-factorylength="5"] .progressBarContainer.extendedWarranty div.title {
    width: -25%}
.purchasedServiceDiagram[data-serviceperiodmax="4"] .progressBarMarker li:nth-child(5) {
    left: 125%;
    display: none;
}
.purchasedServiceDiagram[data-serviceperiodmax="4"][data-servicelength="5"] #timelineSelector {
    left: 100%}
.purchasedServiceDiagram[data-serviceperiodmax="4"][data-servicelength="5"] .progressBarSpacer {
    width: 125%}
.purchasedServiceDiagram[data-serviceperiodminimum="5"] #servicePricesContainer li:nth-child(1) {
    visibility: hidden;
}
.purchasedServiceDiagram[data-serviceperiodmax="5"] .serviceLengthMarkers li:nth-child(1), .purchasedServiceDiagram[data-serviceperiodmax="5"] #progressBarTapPlaceHolder li:nth-child(1) {
    width: 20%;
    display: table-cell;
}
.purchasedServiceDiagram[data-serviceperiodmax="5"] #servicePricesContainer li:nth-child(1) {
    width: 20%}
.purchasedServiceDiagram[data-serviceperiodmax="5"] #timelineSelector {
    width: 20%}
.purchasedServiceDiagram[data-serviceperiodmax="5"][data-factorylength="1"] .factoryWarranty {
    width: 20%}
.purchasedServiceDiagram[data-serviceperiodmax="5"][data-factorylength="1"] .progressBarContainer.extendedWarranty div.title {
    width: 80%}
.purchasedServiceDiagram[data-serviceperiodmax="5"] .progressBarMarker li:nth-child(1) {
    left: 20%;
    display: inline;
}
.purchasedServiceDiagram[data-serviceperiodmax="5"][data-servicelength="1"] #timelineSelector {
    left: 0%}
.purchasedServiceDiagram[data-serviceperiodmax="5"][data-servicelength="1"] .progressBarSpacer {
    width: 20%}
.purchasedServiceDiagram[data-serviceperiodminimum="5"] #servicePricesContainer li:nth-child(2) {
    visibility: hidden;
}
.purchasedServiceDiagram[data-serviceperiodmax="5"] .serviceLengthMarkers li:nth-child(2), .purchasedServiceDiagram[data-serviceperiodmax="5"] #progressBarTapPlaceHolder li:nth-child(2) {
    width: 20%;
    display: table-cell;
}
.purchasedServiceDiagram[data-serviceperiodmax="5"] #servicePricesContainer li:nth-child(2) {
    width: 20%}
.purchasedServiceDiagram[data-serviceperiodmax="5"] #timelineSelector {
    width: 20%}
.purchasedServiceDiagram[data-serviceperiodmax="5"][data-factorylength="2"] .factoryWarranty {
    width: 40%}
.purchasedServiceDiagram[data-serviceperiodmax="5"][data-factorylength="2"] .progressBarContainer.extendedWarranty div.title {
    width: 60%}
.purchasedServiceDiagram[data-serviceperiodmax="5"] .progressBarMarker li:nth-child(2) {
    left: 40%;
    display: inline;
}
.purchasedServiceDiagram[data-serviceperiodmax="5"][data-servicelength="2"] #timelineSelector {
    left: 20%}
.purchasedServiceDiagram[data-serviceperiodmax="5"][data-servicelength="2"] .progressBarSpacer {
    width: 40%}
.purchasedServiceDiagram[data-serviceperiodminimum="5"] #servicePricesContainer li:nth-child(3) {
    visibility: hidden;
}
.purchasedServiceDiagram[data-serviceperiodmax="5"] .serviceLengthMarkers li:nth-child(3), .purchasedServiceDiagram[data-serviceperiodmax="5"] #progressBarTapPlaceHolder li:nth-child(3) {
    width: 20%;
    display: table-cell;
}
.purchasedServiceDiagram[data-serviceperiodmax="5"] #servicePricesContainer li:nth-child(3) {
    width: 20%}
.purchasedServiceDiagram[data-serviceperiodmax="5"] #timelineSelector {
    width: 20%}
.purchasedServiceDiagram[data-serviceperiodmax="5"][data-factorylength="3"] .factoryWarranty {
    width: 60%}
.purchasedServiceDiagram[data-serviceperiodmax="5"][data-factorylength="3"] .progressBarContainer.extendedWarranty div.title {
    width: 40%}
.purchasedServiceDiagram[data-serviceperiodmax="5"] .progressBarMarker li:nth-child(3) {
    left: 60%;
    display: inline;
}
.purchasedServiceDiagram[data-serviceperiodmax="5"][data-servicelength="3"] #timelineSelector {
    left: 40%}
.purchasedServiceDiagram[data-serviceperiodmax="5"][data-servicelength="3"] .progressBarSpacer {
    width: 60%}
.purchasedServiceDiagram[data-serviceperiodminimum="5"] #servicePricesContainer li:nth-child(4) {
    visibility: hidden;
}
.purchasedServiceDiagram[data-serviceperiodmax="5"] .serviceLengthMarkers li:nth-child(4), .purchasedServiceDiagram[data-serviceperiodmax="5"] #progressBarTapPlaceHolder li:nth-child(4) {
    width: 20%;
    display: table-cell;
}
.purchasedServiceDiagram[data-serviceperiodmax="5"] #servicePricesContainer li:nth-child(4) {
    width: 20%}
.purchasedServiceDiagram[data-serviceperiodmax="5"] #timelineSelector {
    width: 20%}
.purchasedServiceDiagram[data-serviceperiodmax="5"][data-factorylength="4"] .factoryWarranty {
    width: 80%}
.purchasedServiceDiagram[data-serviceperiodmax="5"][data-factorylength="4"] .progressBarContainer.extendedWarranty div.title {
    width: 20%}
.purchasedServiceDiagram[data-serviceperiodmax="5"] .progressBarMarker li:nth-child(4) {
    left: 80%;
    display: inline;
}
.purchasedServiceDiagram[data-serviceperiodmax="5"][data-servicelength="4"] #timelineSelector {
    left: 60%}
.purchasedServiceDiagram[data-serviceperiodmax="5"][data-servicelength="4"] .progressBarSpacer {
    width: 80%}
.purchasedServiceDiagram[data-serviceperiodminimum="5"] #servicePricesContainer li:nth-child(5) {
    visibility: hidden;
}
.purchasedServiceDiagram[data-serviceperiodmax="5"] .serviceLengthMarkers li:nth-child(5), .purchasedServiceDiagram[data-serviceperiodmax="5"] #progressBarTapPlaceHolder li:nth-child(5) {
    width: 20%;
    display: table-cell;
}
.purchasedServiceDiagram[data-serviceperiodmax="5"] #servicePricesContainer li:nth-child(5) {
    width: 20%}
.purchasedServiceDiagram[data-servicelength="5"] .serviceLengthMarkers li:nth-child(5), .purchasedServiceDiagram[data-servicelength="5"] #servicePricesContainer li:nth-child(5) {
    color: #c8c72d;
    opacity: 1;
}
.purchasedServiceDiagram[data-servicelength="5"] #servicePricesContainer li:nth-child(5) {
    font-size: 1.6em;
    font-weight: normal;
    white-space: pre;
    line-height: 1.1em;
}
.purchasedServiceDiagram[data-servicelength="5"] #servicePricesContainer li:nth-child(5):after {
    content: " Ft\A egyszeri díj";
}
.purchasedServiceDiagram[data-serviceperiodmax="5"] #timelineSelector {
    width: 20%}
.purchasedServiceDiagram[data-serviceperiodmax="5"][data-factorylength="5"] .factoryWarranty {
    width: 100%}
.purchasedServiceDiagram[data-serviceperiodmax="5"][data-factorylength="5"] .progressBarContainer.extendedWarranty div.title {
    width: 0%}
.purchasedServiceDiagram[data-serviceperiodmax="5"] .progressBarMarker li:nth-child(5) {
    left: 100%;
    display: inline;
}
.purchasedServiceDiagram[data-serviceperiodmax="5"][data-servicelength="5"] #timelineSelector {
    left: 80%}
.purchasedServiceDiagram[data-serviceperiodmax="5"][data-servicelength="5"] .progressBarSpacer {
    width: 100%}

.purchasedServiceDiagram[data-servicelength="2"] .serviceLengthMarkers li:nth-child(2), .purchasedServiceDiagram[data-servicelength="2"] #servicePricesContainer li:nth-child(2), .purchasedServiceDiagram[data-servicelength="3"] .serviceLengthMarkers li:nth-child(3), .purchasedServiceDiagram[data-servicelength="3"] #servicePricesContainer li:nth-child(3), .purchasedServiceDiagram[data-servicelength="4"] .serviceLengthMarkers li:nth-child(4), .purchasedServiceDiagram[data-servicelength="4"] #servicePricesContainer li:nth-child(4),.purchasedServiceDiagram[data-servicelength="5"] .serviceLengthMarkers li:nth-child(5), .purchasedServiceDiagram[data-servicelength="5"] #servicePricesContainer li:nth-child(5) {
    /*font-size: 1.4em;*/
}


body.serviceTableInactive #diagramHeader, body.serviceTableInactive #purchasedServiceDiagram {
    display: none;
}
body.progressMarkersInactive #progressMarkers {
    display: none;
}
#serviceEnablers, .summaryServiceEnablers {
    float: left;
    width: 35px;
    padding-top: 22px;
}
#serviceEnablers input+label, .summaryServiceEnablers input+label {
    margin: 10px auto;
}
#serviceInfoBtns {
    float: right;
    width: 20px;
    padding-top: 17px;
}
#serviceInfoBtns p {
    margin-top: 20px;
    border-radius: 10px;
    background: #000;
}
.serviceProgressBars {
    position: relative;
    margin-top: 32px;
    margin-left: 42px;
    margin-right: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.serviceLengthMarkers {
    display: table;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: normal;
    margin-top: -24px;
    font-size: 9px;
    line-height: 6px;
}
.serviceLengthMarkers li {
    display: table-cell;
    width: 20%;
    height: 20px;
    line-height: 10px;
    text-align: center;
    /*text-shadow: 0px 1px 1px #000;*/
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
    opacity: .6;
    color: shade(#c8c72d, 30%);
}
.serviceLengthMarkers li:first-of-type {
    color: #c8c72d;
    opacity: 1;
}
#progressBarTapPlaceHolder {
    display: table;
    position: absolute;
    z-index: 4400;
    width: 100%;
    height: 180px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: normal;
    margin-top: -25px;
}
#progressBarTapPlaceHolder li {
    display: table-cell;
    width: 20%;
    height: 100%;
    text-align: center;
    cursor: pointer;
}
.purchasedServiceDiagram[data-serviceperiodmax="2"][data-factorylength="3"] #progressBarTapPlaceHolder li {
    cursor: auto;
}
#timelineSelector {
    position: absolute;
    left: 20%;
    -webkit-user-drag: element;
    -moz-user-drag: element;
    -ms-user-drag: element;
    user-drag: element;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,  0,  0);
    -moz-transform: translate3d(0,  0,  0);
    -ms-transform: translate3d(0,  0,  0);
    transform: translate3d(0,  0,  0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 20%;
    height: 206px;
    margin-top: -36px;
    background: url(../img/handCursorHelper2.png) center 102px no-repeat;
    cursor: pointer;
    cursor: move;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
    z-index: 4500;
}
#timelineSelector .background {
    position: absolute;
    bottom: 0;
    width: calc(100% - 3px);
    height: 200px;
    background: rgba(200, 122, 45, 0.15);
    border-radius: 8px;
    border: 2px solid rgba(200, 122, 45, 0.15);
}
#diagramHeader.youCanEdit+section #timelineSelector {
    background: rgba(255, 255, 255, 0.1);
}
#timelineSelector.ended {
    -webkit-transition: all 0.65s ease-out;
    -moz-transition: all 0.65s ease-out;
    transition: all 0.65s ease-out;
}
.todayMarker, .purchaseDateMarker, .serviceEnd {
    display: block;
    /*border-right: 1px solid rgba(255, 255, 255, 0.4);*/
    border-right: 1px solid rgba(132, 152, 62, 1);
    position: absolute;
    width: 1px;
    height: 114px;
    margin-left: -1px;
    top: 0;
    left: 0;
    z-index: 3000;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    transition: all 1s ease-out;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0,  0,  0);
    color: #84983e;
}
.purchaseDateMarker {
    border-right: 1px solid rgba(200, 122, 45, 1);
}
.todayMarker i, .serviceEnd i {
    display: block;
    top: 112px;
    width: 70px;
    margin-left: 2px;
    position: relative;
    text-transform: uppercase;
    text-align: left;
}
.todayMarker i {
    margin-left: -14px;
    text-transform: none;
}
.todayMarker i {
    margin-left: -14px;
    text-transform: none;
}
.purchaseDateMarker, .serviceEnd {
    border-right-style: dotted;
}
.purchaseDateMarker {
    height: 134px;
    font-size: 16px;
    color: #c87a2d;
    z-index: 9999;
}
.purchaseDateMarker i, .serviceEnd i {
    background: transparent;
}
.purchaseDateMarker span {
    display: block;
    top: 128px;
    left: -38px;
    position: relative;
    font-size: 12px;
    text-align: left;
    white-space: nowrap;
    cursor: pointer;
}
.purchaseDateMarker i {
    display: block;
    width: 70px;
    position: relative;
    top: 126px;
    left: -38px;
    cursor: pointer;
    -webkit-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.4);
    box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.4);
    border-bottom: 2px solid #c87a2d;
    background-color: #292929;
    font-size: 12px;
    color: #ddd;
    padding: 4px 7px;
    white-space: nowrap;
}
.serviceProgressBars .progressBarContainer {
    background: #222;
    width: 100%;
    height: 30px;
    margin-top: 10px;
    position: relative;
}
.purchasedServiceDiagram[data-serviceperiodmax="2"][data-factorylength="3"] .serviceProgressBars .progressBarContainer.repairAssistant, .purchasedServiceDiagram[data-serviceperiodmax="2"][data-factorylength="3"] .serviceProgressBars .progressBarContainer.accidentalWarranty {
    background: none;
}
.progressBarContainer>div {
    height: 100%;
    width: 0;
    background-position: left center;
    -webkit-transition: width 0.75s ease-in-out;
    -moz-transition: width 0.75s ease-in-out;
    transition: width 0.75s ease-in-out;
    z-index: 105;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0,  0,  0);
}
.progressBarContainer::before {
    content: "";
    display: block;
    position: absolute;
    background: transparent;
    /*border-radius: 8px;*/
    border: 4px solid #333;
    margin: -4px 0 0 -4px;
    height: 100%;
    width: 100%;
    z-index: 2500;
}
.progressBarContainer:not(.active)>.progressBarSpacer {
    width: 0 !important;
}
.progressBarContainer div.inactiveState {
    position: absolute;
    background: #222;
    width: 0;
    text-align: center;
    line-height: 30px;
    font-size: 13px;
    /*text-shadow: 0 1px 3px #000;*/
    z-index: 2100;
}
.progressBarContainer div.title {
    position: absolute;
    background: transparent;
    width: 100%;
    right: 0;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    /*text-shadow: 0 1px 3px #000;*/
    z-index: 2200;
    overflow: hidden;
    color: #777;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}
.progressBarContainer.active div.title {
    color: #eee;
}
.purchasedServiceDiagram[data-serviceperiodmax="2"][data-factorylength="3"] .serviceProgressBars .progressBarContainer.repairAssistant div.title, .purchasedServiceDiagram[data-serviceperiodmax="2"][data-factorylength="3"] .serviceProgressBars .progressBarContainer.accidentalWarranty div.title {
    width: 66%;
    left: 0;
}
.progressBarContainer .factoryWarranty {
    position: absolute;
    height: 100%;
    width: 20%;
    background-color: #6e6e6e;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #666), color-stop(100%,  #545454));
    background-image: -webkit-linear-gradient(#666, #545454);
    background-image: linear-gradient(#666, #545454);
    color: #ddd;
    background-position: left center;
    line-height: 30px;
    font-size: 11px;
    text-align: center;
    z-index: 2000;
    /*text-shadow: 0 1px 3px #000;*/
    vertical-align: middle;
}
.serviceProgressBars .progressBarMarker li {
    position: absolute;
    top: 0;
    width: 1px;
    height: 30px;
    background: rgba(0, 0, 0, 0.2);
    box-shadow: 1px 0px 0px rgba(255, 255, 255, 0.05);
    z-index: 2150;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0,  0,  0);
}
.serviceProgressBars .progressBarContainer .progressBarSpacer {
    height: 30px;
    background-color: #5F6E2E;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #748637), color-stop(100%,  #5F6E2E));
    background-image: -webkit-linear-gradient(#748637, #5F6E2E);
    background-image: linear-gradient(#748637, #5F6E2E);
    z-index: 1900;
    position: relative;
    -webkit-transform: translate3d(0,  0,  0);
        -webkit-backface-visibility: hidden;
}
.progressBarContainer.extendedWarranty div.title {
    width: 80%;
    right: 0;
}
.summary .purchasedServiceDiagram {
    padding-bottom: 20px;
}
.summary .purchasedServiceDiagram.noAccidental {
    height: 125px;
    margin-bottom: 20px;
}
.summary .purchasedServiceDiagram.noAccidental .accidentalWarranty {
    display: none;
}
.summary .purchasedServiceDiagram.noAccidental .todayMarker, .summary .purchasedServiceDiagram.noAccidental .serviceEnd {
    height: 69px;
}
.summary .purchasedServiceDiagram.noAccidental .todayMarker i, .summary .purchasedServiceDiagram.noAccidental .serviceEnd i {
    top: 72px;
}
.summary .purchasedServiceDiagram.noAccidental .purchaseDateMarker {
    height: 86px;
}
.summary .purchasedServiceDiagram.noAccidental .purchaseDateMarker i {
    width: 64px;
    top: 86px;
    position: absolute;
}
#contractCreationResultView.summary .purchasedServiceDiagram.noAccidental .purchaseDateMarker {
    height: 100px;
}
#contractCreationResultView.summary .purchasedServiceDiagram .purchaseDateMarker i {
    top: 134px;
    left: 0;
    padding: 0;
    font-size: 10px;
    color: #c87a2d;
    border: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
#contractCreationResultView.summary .purchasedServiceDiagram.noAccidental .purchaseDateMarker i {
    top: 100px;
}
.summary .purchasedServiceDiagram.noAccidental .summaryCheckbox3+label {
    display: none;
}
.summary .purchasedServiceDiagram.justAccidental .summaryCheckbox2+label {
    visibility: hidden;
}
.summary .serviceProgressBars {
    margin-right: 5px;
}
.summary .purchaseDateMarker i, .summary .todayMarker i, .summary .serviceEnd i {
    margin-left: -5px;
    text-align: left;
}
.summary .serviceEnd {
    right: 0;
    left: auto;
}
.summary .purchasedServiceDiagram[data-serviceperiodmax="2"][data-factorylength="3"] .serviceEnd {
    right: auto;
    left: 66%;
}
.summary .serviceEnd i {
    margin-left: -65px;
    text-align: right;
}
#sideContentWrapper {
    /*background: #394313;*/
}
#sideContentWrapper>article {
    background: transparent;
    padding-bottom: 0;
}
#sideContentWrapper h1 {
    font-size: 20px;
    padding-bottom: 10px;
    color: #fff;
}
#sideContentWrapper .coreSection, #sideContentWrapper .termsOfServicesContent, #sideContentWrapper #customersList li, #customersList #sideContentWrapper li, #sideContentWrapper #FAQView .mainList>li, #sideContentWrapper #TermsOfServices-ASzFView .mainList>li, #sideContentWrapper #TermsOfServices-ASzFView>section>p {
    font-size: 16px;
    line-height: 20px;
    color: #999;
    /*background: #282f0e;*/
}
#sideContentWrapper .coreSection p, #sideContentWrapper .termsOfServicesContent p, #sideContentWrapper #customersList li p, #customersList #sideContentWrapper li p, #sideContentWrapper #FAQView .mainList>li p, #sideContentWrapper #TermsOfServices-ASzFView .mainList>li p, #sideContentWrapper #TermsOfServices-ASzFView>section>p p {
    padding-top: 2px;
    padding-bottom: 2px;
}
#sideContentWrapper .coreSection p.question, #sideContentWrapper .termsOfServicesContent p.question, #sideContentWrapper #customersList li p.question, #customersList #sideContentWrapper li p.question, #sideContentWrapper #FAQView .mainList>li p.question, #sideContentWrapper #TermsOfServices-ASzFView .mainList>li p.question, #sideContentWrapper #TermsOfServices-ASzFView>section>p p.question {
    color: #fff;
    font-size: 16px;
}
#sideContentWrapper strong {
    font-weight: normal;
    color: #ddd;
}
#sideContentWrapper em {
    font-style: italic;
    opacity: .75;
}
#sideContentWrapper a {
    color: #c8c72d;
}
#sideContentWrapper a:hover {
    color: #9e9e24;
}
#sideContentWrapper a:active {
    color: #c8c72d;
    position: relative;
    top: 1px;
}
#sideContentWrapper #FAQView .mainList>li, #sideContentWrapper #TermsOfServices-ASzFView .mainList>li {
    display: block;
}
#sideContentWrapper #FAQView .mainList>li p.question strong, #sideContentWrapper #TermsOfServices-ASzFView .mainList>li p.question strong {
    color: #fff;
    font-size: 16px;
}
#sideContentWrapper #FAQView .mainList>li ul, #sideContentWrapper #TermsOfServices-ASzFView .mainList>li ul {
    padding-top: 3px;
    padding-bottom: 3px;
}
#sideContentWrapper #FAQView .mainList>li ul>li, #sideContentWrapper #TermsOfServices-ASzFView .mainList>li ul>li {
    margin-left: 30px;
    list-style-type: square;
    padding-top: 2px;
    padding-bottom: 2px;
}
#sideContentWrapper #FAQView .mainList li .question {
    display: block;
    cursor: pointer;
}
#sideContentWrapper #FAQView .mainList li .question:before {
    content: '';
    display: block;
    border: 6px solid transparent;
    width: 1px;
    height: 1px;
    float: right;
    border-top-color: #fff;
    margin-top: 7px;
    margin-left: 15px;
}
#sideContentWrapper #FAQView .mainList li .answer {
    display: none;
}
#sideContentWrapper #FAQView .mainList li.opened .question:before {
    border-top-color: transparent;
    border-bottom-color: #fff;
    margin-top: 0;
}
#sideContentWrapper #FAQView .mainList li.opened .answer {
    display: block;
}
#sideContentWrapper #TermsOfServices-AdatkezelesView h2 {
    float: none;
    color: #fff;
}
#sideContentWrapper #TermsOfServices-AdatkezelesView li {
    padding-top: 5px;
}
#sideContentWrapper #TermsOfServices-AdatkezelesView p {
    padding-top: 5px;
}
#sideContentWrapper #TermsOfServices-AdatkezelesView b {
    color: #fff;
    font-weight: normal;
}
#sideContentWrapper #TermsOfServices-AdatkezelesView em {
    font-style: italic;
}
#sideContentWrapper #TermsOfServices-ASzFView ol.mainList>li {
    counter-increment: root;
}
#sideContentWrapper #TermsOfServices-ASzFView ol.mainList>li h2 {
    display: block;
    clear: both;
    float: none;
    color: #fff;
}
#sideContentWrapper #TermsOfServices-ASzFView ol.mainList>li h2::before {
    content: counter(root) ". "}
#sideContentWrapper #TermsOfServices-ASzFView ol.mainList>li>ol {
    display: block;
    clear: both;
    counter-reset: subsection;
    list-style-type: none;
}
#sideContentWrapper #TermsOfServices-ASzFView ol.mainList>li>ol>li {
    counter-increment: subsection;
}
#sideContentWrapper #TermsOfServices-ASzFView ol.mainList>li>ol>li>p:first-child::before {
    content: counter(root) "." counter(subsection) ". ";
    color: #fff;
}
#sideContentWrapper #TermsOfServices-ASzFView ol.mainList>li>ol>li>ol {
    list-style-type: lower-alpha;
    margin-left: 30px;
}
#sideContentWrapper #TermsOfServices-ASzFView ol.mainList>li>ol>li>ol>li>ol {
    list-style-type: lower-roman;
}
#sideContentWrapper #TermsOfServices-OnreszTajekoztatoView h2 {
    float: none;
    color: #748637;
    font-size: 1.2em;
    padding-top: 5px;
}
#sideContentWrapper #TermsOfServices-OnreszTajekoztatoView li {
    padding-top: 5px;
}
#sideContentWrapper #TermsOfServices-OnreszTajekoztatoView p {
    padding-top: 5px;
    color: #50514F;
}
#sideContentWrapper #TermsOfServices-OnreszTajekoztatoView b {
    color: #323436;
    font-weight: normal;
}
#sideContentWrapper #TermsOfServices-OnreszTajekoztatoView em {
    font-style: italic;
}
#sideContentWrapper .ServicesInfoView>section, #sideContentWrapper .ServiceInfoView>section.disabledCheckboxes {
    *zoom: 1;
}
#sideContentWrapper .ServicesInfoView>section:before, #sideContentWrapper .ServicesInfoView>section:after, #sideContentWrapper .ServiceInfoView>section.disabledCheckboxes:before, #sideContentWrapper .ServiceInfoView>section.disabledCheckboxes:after {
    content: " ";
    display: table;
}
#sideContentWrapper .ServicesInfoView>section:after, #sideContentWrapper .ServiceInfoView>section.disabledCheckboxes:after {
    clear: both;
}
#sideContentWrapper .ServicesInfoView>section h2, #sideContentWrapper .ServicesInfoView>section p, #sideContentWrapper .ServiceInfoView>section.disabledCheckboxes h2, #sideContentWrapper .ServiceInfoView>section.disabledCheckboxes p {
    clear: both;
}
#sideContentWrapper .ServicesInfoView>section label, #sideContentWrapper .ServiceInfoView>section.disabledCheckboxes label {
    float: left;
    width: 25px;
    height: 25px;
    cursor: default;
}
#sideContentWrapper .ServicesInfoView>section label:hover, #sideContentWrapper .ServicesInfoView>section label:active, #sideContentWrapper .ServiceInfoView>section.disabledCheckboxes label:hover, #sideContentWrapper .ServiceInfoView>section.disabledCheckboxes label:active {
    opacity: 1;
    top: 0;
}
#sideContentWrapper .ServicesInfoView>section span, #sideContentWrapper .ServiceInfoView>section.disabledCheckboxes span {
    float: left;
    line-height: 25px;
    margin-left: 10px;
}
#sideContentWrapper .CustomerHelpView {
    color: #999;
    position: relative;
}
#backToBuyingProcessWrapper #backLnk {
    display: none;
    color: #555;
    font-size: 16px;
    line-height: 36px;
    text-decoration: underline;
}
#sideContentWrapper .CustomerHelpView .intro {
    width: 354px;
    position: absolute;
    top: 0;
    left: 0;
}
#sideContentWrapper .CustomerHelpView .more {
    width: 354px;
    position: absolute;
    top: 0;
    left: 380px;
}
#sideContentWrapper .CustomerHelpView h2 {
    color: #555;
}
#sideContentWrapper .CustomerHelpView a {
    text-decoration: underline;
}
#sideContentWrapper .CustomerHelpView strong {
    font-weight: bold;
    color: #ccc;
}
#sideContentWrapper .CustomerHelpView p {
    padding-bottom: 1em;
}
#sideContentWrapper .CustomerHelpView p.important {
    font-weight: normal;
}
#sideContentWrapper .CustomerHelpView p.important:before {
    content: "FIGYELEM! ";
    color: #ff4e33;
}
#sideContentWrapper .CustomerHelpView ul {
    padding-top: 3px;
    padding-bottom: 3px;
}
#sideContentWrapper .CustomerHelpView ul>li {
    margin-left: 30px;
    list-style-type: square;
    padding-top: 2px;
    padding-bottom: 2px;
}
#sideContentWrapper .contactForm {
    *zoom: 1;
}
#sideContentWrapper .contactForm:before, #sideContentWrapper .contactForm:after {
    content: " ";
    display: table;
}
#sideContentWrapper .contactForm:after {
    clear: both;
}
#sideContentWrapper .contactForm > form > p {
    padding-bottom: 8px;
    line-height: 8px;
}
#sideContentWrapper .contactForm > form > p strong {
    display: block;
    margin-bottom: 3px;
}
#sideContentWrapper .contactForm > form > p small {
    display: block;
    opacity: .7;
    font-size: 10px;
    line-height: 12px;
    color: #000;
    margin-bottom: 5px;
}
#sideContentWrapper .contactForm #ContactForm+h2 {
    display: none;
    font-size: 18px;
    padding: 5px 0;
    margin: 0;
}
#sideContentWrapper .contactForm #ContactForm.success {
    display: none;
}
#sideContentWrapper .contactForm #ContactForm.success+h2 {
    display: block;
}
#sideContentWrapper .contactForm .generalInput {
    background-color: #eeefe2;
    color: #000;
}
#sideContentWrapper .backToBuyingProcess {
    width: 60px;
    color: #fff !important;
    margin-top: -5px;
    margin-bottom: 10px;
}
#sideContentWrapper .backToBuyingProcess span {
    display: none;
}
#backToBuyingProcessWrapper, #backToBuyingProcessWrapper2 {
    position: absolute;
    z-index: 5200;
    bottom: auto;
    top: 0;
    left: 0;
    right: 0;
    padding: 0 20px 10px;
    height: 40px;
    /*background: #394313;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
}
#viewPort.sidebarOpened #backToBuyingProcessWrapper, #viewPort.sidebarOpened #backToBuyingProcessWrapper2 {
    display: block;
}
#viewPort.sidebarOpened .karacsony2014 {
    background-image: url('http://blog.businessbox.hu/wp-content/uploads/christmas141.jpg');
    background-position: center center;
}
#viewPort.sidebarOpened .karacsony2014 #sideContentWrapper h1.mainHeadline {
    color: #000;
}
#viewPort.sidebarOpened .karacsony2014 #sideContentWrapper {
    background: none !important;
}
#viewPort.sidebarOpened .karacsony2014 #backToBuyingProcessWrapper {
    background: none !important;
}
#backToBuyingProcessWrapper .closeBtn, #backToBuyingProcessWrapper2 .closeBtn {
    width: 60px;
    float: right;
    margin-top: 8px;
    background: #748637 url(../img/closeBtn.png) center center no-repeat;
    background-size: 12px;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    display: block;
}
#backToBuyingProcessWrapper .closeBtn span, #backToBuyingProcessWrapper2 .closeBtn span {
    display: none;
}
#backToBuyingProcessWrapper2 {
    height: 65px;
    bottom: 0;
    top: auto;
    display: none !important;
}
.showingTwoBackBtns #backToBuyingProcessWrapper2 {
    display: block !important;
}

.info .upArrow {
    position: absolute;
    top: -40px;
    left: 18px;
    display: block;
    width: 40px;
    height: 40px;
    background: url(../img/up-arrow.png) no-repeat;
    background-size: cover;
}

.purchasedServiceDiagramInfo::before {
    border-bottom: 0 !important;
}

.purchasedServiceDiagramInfo {
    background: none !important;
    box-shadow: none !important;
    padding-top: 0 !important;
    padding-left: 50px !important;
    color: #c87a2d !important;
    font-weight: bold !important;
}

/* */

@media (min-width: 500px) {
    .pageContent {
        padding-left: 10px;
        padding-right: 10px;
    }
}@media (min-width: 1006px) {
    #mainNavigation, #viewPort.navigationOpened #mainNavigation {
        width: 25%;
        left: 0;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    #mainWrapper, #viewPort.navigationOpened #mainWrapper {
        margin-left: 25%;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    header.navBar, #viewPort.navigationOpened header.navBar {
        position: static;
        width: 100%}
    #getNavigationBar, #viewPort.navigationOpened #getNavigationBar {
        display: none;
    }
    .pageContent {
        -webkit-transition: 0.5s ease-in-out;
        -moz-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
        width: 100%;
        /*padding-top: 20px;*/
        padding-left: 20px;
        padding-right: 20px;
    }
    #viewPort.sidebarOpened .pageContent {
        /*width: 50%;*/}
    header.navBar h1.logo {
        float: left;
        text-align: left;
    }
    #sideContent {
        top: 45px;
        left: 50%;
        right: 0;
        margin-left: 12.5%;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        transition-duration: 0.5s;
    }
    #viewPort.sidebarOpened #sideContent {
        left: 50%;
        right: 0;
        margin-left: 12.5%;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        transition-duration: 0.5s;
        box-shadow: -15px 0 20px -20px black;
    }
    /*#viewPort.sidebarOpened .generalCtaBtnWithBackBtn .progressBackBtn, #viewPort.sidebarOpened .generalCtaBtnWithBackBtn .backBtn {
        display: none !important;
    }
    #viewPort.sidebarOpened .generalCtaBtnWithBackBtn .generalCtaBtn {
        float: none;
        margin-left: auto;
        margin-right: auto;
        width: 95%;
    }
    #viewPort.sidebarOpened .progressBarContainer .factoryWarranty {
        line-height: 12px;
        font-size: 11px;
        padding-top: 2px;
    }
    #viewPort.sidebarOpened .factoryWarranty>span {
        display: block;
        clear: both;
    }
    #viewPort.sidebarOpened .serviceLengthMarkers {
        height: 2.5em;
        top: -5px;
    }
    #viewPort.sidebarOpened .serviceLengthMarkers li {
        padding: 0 .75em;
    }
    #viewPort.sidebarOpened .serviceLengthMarkers li:first-of-type span {
        display: none;
    }
    #viewPort.sidebarOpened .serviceLengthMarkers li:first-of-type:before {
        content: "A ké-";
        display: block;
        clear: both;
    }
    #viewPort.sidebarOpened .serviceLengthMarkers li:first-of-type:after {
        content: "szülék";
        display: block;
        clear: both;
    }
    #viewPort.sidebarOpened #servicePricesContainer li {
        font-size: 11px !important;
        line-height: 11px;
    }
    #viewPort.sidebarOpened #servicePricesContainer li:after {
        display: none;
    }
    #viewPort.sidebarOpened #progressMarkers ol li {
        width: 10%;
        padding: 0 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #viewPort.sidebarOpened #progressMarkers ol li>span>span {
        display: none;
    }
    #viewPort.sidebarOpened #progressMarkers[data-step="1"] li:nth-child(1) {
        width: 55%;
        padding: 0;
    }
    #viewPort.sidebarOpened #progressMarkers[data-step="1"] li:nth-child(1)>span>span {
        display: table-cell;
    }
    #viewPort.sidebarOpened #progressMarkers[data-step="2"] li:nth-child(2) {
        width: 55%;
        padding: 0;
    }
    #viewPort.sidebarOpened #progressMarkers[data-step="2"] li:nth-child(2)>span>span {
        display: table-cell;
    }
    #viewPort.sidebarOpened #progressMarkers[data-step="3"] li:nth-child(3) {
        width: 55%;
        padding: 0;
    }
    #viewPort.sidebarOpened #progressMarkers[data-step="3"] li:nth-child(3)>span>span {
        display: table-cell;
    }
    #viewPort.sidebarOpened #progressMarkers[data-step="4"] li:nth-child(4) {
        width: 55%;
        padding: 0;
    }
    #viewPort.sidebarOpened #progressMarkers[data-step="4"] li:nth-child(4)>span>span {
        display: table-cell;
    }
    #viewPort.sidebarOpened #progressMarkers[data-step="5"] li:nth-child(5) {
        width: 55%;
        padding: 0;
    }
    #viewPort.sidebarOpened #progressMarkers[data-step="5"] li:nth-child(5)>span>span {
        display: table-cell;
    }
    #viewPort.sidebarOpened .summary .downloadBtns .firstBtn, #viewPort.sidebarOpened .summary .downloadBtns .secondBtn {
        float: none;
        width: 100%;
        clear: both;
    }
    #viewPort.sidebarOpened .marketingNewsletterText label span {
        display: none;
    }
    #viewPort.sidebarOpened .marketingNewsletterText label:after {
        content: "Hozzájárulok,  hogy a Business Box Kft. email vagy azzal egyenértékű más egyéni kommunikációs eszköz útján,  közvetlen üzleti ajánlatot küldjön."}
    #viewPort.sidebarOpened #customersList li p {
        float: none;
        clear: both;
        width: 100%;
        padding-top: 5px;
    }
    #viewPort.sidebarOpened #customersList li p.btn {
        float: none;
        width: 100%;
        padding-top: 10px;
    }
    #viewPort.sidebarOpened .contractDownloadBtns .generalBtn, #viewPort.sidebarOpened .contractDownloadBtns .generalCtaBtnWithBackBtn .progressBackBtn, .generalCtaBtnWithBackBtn #viewPort.sidebarOpened .contractDownloadBtns .progressBackBtn, #viewPort.sidebarOpened .contractDownloadBtns .generalCtaBtnWithBackBtn .backBtn, .generalCtaBtnWithBackBtn #viewPort.sidebarOpened .contractDownloadBtns .backBtn, #viewPort.sidebarOpened .contractDownloadBtns .secondaryBtn, #viewPort.sidebarOpened .cancelContractUserConfirm .generalBtn, #viewPort.sidebarOpened .cancelContractUserConfirm .generalCtaBtnWithBackBtn .progressBackBtn, .generalCtaBtnWithBackBtn #viewPort.sidebarOpened .cancelContractUserConfirm .progressBackBtn, #viewPort.sidebarOpened .cancelContractUserConfirm .generalCtaBtnWithBackBtn .backBtn, .generalCtaBtnWithBackBtn #viewPort.sidebarOpened .cancelContractUserConfirm .backBtn, #viewPort.sidebarOpened .cancelContractUserConfirm .secondaryBtn {
        width: 100% !important;
        float: none !important;
    }
    #viewPort.sidebarOpened .salesAgentPaymentWays .generalCtaBtn {
        width: 100%}
    #viewPort.sidebarOpened .salesAgentPaymentWays #payDirectlyToBBox {
        float: none;
    }
    #viewPort.sidebarOpened .salesAgentPaymentWays #payThroughSalesAgent {
        float: none;
    }
    #viewPort.sidebarOpened #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .coreSection p:nth-child(2n+1), #viewPort.sidebarOpened #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .termsOfServicesContent p:nth-child(2n+1), #viewPort.sidebarOpened #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #customersList li p:nth-child(2n+1), #customersList #viewPort.sidebarOpened #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent li p:nth-child(2n+1), #viewPort.sidebarOpened #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #FAQView .mainList>li p:nth-child(2n+1), #sideContentWrapper #FAQView #viewPort.sidebarOpened #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .mainList>li p:nth-child(2n+1), #viewPort.sidebarOpened #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #TermsOfServices-ASzFView .mainList>li p:nth-child(2n+1), #sideContentWrapper #TermsOfServices-ASzFView #viewPort.sidebarOpened #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .mainList>li p:nth-child(2n+1), #viewPort.sidebarOpened #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #TermsOfServices-ASzFView>section>p p:nth-child(2n+1), #sideContentWrapper #viewPort.sidebarOpened #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #TermsOfServices-ASzFView>section>p p:nth-child(2n+1) {
        float: none;
        width: 100%}
    #viewPort.sidebarOpened #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .coreSection p:nth-child(2n), #viewPort.sidebarOpened #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .termsOfServicesContent p:nth-child(2n), #viewPort.sidebarOpened #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #customersList li p:nth-child(2n), #customersList #viewPort.sidebarOpened #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent li p:nth-child(2n), #viewPort.sidebarOpened #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #FAQView .mainList>li p:nth-child(2n), #sideContentWrapper #FAQView #viewPort.sidebarOpened #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .mainList>li p:nth-child(2n), #viewPort.sidebarOpened #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #TermsOfServices-ASzFView .mainList>li p:nth-child(2n), #sideContentWrapper #TermsOfServices-ASzFView #viewPort.sidebarOpened #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .mainList>li p:nth-child(2n), #viewPort.sidebarOpened #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #TermsOfServices-ASzFView>section>p p:nth-child(2n), #sideContentWrapper #viewPort.sidebarOpened #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #TermsOfServices-ASzFView>section>p p:nth-child(2n) {
        float: none;
        width: 100%}
    #viewPort.sidebarOpened #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .coreSection p:nth-child(3), #viewPort.sidebarOpened #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .termsOfServicesContent p:nth-child(3), #viewPort.sidebarOpened #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #customersList li p:nth-child(3), #customersList #viewPort.sidebarOpened #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent li p:nth-child(3), #viewPort.sidebarOpened #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #FAQView .mainList>li p:nth-child(3), #sideContentWrapper #FAQView #viewPort.sidebarOpened #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .mainList>li p:nth-child(3), #viewPort.sidebarOpened #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #TermsOfServices-ASzFView .mainList>li p:nth-child(3), #sideContentWrapper #TermsOfServices-ASzFView #viewPort.sidebarOpened #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .mainList>li p:nth-child(3), #viewPort.sidebarOpened #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #TermsOfServices-ASzFView>section>p p:nth-child(3), #sideContentWrapper #viewPort.sidebarOpened #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #TermsOfServices-ASzFView>section>p p:nth-child(3) {
        padding-top: 0;
    }
    #viewPort.sidebarOpened #mainWrapper:before {
        display: none;
    }*/
}@media (min-width: 400px) and (max-width: 1005px) {
    #viewPort.navigationOpened #mainNavigation {
        width: 256px;
    }
    #viewPort.navigationOpened #mainWrapper {
        -webkit-transform: translateX(256px);
        -moz-transform: translateX(256px);
        -ms-transform: translateX(256px);
        -o-transform: translateX(256px);
        transform: translateX(256px);
    }
}@media (min-width: 400px) {
    .mainNavigation footer {
        width: 256px;
    }
}@media (min-width: 600px) {
    #timelineSelector.ended {
        -webkit-transition: all 0.7s ease-in-out;
        -moz-transition: all 0.7s ease-in-out;
        transition: all 0.7s ease-in-out;
    }
    .todayMarker, .serviceStart {
        -webkit-transition: all 1s ease-out;
        -moz-transition: all 1s ease-out;
        transition: all 1s ease-out;
    }
    .progressBarContainer>div {
        -webkit-transition: width 1s ease-in-out;
        -moz-transition: width 1s ease-in-out;
        transition: width 1s ease-in-out;
    }
    .serviceLengthMarkers li {
        -webkit-transition: 1s;
        -moz-transition: 1s;
        transition: 1s;
    }
    #couponsView .coupon>.details {
        width: 88%}
    #couponsView .coupon>.details>small {
        text-align: right;
        float: left;
        width: 100%}
    #couponsView .coupon>.generalBtn, #couponsView .generalCtaBtnWithBackBtn .coupon>.progressBackBtn, .generalCtaBtnWithBackBtn #couponsView .coupon>.progressBackBtn, #couponsView .generalCtaBtnWithBackBtn .coupon>.backBtn, .generalCtaBtnWithBackBtn #couponsView .coupon>.backBtn, #couponsView .coupon>.secondaryBtn {
        width: 30%;
        float: right;
        margin-top: 0;
    }
}@media (min-width: 700px) {
    #viewPort:not(.sidebarOpened) .discounts #discountCodeToBeSent {
                                       float: left;
                                       width: 55%;
                                       margin-right: 2%;}
    #viewPort:not(.sidebarOpened) .discounts #sendDiscountBtn {
        float: left;
        width: 40.5%}
    .serviceLengthMarkers li {
        font-size: 1.2em;
    }
    /*#viewPort.sidebarOpened .serviceLengthMarkers li {
        font-size: 1.1em;
    }*/
}@media (max-width: 700px) {
    #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .coreSection p:nth-child(2n+1), #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .termsOfServicesContent p:nth-child(2n+1), #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #customersList li p:nth-child(2n+1), #customersList #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent li p:nth-child(2n+1), #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #FAQView .mainList>li p:nth-child(2n+1), #sideContentWrapper #FAQView #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .mainList>li p:nth-child(2n+1), #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #TermsOfServices-ASzFView .mainList>li p:nth-child(2n+1), #sideContentWrapper #TermsOfServices-ASzFView #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .mainList>li p:nth-child(2n+1), #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #TermsOfServices-ASzFView>section>p p:nth-child(2n+1), #sideContentWrapper #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #TermsOfServices-ASzFView>section>p p:nth-child(2n+1) {
                                                                                                            float: none;
                                                                                                            width: 100%}
    #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .coreSection p:nth-child(2n), #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .termsOfServicesContent p:nth-child(2n), #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #customersList li p:nth-child(2n), #customersList #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent li p:nth-child(2n), #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #FAQView .mainList>li p:nth-child(2n), #sideContentWrapper #FAQView #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .mainList>li p:nth-child(2n), #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #TermsOfServices-ASzFView .mainList>li p:nth-child(2n), #sideContentWrapper #TermsOfServices-ASzFView #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .mainList>li p:nth-child(2n), #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #TermsOfServices-ASzFView>section>p p:nth-child(2n), #sideContentWrapper #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #TermsOfServices-ASzFView>section>p p:nth-child(2n) {
        float: none;
        width: 100%}
    #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .coreSection p:nth-child(3), #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .termsOfServicesContent p:nth-child(3), #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #customersList li p:nth-child(3), #customersList #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent li p:nth-child(3), #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #FAQView .mainList>li p:nth-child(3), #sideContentWrapper #FAQView #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .mainList>li p:nth-child(3), #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #TermsOfServices-ASzFView .mainList>li p:nth-child(3), #sideContentWrapper #TermsOfServices-ASzFView #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .mainList>li p:nth-child(3), #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #TermsOfServices-ASzFView>section>p p:nth-child(3), #sideContentWrapper #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #TermsOfServices-ASzFView>section>p p:nth-child(3) {
        padding-top: 0;
    }
    .phoneNumberInputContainer .phoneNumberInputWrap>input {
        padding: 0 7%;
    }
    .discounts #moreDiscounts h2, .discounts #moreDiscounts p {
        margin: 10px 2%;
        padding: 0;
    }
    .discounts #discountCodeToBeSent, .discounts #sendDiscountBtn {
        float: none;
        width: 98%;
    }
    .discounts #sendDiscountBtn {
        margin-top: 10px;
        margin-right: 0;
    }
    .discounts #preOfferNotifyOnDiscountsView .inputHighlighter .inputWrapper {
        float: none;
        width: 98%;
        margin-right: 0;
    }
    .discounts #preOfferNotifyOnDiscountsView .preOfferDataSendBtnOuter {
        float: none;
        width: 98%;
    }
    .discounts #preOfferNotifyOnDiscountsView .generalCtaBtn {
        margin-top: 4px;
        line-height: 34px;
        min-height: 34px;
    }
}@media (max-width: 734px) {
    .progressBarContainer .factoryWarranty {
        line-height: 12px;
        font-size: 11px;
        padding-top: 2px;
    }
    .factoryWarranty>span {
        display: block;
        clear: both;
    }
    #servicePricesContainer>ul {
        top: 126px;
    }
    #servicePricesContainer li {
        font-size: 11px !important;
        line-height: 11px;
    }
    #progressMarkers ol li {
        width: 10% !important;
        padding: 0 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #progressMarkers ol li>span>span {
        display: none;
    }
    #progressMarkers[data-step="1"] li:nth-child(1) {
        width: 55% !important;
        height: 40px;
        padding: 0;
    }
    #progressMarkers[data-step="1"] li:nth-child(1)>span:before, #progressMarkers[data-step="1"] li:nth-child(1)>span:after {
        border-top-width: 20px;
        border-bottom-width: 20px;
    }
    #progressMarkers[data-step="1"] li:nth-child(1)>span {
        font-size: 1.2em;
    }
    #progressMarkers[data-step="1"] li:nth-child(1)>span>span {
        display: table-cell;
    }
    #progressMarkers[data-step="2"] li:nth-child(2) {
        width: 55% !important;
        height: 40px;
        padding: 0;
    }
    #progressMarkers[data-step="2"] li:nth-child(2)>span:before, #progressMarkers[data-step="2"] li:nth-child(2)>span:after {
        border-top-width: 20px;
        border-bottom-width: 20px;
    }
    #progressMarkers[data-step="2"] li:nth-child(2)>span {
        font-size: 1.2em;
    }
    #progressMarkers[data-step="2"] li:nth-child(2)>span>span {
        display: table-cell;
    }
    #progressMarkers[data-step="3"] li:nth-child(3) {
        width: 55% !important;
        height: 40px;
        padding: 0;
    }
    #progressMarkers[data-step="3"] li:nth-child(3)>span:before, #progressMarkers[data-step="3"] li:nth-child(3)>span:after {
        border-top-width: 20px;
        border-bottom-width: 20px;
    }
    #progressMarkers[data-step="3"] li:nth-child(3)>span {
        font-size: 1.2em;
    }
    #progressMarkers[data-step="3"] li:nth-child(3)>span>span {
        display: table-cell;
    }
    #progressMarkers[data-step="4"] li:nth-child(4) {
        width: 55% !important;
        height: 40px;
        padding: 0;
    }
    #progressMarkers[data-step="4"] li:nth-child(4)>span:before, #progressMarkers[data-step="4"] li:nth-child(4)>span:after {
        border-top-width: 20px;
        border-bottom-width: 20px;
    }
    #progressMarkers[data-step="4"] li:nth-child(4)>span {
        font-size: 1.2em;
    }
    #progressMarkers[data-step="4"] li:nth-child(4)>span>span {
        display: table-cell;
    }
    #progressMarkers[data-step="5"] li:nth-child(5) {
        width: 55% !important;
        height: 40px;
        padding: 0;
    }
    #progressMarkers[data-step="5"] li:nth-child(5)>span:before, #progressMarkers[data-step="5"] li:nth-child(5)>span:after {
        border-top-width: 20px;
        border-bottom-width: 20px;
    }
    #progressMarkers[data-step="5"] li:nth-child(5)>span {
        font-size: 1.2em;
    }
    #progressMarkers[data-step="5"] li:nth-child(5)>span>span {
        display: table-cell;
    }
    .summary .downloadBtns .firstBtn, .summary .downloadBtns .secondBtn {
        float: none;
        width: 100%;
        margin-top: 10px;
        clear: both;
    }
    .marketingNewsletterText label span {
        display: none;
    }
    .marketingNewsletterText label:after {
        content: "Hozzájárulok, hogy a Business Box Kft. email vagy azzal egyenértékű más egyéni kommunikációs eszköz útján, közvetlen üzleti ajánlatot küldjön."}
    .modalErrorPage {
        width: 80%;
        height: 80%;
        max-width: inherit;
        max-height: intrinsic;
        left: 10%;
        top: 10%;
        margin-left: 0;
        margin-top: 0;
    }
    .phoneNumberInputContainer .phoneNumberInputWrap>input {
        padding: 0 8%;
    }
}@media (max-width: 400px) {
    .serviceLengthMarkers {
        height: 2.5em;
        top: -4px;
    }
    .serviceLengthMarkers li {
        padding: 0 .75em;
    }
    .serviceLengthMarkers li:first-of-type span {
        display: none;
    }
    .serviceLengthMarkers li:first-of-type:before {
        content: "A ké-";
        display: block;
        clear: both;
    }
    .serviceLengthMarkers li:first-of-type:after {
        content: "szülék";
        display: block;
        clear: both;
    }
    #customersList li p {
        float: none;
        clear: both;
        width: 100%;
        padding-top: 5px;
    }
    #customersList li p.btn {
        float: none;
        width: 100%;
        padding-top: 10px;
    }
    .contractDownloadBtns .generalBtn, .contractDownloadBtns .generalCtaBtnWithBackBtn .progressBackBtn, .generalCtaBtnWithBackBtn .contractDownloadBtns .progressBackBtn, .contractDownloadBtns .generalCtaBtnWithBackBtn .backBtn, .generalCtaBtnWithBackBtn .contractDownloadBtns .backBtn, .contractDownloadBtns .secondaryBtn, .cancelContractUserConfirm .generalBtn, .cancelContractUserConfirm .generalCtaBtnWithBackBtn .progressBackBtn, .generalCtaBtnWithBackBtn .cancelContractUserConfirm .progressBackBtn, .cancelContractUserConfirm .generalCtaBtnWithBackBtn .backBtn, .generalCtaBtnWithBackBtn .cancelContractUserConfirm .backBtn, .cancelContractUserConfirm .secondaryBtn {
        width: 100% !important;
        float: none !important;
    }
    .generalCtaBtnWithBackBtn .progressBackBtn, .generalCtaBtnWithBackBtn .backBtn {
        display: none !important;
    }
    .generalCtaBtnWithBackBtn .generalCtaBtn {
        float: none;
        margin-left: auto;
        margin-right: auto;
        width: 95%;
        /*border-radius: 10px;*/
    }
    #popupViews>article .popupContentWrapper .popupContentContainer>article {
        /*width: 100%;
        height: 100%;*/
        border-radius: 0;
        max-height: 350px;
        max-width: 300px;
        min-height: inherit;
        min-width: inherit;
    }
    #popupViews>article .popupContentWrapper .popupContentContainer>article .popupContent {
        /*bottom: 90px;*/
    }
    #popupViews>article .popupContentWrapper .popupContentContainer>article .buttons {
        bottom: 33px;
    }
    .inputLikeWrapper .value {
        text-align: left;
    }
    #servicePricesContainer li {
        font-size: 11px !important;
        line-height: 11px;
        white-space: pre !important;
    }
    #servicePricesContainer li.servicePrice:after {
        content: "" !important;
    }
    .purchasedServiceDiagram[data-servicelength="2"] #servicePricesContainer li:nth-child(2), .purchasedServiceDiagram[data-servicelength="3"] #servicePricesContainer li:nth-child(3), .purchasedServiceDiagram[data-servicelength="4"] #servicePricesContainer li:nth-child(4), .purchasedServiceDiagram[data-servicelength="5"] #servicePricesContainer li:nth-child(5) {
        font-size: 1.3em !important;
    }
    .purchasedServiceDiagram[data-servicelength="2"] #servicePricesContainer li:nth-child(2):after, .purchasedServiceDiagram[data-servicelength="3"] #servicePricesContainer li:nth-child(3):after, .purchasedServiceDiagram[data-servicelength="4"] #servicePricesContainer li:nth-child(4):after, .purchasedServiceDiagram[data-servicelength="5"] #servicePricesContainer li:nth-child(5):after {
        content: "\A egyszeri" !important;
    }
    #servicePricesContainer>ul li.servicePrice span.originalPrice:after {
        content: "";
    }
}@media (max-height: 600px) {
    /*#progressMarkers {
        display: none;
    }*/
}@media (max-height: 420px) {
    .popupContent {
        /*box-shadow: inset 0px -5px 10px -7px rgba(0, 0, 0, 0.5);*/
    }
}@media (max-height: 620px) {
    .popupContent {
        /*box-shadow: inset 0px -5px 15px -7px rgba(0, 0, 0, 0.25);*/
    }
}@media (max-width: 350px) {
    header.navBar #navBarPhoneIcon {
        display: none;
    }
    header.navBar h1.logo {
        float: right;
        width: auto;
        text-align: right;
        padding-left: 0;
        padding-right: 5px;
    }
    #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .coreSection p span, #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .termsOfServicesContent p span, #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #customersList li p span, #customersList #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent li p span, #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #FAQView .mainList>li p span, #sideContentWrapper #FAQView #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .mainList>li p span, #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #TermsOfServices-ASzFView .mainList>li p span, #sideContentWrapper #TermsOfServices-ASzFView #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent .mainList>li p span, #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #sideContentWrapper #TermsOfServices-ASzFView>section>p p span, #sideContentWrapper #selectPaymentMethodView .selectedPaymentWay .payThroughSalesAgent #TermsOfServices-ASzFView>section>p p span {
        display: none;
    }
    .purchasedServiceDiagram[data-servicelength="2"] #servicePricesContainer li:nth-child(2):after {
        content: "" !important;
    }
    .purchasedServiceDiagram[data-servicelength="3"] #servicePricesContainer li:nth-child(3):after {
        content: "" !important;
    }
    .purchasedServiceDiagram[data-servicelength="4"] #servicePricesContainer li:nth-child(4):after {
        content: "" !important;
    }
    .purchasedServiceDiagram[data-servicelength="5"] #servicePricesContainer li:nth-child(5):after {
        content: "" !important;
    }
}@media (max-width: 550px) {
    .generalCtaBtnWithBackBtn .progressBackBtn, .generalCtaBtnWithBackBtn .backBtn {
        display: none !important;
    }
    .generalCtaBtnWithBackBtn .generalCtaBtn {
        float: none;
        margin-left: auto;
        margin-right: auto;
        width: 95%;
        /*border-radius: 10px;*/
    }
    .salesAgentPaymentWays .generalCtaBtn {
        width: 100%}
    .salesAgentPaymentWays #payDirectlyToBBox {
        float: none;
    }
    .salesAgentPaymentWays #payThroughSalesAgent {
        float: none;
    }
    .phoneNumberInputContainer .phoneNumberInputWrap>input {
        padding: 0 12%;
    }
    .discounts #preOfferNotifyOnDiscountsView .inputHighlighter {
        margin: 0 -1.5% 0 0.5%;
    }
    .generalCtaBtnWithBackBtn .generalCtaBtn, .generalCtaBtnWithoutBackBtn .generalCtaBtn {
        width: 90% !important;
    }
    /*#discountsView .generalCtaBtnWithBackBtn .generalCtaBtn, #discountsView .generalCtaBtnWithoutBackBtn .generalCtaBtn {
        width: 15% !important;
    }
    #discountsView .generalCtaBtnWithBackBtn .inputHighlighter, #discountsView .generalCtaBtnWithoutBackBtn .inputHighlighter {
        width: 85% !important;
    }
    #discountsView .generalCtaBtnWithBackBtn p, #discountsView .generalCtaBtnWithoutBackBtn p {
        padding: 0 8% !important;
        margin: 0 !important;
    }
    #discountsView .generalCtaBtnWithBackBtn p.termsDescription, #discountsView .generalCtaBtnWithoutBackBtn p.termsDescription {
        padding: 0;
    }
    #discountsView .buttons {
        padding: 0 !important;
    }*/
}html.no-webgl #viewPort {
     overflow-x: visible;
     box-shadow: none;
 }
html.no-webgl #mainWrapper, html.no-webgl #sideContent, html.no-webgl #viewPort.sidebarOpened #sideContent, html.no-webgl .pageContent, html.no-webgl #mainNavigation>ul li a, html.no-webgl #progressMarkers, html.no-webgl #progressMarkers ol li, html.no-webgl header.navBar:after, html.no-webgl .coreSection, html.no-webgl .termsOfServicesContent, html.no-webgl #customersList li, #customersList html.no-webgl li, html.no-webgl #sideContentWrapper #FAQView .mainList>li, #sideContentWrapper #FAQView html.no-webgl .mainList>li, html.no-webgl #sideContentWrapper #TermsOfServices-ASzFView .mainList>li, #sideContentWrapper #TermsOfServices-ASzFView html.no-webgl .mainList>li, html.no-webgl #sideContentWrapper #TermsOfServices-ASzFView>section>p, #sideContentWrapper html.no-webgl #TermsOfServices-ASzFView>section>p, html.no-webgl .generalCtaBtn, html.no-webgl .generalBtn, html.no-webgl .generalCtaBtnWithBackBtn .progressBackBtn, .generalCtaBtnWithBackBtn html.no-webgl .progressBackBtn, html.no-webgl .generalCtaBtnWithBackBtn .backBtn, .generalCtaBtnWithBackBtn html.no-webgl .backBtn, html.no-webgl .secondaryBtn, html.no-webgl #mainNavigation, html.no-webgl #viewPort.navigationOpened #mainNavigation, html.no-webgl .serviceLengthMarkers li, html.no-webgl #servicePricesContainer li, html.no-webgl #timelineSelector.ended, html.no-webgl .todayMarker, html.no-webgl .purchaseDateMarker, html.no-webgl .serviceEnd, html.no-webgl .progressBarContainer>div {
    box-shadow: none !important;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}
html.no-webgl #sideContent, html.no-webgl #viewPort.sidebarOpened #sideContent {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}
html.no-webgl #sideContent input, html.no-webgl #sideContent textarea, html.no-webgl #viewPort.sidebarOpened #sideContent input, html.no-webgl #viewPort.sidebarOpened #sideContent textarea {
    -webkit-user-modify: read-write-plaintext-only;
}
html.no-webgl #ContactUsView {
    -webkit-transform: translate3d(0,  0,  0);
    -webkit-backface-visibility: hidden;
}
html.no-webgl .pageContent {
    overflow-y: visible;
    padding-left: 0;
    padding-right: 0;
}
html.no-webgl .pageContent>* {
    padding-left: 20px;
    padding-right: 20px;
}
html.no-webgl .coreSection, html.no-webgl .termsOfServicesContent, html.no-webgl #customersList li, #customersList html.no-webgl li, html.no-webgl #sideContentWrapper #FAQView .mainList>li, #sideContentWrapper #FAQView html.no-webgl .mainList>li, html.no-webgl #sideContentWrapper #TermsOfServices-ASzFView .mainList>li, #sideContentWrapper #TermsOfServices-ASzFView html.no-webgl .mainList>li, html.no-webgl #sideContentWrapper #TermsOfServices-ASzFView>section>p, #sideContentWrapper html.no-webgl #TermsOfServices-ASzFView>section>p {
    border: 2px solid #2a2a2a;
}
html.no-webgl body {
    background: #748629 url(../img/navBg.png) center center repeat;
}
html.no-webgl header.navBar {
    position: absolute;
}
@media (max-width: 990px) {
    html.no-webgl #sideContent {
        display: none;
        left: 100% !important;
        width: 95% !important;
        margin-left: -95% !important;
    }
}

.textBasedSelector li {
    height: 40px !important;
}

.textBasedSelector li label {
    height: 30px !important;
}

.textBasedSelector label p {
    line-height: 30px !important;
}

.personalOrCompanyContractSwitcher {
    width: 350px;
    display: block;
}
.personalOrCompanyContractSwitcher div {
    width: 100%;
    display: block;
    margin-bottom: 8px;
    /*font-size: 14px;
    text-transform: uppercase;
    color: #a8a8a8;
    line-height: 40px;
    background-color: #111;
    opacity: .5;
    cursor: pointer;*/
}
.personalOrCompanyContractSwitcher div span {
    min-height: 34px;
    float: left;

    font-family: "General Foundicons";
    font-size: 18px;
    display: block;
    line-height: 34px;
    vertical-align: baseline;
    background: none;
    color: #444;
    text-align: center;
    cursor: pointer;
    width: 30px;
    height: 34px;
    border-bottom: 2px rgba(200, 199, 45, 0.3) solid;
    background-color: #292929;
}
.personalOrCompanyContractSwitcher div span:before {
    content: "\f005";
}
.personalOrCompanyContractSwitcher div.selected div {
    color: #c8c72d;
}
.personalOrCompanyContractSwitcher div.selected span {
    color: #c8c72d;
    opacity: 1;
}
.personalOrCompanyContractSwitcher div div {
    width: 300px;
    min-height: 34px;
    float: left;
    font-size: 14px;
    color: #777;
    line-height: 34px;
    cursor: pointer;
    margin-left: 10px;
}
/*.personalOrCompanyContractSwitcher div.selected {
    color: #fff;
    background-color: #444;
    opacity: 1;
}*/
.contractTypeInputFields {
    /*background-color: #444;
    padding: 0 15px;*/
}

#contributionChk {
    display: none;
}

.providerDiscountSwitcher {
    max-width: 470px;
    display: block;
    margin: 20px auto 0 auto;
}
.providerDiscountSwitcher div {
    width: 100%;
    display: block;
    margin-bottom: 8px;
    /*font-size: 14px;
    text-transform: uppercase;
    color: #a8a8a8;
    line-height: 40px;
    background-color: #111;
    opacity: .5;
    cursor: pointer;*/
}
.providerDiscountSwitcher div span {
    min-height: 34px;
    float: left;

    font-family: "General Foundicons";
    font-size: 18px;
    display: block;
    line-height: 34px;
    vertical-align: baseline;
    background: none;
    color: #444;
    text-align: center;
    cursor: pointer;
    width: 30px;
    height: 34px;
    border-bottom: 2px #748637 solid;
    background-color: #292929;
}
.providerDiscountSwitcher div span:before {
    content: "\f005";
}
.providerDiscountSwitcher div.selected div, .providerDiscountSwitcher.choosed div.selected div {
    color: #c8c72d;
}
.providerDiscountSwitcher div.selected span, .providerDiscountSwitcher.choosed div.selected span {
    color: #c8c72d;
    opacity: 1;
}
.providerDiscountSwitcher div div {
    max-width: 85%;
    min-height: 34px;
    float: left;
    font-size: 14px;
    color: #ddd;
    line-height: 34px;
    cursor: pointer;
    margin: 0 0 5px 10px;
}
.providerDiscountSwitcher.choosed div div {
    color: #777;
}

.providerDiscountDescribe {
    max-width: 500px;
    margin: 2em auto 1em auto;
}

.providerDiscountDescribe p {
    font-size: 16px;
    color: #999;
}

.providerDiscountDescribe p.active {
    color: #c8c72d;
}

#providerDiscountDescribe1 span, #providerDiscountDescribe2 span {
    display: inline-block;
}
#providerDiscountDescribe1 span a, #providerDiscountDescribe2 span a {
    margin-left: 5px;
}

#providerDiscountDescribe2 {
    display: none;
    margin-bottom: 0;
}

#getCustomerDataView .coreSection h2 {
    float: none;
    color: #c8c72d;
}
#getCustomerDataView p.emailCampaignDescribeText {
    font-size: 1.5em;
    color: #c87a2d;
    margin-bottom: 20px;
}
#getCustomerDataView p.emailCampaignDescribeText a {
    text-decoration: underline;
}

.dialogbox-outer {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.dialogbox-outer.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
    z-index: 999;
}

.dialogbox {
    position: absolute;
    top: 20%;
    left: 50%;
    margin-left: -180px;
    width: 380px;
    max-width: 90%;
    z-index: 99999;
    font-family: 'Helvetica', sans-serif;
    font-size: 18px;
    text-align: center;
    line-height: normal;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    /* Force Hardware Acceleration in WebKit */
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.dialogbox-outer.onlySalesAgent .dialogbox {
    top: 10% !important;
}
@media (max-width: 460px) {
    .dialogbox {
        top: 10%;
        left: 50%;
        margin-left: -45%;
    }
    .dialogbox-outer.onlySalesAgent .dialogbox {
        top: 10% !important;
    }
    .dialogbox > div {
        padding: 10px 20px !important;
    }
}

.dialogbox-outer.is-visible .dialogbox {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.dialogbox > div.dialogcontent {
    padding: 20px 40px;
    background-color: #f7f8f2;
    -webkit-box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.5);
}
.dialogbox > div.dialogcontent > .dialogboxhead {
    margin: 1em 0;
}
.dialogbox > div.dialogcontent > .dialogboxhead > .closePrompt {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    color: #555;
    /* background: #fff; */
    /*background-color: rgba(247, 248, 242, 1);*/
    font-family: "Tahoma", Helvetica, sans-serif;
    text-align: center;
    font-size: 30px;
    line-height: 40px;
    text-indent: 1px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    z-index: 99;
}
.dialogbox > div.dialogcontent > .dialogboxhead > .closePrompt:before {
    content: "\2715";
}
.dialogbox > div.dialogcontent > .dialogboxhead > h2 {
    font-size: 1.5em;
    line-height: 1.4em;
    color: #4f601c;
    margin: 0.5em 0 0 0;
}
.dialogbox > div.dialogcontent > .dialogboxhead > h3 {
    font-size: 1.1em;
    line-height: 1.4em;
    color: #4f601c;
    margin: 0;
}
.dialogbox > div.dialogcontent > .dialogboxhead > p {
    font-size: 1em;
    line-height: 1.4em;
    font-weight: 300;
    color: #555;
    margin: 1em 0;
}
.dialogbox > div.dialogcontent > .dialogboxhead > p > span {
    white-space: nowrap;
}
.dialogbox > div.dialogcontent > .dialogboxbody {

}
.dialogbox > div.dialogcontent > .dialogboxbody > input[type="email"] {
    font-size: 0.8em;
    line-height: 42px;
    width: 90%;
    padding: 0 5%;
    color: #333;
    border: 0;
    margin: 0;
    border-radius: 2px;
    border-bottom: 1px #748637 solid;
    background: #fff;
}
.dialogbox > div.dialogcontent > .dialogboxbody > .dialogbox-error {
    display: none;
    font-size: 12px;
    color: #f00;
    line-height: 2em;
    text-align: left;
}
.dialogbox > div.dialogcontent > .dialogboxbody > div.termsofservices {
    height: 32px;
    margin: 1.5em 0 0 0;
    font-size: 0.7em;
    font-weight: 300;
    color: #555;
}
.dialogbox > div.dialogcontent > .dialogboxbody > div.termsofservices > span.checkbox {
    margin: 4px 10px 0 0;
    min-height: 20px;
    float: left;
    font-family: "General Foundicons";
    font-size: 18px;
    display: block;
    line-height: 20px;
    vertical-align: baseline;
    background: none;
    color: #fff;
    text-align: center;
    cursor: pointer;
    width: 20px;
    height: 20px;
    border: 1px #748637 solid;
    /*border-bottom: 2px #748637 solid;*/
    background-color: #fff;
}
.dialogbox > div.dialogcontent > .dialogboxbody > div.termsofservices > span.checkbox:before {
    content: "\f005";
}
.dialogbox > div.dialogcontent > .dialogboxbody > div.termsofservices > span.checkbox.selected {
    color: #748637;
}
.dialogbox > div.dialogcontent > .dialogboxbody > div.termsofservices > p {
    float: left;
    width: calc(100% - 40px);
    text-align: left;
    line-height: 1.3em;
}
.dialogbox > div.dialogcontent > .dialogboxbody > div.termsofservices > p span {
    white-space: nowrap;
}
.dialogbox > div.dialogcontent > .dialogboxbody > div.termsofservices > p a {
    color: #4f601c;
}
.dialogbox > div.dialogcontent > .dialogboxbody > input[type="button"] {
    width: 100%;
    margin: 0.8em 0 0 0;
    font-size: 1em;
    line-height: 39px;
    color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #748637;
    border: 0;
    border-radius: 2px;
    /*border-bottom: 4px #748637 solid;*/
    cursor: pointer;
}
.dialogbox > div.dialogcontent > .dialogboxbody > input[type="button"]:hover {
    background: #9ca735;
    border-color: #9ca735;
}
.dialogbox > div.dialogcontent > .dialogboxbody > .social {
    margin: 0.5em 0 0 0;
    color: #555;
}
.dialogbox > div.dialogcontent > .dialogboxbody > .social:after {
    content: '';
    display: block;
    clear: both;
}
.dialogbox > div.dialogcontent > .dialogboxbody > .social > p {
    margin: 0 0 0.5em 0;
    font-size: 0.7em;
    font-weight: 300;
    line-height: 1.3em;
}
.dialogbox > div.dialogcontent > .dialogboxbody > .social > .fb {
    float: left;
    width: 48%;
    height: 34px;
    text-align: left;
    border-radius: 2px;
    border: 1px #bababa solid;
    cursor: pointer;
}
.dialogbox > div.dialogcontent > .dialogboxbody > .social > .gplus {
    float: right;
    width: 48%;
    height: 34px;
    text-align: left;
    border-radius: 2px;
    border: 1px #bababa solid;
    cursor: pointer;
}
.dialogbox > div.dialogcontent > .dialogboxbody > .social > .fb > svg, .dialogbox > div.dialogcontent > .dialogboxbody > .social > .gplus > svg {
    float: left;
    width: 26px;
    height: 26px;
    margin: 4px;
}
.dialogbox > div.dialogcontent > .dialogboxbody > .social > .fb > div, .dialogbox > div.dialogcontent > .dialogboxbody > .social > .gplus > div {
    float: left;
    line-height: 26px;
    margin: 4px 0 4px 8px;
    font-size: 15px;
}
.dialogbox > div.dialogcontent > .dialogboxfoot {

}
.dialogbox > div.dialogcontent > .dialogboxfoot p {
    margin: 1em 0;
    font-size: 0.7em;
    font-weight: 300;
    color: #555;
    line-height: 1.3em;
}
.dialogbox > div.dialogcontent > .dialogboxfoot p span {
    white-space: nowrap;
}
.dialogbox > div.dialogcontent > .dialogboxfoot p a {
    color: #555;
}

.dialogbox > div.dialogsuccess {
    display: none;
    margin: 0 auto;
    padding: 20px 40px;
    background-color: #f7f8f2;
    -webkit-box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.5);
    position: relative;
}
.dialogbox > div.dialogsuccess > img {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

#activateUserForm p {
    font-size: 18px;
    line-height: 40px;
    color: #777;
}

#activateUserForm p span {
    color: #fff;
}

.disable-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#getProductDetailsView .warrantyCompanyMore1Year {
    display: none;
    width: 100%;
    padding: 0.8em 1em;
    margin: 5px 0 15px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    -ms-transform-origin: center top;
    -o-transform-origin: center top;
    transform-origin: center top;
    background-color: #9e0b0b;
    font-size: 14px;
    line-height: 1.5em;
    font-weight: normal;
    color: #fff;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
}

#getProductDetailsView .warrantyCompanyMore1Year a {
    color: #fff;
    text-decoration: underline;
}

#getProductDetailsView .warrantyCompanyMore1Year strong {
    font-weight: bold;
}

#getCustomerDataView .personalOrCompanyContractSwitcher.companyMore2Years div.company div {
    text-decoration: line-through;
}

#getCustomerDataView .warrantyCompanyMore2Years {
    display: none;
    width: 100%;
    padding: 0.8em 1em;
    margin: 5px 0 15px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    -ms-transform-origin: center top;
    -o-transform-origin: center top;
    transform-origin: center top;
    background-color: #9e0b0b;
    font-size: 14px;
    line-height: 1.5em;
    font-weight: normal;
    color: #fff;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
}

#getCustomerDataView .warrantyCompanyMore2Years a {
    color: #fff;
    text-decoration: underline;
}

#getCustomerDataView .warrantyCompanyMore2Years strong {
    font-weight: bold;
}

#changeWarrantyLength {
    color: #c8c72d;
    text-decoration: underline;
    cursor: pointer;
}

#summaryView .coreSection .productInfo, #summaryView .coreSection .serviceInfo, #contractCreationResultView .coreSection .productInfo, #contractCreationResultView .coreSection .serviceInfo {
    width: 50%;
    float: left;
}

#summaryView .coreSection .serviceNameInfo, #contractCreationResultView .coreSection .serviceNameInfo {
    width: 100%;
}

#summaryView .coreSection .calculateNewItem {
    display: block;
    font-size: 1.3em;
    line-height: 1.3em;
    color: #fff;
    background: #c87a2d;
    padding: 14px;
}

#summaryView .coreSection .calculateNewItem i.cart {
    margin-left: 5px;
}

#summaryView .coreSection .calculateNewItem i.cart:before {
    font-family: 'FontAwesome';
    content: '\f217';
    font-size: 28px;
}

#summaryView .cartTotalPrice {
    margin-bottom: 1em;
}
#summaryView .cartList, #summaryView .cartTotalPrice, #summaryView .cartTotalPrice b {
    font-size: 22px;
    color: #d8d750;
    text-align: center;
}

#cart-with-badge {
    display: none;
    width: 44px;
    height: 30px;
    float: right;
    position: relative;
}

#cart-with-badge i.cart:before {
    font-family: 'FontAwesome';
    content: '\f07a';
    font-size: 36px;
    color: #84983e;
    position: absolute;
    top: 3px;
}

#cart-with-badge i.badge {
    display: none;
    height: 16px;
    color: #fff;
    background: #f00;
    border-radius: 8px;
    position: absolute;
    top: 4px;
    left: 15px;
    z-index: 2;
    text-align: center;
    line-height: 16px;
    font-size: 13px;
    font-weight: bold;
    padding: 0 5px;
}

#sideContentWrapper article {
    background: none;
}

.providerDiscountSwitcher #noFoldPopup div { max-width: 80%; color: #191B1E; }
.providerDiscountSwitcher #noFoldPopup .checkbox { border-bottom: none; background-color: inherit; border: 1px #191B1E solid; }
.providerDiscountSwitcher #noFoldPopup.selected span { color: #748637; }

.partnerlogo img { max-height: 25px; }