/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
/* qTip2 v2.2.1 | Plugins: None | Styles: core | qtip2.com | Licensed MIT | Sat Sep 06 2014 20:21:13 */

.qtip{position:absolute;left:-28000px;top:-28000px;display:none;max-width:280px;min-width:50px;font-size:10.5px;line-height:12px;direction:ltr;box-shadow:none;padding:0}.qtip-content{position:relative;padding:5px 9px;overflow:hidden;text-align:left;word-wrap:break-word}.qtip-titlebar{position:relative;padding:5px 35px 5px 10px;overflow:hidden;border-width:0 0 1px;font-weight:700}.qtip-titlebar+.qtip-content{border-top-width:0!important}.qtip-close{position:absolute;right:-9px;top:-9px;z-index:11;cursor:pointer;outline:medium none;border:1px solid transparent}.qtip-titlebar .qtip-close{right:4px;top:50%;margin-top:-9px}* html .qtip-titlebar .qtip-close{top:16px}.qtip-titlebar .ui-icon,.qtip-icon .ui-icon{display:block;text-indent:-1000em;direction:ltr}.qtip-icon,.qtip-icon .ui-icon{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-decoration:none}.qtip-icon .ui-icon{width:18px;height:14px;line-height:14px;text-align:center;text-indent:0;font:400 bold 10px/13px Tahoma,sans-serif;color:inherit;background:transparent none no-repeat -100em -100em}.qtip-focus{}.qtip-hover{}.qtip-default{border:1px solid #F1D031;background-color:#FFFFA3;color:#555}.qtip-default .qtip-titlebar{background-color:#FFEF93}.qtip-default .qtip-icon{border-color:#CCC;background:#F1F1F1;color:#777}.qtip-default .qtip-titlebar .qtip-close{border-color:#AAA;color:#111}
.scrollable {
  position: relative;
}

.scrollable:focus {
  outline: 0;
}

.scrollable .viewport {
  position: relative;
  overflow: hidden;
}

.scrollable .viewport .overview {
  position: absolute;
}

.scrollable .scroll-bar {
  display: none;
}

.scrollable .scroll-bar.vertical {
  position: absolute;
  right: 0;
  height: 100%;
}

.scrollable .scroll-bar.horizontal {
  position: relative;
  width: 100%;
}

.scrollable .scroll-bar .thumb {
  position: absolute;
}

.scrollable .scroll-bar.vertical .thumb {
  width: 100%;
  min-height: 10px;
}

.scrollable .scroll-bar.horizontal .thumb {
  height: 100%;
  min-width: 10px;
  left: 0;
}

.not-selectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*Default skin*/

.scrollable.default-skin {
  padding-right: 10px;
  padding-bottom: 6px;
}

.scrollable.default-skin .scroll-bar.vertical {
  width: 6px;
}

.scrollable.default-skin .scroll-bar.horizontal {
  height: 6px;
}

.scrollable.default-skin .scroll-bar .thumb {
  background-color: black;
  opacity: 0.4;
  border-radius: 3px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.scrollable.default-skin .scroll-bar:hover .thumb {
  opacity: 0.6;
}

/*Gray skin*/

.scrollable.gray-skin {
  padding-right: 17px;
}

.scrollable.gray-skin .scroll-bar {
  border: 1px solid gray;
  background-color: #d3d3d3;
}

.scrollable.gray-skin .scroll-bar .thumb {
  background-color: gray;
}

.scrollable.gray-skin .scroll-bar:hover .thumb {
  background-color: black;
}

.scrollable.gray-skin .scroll-bar.vertical {
  width: 10px;
}

.scrollable.gray-skin .scroll-bar.horizontal {
  height: 10px;
  margin-top: 2px;
}

/*Modern skin*/
.scrollable.modern-skin {
  padding-right: 17px;
}

.scrollable.modern-skin .scroll-bar {
  border: 1px solid gray;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-box-shadow: inset 0 0 5px #888;
  -webkit-box-shadow: inset 0 0 5px #888;
  box-shadow: inset 0 0 5px #888;
}

.scrollable.modern-skin .scroll-bar .thumb {
  background-color: #95aabf;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 1px solid #536984;
}

.scrollable.modern-skin .scroll-bar.vertical .thumb {
  width: 8px;
  background: -moz-linear-gradient(left, #95aabf 0%, #547092 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #95aabf), color-stop(100%, #547092));
  background: -webkit-linear-gradient(left, #95aabf 0%, #547092 100%);
  background: -o-linear-gradient(left, #95aabf 0%, #547092 100%);
  background: -ms-linear-gradient(left, #95aabf 0%, #547092 100%);
  background: linear-gradient(to right, #95aabf 0%, #547092 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf', endColorstr='#547092',GradientType=1 )";
}

.scrollable.modern-skin .scroll-bar.horizontal .thumb {
  height: 8px;
  background-image: linear-gradient(#95aabf, #547092);
  background-image: -o-linear-gradient(#95aabf, #547092);
  background-image: -moz-linear-gradient(#95aabf, #547092);
  background-image: -webkit-linear-gradient(#95aabf, #547092);
  background-image: -ms-linear-gradient(#95aabf, #547092);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf', endColorstr='#547092',GradientType=0 )";
}

.scrollable.modern-skin .scroll-bar.vertical {
  width: 10px;
}

.scrollable.modern-skin .scroll-bar.horizontal {
  height: 10px;
  margin-top: 2px;
}
/*
#payment form {
  width: 100%;
  margin: 20px auto;
  padding: 0 76px;
}

#payment .checkout-tab {
  width: 600px !important;
}

#payment .group {
  background: white;
  box-shadow: 0 7px 14px 0 rgba(49,49,93,0.10),
              0 3px 6px 0 rgba(0,0,0,0.08);
  border-radius: 4px;
  margin-bottom: 20px;
}

#payment label {
  position: relative;
  color: #8898AA;
  font-weight: 300;
  height: 40px;
  line-height: 40px;
  margin-left: 20px;
  display: block;
}

#payment .stripe_card {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
}

#payment .group label:not(:last-child) {
  border-bottom: 1px solid #F0F5FA;
}

#payment label > span {
  width: 25%;
  text-align: right;
  float: left;
}

#payment .field {
  background: transparent;
  font-weight: 300;
  border: 0;
  color: #31325F;
  outline: none;
  padding-right: 10px;
  padding-left: 10px;
  cursor: text;
  width: 70%;
  height: 40px;
  float: right;
}

#payment .field::-webkit-input-placeholder { color: #CFD7E0; }
#payment .field::-moz-placeholder { color: #CFD7E0; }
#payment .field:-ms-input-placeholder { color: #CFD7E0; }

#payment button {
  float: left;
  display: block;
  background: #666EE8;
  color: white;
  box-shadow: 0 7px 14px 0 rgba(49,49,93,0.10),
              0 3px 6px 0 rgba(0,0,0,0.08);
  border-radius: 4px;
  border: 0;
  margin-top: 20px;
  font-size: 15px;
  font-weight: 400;
  width: 100%;
  height: 40px;
  line-height: 38px;
  outline: none;
}

#payment button:focus {
  background: #555ABF;
}

#payment button:active {
  background: #43458B;
}

#payment .outcome {
  float: left;
  width: 100%;
  padding-top: 8px;
  min-height: 24px;
  text-align: center;
}*/

#payment #card-errors {
  color: #eb1c26;
}

#payment .success, #payment .error {
  display: none;
  font-size: 13px;
}

#payment .success.visible, #payment .error.visible {
  display: inline;
}

/*#payment .error {
  color: #E4584C;
}*/

#payment .success {
  color: #666EE8;
}

#payment .success .token {
  font-weight: 500;
  font-size: 13px;
}
@charset "UTF-8";
*, *:before, *:after {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  font-family: 'Lato', Tahoma, sans-serif;
  font-size: 1.4rem;
  line-height: 1;
  color: #000000;
  background: #ffffff;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}

body.short-content {
  height: 100vh;
}

.site-content {
  -webkit-box-flex: 1;
  flex: 1 0 auto;
}

ul, ol {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

a {
  color: #000000;
  transition: all 200ms ease;
  text-decoration: none;
  outline: none;
}

a:hover {
  color: #00aeef;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0px;
  padding: 0px;
}

h1 {
  font-size: 2.4rem;
  font-weight: 400;
}

h2 {
  font-size: 1.7rem;
  font-weight: 400;
}

h3 {
  font-size: 1.5rem;
}

p {
  margin: 0px;
}

svg {
  vertical-align: middle;
}

input:not[type='radio'], textarea, select, button {
  border-radius: 0;
  -webkit-appearance: none;
}

path,
circle,
rect,
poly,
polygon {
  transition: all .2s ease;
}

.fontRender {
  z-index: -1;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  -webkit-transform: translateZ(0px);
  transform: translateZ(0px);
}

.o365-plans img {
  image-rendering: auto;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -moz-crisp-edges;
  image-rendering: pixelated;
}

.mob-blackout {
  display: none;
}

.wrapper {
  width: 100%;
  max-width: 1280px;
  padding: 0 40px;
  margin: 0 auto;
}

.grid-1-2,
.grid-1-4,
.grid-3-4 {
  display: inline-block;
  margin-right: 50px;
  vertical-align: top;
}

.grid-1-2.last,
.grid-1-4.last,
.grid-3-4.last {
  margin-right: 0;
}

.grid-1-4 {
  width: 22%;
  max-width: 262px;
}

.grid-3-4 {
  width: 74%;
  max-width: calc((262px * 3) + 100px);
}

.grid-1-2 {
  width: 47%;
  max-width: calc((262px * 2) + 50px);
}

.red {
  color: #ff4242;
}

.blue {
  color: #00aeef;
}

.green {
  color: #56c30d;
}

.yellow {
  color: #f1ae0d;
}

.hidden {
  display: none !important;
}

.valigner {
  vertical-align: middle;
  display: inline-block;
}

.tooltip-mark {
  margin: 0 5px -5px;
  padding-bottom: 5px;
  border-bottom: 2px solid transparent;
  position: relative;
}

.tooltip-mark.tip-opened, .tooltip-mark:hover {
  border-color: #00aeef;
  z-index: 20000;
  transition: all 0.2s ease 0.2s;
}

.sntc-tooltip {
  margin-top: -8px;
  margin-right: 40px;
  background: #ffffff;
  border: 0 solid transparent;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
  position: fixed;
}

.sntc-tooltip .qtip-tip {
  display: none !important;
}

.sntc-tooltip .qtip-content {
  padding: 20px;
}

.tooltip {
  position: fixed !important;
  padding: 8px 18px !important;
  color: #000 !important;
  font-size: 11px !important;
  background: white;
  z-index: 150;
  border: solid 1px #00aeef;
  border-radius: 2px;
}

.grayscale {
  -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 .8 0'/></filter></svg>#grayscale");
  -o-filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 .8 0'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(80%);
  filter: gray;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 .8 0'/></filter></svg>#grayscale");
}

.lync {
  border-left: 5px solid;
}

.lync.offline {
  border-color: #727272;
}

.lync.available {
  border-color: #56c30d;
}

.lync.away {
  border-color: #f1ae0d;
}

.lync.busy {
  border-color: #ff4242;
}

.notification {
  font-size: 1.3rem;
  color: #727272;
  line-height: 2.0rem;
  margin-bottom: 20px;
}

.notification * {
  vertical-align: middle;
}

.notification svg {
  margin-right: 5px;
}

.wrapper.double-layout {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  align-items: flex-start;
}

.wrapper.double-layout > .left {
  min-width: 262px;
  margin-right: 30px;
}

.wrapper.double-layout > .right {
  -webkit-box-flex: 1;
  flex-grow: 1;
}

.result-error, .result-success {
  display: none;
}

.result-error.active, .result-success.active {
  display: block;
}

.result-success {
  background: #56c30d;
  font-size: 1.2rem;
  font-weight: 700;
  color: white;
  padding: 0px 5px;
  position: absolute;
  top: 100%;
  width: 100%;
  height: auto;
  text-align: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}

.result-success .tick {
  height: 15px;
  margin: 5px 10px;
}

.error-style, .result-error, .inputbox .errorbox, .checkout .delivery-method .errorbox {
  background: #ff4242;
  font-size: 12px;
  font-weight: 400;
  color: white;
  padding: 12px 10px;
}

.info-style {
  background: #f0f0f0;
  text-align: center !important;
  position: relative;
  padding: 75px 20px 30px !important;
  color: #727272;
  margin-bottom: 20px;
}

.info-style:hover {
  background-color: #f0f0f0 !important;
}

.info-style:before {
  display: block;
  content: url(/gfx/other/info-circle.svg);
  position: absolute;
  top: 25px;
  left: 50%;
  margin-left: -16px;
}

.status-message {
  font-weight: 700;
  text-align: center;
  color: #727272;
  background: #f0f0f0;
  padding: 30px 0;
  margin-bottom: 40px;
  line-height: 20px;
  width: 100%;
}

.status-message.no-bold {
  font-weight: 400;
}

.status-message.temp {
  display: none;
}

.status-message span {
  display: block;
  margin-top: 20px;
}

.form-status {
  font-size: 1.4rem;
  font-weight: 700;
  color: #727272;
  text-align: center;
  padding: 30px;
  display: none;
}

.form-status img {
  display: inline-block;
  margin-bottom: 15px;
}

.form-status p {
  text-align: center !important;
}

.form-status div {
  display: none;
}

.g-recaptcha #g-recaptcha-response {
  display: block !important;
  opacity: 0 !important;
}

table.tick-table {
  width: 100%;
}

table.tick-table th {
  padding: 10px;
  border-bottom: solid 1px #00aeef;
  line-height: 1.5rem;
}

table.tick-table th:first-of-type {
  text-align: left;
  padding-left: 0;
}

table.tick-table td {
  vertical-align: middle;
  border-bottom: 1px solid #ccc;
  line-height: 1.6rem;
  text-align: center;
}

table.tick-table td:first-of-type {
  text-align: left;
}

table.tick-table tr:first-of-type td {
  padding-top: 20px;
}

table.tick-table tr:not(:nth-child(2)):hover td {
  background: #fafafa;
}

table.tick-table svg {
  margin: 15px auto;
}

.senetic-loader {
  margin-left: 25px;
  -webkit-transform: rotate(80deg);
  transform: rotate(80deg);
  max-width: 30px;
  max-height: 30px;
}

.senetic-loader .stripe {
  display: inline-block;
  width: 3px;
  height: 14px;
  outline: 1px solid transparent;
  -webkit-animation: seneticLoad 1.2s ease-in-out infinite;
  animation: seneticLoad 1.2s ease-in-out infinite;
}

.senetic-loader .stripe:nth-child(1) {
  background-color: #00aeef;
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
  width: 3px;
  height: 20px;
  margin-bottom: -5px;
}

.senetic-loader .stripe:nth-child(2) {
  background-color: transparent;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
  margin-bottom: 5px;
  height: 18px;
  width: 4px;
  border: 1px solid #ababab;
}

.senetic-loader .stripe:nth-child(3) {
  background-color: #8bd6f9;
  -webkit-animation-delay: .45s;
  animation-delay: .45s;
  margin-bottom: -7px;
  height: 19px;
}

.senetic-loader .stripe:nth-child(4) {
  background-color: #ababab;
  -webkit-animation-delay: .60s;
  animation-delay: .60s;
  width: 2px;
  height: 17px;
  margin-bottom: 7px;
}

.senetic-loader.loader-logo {
  margin: 0;
  max-width: 60px;
  max-height: 60px;
}

.senetic-loader.loader-logo .stripe {
  width: 6px;
  height: 27px;
}

.senetic-loader.loader-logo .stripe:nth-child(1) {
  width: 5px;
  height: 40px;
  margin-bottom: -10px;
}

.senetic-loader.loader-logo .stripe:nth-child(2) {
  height: 36px;
  width: 5px;
  margin-bottom: 10px;
  margin-left: 1px;
}

.senetic-loader.loader-logo .stripe:nth-child(3) {
  height: 38px;
  margin-bottom: -15px;
  margin-left: 1px;
}

.senetic-loader.loader-logo .stripe:nth-child(4) {
  width: 3px;
  height: 35px;
  margin-bottom: 15px;
  margin-left: 1px;
}

.senetic-loader-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}

@-webkit-keyframes seneticLoad {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  20% {
    -webkit-transform: scale(1, 2.2);
    transform: scale(1, 2.2);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes seneticLoad {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  20% {
    -webkit-transform: scale(1, 2.2);
    transform: scale(1, 2.2);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

ol.lower-alpha {
  list-style: lower-alpha;
}

ol.decimal {
  list-style: decimal;
}

footer .methods-wrap {
  flex-wrap: wrap !important;
}

.popup-container {
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  display: none;
  bottom: 0px;
  z-index: 750;
}

.popup-container > div {
  position: absolute;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}

.modal-close-btn {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0px;
  right: 0px;
  background: url(/gfx/icons/close-btn.png) center center no-repeat #fff;
  cursor: pointer;
}

.message {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}

.back-navigation {
  border-top: 1px solid #d3d3d3;
  margin-top: 20px;
  padding-top: 30px;
}

label {
  display: inline-block;
  cursor: pointer;
}

label.required:after {
  content: '*';
  color: #ff4242;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
select {
  height: 36px;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  font-size: 1.3rem;
  line-height: 2rem;
  padding: 7px 10px;
  border: 1px solid #d3d3d3;
  width: 100%;
  outline: none;
}

input[type="checkbox"] {
  min-width: 13px;
  max-width: 13px;
}

input[type="text"].short,
input[type="email"].short,
input[type="number"].short,
textarea.short,
select.short {
  width: 50%;
}

::-webkit-input-placeholder {
  color: #727272;
}

::-moz-placeholder {
  color: #727272;
}

:-moz-placeholder {
  color: #727272;
}

:-ms-input-placeholder {
  color: #727272;
}

.error::-webkit-input-placeholder {
  color: #ff4242;
}

.error::-moz-placeholder {
  color: #ff4242;
}

.error:-moz-placeholder {
  color: #ff4242;
}

.error:-ms-input-placeholder {
  color: #ff4242;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #00aeef;
}

input[type="text"].error,
input[type="email"].error,
input[type="number"].error,
input[type="password"].error,
select.error,
textarea.error {
  border: 1px solid #ff4242;
  background-color: #fff5f5;
  color: #ff4242;
}

select.jsvalidate.error {
  border: 1px solid #ff4242;
  background: url(/gfx/icons/select-arrow-error.png) right 10px center no-repeat #fff5f5;
  color: #ff4242;
}

.error select.jsvalidate.error {
  border: 1px solid #ff4242;
  background: url(/gfx/icons/select-arrow-error.png) right 10px center no-repeat #fff5f5;
  color: #ff4242;
}

input.error ~ .term {
  color: #ff4242;
}

.error-box-hidden ~ .errorbox {
  display: none !important;
}

.submit ~ .errorbox {
  display: none !important;
}

input[type="text"].success,
input[type="email"].success,
input[type="number"].success,
textarea.success,
select.success {
  border: 1px solid #56c30d;
}

input[type="number"] {
  -moz-appearance: textfield;
  -webkit-appearance: none;
  -moz-apperance: none;
}

textarea {
  resize: none;
}

select {
  height: 36px;
}

select::-ms-expand {
  display: none;
}

.select-list {
  overflow: hidden;
  background: url(/gfx/icons/select-arrow.png) right 10px center no-repeat #fff;
}

.select-list.error {
  overflow: hidden;
  color: #ff4242;
  background: url(/gfx/icons/select-arrow-error.png) right 10px center no-repeat #fff5f5;
}

.select-list select {
  border-radius: 0px;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.select-list.prefix {
  width: 100px;
  margin-right: 5px;
}

.flipSwitch {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 40px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.flipSwitch-checkbox {
  display: none;
}

.flipSwitch-checkbox:checked + .flipSwitch-label .flipSwitch-inner {
  margin-left: 0;
}

.flipSwitch-checkbox:checked + .flipSwitch-label .flipSwitch-btn {
  right: 0px;
}

.flipSwitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid #ffffff;
  border-radius: 20px;
}

.flipSwitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin .2s ease-in 0s;
}

.flipSwitch-inner:before, .flipSwitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 20px;
  padding: 0;
  line-height: 20px;
  font-size: 14px;
  color: white;
}

.flipSwitch-inner:before {
  content: "";
  padding-left: 10px;
  padding-right: 10px;
  background-color: #00aeef;
  color: #ffffff;
}

.flipSwitch-inner:after {
  content: "";
  padding-right: 10px;
  background-color: #00aeef;
  text-align: right;
}

.flipSwitch-btn {
  display: block;
  width: 16px;
  margin: 4px;
  background: #ffffff;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 16px;
  border: 2px solid #ffffff;
  border-radius: 20px;
  transition: all .2s ease-in 0s;
}

.labelbox {
  width: 35%;
}

.inputbox {
  width: 100%;
  position: relative;
  margin-left: auto;
}

.inputbox.agreements .errorbox {
  top: auto;
  bottom: 0;
}

.inputbox .errorbox {
  padding: 12px 15px;
  position: absolute;
  top: -24px;
  left: 50%;
  z-index: 1000;
  white-space: nowrap;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  text-align: center;
  margin-left: auto;
  line-height: 0;
  margin-right: auto;
  box-shadow: 10px 10px 22px -5px rgba(0, 0, 0, 0.2);
}

@-moz-document url-prefix() {
  .inputbox .errorbox {
    padding: 12px 15px !important;
  }
}

.inputbox .errorbox:before {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  bottom: -6px;
  left: 50%;
  margin-left: -10px;
  content: "";
  border-width: 6px 10px 0;
  border-top-color: #ff4242;
}

.inputbox .errorbox span {
  display: block;
}

.inputbox.single-half {
  width: 50%;
  margin-left: inherit;
}

.inputbox.single-half input {
  width: 100%;
}

.agreement-box {
  position: relative;
}

.agreement-box .errorbox {
  display: none;
}

.databox {
  font-weight: 700;
  width: 65%;
  position: relative;
  margin-left: auto;
}

#invoice-vat_number.success,
#checkout-coupon.success {
  background: url(/gfx/icons/input-success.png) right 10px center no-repeat;
}

#invoice-vat_number.valid:not(.error) + .errorbox {
  display: none !important;
}

.checkbox-wrap {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
}

.btn {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 2rem;
  text-align: center;
  color: #ffffff;
  padding: 6px 20px;
  background: #000000;
  display: inline-block;
  border: 2px solid #000000;
  transition: all .3s ease;
  overflow: hidden;
  cursor: pointer;
  outline: none;
  border-radius: 0;
  -webkit-appearance: none;
}

.btn:hover {
  color: #000000;
  background: transparent;
}

.btn.blue {
  background: #00aeef;
  border-color: #00aeef;
}

.btn.blue:hover {
  color: #00aeef;
  background: transparent;
}

.btn.green {
  background: #56c30d;
  border-color: #56c30d;
}

.btn.green:hover {
  color: #56c30d;
  background: #ffffff;
}

.btn.gray {
  background: #727272;
  border-color: #727272;
}

.btn.gray:hover {
  color: #727272;
  background: #ffffff;
}

.btn.orange {
  background: #eb3c00;
  border-color: #eb3c00;
}

.btn.orange:hover {
  color: #eb3c00;
  background: #ffffff;
}

.btn.big {
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 2rem;
  padding: 14px 30px;
}

.btn.progress {
  background: transparent !important;
  cursor: default !important;
}

.btn.full {
  width: 100%;
  display: block;
}

.btn.state-ok {
  color: #ffffff !important;
  background: #56c30d !important;
  border-color: #56c30d !important;
  cursor: default !important;
}

.btn.state-error {
  color: #ffffff !important;
  background: #ff4242 !important;
  border-color: #ff4242 !important;
}

.btn.open-order {
  color: #ffffff !important;
  background: #00aeef !important;
  border-color: #00aeef !important;
}

.btn.open-enquiry {
  color: #ffffff !important;
  background: #727272 !important;
  border-color: #727272 !important;
}

.btn.office {
  color: #ffffff;
  background: #eb3c00;
}

.btn.office:hover {
  color: #ffffff;
  background: #F1764D;
}

.btn.state-error-office {
  color: #ffffff !important;
  background: #F1764D !important;
}

.btn .states {
  margin-top: -115px;
}

.btn .states span {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  height: 50px;
}

.hoverable {
  position: relative;
}

.hoverable > a {
  font-weight: 700;
  border-bottom: 2px solid transparent;
  z-index: 40;
  position: relative;
  display: inline-block;
}

.hoverable > a.login-link-active {
  border-bottom: 2px solid #00aeef;
}

.hoverable > div {
  font-size: 1.4rem;
  min-width: 100%;
  transition: 0.3s;
  max-width: 300px;
  padding: 20px;
  margin-top: -1px;
  border: 1px solid #f0f0f0;
  background: #ffffff;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 30;
  display: none;
}

.hoverable > div.loginbox {
  transition: 0s;
}

.hoverable > div:before {
  background: #00aeef;
  display: block;
  height: 2px;
  position: absolute;
  top: 0px;
  right: 0;
  width: 38px;
}

.hoverable > div div {
  white-space: nowrap;
}

.hoverable > div a {
  font-weight: 700;
}

.hoverable > div a.login-link-active {
  color: #00aeef;
}

.hoverable:not(.login-link):hover > div {
  display: block;
  z-index: 100;
  transition: 0.5s;
}

.hoverable:hover > a,
.hoverable .login-link-active {
  color: #00aeef;
}

.hoverable.active > a {
  color: #00aeef;
}

.pagination {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  font-size: 1.3rem;
  padding-top: 30px;
  border-top: 1px solid #d3d3d3;
}

.pagination > li:first-child {
  background: url(/gfx/icons/big-arrow-left.png) center no-repeat;
}

.pagination > li:first-child.disabled {
  background: url(/gfx/icons/gallery-arrow-left.png) center no-repeat;
}

.pagination > li:last-child {
  background: url(/gfx/icons/big-arrow-right.png) center no-repeat;
  margin-left: auto;
}

.pagination > li:last-child.disabled {
  background: url(/gfx/icons/gallery-arrow-right.png) center no-repeat;
}

.pagination > li:first-child > *, .pagination > li:last-child > * {
  width: 12px;
  height: 22px;
  text-indent: 99999px;
  overflow: hidden;
  display: inline-block;
}

.pagination > li:first-child > *:hover, .pagination > li:last-child > *:hover {
  background: transparent;
  border-bottom: 0px solid transparent;
}

.pagination > li:nth-child(2) {
  margin-left: auto;
}

.pagination > li.active span {
  color: #00aeef;
  display: inline-block;
  padding: 5px;
  margin: 0px 3px;
  border-bottom: 2px solid #00aeef;
}

.pagination > li.disabled {
  color: #ababab !important;
}

.pagination > li a {
  display: inline-block;
  padding: 5px;
  margin: 0px 3px;
  border-bottom: 2px solid transparent;
}

.pagination > li a:hover {
  color: #000000;
  border-color: #00aeef;
}

.pagination .pages a {
  display: inline-block;
  padding: 5px;
  margin: 0px 3px;
}

.pagination .pages a:hover {
  color: #ffffff;
  background: #00aeef;
}

.mCustomScrollbar {
  touch-action: none;
}

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
  touch-action: auto;
}

.mCustomScrollBox {
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: 0;
  direction: ltr;
}

.mCSB_container {
  overflow: hidden;
  width: auto;
  height: auto;
}

.mCSB_inside > .mCSB_container {
  margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}

.mCSB_scrollTools {
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: .75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  right: auto;
  left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
}

.mCSB_scrollTools .mCSB_draggerContainer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
  cursor: pointer;
  width: 100%;
  height: 30px;
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
  text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  height: 100%;
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}

.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  margin-right: 0;
  margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
  box-sizing: border-box;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
  box-sizing: border-box;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  margin-left: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

.mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
  transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}

.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp {
  background-image: url(mCSB_buttons.png);
  background-repeat: no-repeat;
  opacity: .4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
}

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
}

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
}

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
}

.mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover {
  opacity: .75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active {
  opacity: .9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px;
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded.mCSB_scrollTools .mCSB_dragger {
  height: 14px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0;
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  height: 16px;
  margin: -1px 0;
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  width: 16px;
  margin: 0 -1px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
  background-repeat: repeat-y;
  opacity: .3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=);
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px;
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px;
}

.mCS-3d-dark.mCSB_scrollTools, .mCS-3d.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
  border-radius: 16px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  border-radius: 7px;
}

.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical {
  right: 1px;
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCS-3d-thick.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal, .mCS-3d-thick.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 5px;
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
  height: 12px;
  width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
  left: 0;
  right: auto;
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px;
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0;
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px;
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-senetic.mCSB_inside > .mCSB_container {
  margin-right: 0px;
}

.mCS-senetic.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 1px;
}

.mCS-senetic.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 1px;
}

.mCS-senetic.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-senetic.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCS-senetic.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 1px;
}

.mCS-senetic.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 157, 255, 0.75);
  border-radius: 1px;
}

.mCS-senetic.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-senetic.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-senetic.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 157, 255, 0.9);
}

.mCS-senetic.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0;
}

.mCS-senetic.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px;
}

.mCS-senetic.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px;
}

.mCS-senetic.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px;
}

.page-404 {
  text-align: center;
  margin-bottom: 40px;
}

.page-404 .background {
  background: url(/gfx/identity/404.png) center no-repeat #ffffff;
  width: 100%;
  height: 325px;
  margin-bottom: 40px;
}

.page-404 .title {
  font-size: 4rem;
  font-weight: 300;
  margin-bottom: 15px;
}

.page-404 p {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2.4rem;
  color: #727272;
}

.page-404 p:last-of-type {
  margin-bottom: 40px;
}

.page-404 p a {
  color: #727272;
  text-decoration: underline;
}

.page-404 p a:hover {
  color: #00aeef;
}

.page-404 .img_404 {
  margin: 55px auto 60px;
  display: block;
}

.page-404.notext {
  margin-top: 100px;
}

.vendor-logo {
  background: url(/gfx/logos/vendors/logos.png) top left no-repeat;
  height: 46px;
  width: 0px;
}

.vendor-logo.small {
  background: url(/gfx/logos/vendors/logos-small.png) top left no-repeat;
  height: 23px;
  width: 0px;
}

.vendor-logo.cisco {
  width: 69px;
  background-position: -20px 0px;
}

.vendor-logo.cisco.small {
  width: 35px;
  background-position: -10px 0px;
}

.vendor-logo.hp {
  width: 40px;
  background-position: -144px 0px;
}

.vendor-logo.hp.small {
  width: 20px;
  background-position: -72px 0px;
}

.vendor-logo.ibm {
  width: 75px;
  background-position: -456px 0px;
}

.vendor-logo.ibm.small {
  width: 38px;
  background-position: -228px 0px;
}

.vendor-logo.microsoft {
  width: 84px;
  background-position: -563px 0px;
}

.vendor-logo.microsoft.small {
  width: 42px;
  background-position: -282px 0px;
}

.vendor-logo.symantec, .vendor-logo.sslsymantec {
  width: 83px;
  background-position: -783px 0px;
}

.vendor-logo.symantec.small, .vendor-logo.sslsymantec.small {
  width: 42px;
  background-position: -392px 0px;
}

.vendor-logo.vmware {
  width: 83px;
  background-position: -1031px 0px;
}

.vendor-logo.vmware.small {
  width: 42px;
  background-position: -516px 0px;
}

.vendor-logo.a3com {
  width: 57px;
  background-position: -246px 0px;
}

.vendor-logo.a3com.small {
  width: 29px;
  background-position: -123px 0px;
}

.vendor-logo.apc {
  width: 77px;
  background-position: -345px 0px;
}

.vendor-logo.apc.small {
  width: 39px;
  background-position: -173px 0px;
}

.vendor-logo.adobe {
  width: 28px;
  background-position: -702px 0px;
}

.vendor-logo.adobe.small {
  width: 14px;
  background-position: -351px 0px;
}

.vendor-logo.oracle {
  width: 78px;
  background-position: -1162px 0px;
}

.vendor-logo.oracle.small {
  width: 39px;
  background-position: -581px 0px;
}

.vendor-logo.dell {
  width: 45px;
  background-position: -1429px 0px;
}

.vendor-logo.dell.small {
  width: 23px;
  background-position: -715px 0px;
}

.vendor-logo.eset {
  width: 65px;
  background-position: -1531px 0px;
}

.vendor-logo.eset.small {
  width: 33px;
  background-position: -766px 0px;
}

.vendor-logo.mcafee {
  width: 83px;
  background-position: -1807px 0px;
}

.vendor-logo.mcafee.small {
  width: 42px;
  background-position: -904px 0px;
}

.vendor-logo.veeam {
  width: 83px;
  background-position: -1661px 0px;
}

.vendor-logo.veeam.small {
  width: 42px;
  background-position: -831px 0px;
}

.vendor-logo.emc {
  width: 86px;
  background-position: -1953px 0px;
}

.vendor-logo.emc.small {
  width: 43px;
  background-position: -977px 0px;
}

.vendor-logo.novell {
  width: 84px;
  background-position: -2237px 0px;
}

.vendor-logo.novell.small {
  width: 42px;
  background-position: -1119px 0px;
}

.vendor-logo.juniper {
  width: 90px;
  background-position: -2097px 0px;
}

.vendor-logo.juniper.small {
  width: 45px;
  background-position: -1049px 0px;
}

.vendor-logo.red_hat {
  width: 82px;
  background-position: -2747px 0px;
}

.vendor-logo.red_hat.small {
  width: 41px;
  background-position: -1374px 0px;
}

.vendor-logo.eaton {
  width: 84px;
  background-position: -2860px 0px;
}

.vendor-logo.eaton.small {
  width: 42px;
  background-position: -1430px 0px;
}

.vendor-logo.catechnologies {
  width: 59px;
  background-position: -3107px 0px;
}

.vendor-logo.catechnologies.small {
  width: 30px;
  background-position: -1554px 0px;
}

.vendor-logo.kaspersky {
  width: 79px;
  background-position: -2975px 0px;
}

.vendor-logo.kaspersky.small {
  width: 40px;
  background-position: -1488px 0px;
}

.vendor-logo.fujitsu {
  width: 79px;
  background-position: -3210px 0px;
}

.vendor-logo.fujitsu.small {
  width: 40px;
  background-position: -1605px 0px;
}

.vendor-logo.ubiquiti {
  width: 80px;
  background-position: -3329px 0px;
}

.vendor-logo.ubiquiti.small {
  width: 40px;
  background-position: -1665px 0px;
}

.vendor-logo.lenovo {
  width: 81px;
  background-position: -3446px 0px;
}

.vendor-logo.lenovo.small {
  width: 41px;
  background-position: -1723px 0px;
}

.vendor-logo.motorola {
  width: 41px;
  background-position: -3558px 0px;
}

.vendor-logo.motorola.small {
  width: 21px;
  background-position: -1779px 0px;
}

.vendor-logo.emerson {
  width: 71px;
  background-position: -4741px 0px;
}

.vendor-logo.emerson.small {
  width: 36px;
  background-position: -2371px 0px;
}

.vendor-logo.mikrotik {
  width: 90px;
  background-position: -3660px 0px;
}

.vendor-logo.mikrotik.small {
  width: 45px;
  background-position: -1830px 0px;
}

.vendor-logo.ever {
  width: 80px;
  background-position: -3794px 0px;
}

.vendor-logo.ever.small {
  width: 40px;
  background-position: -1897px 0px;
}

.vendor-logo.buffalo {
  width: 96px;
  background-position: -4145px 0px;
}

.vendor-logo.buffalo.small {
  width: 48px;
  background-position: -2076px 0px;
}

.vendor-logo.hgst {
  width: 44px;
  background-position: -4395px 0px;
}

.vendor-logo.hgst.small {
  width: 22px;
  background-position: -2198px 0px;
}

.vendor-logo.zte {
  width: 61px;
  background-position: -4285px 0px;
}

.vendor-logo.zte.small {
  width: 31px;
  background-position: -2143px 0px;
}

.vendor-logo.legrand {
  width: 90px;
  background-position: -4523px 0px;
}

.vendor-logo.legrand.small {
  width: 45px;
  background-position: -2262px 0px;
}

.vendor-logo.intel {
  width: 60px;
  background-position: -4640px 0px;
}

.vendor-logo.intel.small {
  width: 30px;
  background-position: -2320px 0px;
}

.vendor-logo.nexsan {
  width: 80px;
  background-position: -4848px 0px;
}

.vendor-logo.nexsan.small {
  width: 40px;
  background-position: -2424px 0px;
}

.vendor-logo.solde {
  width: 92px;
  background-position: -4015px 0px;
}

.vendor-logo.solde.small {
  width: 46px;
  background-position: -2008px 0px;
}

.vendor-logo.sale {
  width: 71px;
  background-position: -3905px 0px;
}

.vendor-logo.sale.small {
  width: 36px;
  background-position: -1953px 0px;
}

.vendor-logo.netgear {
  width: 90px;
  background-position: -4957px 0px;
}

.vendor-logo.netgear.small {
  width: 45px;
  background-position: -2479px 0px;
}

.vendor-logo.tp_link {
  width: 96px;
  background-position: -5063px 0px;
}

.vendor-logo.tp_link.small {
  width: 48px;
  background-position: -2532px 0px;
}

.vendor-logo.hp_spare_parts {
  width: 94px;
  background-position: -5175px 0px;
}

.vendor-logo.hp_spare_parts.small {
  width: 47px;
  background-position: -2588px 0px;
}

.vendor-logo.edimax {
  width: 90px;
  background-position: -5290px 0px;
}

.vendor-logo.edimax.small {
  width: 45px;
  background-position: -2645px 0px;
}

.vendor-logo.allied_telesis {
  width: 90px;
  background-position: -5400px 0px;
}

.vendor-logo.allied_telesis.small {
  width: 45px;
  background-position: -2700px 0px;
}

.vendor-logo.lg {
  width: 84px;
  background-position: -5513px 0px;
}

.vendor-logo.lg.small {
  width: 42px;
  background-position: -2757px 0px;
}

.vendor-logo.zimbra {
  width: 87px;
  background-position: -5622px 0px;
}

.vendor-logo.zimbra.small {
  width: 44px;
  background-position: -2811px 0px;
}

.vendor-logo.autodesk {
  width: 94px;
  background-position: -5728px 0px;
}

.vendor-logo.autodesk.small {
  width: 47px;
  background-position: -2864px 0px;
}

.vendor-logo.jabra {
  width: 73px;
  background-position: -5849px 0px;
}

.vendor-logo.jabra.small {
  width: 37px;
  background-position: -2925px 0px;
}

.vendor-logo.snom {
  width: 75px;
  background-position: -5957px 0px;
}

.vendor-logo.snom.small {
  width: 38px;
  background-position: -2979px 0px;
}

.vendor-logo.sonus {
  width: 90px;
  background-position: -6060px 0px;
}

.vendor-logo.sonus.small {
  width: 45px;
  background-position: -3030px 0px;
}

.vendor-logo.tely_labs {
  width: 90px;
  background-position: -6170px 0px;
}

.vendor-logo.tely_labs.small {
  width: 45px;
  background-position: -3085px 0px;
}

.vendor-logo.oem {
  width: 61px;
  background-position: -6294px 0px;
}

.vendor-logo.oem.small {
  width: 31px;
  background-position: -3147px 0px;
}

.vendor-logo.western_digital {
  width: 65px;
  background-position: -6403px 0px;
}

.vendor-logo.western_digital.small {
  width: 33px;
  background-position: -3202px 0px;
}

.vendor-logo.seagate {
  width: 81px;
  background-position: -6505px 0px;
}

.vendor-logo.seagate.small {
  width: 41px;
  background-position: -3253px 0px;
}

.vendor-logo.edbak {
  width: 70px;
  background-position: -6620px 0px;
}

.vendor-logo.edbak.small {
  width: 35px;
  background-position: -3310px 0px;
}

.vendor-logo.aoc {
  width: 75px;
  background-position: -6727px 0px;
}

.vendor-logo.aoc.small {
  width: 38px;
  background-position: -3364px 0px;
}

.vendor-logo.viewsonic {
  width: 95px;
  background-position: -6829px 0px;
}

.vendor-logo.viewsonic.small {
  width: 48px;
  background-position: -3415px 0px;
}

.vendor-logo.samsung {
  width: 90px;
  background-position: -6940px 0px;
}

.vendor-logo.samsung.small {
  width: 45px;
  background-position: -3470px 0px;
}

.vendor-logo.iiyama {
  width: 85px;
  background-position: -7053px 0px;
}

.vendor-logo.iiyama.small {
  width: 43px;
  background-position: -3527px 0px;
}

.vendor-logo.qnap {
  width: 90px;
  background-position: -7163px 0px;
}

.vendor-logo.qnap.small {
  width: 45px;
  background-position: -3582px 0px;
}

.vendor-logo.senetic_learning_center {
  width: 68px;
  background-position: -7270px 0px;
}

.vendor-logo.senetic_learning_center.small {
  width: 34px;
  background-position: -3635px 0px;
}

.vendor-logo.aeg_power_solutions {
  width: 65px;
  background-position: -7503px 0px;
}

.vendor-logo.aeg_power_solutions.small {
  width: 33px;
  background-position: -3752px 0px;
}

.vendor-logo.synology {
  width: 82px;
  background-position: -7605px 0px;
}

.vendor-logo.synology.small {
  width: 41px;
  background-position: -3803px 0px;
}

.vendor-logo.zpas {
  width: 79px;
  background-position: -7716px 0px;
}

.vendor-logo.zpas.small {
  width: 40px;
  background-position: -3858px 0px;
}

.vendor-logo.cloud {
  width: 67px;
  background-position: -7832px 0px;
}

.vendor-logo.cloud.small {
  width: 34px;
  background-position: -3916px 0px;
}

.vendor-logo.actidata {
  width: 90px;
  background-position: -7932px 0px;
}

.vendor-logo.actidata.small {
  width: 45px;
  background-position: -3966px 0px;
}

.vendor-logo.epson {
  width: 85px;
  background-position: -8043px 0px;
}

.vendor-logo.epson.small {
  width: 43px;
  background-position: -4021px 0px;
}

.vendor-logo.kemp {
  width: 75px;
  background-position: -8158px 0px;
}

.vendor-logo.kemp.small {
  width: 38px;
  background-position: -4079px 0px;
}

.vendor-logo.plantronics {
  width: 90px;
  background-position: -8260px 0px;
}

.vendor-logo.plantronics.small {
  width: 45px;
  background-position: -4130px 0px;
}

.vendor-logo.supermicro {
  width: 90px;
  background-position: -8370px 0px;
}

.vendor-logo.supermicro.small {
  width: 45px;
  background-position: -4185px 0px;
}

.vendor-logo.peerless_av {
  width: 93px;
  background-position: -8479px 0px;
}

.vendor-logo.peerless_av.small {
  width: 47px;
  background-position: -4240px 0px;
}

.vendor-logo.ssl {
  width: 42px;
  background-position: -8600px 0px;
}

.vendor-logo.ssl.small {
  width: 21px;
  background-position: -4300px 0px;
}

.vendor-logo.sslcomodo {
  width: 86px;
  background-position: -8702px 0px;
}

.vendor-logo.sslcomodo.small {
  width: 43px;
  background-position: -4351px 0px;
}

.vendor-logo.sslgeotrust {
  width: 86px;
  background-position: -8812px 0px;
}

.vendor-logo.sslgeotrust.small {
  width: 43px;
  background-position: -4406px 0px;
}

.vendor-logo.sslrapidssl {
  width: 82px;
  background-position: -8924px 0px;
}

.vendor-logo.sslrapidssl.small {
  width: 41px;
  background-position: -4462px 0px;
}

.vendor-logo.sslthawte {
  width: 87px;
  background-position: -9032px 0px;
}

.vendor-logo.sslthawte.small {
  width: 44px;
  background-position: -4516px 0px;
}

.vendor-logo.sslcertum {
  width: 80px;
  background-position: -9145px 0px;
}

.vendor-logo.sslcertum.small {
  width: 40px;
  background-position: -4573px 0px;
}

.vendor-logo.dell_sonicwall {
  width: 90px;
  background-position: -9250px 0px;
}

.vendor-logo.dell_sonicwall.small {
  width: 45px;
  background-position: -4625px 0px;
}

.vendor-logo.logitech {
  width: 90px;
  background-position: -9360px 0px;
}

.vendor-logo.logitech.small {
  width: 45px;
  background-position: -4680px 0px;
}

.vendor-logo.asus {
  width: 89px;
  background-position: -9471px 0px;
}

.vendor-logo.asus.small {
  width: 45px;
  background-position: -4736px 0px;
}

.vendor-logo.interline {
  width: 47px;
  background-position: -9602px 0px;
}

.vendor-logo.interline.small {
  width: 24px;
  background-position: -4801px 0px;
}

.vendor-logo.rf_elements {
  width: 50px;
  background-position: -9705px 0px;
}

.vendor-logo.rf_elements.small {
  width: 25px;
  background-position: -4853px 0px;
}

.vendor-logo.yealink {
  width: 80px;
  background-position: -9810px 0px;
}

.vendor-logo.yealink.small {
  width: 40px;
  background-position: -4905px 0px;
}

.vendor-logo.datalogic {
  width: 90px;
  background-position: -9910px 0px;
}

.vendor-logo.datalogic.small {
  width: 45px;
  background-position: -4955px 0px;
}

.vendor-logo.veritas {
  width: 86px;
  background-position: -10023px 0px;
}

.vendor-logo.veritas.small {
  width: 43px;
  background-position: -5011px 0px;
}

.vendor-logo.hpe {
  width: 88px;
  background-position: -10133px 0px;
}

.vendor-logo.hpe.small {
  width: 44px;
  background-position: -5066px 0px;
}

.vendor-logo.totolink {
  width: 92px;
  background-position: -10569px 0px;
}

.vendor-logo.totolink.small {
  width: 46px;
  background-position: -5284px 0px;
}

.vendor-logo.black_point {
  width: 92px;
  background-position: -10240px 0px;
}

.vendor-logo.black_point.small {
  width: 46px;
  background-position: -5120px 0px;
}

.vendor-logo.printe {
  width: 93px;
  background-position: -10349px 0px;
}

.vendor-logo.printe.small {
  width: 47px;
  background-position: -5174px 0px;
}

.vendor-logo.pantum {
  width: 86px;
  background-position: -10462px 0px;
}

.vendor-logo.pantum.small {
  width: 43px;
  background-position: -5232px 0px;
}

.vendor-logo.mimosa {
  width: 91px;
  background-position: -10680px 0px;
}

.vendor-logo.mimosa.small {
  width: 46px;
  background-position: -5341px 0px;
}

.vendor-logo.zyxel {
  width: 94px;
  background-position: -10788px 0px;
}

.vendor-logo.zyxel.small {
  width: 47px;
  background-position: -5394px 0px;
}

.vendor-logo.d_link {
  width: 88px;
  background-position: -10901px 0px;
}

.vendor-logo.d_link.small {
  width: 44px;
  background-position: -5450px 0px;
}

.vendor-logo.apple {
  width: 72px;
  background-position: -11015px 0px;
}

.vendor-logo.apple.small {
  width: 36px;
  background-position: -5507px 0px;
}

.vendor-logo.newstar {
  width: 96px;
  background-position: -11118px 0px;
}

.vendor-logo.newstar.small {
  width: 48px;
  background-position: -5559px 0px;
}

.vendor-logo.vertiv {
  width: 50px;
  background-position: -11230px 0px;
}

.vendor-logo.vertiv.small {
  width: 25px;
  background-position: -5615px 0px;
}

.vendor-logo.\37_stars {
  width: 56px;
  background-position: -11357px 0px;
}

.vendor-logo.\37_stars.small {
  width: 28px;
  background-position: -5678px 0px;
}

.vendor-logo.canon {
  width: 84px;
  background-position: -11458px 0px;
}

.vendor-logo.canon.small {
  width: 42px;
  background-position: -5729px 0px;
}

.vendor-logo.brother {
  width: 84px;
  background-position: -11580px 0px;
}

.vendor-logo.brother.small {
  width: 48px;
  background-position: -5792px 0px;
}

.vendor-logo.goodram {
  width: 84px;
  background-position: -11697px 0px;
}

.vendor-logo.goodram.small {
  width: 48px;
  background-position: -5841px 0px;
}

.vendor-logo.fibaro {
  width: 84px;
  background-position: -11798px 0px;
}

.vendor-logo.fibaro.small {
  width: 48px;
  background-position: -5903px 0px;
}

.vendor-logo.sale, .vendor-logo.solde, .vendor-logo.wyprzedaz {
  background: url(/gfx/logos/vendors/sales-sprite.png) top left no-repeat !important;
}

.vendor-logo.sale.small, .vendor-logo.solde.small, .vendor-logo.wyprzedaz.small {
  background: url(/gfx/logos/vendors/sales-sprite-small.png) top left no-repeat !important;
}

.vendor-logo.sale-senetic\.pl, .vendor-logo.wyprzedaz {
  width: 89px;
  background-position: -10px 0px !important;
}

.vendor-logo.sale-senetic\.pl.small, .vendor-logo.wyprzedaz.small {
  width: 45px;
  background-position: -5px 0px !important;
}

.vendor-logo.sale-senetic\.co\.uk, .vendor-logo.sale-senetic\.ie, .vendor-logo.sale-senetic\.com, .vendor-logo.sale-senetic\.ro, .vendor-logo.sale-senetic\.co\.za, .vendor-logo.sale-senetic\.co\.ke, .vendor-logo.sale-senetic\.com\.gh, .vendor-logo.sale-senetic\.ng, .vendor-logo.sale {
  width: 56px;
  background-position: -127px 0px !important;
}

.vendor-logo.sale-senetic\.de, .vendor-logo.sale-senetic\.at, .vendor-logo.sale-senetic\.ch, .vendor-logo.sale-senetic\.li {
  width: 94px;
  background-position: -228px 0px !important;
}

.vendor-logo.sale-senetic\.es {
  width: 89px;
  background-position: -341px 0px !important;
}

.vendor-logo.sale-senetic\.fr, .vendor-logo.sale-senetic\.lu, .vendor-logo.sale-fr\.senetic\.ch, .vendor-logo.sale-senetic\.ci, .vendor-logo.sale-senetic\.cd, .vendor-logo.sale-senetic\.cm, .vendor-logo.sale-senetic\.ma, .vendor-logo.solde {
  width: 92px;
  background-position: -449px 0px !important;
}

.vendor-logo.sale-senetic\.it, .vendor-logo.sale-it\.senetic\.ch {
  width: 82px;
  background-position: -563px 0px !important;
}

.vendor-logo.sale-senetic\.cz {
  width: 84px;
  background-position: -673px 0px !important;
}

.vendor-logo.sale-senetic\.hu {
  width: 84px;
  background-position: -783px 0px !important;
}

.vendor-logo.sale-senetic\.dk {
  width: 72px;
  background-position: -898px 0px !important;
}

.vendor-logo.sale-senetic\.nl, .vendor-logo.sale-senetic\.be {
  width: 92px;
  background-position: -999px 0px !important;
}

.vendor-logo.sale-senetic\.se {
  width: 84px;
  background-position: -1112px 0px !important;
}

.vendor-logo.sale-senetic\.gr, .vendor-logo.sale-senetic\.com\.cy {
  width: 89px;
  background-position: -1220px 0px !important;
}

.vendor-logo.sale-senetic\.lt {
  width: 94px;
  background-position: -1328px 0px !important;
}

.vendor-logo.sale-senetic\.si {
  width: 89px;
  background-position: -1440px 0px !important;
}

.vendor-logo.sale-senetic\.lv {
  width: 90px;
  background-position: -1550px 0px !important;
}

.vendor-logo.sale-senetic\.bg {
  width: 90px;
  background-position: -1660px 0px !important;
}

.vendor-logo.sale-senetic\.pt {
  width: 82px;
  background-position: -1774px 0px !important;
}

.vendor-logo.sale-senetic\.no {
  width: 60px;
  background-position: -1884px 0px !important;
}

.vendor-logo.sale-senetic\.fi {
  width: 90px;
  background-position: -1990px 0px !important;
}

.vendor-logo.sale-senetic\.hr {
  width: 88px;
  background-position: -2100px 0px !important;
}

.vendor-logo.sale-senetic\.ee {
  width: 90px;
  background-position: -2210px 0px !important;
}

.vendor-logo.sale-senetic\.co\.il {
  width: 74px;
  background-position: -2327px 0px !important;
}

.vendor-logo.sale-senetic\.sk {
  width: 84px;
  background-position: -2433px 0px !important;
}

.partner-logo {
  background: url(/gfx/logos/footer/logos.png) top left no-repeat;
  height: 40px;
}

.partner-logo.microsoft {
  width: 135px;
  background-position: 0px 0px;
}

.partner-logo.dell {
  width: 105px;
  background-position: -155px 0px;
}

.partner-logo.vmware {
  width: 52px;
  background-position: -280px 0px;
}

.partner-logo.ubiquiti {
  width: 87px;
  background-position: -352px 0px;
}

.partner-logo.fujitsu {
  width: 37px;
  background-position: -450px 0px;
}

.partner-logo.symantec {
  width: 72px;
  background-position: -504px 0px;
}

.partner-logo.mikrotik {
  width: 67px;
  background-position: -593px 0px;
}

.payment-logo {
  background: url(/gfx/logos/payment/payment.png?v=1.0001) top left no-repeat;
  height: 40px;
}

.payment-logo.small {
  background: url(/gfx/logos/payment/payment-small.png?v=1.0001) top left no-repeat;
  height: 23px;
  display: inline-block;
  vertical-align: middle;
}

.payment-logo.paypal {
  width: 62px;
  background-position: -324px 0px;
}

.payment-logo.paypal.small {
  width: 38px;
  background-position: -15px -3px;
}

.payment-logo.mastercard {
  width: 86px;
  background-position: -228px 0px;
}

.payment-logo.mastercard.small {
  width: 25px;
  background-position: -59px -3px;
}

.payment-logo.visa {
  width: 39px;
  background-position: -398px 0px;
}

.payment-logo.visa.small {
  width: 25px;
  background-position: -90px -3px;
}

.payment-logo.payu {
  width: 69px;
  background-position: -208px 0px;
}

.payment-logo.payu.small {
  width: 43px;
  background-position: -120px -3px;
}

.payment-logo.amex {
  width: 50px;
  background-position: -9px 0px;
}

.payment-logo.dinersClub {
  width: 27px;
  background-position: -78px 0px;
}

.payment-logo.discover {
  width: 56px;
  background-position: -120px 0px;
}

.payment-logo.jcb {
  width: 29px;
  background-position: -186px 0px;
}

.payment-logo.maestro {
  width: 71px;
  background-position: -448px 0px;
}

.certificate-logo {
  background: url(/gfx/logos/footer/certificates.png) top left no-repeat;
  height: 40px;
}

.certificate-logo.computerworld {
  width: 86px;
  background-position: 0px 0px;
}

.certificate-logo.iso {
  width: 83px;
  background-position: -96px 0px;
}

.certificate-logo.gazele {
  width: 111px;
  background-position: -189px 0px;
}

.certificate-logo.cwb {
  width: 78px;
  background-position: -310px 0px;
}

.certificate-logo.trusted {
  width: 40px;
  background-position: -398px 0px;
}

.social {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: end;
  justify-content: flex-end;
}

.social a {
  margin: 0px 5px;
}

.social a:last-of-type {
  margin-right: 0px;
}

.social div {
  background: url(/gfx/logos/footer/social.png) top left no-repeat;
  height: 20px;
  transition: all .2s ease-in-out;
  padding: 0px 5px;
}

.social div:hover {
  background-position: inherit top 20px;
}

.social .facebook {
  width: 18px;
  background-position: 5px -2px;
}

.social .facebook:hover {
  background-position: 5px -22px;
}

.social .linkedin {
  width: 27px;
  background-position: -13px -2px;
}

.social .linkedin:hover {
  background-position: -13px -22px;
}

.social .twitter {
  width: 27px;
  background-position: -40px -2px;
}

.social .twitter:hover {
  background-position: -40px -22px;
}

.social .googleplus {
  width: 34px;
  background-position: -65px -2px;
}

.social .googleplus:hover {
  background-position: -65px -22px;
}

.icon, .icon-stock, .icon-delivery, .icon-query {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}

.icon svg, .icon-stock svg, .icon-delivery svg, .icon-query svg {
  display: inline-block;
}

.icon-stock {
  background: url("/gfx/icons/product-stock.png") center center no-repeat;
}

.icon-delivery {
  background: url("/gfx/icons/product-delivery.png") center center no-repeat;
}

.icon-query {
  background: url("/gfx/icons/product-query.png") center center no-repeat;
}

.icon-pdf {
  width: 32px;
  height: 43px;
  background-image: url("/gfx/icons/sprite-file-icons.png");
  background-repeat: no-repeat;
  vertical-align: middle;
  background-position: -2939px 0px;
}

.category-tree {
  font-size: 1.4rem;
  line-height: 1.6rem;
}

.category-tree .subcategory-mobile {
  display: none;
}

.category-tree .title {
  color: #727272;
  padding-bottom: 7px;
}

.category-tree .quantity {
  color: #ababab;
}

.category-tree a {
  display: inline-block;
}

.category-tree li {
  padding-top: 7px;
}

.category-tree a:hover,
.category-tree li.active > a {
  color: #00aeef;
}

.category-tree .second-lvl {
  border-left: 1px solid #d3d3d3;
  margin-bottom: 8px;
}

.category-tree .second-lvl > li {
  padding-left: 10px;
}

.category-tree .third-lvl {
  font-size: 1.3rem;
  border-left: 1px solid #d3d3d3;
  margin-bottom: 8px;
}

.category-tree .third-lvl > li {
  padding-left: 10px;
}

.category-tree .third-lvl > li:last-child a {
  padding-bottom: 0px;
}

.category-tree .fourth-lvl {
  font-size: 1.3rem;
  border-left: 1px solid #d3d3d3;
  margin-bottom: 8px;
}

.category-tree .fourth-lvl > li {
  padding-left: 10px;
}

.category-tree .fourth-lvl > li:last-child a {
  padding-bottom: 0px;
}

header {
  position: relative;
  width: 100%;
  background: #fff;
  transition: top .2s ease;
}

header.nav-up {
  position: fixed;
  top: 0px;
  z-index: 200;
}

header.nav-up nav {
  margin-bottom: 0px;
}

header.nav-down {
  position: fixed;
  top: -152px;
  z-index: 200;
}

header.nav-down nav {
  margin-bottom: 0px;
}

header.nav-down .nav-second-bg {
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity .1s ease !important;
}

header.nav-start {
  top: 42px;
}

.top-links {
  font-size: 1.3rem;
  line-height: 2.0rem;
  padding: 5px 0px 0px;
}

.top-links .wrapper {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
}

.top-links.padd {
  padding-bottom: 182px;
}

.top-links a {
  display: inline-block;
}

.top-links a:hover {
  color: #00aeef;
}

.shop-links {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
}

.shop-links li {
  margin-right: 12px;
}

.shop-links li:first-of-type {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
}

.shop-links li:first-of-type svg {
  margin-right: 10px;
}

.shop-links li:first-of-type a {
  font-weight: 700;
}

.shop-links li:last-of-type a {
  margin-right: 0px;
}

.shop-links a {
  color: #727272;
  padding: 5px 0px;
}

.user-links {
  margin-left: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
}

.user-links a {
  color: #000000;
  cursor: pointer;
}

.user-links li {
  margin-left: 12px;
  position: relative;
}

.user-links li:first-of-type > a {
  padding-left: 0px;
}

.user-links li > a {
  padding: 5px 0px;
  position: relative;
}

.user-links li.register a,
.user-links a.login-link {
  cursor: pointer;
  font-weight: 700;
}

.user-links li.login-link > a {
  margin-bottom: -2px;
}

.user-links .login-link {
  cursor: default;
}

.user-links .login-link.logged-user a {
  cursor: pointer;
}

.user-links .hoverable > a {
  z-index: 110;
}

.user-links .hoverable > a.hello-user {
  font-weight: 400;
}

.user-links .hoverable > div {
  z-index: 100;
}

.helpbox .Support {
  font-size: 1.2rem;
  text-transform: none;
  padding: 19px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: end;
  align-items: flex-end;
}

.helpbox .Support-photo {
  margin-bottom: -19px;
  margin-left: 15px;
}

.helpbox .Support-photo img {
  display: block;
}

.helpbox .Support-title {
  line-height: 1.6rem;
  padding-bottom: 10px;
}

.helpbox .Support-phone {
  font-weight: 700;
  color: #000000;
}

.helpbox .Support-phone span {
  font-size: 2rem;
  font-weight: 200;
  white-space: nowrap;
  display: block;
}

.loginbox,
.accountbox {
  font-size: 1.4rem;
  min-width: 100%;
  width: 300px;
  padding: 20px;
  margin-top: -2px;
  border: 1px solid #f0f0f0;
  background: #ffffff;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 65;
}

.login-box.general-login {
  font-size: 1.4rem;
  min-width: 100%;
  width: 300px;
  padding: 20px;
  margin-top: 5px;
  border: 1px solid #d3d3d3;
  background: #ffffff;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 65;
}

.login-box input {
  margin-bottom: 10px;
}

.login-box input[type="checkbox"] {
  width: 14px;
  height: 14px;
  margin: 0px;
  border-radius: 0px;
}

.login-box label {
  font-size: 1.2rem;
  color: #000000;
  padding-left: 10px;
}

.login-box .login-submit {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
}

.login-box .login-submit .senetic-loader-wrapper {
  height: 36px;
  vertical-align: middle;
  display: none;
}

.login-box .checkbox-wrap {
  white-space: nowrap;
  margin-bottom: 10px;
}

.login-box .checkbox-wrap:last-of-type {
  margin-bottom: 0px;
}

.login-box .preloader_small {
  display: none;
  position: relative;
  top: 7px;
  margin-left: 20px;
  width: 25px;
}

.login-box .info {
  font-weight: 700;
  color: #ff4242;
  margin-bottom: 10px;
}

.accountbox .adviser {
  text-transform: none;
}

.accountbox .adviser-title {
  font-size: 1.2rem;
  line-height: 1.2rem;
  padding-bottom: 10px;
}

.accountbox .adviser-wrap {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
}

.accountbox .adviser img {
  margin-right: 15px;
  box-sizing: content-box;
  min-width: 52px;
}

.accountbox .adviser-data {
  font-size: 1.3rem;
  line-height: 1.8rem;
  color: #000000;
}

.accountbox .adviser-name {
  font-weight: 700;
}

.accountbox .adviser-status {
  border-left: 6px solid #d3d3d3;
}

.accountbox .adviser-status.online {
  border-color: #56c30d;
}

.accountbox .adviser-status.busy {
  border-color: #ff4242;
}

.accountbox .adviser-status.away {
  border-color: #f1ae0d;
}

.accountbox .adviser-status.offline {
  border-color: #d3d3d3;
}

.accountbox .adviser .adviser-wrap {
  margin-bottom: 20px;
}

.accountbox .adviser > a {
  margin-right: 20px;
}

.header-main {
  padding: 20px 0px 20px;
}

.header-main .wrapper {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.logobox {
  width: 360px;
}

.logobox img {
  transition: max-height .2s ease;
  max-height: 47px;
}

.searchbox {
  width: 100%;
  max-width: 500px;
  padding: 0px 30px;
}

.searchbox form {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  position: relative;
}

.searchbox input[type='text'] {
  font-size: 1.4rem;
  width: 100%;
  padding: 10px 15px;
  border: 1px solid #00aeef;
}

.searchbox input[type='text']:focus {
  box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.1);
}

.searchbox input[type='submit'] {
  width: 49px;
  height: 42px;
  background: url(/gfx/icons/search-btn.png) center center no-repeat #ffffff;
  margin-left: -1px;
  border: 1px solid #00aeef;
  outline: none;
  transition: all 200ms ease;
}

.searchbox input[type='submit']:hover {
  background: url(/gfx/icons/search-btn-2.png) center center no-repeat #00aeef;
}

.searchbox .senetic-loader-wrapper {
  display: none;
  position: absolute;
  right: 60px;
  top: 50%;
  margin-top: -13px;
}

.autocomplete {
  width: calc(100% - 44px);
  background: #fff;
  border: 1px solid #00aeef;
  position: absolute;
  top: 100%;
  left: 0px;
  margin-top: -1px;
  box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  z-index: 90;
  transition: opacity .2s ease;
}

.autocomplete.found {
  opacity: 1;
  visibility: visible;
}

.autocomplete .suggest {
  font-size: 1.3rem;
  font-style: italic;
  color: #727272;
  background: #f0f0f0;
  padding: 7px 15px;
  margin-bottom: 15px;
  display: none;
}

.autocomplete .title {
  color: #ababab;
  padding: 0px 15px;
  margin-bottom: 5px;
  margin-top: 10px;
}

.autocomplete .items a {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  padding: 5px 15px;
  transition: background .2s ease;
}

.autocomplete .items a:hover {
  background: #e5f7fd;
}

.autocomplete .items .photo {
  text-align: center;
  min-width: 50px;
  max-width: 50px;
  height: 36px;
  margin-right: 10px;
}

.autocomplete .items .photo img {
  max-width: 100%;
  height: auto;
}

.autocomplete .items .desc {
  font-size: 1.4rem;
  word-break: break-all;
}

.autocomplete .items .desc span {
  display: block;
  line-height: 1.8rem;
}

.autocomplete .items .desc span:first-child {
  color: #00aeef;
}

.autocomplete .items .desc span:nth-last-child(2) {
  color: #000000;
}

.autocomplete .categories {
  margin-bottom: 10px;
}

.autocomplete .categories a {
  padding: 5px 15px;
  display: block;
}

.cartbox {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: end;
  justify-content: flex-end;
  width: 360px;
}

.cartbox a.order-btn {
  color: transparent !important;
}

.cartbox a.order-btn:hover .cartbox-text {
  color: #00aeef;
}

.cartbox .btns-wrap {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
}

.cartbox-order, .cartbox-enquiry {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  font-weight: 700;
  line-height: 2rem;
  padding-bottom: 13px;
  margin-bottom: -13px;
  border-bottom: 2px solid transparent;
  position: relative;
  z-index: 80;
  cursor: pointer;
}

.cartbox-order img, .cartbox-enquiry img {
  padding-right: 20px;
}

.cartbox-text {
  font-size: 1.5rem;
  background: #fff;
  color: #000000;
  transition: color .2s ease .2s;
}

.cartbox-price {
  font-size: 1.4rem;
  white-space: nowrap;
  color: #000000;
}

.cartbox-empty {
  font-size: 1.4rem;
  font-weight: 400;
  color: #727272;
}

.cartbox-icon {
  width: 34px;
  height: 36px;
  margin-right: 10px;
  position: relative;
}

.cartbox-icon .cartbox-quantity {
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 2rem;
  padding: 0px 5px;
  background: #00aeef;
  color: #ffffff;
  position: absolute;
  top: -5px;
  right: -5px;
}

.header-nav {
  border-top: 1px solid #d3d3d3;
  margin: 0px 0px 25px;
  display: none;
}

.mobile-menu-bar {
  display: none;
}

.mobile-menu {
  font-size: 1.7rem;
  font-weight: 700;
  color: #000000;
  white-space: nowrap;
  padding: 20px 0px 23px;
  margin: 0px 0px -2px;
  border-bottom: 2px solid transparent;
  position: relative;
  z-index: 60;
}

.mob-all-products {
  display: none;
}

.nav-first {
  width: 100%;
  border-bottom: 2px solid #00aeef;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.nav-first > .nav-first-item {
  -webkit-box-flex: 2;
  flex-grow: 2;
  text-align: center;
  cursor: pointer;
}

.nav-first > .nav-first-item:first-of-type {
  -webkit-box-flex: 1;
  flex-grow: 1;
  text-align: left;
}

.nav-first > .nav-first-item:last-of-type {
  -webkit-box-flex: 1;
  flex-grow: 1;
  text-align: right;
}

.nav-first > .nav-first-item:first-of-type > a {
  text-align: left;
  padding-left: 0px;
}

.nav-first > .nav-first-item:last-of-type > a {
  text-align: right;
  padding-right: 0px;
}

.nav-first > .nav-first-item:hover a {
  z-index: 61;
  border-color: #00aeef;
}

.nav-first-item > a {
  font-size: 1.7rem;
  font-weight: 700;
  color: #000000;
  white-space: nowrap;
  padding: 20px 0px 23px;
  margin: 0px 0px -2px;
  display: inline-block;
  border-bottom: 2px solid transparent;
  position: relative;
  z-index: 60;
  -webkit-transform: translate3d(0, 0, 0);
}

.nav-first-item > a.active {
  color: #00aeef;
}

.nav-second-bg {
  width: 100%;
  min-height: 100px;
  padding-top: 30px;
  padding-bottom: 40px;
  margin-top: -1px;
  background: #ffffff;
  border-top: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
  display: none;
  position: absolute;
  left: 0px;
  right: 0px;
  overflow: hidden;
  z-index: 50;
  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1);
  cursor: auto;
}

.nav-second-bg .nav-second-column {
  width: 100%;
  padding-right: 30px;
}

.nav-second-bg .nav-second-column:last-child {
  padding-right: 0px;
}

.nav-second-bg .nav-second-list {
  width: 100%;
}

.nav-second-bg .nav-second-item {
  text-align: left;
  width: 18%;
  margin-right: 2%;
  margin-bottom: 20px;
}

.nav-second-bg .nav-second-item:nth-of-type(5n) {
  margin-right: 0px;
}

.nav-second-bg .wrapper {
  height: 100%;
}

.nav-second-bg .nav-second {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  justify-content: flex-start;
}

.nav-third {
  margin-top: 5px;
}

.nav-third-item a {
  font-size: 1.2rem;
  line-height: 2rem;
  color: #000000;
  display: inline-block;
}

.nav-third-item a:hover {
  color: #00aeef;
}

.category-view .wrapper {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  align-items: flex-start;
}

.category-view .sidebar {
  width: 26%;
  max-width: calc(262px + 50px);
  margin-bottom: 40px;
}

.category-view .category-description {
  font-size: 1.2rem;
  line-height: 2rem;
  color: #727272;
}

.category-view .main-content {
  width: 74%;
  max-width: calc((262px * 3) + 100px);
  padding-left: 50px;
  margin-left: auto;
}

.category-view .main-content h1 {
  margin-bottom: 30px;
}

.category-view .main-content h1 span {
  font-size: 1.3rem;
  font-weight: 700;
  color: #727272;
  position: relative;
  margin-left: 15px;
  top: -4px;
}

.search-view .sidebar {
  width: 22%;
  max-width: calc(262px);
}

.search-view .sidebar img {
  max-width: 100%;
}

.search-view .main-content {
  width: 74%;
  max-width: calc((262px * 3) + 100px);
  padding-left: 0px;
  margin-left: auto;
}

.items-wrapper {
  width: 100%;
  padding-top: 50px;
}

.items-wrapper .pn {
  font-size: 1.5rem;
  font-weight: 700;
  color: #00aeef;
}

.items-wrapper .item-title {
  font-size: 1.4rem;
  line-height: 2rem;
}

.items-wrapper .price {
  line-height: 2rem;
}

.items-wrapper .price .srp {
  color: #727272;
  font-size: 1.4rem;
  text-decoration: line-through;
  white-space: nowrap;
}

.items-wrapper .price .net {
  font-size: 1.4rem;
  font-weight: 700;
  color: #000000;
  white-space: nowrap;
}

.items-wrapper .price .gross {
  font-size: 1.5rem;
  font-weight: 700;
  color: #000000;
  white-space: nowrap;
}

.items-wrapper .details {
  font-size: 1.2rem;
  line-height: 2rem;
}

.items-wrapper.list-standard {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  justify-content: flex-start;
  padding-top: 0px;
}

.items-wrapper.list-standard .item {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  text-align: left;
  width: 100%;
  padding-bottom: 10px;
  margin-bottom: 15px;
  position: relative;
  transition: all .3s ease;
  overflow: hidden;
}

.items-wrapper.list-standard .item:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0px;
  left: 0;
  background-color: #00aeef;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  transition: all .3s ease;
}

.items-wrapper.list-standard .item-wrap {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
}

.items-wrapper.list-standard .item .details-price {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  width: 85%;
}

.items-wrapper.list-standard .item .description {
  width: 70%;
  max-width: 400px;
}

.items-wrapper.list-standard .item .description a {
  display: block;
}

.items-wrapper.list-standard .item .description .pn {
  margin-bottom: 5px;
}

.items-wrapper.list-standard .item .description .title {
  font-size: 1.3rem;
  line-height: 2rem;
  color: #000000;
  word-break: break-all;
}

.items-wrapper.list-standard .item .addbtn {
  cursor: pointer;
  position: relative;
  min-width: 45px;
  text-align: center;
}

.items-wrapper.list-standard .item .addbtn .senetic-loader {
  margin-left: 0px !important;
}

.items-wrapper.list-standard .item .addbtn img {
  position: absolute;
}

.items-wrapper.list-standard .item .ribbon {
  font-size: 1.5rem;
  font-weight: 700;
  color: #ffffff;
  line-height: 3rem;
  text-align: center;
  background: #ff4242;
  width: 140px;
  padding-top: 30px;
  opacity: 0;
  position: absolute;
  top: -21px;
  left: -61px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  transition: all .2s ease;
  z-index: 1;
}

.items-wrapper.list-standard .item .image {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  max-width: 92px;
  height: 67px;
  margin-right: 20px;
  position: relative;
  overflow: hidden;
}

.items-wrapper.list-standard .item .image img {
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

.items-wrapper.list-standard .item .details {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  width: 150px;
  -webkit-box-flex: 1;
  flex-grow: 1;
  justify-content: space-around;
}

.items-wrapper.list-standard .item .details .stock {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  margin: 0px;
  min-width: 40px;
}

.items-wrapper.list-standard .item .details .stock.svg-icon {
  display: inline-block;
}

.items-wrapper.list-standard .item .details .delivery {
  text-align: center;
}

.items-wrapper.list-standard .item .details .query {
  min-width: 40px;
  margin: 0px;
}

.items-wrapper.list-standard .item .details .icon, .items-wrapper.list-standard .item .details .icon-stock, .items-wrapper.list-standard .item .details .icon-delivery, .items-wrapper.list-standard .item .details .icon-query {
  display: block;
  margin: 0 auto;
}

.items-wrapper.list-standard .item .details .text {
  display: inline-block;
  vertical-align: middle;
}

.items-wrapper.list-standard .item .details div.stock,
.items-wrapper.list-standard .item .details div.delivery {
  margin: 0px auto;
  -webkit-box-flex: 1;
  flex-grow: 1;
  width: 50%;
  text-align: center;
  white-space: nowrap;
}

.items-wrapper.list-standard .item .price {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: end;
  align-items: flex-end;
  min-width: 130px;
  margin-left: auto;
  margin-right: 20px;
}

.items-wrapper.list-standard .item:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.items-wrapper.list-standard .item:hover .ribbon {
  opacity: 1;
}

.section-header {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  padding: 0px 0px 40px;
}

.section-header .read-more {
  font-size: 1.3rem;
  color: #727272;
  margin-left: auto;
}

.section-header a.read-more:hover {
  color: #00aeef;
}

.section-border {
  border-bottom: 1px solid #d3d3d3;
  width: 100%;
}

.message-bar {
  padding: 15px 0px;
  color: #727272;
  bottom: 0;
  width: 100%;
}

.message-bar .wrapper {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
}

.message-bar.info {
  background: #f0f0f0;
}

.message-bar.success {
  background: #56c30d;
}

.message-bar.warning {
  background: #f1ae0d;
}

.message-bar.error {
  background: #ff4242;
}

.message-bar.cookies {
  border-top: 1px solid #d3d3d3;
}

.message-bar-text {
  font-size: 1.3rem;
  line-height: 20px;
}

.message-bar-close {
  margin-left: auto;
  cursor: pointer;
  z-index: 9999999999;
}

.breadcrumbs {
  font-size: 1.2rem;
  margin: 0px 0px 0;
  padding: 0 0 25px 0;
}

.breadcrumbs li {
  display: inline;
  line-height: 2rem;
}

.breadcrumbs li:not(:last-of-type):after {
  content: '';
  background: url(/gfx/icons/arrow_breadcrump.svg) right center no-repeat;
  margin: 0px 10px;
  width: 3px;
  height: 6px;
  display: inline-block;
}

.breadcrumbs a {
  color: #727272;
}

.breadcrumbs a:hover {
  color: #00aeef;
}

.filters-container .filters,
.filters-container .filter-by,
.filters-container .hoverable > a,
.filters-container .sort-by,
.filters-container .filters-active {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
}

.filters-container .filters {
  font-size: 1.4rem;
  margin-bottom: 10px;
}

.filters-container .filters .hoverable {
  margin-left: 15px;
  transition: 0.5s ease 0.2s !important;
}

.filters-container .filters .hoverable > div {
  transition: 0.5s ease 0.2s;
}

.filters-container .filters .hoverable > a {
  padding-bottom: 10px;
  cursor: pointer;
}

.filters-container .filters .hoverable path,
.filters-container .filters .hoverable rect,
.filters-container .filters .hoverable circle,
.filters-container .filters .hoverable polygon {
  fill: #ababab;
  transition: fill .2s ease;
}

.filters-container .filters .hoverable.active path,
.filters-container .filters .hoverable.active rect,
.filters-container .filters .hoverable.active circle,
.filters-container .filters .hoverable.active polygon,
.filters-container .filters .hoverable > a:hover path,
.filters-container .filters .hoverable > a:hover rect,
.filters-container .filters .hoverable > a:hover circle,
.filters-container .filters .hoverable > a:hover polygon {
  fill: #00aeef;
}

.filters-container .filters .filter-by > span {
  display: inline-block;
  padding-bottom: 12px;
}

.filters-container .filters .filter-by div a img,
.filters-container .filters .filter-by div a svg {
  margin-right: 7px;
}

.filters-container .filters .sort-by {
  margin-left: auto;
}

.filters-container .filters .sort-by > span {
  display: inline-block;
  padding-bottom: 12px;
}

.filters-container .filters .sort-by a {
  font-weight: 400;
}

.filters-container .filters .sort-by svg {
  margin-right: 7px;
}

.filters-container .filters .pricebox,
.filters-container .filters .alphabetbox,
.filters-container .filters .stockbox,
.filters-container .filters .deliverybox {
  left: 0px;
  right: auto;
  min-width: 220px;
}

.filters-container .filters .pricebox > div,
.filters-container .filters .alphabetbox > div,
.filters-container .filters .stockbox > div,
.filters-container .filters .deliverybox > div {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 5px;
}

.filters-container .filters .pricebox input,
.filters-container .filters .alphabetbox input,
.filters-container .filters .stockbox input,
.filters-container .filters .deliverybox input {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.filters-container .filters .pricebox label,
.filters-container .filters .alphabetbox label,
.filters-container .filters .stockbox label,
.filters-container .filters .deliverybox label {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
  margin: 5px auto;
}

.filters-container .filters .pricebox label .envelope,
.filters-container .filters .alphabetbox label .envelope,
.filters-container .filters .stockbox label .envelope,
.filters-container .filters .deliverybox label .envelope {
  margin-right: 3px;
}

.filters-container .filters .pricebox label .stock,
.filters-container .filters .alphabetbox label .stock,
.filters-container .filters .stockbox label .stock,
.filters-container .filters .deliverybox label .stock {
  margin-left: auto;
  padding-left: 20px;
  display: inline-block;
  text-align: center;
}

.filters-container .filters .pricebox label .stock .icon svg, .filters-container .filters .pricebox label .stock .icon-stock svg, .filters-container .filters .pricebox label .stock .icon-delivery svg, .filters-container .filters .pricebox label .stock .icon-query svg,
.filters-container .filters .alphabetbox label .stock .icon svg,
.filters-container .filters .alphabetbox label .stock .icon-stock svg,
.filters-container .filters .alphabetbox label .stock .icon-delivery svg,
.filters-container .filters .alphabetbox label .stock .icon-query svg,
.filters-container .filters .stockbox label .stock .icon svg,
.filters-container .filters .stockbox label .stock .icon-stock svg,
.filters-container .filters .stockbox label .stock .icon-delivery svg,
.filters-container .filters .stockbox label .stock .icon-query svg,
.filters-container .filters .deliverybox label .stock .icon svg,
.filters-container .filters .deliverybox label .stock .icon-stock svg,
.filters-container .filters .deliverybox label .stock .icon-delivery svg,
.filters-container .filters .deliverybox label .stock .icon-query svg {
  margin: auto;
  padding: 0px;
}

.filters-container .filters .pricebox .btn,
.filters-container .filters .alphabetbox .btn,
.filters-container .filters .stockbox .btn,
.filters-container .filters .deliverybox .btn {
  margin-top: 10px;
}

.filters-container .filters .pricebox input[type="text"] {
  width: 75px;
  margin: 0px 0px 5px;
}

.filters-container .filters .pricebox input[type="text"]:first-of-type {
  margin-left: 10px;
  margin-right: 10px;
}

.filters-container .filters .pricebox input[type="text"]:last-of-type {
  margin-left: 10px;
  margin-right: 0px;
}

.filters-container .filters .pricebox input[type="radio"] {
  width: 15px;
  height: 15px;
}

.filters-container .filters .alphabetbox input {
  margin: 0px 0px 5px;
}

.filters-container .filters .alphabetbox input:last-of-type {
  margin-bottom: 0px;
}

.filters-container .filters .stockbox input[type="text"] {
  margin-right: 10px;
}

.filters-container .filters .stockbox svg {
  margin-left: auto;
}

.filters-container .filters .sortbox > div {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 15px;
}

.filters-container .filters .sortbox > div:last-of-type {
  margin-bottom: 0px;
}

.filters-container .filters .sortbox > div span {
  color: #727272;
}

.filters-container .filters .sortbox > div div {
  padding-left: 20px;
  margin-left: auto;
}

.filters-container .filters .sortbox > div a {
  display: block;
  font-weight: 400;
}

.filters-container .filters .sortbox > div a.active {
  font-weight: 700;
  color: #00aeef;
}

.filters-container .filters .sortbox > div a:hover {
  color: #00aeef;
}

.filters-container .filters-active {
  font-size: 1.3rem;
  padding-bottom: 20px;
}

.filters-container .filters-active div {
  color: #727272;
  padding: 5px 7px;
  margin-right: 10px;
}

.filters-container .filters-active div img {
  cursor: pointer;
}

.filters-container .filters-active .single {
  background: #f0f0f0;
}

.filters-container .filters-active .single img {
  margin-left: 3px;
}

.filters-container .filters-active .all {
  cursor: pointer;
}

.filters-container .filters-active .all img {
  margin-right: 3px;
}

.filters-container .filters-border {
  padding-bottom: 10px;
  margin-bottom: 25px;
  border-bottom: 1px solid #d3d3d3;
}

.newsletter-bar {
  border-top: 1px solid #d3d3d3;
  padding: 30px 0;
}

.newsletter-bar .wrapper {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.newsletter-bar .info {
  font-size: 1.3rem;
  color: #727272;
  line-height: 2.2rem;
  white-space: nowrap;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-left: auto;
}

.newsletter-bar .info span {
  white-space: normal;
  padding: 10px;
  display: inline-block;
  -webkit-box-flex: 2;
  flex-grow: 2;
  margin-left: 12px;
  color: white;
  font-weight: bold;
}

.newsletter-bar .info span:not(.success) {
  text-align: right;
  background: #ff4242;
}

.newsletter-bar .info span.success {
  background: #56c30d 10px center;
  background-image: url("../../gfx/icons/tick-white.svg");
  background-repeat: no-repeat;
  padding-left: 50px;
  background-size: 20px;
}

.newsletter-bar .icon, .newsletter-bar .icon-stock, .newsletter-bar .icon-delivery, .newsletter-bar .icon-query {
  width: 14px;
  height: 18px;
  background: url("/gfx/icons/info-sign.png") center center no-repeat;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}

.newsletter-bar form {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
  max-width: 380px;
}

.newsletter-bar input[type='text'] {
  font-size: 1.4rem;
  width: 100%;
  padding: 10px 15px;
}

.newsletter-bar input[type='submit'] {
  width: 55px;
  height: 42px;
  background: url("/gfx/icons/newsletter-btn.png") center center no-repeat;
  margin-left: -1px;
  border: 1px solid #d3d3d3;
  transition: background .3s ease;
  outline: none;
}

.newsletter-bar input[type='submit']:hover {
  background: url("/gfx/icons/newsletter-btn-hover.png") center center no-repeat #00aeef;
}

.newsletter-bar input[type='submit'].focused {
  border-color: #00aeef;
}

.newsletter-box {
  position: relative;
}

.newsletter-box .bg-stripes {
  background: url(/gfx/identity/newsletter-bg-strip.png) top right no-repeat transparent;
  width: 266px;
  height: 63px;
  position: absolute;
  right: -210px;
  top: -10px;
}

.newsletter-box form .loaderOuterWrapper {
  background: #f0f0f0 !important;
  opacity: 0.8;
}

.newsletter-box .title {
  font-size: 3rem;
  font-weight: 300;
  color: #000000;
  margin-bottom: 15px;
}

.newsletter-box .info {
  font-size: 1.5rem;
  font-weight: 700;
  color: #727272;
  margin-bottom: 25px;
}

.newsletter-box .submit {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  margin: 0 0 25px 0;
}

.newsletter-box .submit input[type="checkbox"] {
  margin-top: 3px;
}

.newsletter-box .submit label {
  font-size: 1.1rem;
  line-height: 1.6rem;
  display: inline-block;
  margin: 0px 10px;
}

.newsletter-box .submit input[type="submit"] {
  margin-left: auto;
}

.newsletter-box .submit .btn.blue {
  overflow: initial;
}

.newsletter-box .submit .error ~ label {
  color: #ff4242;
}

.newsletter-box .submit .errorbox {
  display: none !important;
}

.newsletter-box .form-status {
  padding: 30px 0px;
  text-align: left;
}

.newsletter-box .form-status > div {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
  align-items: center;
}

.newsletter-box .form-status > div.success {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
}

.newsletter-box .form-status > div.success p {
  text-align: center;
  line-height: 20px;
}

.newsletter-box .form-status > div.success p:first-child {
  margin-top: 10px;
}

.newsletter-box .form-status > div.success p.footer_newsletter {
  text-align: left !important;
}

.newsletter-box .form-status > div img {
  margin: 0px 20px 0px 0px;
}

.newsletter-box .form-status button {
  margin-top: 30px;
}

.newsletter-box span.button {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: start;
  align-items: start;
  -webkit-box-pack: end;
  justify-content: flex-end;
  width: 100%;
}

footer {
  flex-shrink: 0;
  padding: 40px 0px 50px;
  background-color: #f0f0f0;
  overflow: hidden;
  margin-top: 20px;
}

footer .wrapper {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: start;
  align-items: flex-start;
}

footer .title {
  font-size: 1.3rem;
  color: #727272;
}

footer .logos {
  border-top: 1px solid #d3d3d3;
  padding-top: 20px;
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  justify-content: flex-start;
  align-content: center;
  -webkit-box-align: center;
  align-items: center;
}

footer .logos .partnership {
  margin-right: 75px;
}

footer .footer-logos {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 5px 0px 15px 0;
}

footer .footer-logos div,
footer .footer-logos a {
  margin: 0px 10px;
}

footer .footer-logos div:first-of-type,
footer .footer-logos a:first-of-type {
  margin-left: 0px;
}

footer .footer-logos div:last-of-type,
footer .footer-logos a:last-of-type {
  margin-right: 0px;
}

footer .contactForm__inputs {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  align-content: center;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 20px;
}

footer .contactForm__inputs .inputbox {
  width: 275px;
  margin-left: unset;
}

.partnership {
  overflow: hidden;
  position: relative;
}

.partnership .senetic-loader-wrapper {
  height: 45px;
  margin: 40px 0px;
  position: absolute;
  width: 100%;
}

.partnership .carousel {
  min-height: 45px;
  margin: 40px 0px;
  white-space: nowrap;
}

.partnership .carousel .owl-stage-outer {
  margin: 0px 40px;
}

.partnership .carousel .slick-list:after,
.partnership .carousel .owl-stage-outer:after {
  content: '';
  background: url(/gfx/icons/gray_gradient_right.png) center no-repeat;
  width: 109px;
  height: 48px;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 15;
}

.partnership .carousel .slick-list:before,
.partnership .carousel .owl-stage-outer:before {
  content: '';
  background: url(/gfx/icons/gray_gradient_left.png) center no-repeat;
  width: 109px;
  height: 48px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 15;
}

.partnership .carousel .slick-track,
.partnership .carousel .owl-stage {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
}

.partnership .carousel a {
  margin: 0px 20px;
}

.partnership .carousel a div {
  display: inline-block;
}

.methods-wrap {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
}

.methods-wrap .payment-methods {
  max-width: 575px;
  width: 100%;
}

.methods-wrap .delivery-methods {
  width: 100%;
  max-width: 575px;
  margin-left: auto;
}

.methods-wrap .delivery-logo {
  background: none !important;
}

.data-menu {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  justify-content: flex-start;
  width: 100%;
}

.data-menu .column {
  width: 50%;
  padding-right: 10px;
  margin-right: 10px;
}

.data-menu .column.socials {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  justify-content: space-between;
  text-align: right;
  margin-right: 0;
  align-self: stretch;
}

.data-menu .column a {
  font-size: 1.3rem;
  line-height: 2rem;
}

.data-menu .column a:hover {
  color: #00aeef;
}

.data-menu .column.data {
  font-size: 1.3rem;
  line-height: 2rem;
}

.data-menu .menuElements li {
  margin-bottom: 7px;
}

.seo-description {
  font-size: 1.1rem;
  line-height: 1.8rem;
  color: #727272;
  padding: 40px 0px 0px;
}

.seo-description .title {
  font-size: 1.1rem;
  font-weight: 700;
  padding: 0px 0px 20px;
  display: block;
}

.seo-description .text {
  text-align: justify;
  width: 48%;
  max-width: 574px;
  display: inline-block;
  vertical-align: top;
}

.seo-description .text:nth-of-type(2) {
  margin-right: 4%;
}

.seo-description .text p {
  padding: 0px 0px 20px;
}

.copyrights {
  color: #727272;
  padding: 10px 0px;
  border-top: 1px solid #d3d3d3;
  font-size: 11px;
  width: 100%;
}

.copyrights .text {
  font-size: 1.1rem;
  line-height: 1.8rem;
  width: 52%;
  margin-right: 4%;
}

.copyrights .donations {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: end;
  justify-content: flex-end;
  font-size: 1.2rem;
  width: 44%;
  margin-left: auto;
}

.copyrights .donations img {
  padding-left: 15px;
}

.copyrights .senetic_copy {
  margin-bottom: 5px;
}

.copyrights div:last-child {
  padding-top: 5px;
}

.checkout header {
  border-bottom: 1px solid #d3d3d3;
}

.checkout header .wrapper {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  padding: 20px 40px;
}

.checkout header .safetybox {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  font-size: 1.3rem;
  line-height: 2rem;
  color: #727272;
  margin-left: auto;
}

.checkout header .safetybox div {
  margin-left: 30px;
  text-align: right;
}

.checkout header .safetybox img {
  margin-left: 20px;
}

.checkout.step4 .payment-block {
  margin: 0;
}

.checkout.step4 .payment-block .order-value {
  margin-bottom: 20px;
}

.checkout.step4 .payment-block .stripe-payment .checkout-block.stripe-block {
  margin-left: 0;
}

.checkout.step4 .payment-block .stripe-payment .checkout-block.stripe-block .checkout-row.double:first-child {
  width: 350px;
}

.checkout.step4 .payment-block .stripe-payment .checkout-block.stripe-block .checkout-row.double:nth-child(2) {
  width: 326px;
}

.checkout .advantages li {
  padding-left: 25px;
  position: relative;
}

.checkout .advantages li:before {
  content: '';
  background: url("/gfx/icons/blue-tick.svg") center no-repeat;
  width: 15px;
  height: 11px;
  display: inline-block;
  position: absolute;
  left: 0;
  /* top: 50%; */
  margin-top: 5px;
}

.checkout .checkout-block .enduser,
.checkout .checkout-block .reseller {
  font-weight: bold;
}

.checkout h1 {
  margin-bottom: 0;
}

.checkout .block-wrapper {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  align-items: flex-start;
}

.checkout .checkout-block {
  width: calc(50% - 25px);
}

.checkout .checkout-block.select-from-list {
  width: 100%;
}

.checkout .checkout-block.select-from-list h3 {
  margin-bottom: 10px;
}

.checkout .checkout-block:nth-child(2n) {
  margin-left: 50px;
}

.checkout .checkout-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
  line-height: 2.4rem;
  margin-bottom: 5px;
}

.checkout .checkout-row.vies {
  display: none;
}

.checkout .checkout-row.vies .inputbox {
  width: 65%;
}

.checkout .checkout-row.vies .vies-info {
  background: #f0f0f0;
  padding: 10px 15px;
  margin-bottom: 20px;
  width: 100%;
  line-height: 2.0rem;
  color: #727272;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

.checkout .checkout-row.vies .vies-info span {
  position: relative;
}

.checkout .checkout-row.vies .vies-info span:first-of-type {
  flex-shrink: 0;
  position: relative;
  margin-right: 15px;
}

.checkout .checkout-row.vies .vies-info span:first-of-type img,
.checkout .checkout-row.vies .vies-info span:first-of-type svg {
  width: 15px;
}

.checkout .checkout-row.vies .vies-info.loading span:first-of-type {
  top: 2px;
}

.checkout .checkout-row.vies .vies-info.info span:first-of-type {
  top: -1px;
}

.checkout .checkout-row.login-submit {
  margin: 20px 0;
}

.checkout .checkout-row.type-row {
  margin-bottom: 35px;
}

.checkout .checkout-row.type-row .inputbox {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
}

.checkout .checkout-row.type-row input {
  margin-right: 5px;
}

.checkout .checkout-row.type-row label {
  margin-right: 15px;
}

.checkout .checkout-row.type-row label:last-of-type {
  margin-right: 0;
}

.checkout .checkout-row.text-row {
  height: auto;
  min-height: 25px;
  margin-bottom: 30px;
}

.checkout .checkout-row.prefix-row .inputbox {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
}

.checkout .checkout-row:not(.prefix-row) .select-list {
  -webkit-box-flex: 1;
  flex-grow: 1;
}

.checkout .checkout-row.checkbox-row {
  min-height: 25px;
  margin: 15px 0px 0px;
  -webkit-box-align: center;
  align-items: center;
}

.checkout .checkout-row.checkbox-row.block-enabler {
  margin: 0px 0px 30px;
}

.checkout .checkout-row.checkbox-row .labelbox {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  min-width: 180px;
}

.checkout .checkout-row.checkbox-row .labelbox.full-row {
  width: 100%;
  flex-basis: 100% !important;
}

.checkout .checkout-row.checkbox-row .inputbox {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  align-items: flex-start;
}

.checkout .checkout-row.checkbox-row input {
  margin-right: 10px;
}

.checkout .checkout-row.checkbox-row label {
  font-size: 1.3rem;
  line-height: 1.8rem;
  white-space: normal;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
}

.checkout .checkout-row.new-user-advantages {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: start;
  align-items: flex-start;
  font-weight: 700;
  color: #727272;
  height: auto;
  margin-bottom: 30px;
}

.checkout .checkout-row.new-user-advantages ul {
  padding-top: 5px;
}

.checkout .checkout-row.new-user-advantages li {
  line-height: 1.8rem;
  font-weight: 400;
  white-space: nowrap;
}

.checkout .checkout-row.new-user-advantages svg {
  margin-right: 5px;
}

.checkout .checkout-row.checkout-message {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  align-items: flex-start;
  height: auto;
}

.checkout .checkout-row.checkout-message label {
  margin-top: 10px;
}

.checkout .checkout-row.checkout-message textarea {
  height: 75px;
}

.checkout .checkout-row.change-payment {
  margin-bottom: 20px;
  height: auto;
}

.checkout .checkout-row.trader {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  align-items: flex-start;
  margin-top: 20px;
}

.checkout .checkout-row .password-reset a {
  font-weight: 700;
}

.checkout .payment-block {
  width: calc((262px * 2) + 50px);
  margin: 0 auto;
}

.checkout .payment-block .order-number {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 30px;
}

.checkout .payment-block .order-number span:last-child {
  font-weight: 700;
  display: inline-block;
  padding-left: 5px;
}

.checkout .payment-block .payment-box {
  padding: 10px 0 10px 10px;
  border: 1px solid #00aeef;
}

.checkout .payment-block .order-amount {
  font-size: 2rem;
  margin-bottom: 30px;
}

.checkout .payment-block .order-amount span:nth-child(2) {
  font-weight: 700;
  float: right;
}

.checkout .payment-block .title {
  font-size: 1.7rem;
  font-weight: 700;
  color: #00aeef;
  margin-bottom: 30px;
}

.checkout .payment-block .payment-method {
  width: 100%;
  max-width: 100%;
}

.checkout .payment-block a {
  margin-top: 15px;
}

.checkout .order-info-block {
  width: calc((262px * 3) + 100px);
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #d3d3d3;
}

.checkout .traderbox {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  align-items: flex-start;
}

.checkout .traderbox .photo {
  margin-right: 20px;
}

.checkout .traderbox .photo .lync {
  border-left: none;
}

.checkout .traderbox .data > div {
  line-height: 1;
  margin-bottom: 10px;
}

.checkout .traderbox .data a {
  font-weight: 400;
  text-decoration: underline;
}

.checkout .recently-viewed .section-border {
  border-bottom: 0;
}

.checkout .billing {
  width: 50%;
  float: left;
}

.checkout .billing > div {
  width: 100%;
}

.checkout .enduser {
  clear: both;
}

.checkout .delivery-method table,
.checkout .payment-method table,
.checkout #listed-end-user-address-form table,
.checkout #listed-delivery-address-form table {
  font-size: 1.4rem;
  width: 100%;
}

.checkout .delivery-method tr.active td > div:first-child,
.checkout .delivery-method tr:hover td > div:first-child,
.checkout .payment-method tr.active td > div:first-child,
.checkout .payment-method tr:hover td > div:first-child,
.checkout #listed-end-user-address-form tr.active td > div:first-child,
.checkout #listed-end-user-address-form tr:hover td > div:first-child,
.checkout #listed-delivery-address-form tr.active td > div:first-child,
.checkout #listed-delivery-address-form tr:hover td > div:first-child {
  color: #00aeef;
  background: #e5f7fd;
}

.checkout .delivery-method td,
.checkout .payment-method td,
.checkout #listed-end-user-address-form td,
.checkout #listed-delivery-address-form td {
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
}

.checkout .delivery-method td:first-of-type,
.checkout .payment-method td:first-of-type,
.checkout #listed-end-user-address-form td:first-of-type,
.checkout #listed-delivery-address-form td:first-of-type {
  text-align: left;
}

.checkout .delivery-method td > div,
.checkout .payment-method td > div,
.checkout #listed-end-user-address-form td > div,
.checkout #listed-delivery-address-form td > div {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
}

.checkout .delivery-method input,
.checkout .payment-method input,
.checkout #listed-end-user-address-form input,
.checkout #listed-delivery-address-form input {
  margin: 0px 10px;
}

.checkout .delivery-method input[type="submit"],
.checkout .payment-method input[type="submit"],
.checkout #listed-end-user-address-form input[type="submit"],
.checkout #listed-delivery-address-form input[type="submit"] {
  margin: 30px 0px 0px;
}

.checkout .delivery-method label,
.checkout .payment-method label,
.checkout #listed-end-user-address-form label,
.checkout #listed-delivery-address-form label {
  padding: 10px 0px;
  width: 100%;
  line-height: 2rem;
}

.checkout .cartDataError {
  background: #ff4242;
  font-weight: 700;
  color: #ffffff;
  padding: 10px 15px;
  line-height: 1.8rem;
  text-align: right;
  margin: 40px 0px -40px;
}

.cart-block-bg, .cart-csp-block-bg, .cart-domain-block-bg, .cart-no-domain-block-bg, .product-subscription-block-bg {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  position: fixed;
  z-index: 750;
  top: 0;
  left: 0;
}

.cart-block-modal, .cart-csp-block-modal, .cart-domain-block-modal, .cart-no-domain-block-modal, .product-subscription-block-modal {
  width: 100%;
  max-width: 650px;
  padding: 20px;
  background: #ffffff;
  position: relative;
}

.cart-block-info, .cart-csp-block-info, .cart-domain-block-info, .cart-no-domain-block-info, .product-subscription-block-info {
  font-weight: 700;
  color: #727272;
  text-align: center;
  padding: 20px;
  background: #f0f0f0;
}

.cart-block-info svg, .cart-csp-block-info svg, .cart-domain-block-info svg, .cart-no-domain-block-info svg, .product-subscription-block-info svg {
  margin-bottom: 15px;
}

.cart-block-plans, .cart-csp-block-plans, .cart-domain-block-plans, .cart-no-domain-block-plans, .product-subscription-block-plans {
  line-height: 2rem;
  padding: 25px 0 10px 0;
  text-align: center;
}

.cart-block-btns, .cart-csp-block-btns, .cart-domain-block-btns, .cart-no-domain-block-btns, .product-subscription-block-btns {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  margin: 30px 0px;
}

.cart-block-btns span, .cart-csp-block-btns span, .cart-domain-block-btns span, .cart-no-domain-block-btns span, .product-subscription-block-btns span {
  padding: 10px 0px;
}

.cart-block-narrow-btns, .cart-csp-block-narrow-btns, .cart-domain-block-narrow-btns, .cart-no-domain-block-narrow-btns, .product-subscription-block-narrow-btns {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  margin: 10px 0px;
}

.cart-block-narrow-btns span, .cart-csp-block-narrow-btns span, .cart-domain-block-narrow-btns span, .cart-no-domain-block-narrow-btns span, .product-subscription-block-narrow-btns span {
  padding: 10px 0px;
}

.cart-block-narrow-btns span:first-child, .cart-csp-block-narrow-btns span:first-child, .cart-domain-block-narrow-btns span:first-child, .cart-no-domain-block-narrow-btns span:first-child, .product-subscription-block-narrow-btns span:first-child {
  padding: 10px 0px 20px;
}

.cart-block-contact, .cart-csp-block-contact, .cart-domain-block-contact, .cart-no-domain-block-contact, .product-subscription-block-contact {
  text-align: center;
}

.cart-block-contact a, .cart-csp-block-contact a, .cart-domain-block-contact a, .cart-no-domain-block-contact a, .product-subscription-block-contact a {
  text-decoration: underline;
}

.cart-block-text-multi-line, .cart-csp-block-text-multi-line, .cart-domain-block-text-multi-line, .cart-no-domain-block-text-multi-line, .product-subscription-block-text-multi-line {
  line-height: 20px;
}

.cart-block-text-black, .cart-csp-block-text-black, .cart-domain-block-text-black, .cart-no-domain-block-text-black, .product-subscription-block-text-black {
  color: #000;
  margin: 15px 0px;
  font-weight: 500;
}

.success-add-to-cart {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #f5f5f5;
  color: #000000;
  font-size: 15px;
  font-weight: bold;
  z-index: 9999;
  box-shadow: 0px 13px 49px -26px rgba(0, 0, 0, 0.75);
}

.success-add-to-cart img {
  margin-right: 20px;
}

.success-add-to-cart--item {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
  padding: 18px;
}

.checkout .steps {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  margin: 40px 0px;
}

.checkout .steps svg {
  margin: 0px 20px;
}

.checkout .steps h1 + .step {
  margin-left: auto;
}

.checkout .step {
  font-size: 1.5rem;
  color: #727272;
}

.checkout .step.active {
  font-weight: 700;
  color: #00aeef;
}

.checkout .step.done {
  font-weight: 700;
  color: #56c30d;
  position: relative;
  padding-left: 25px;
}

.checkout .step.done:before {
  content: '';
  background: url(/gfx/icons/input-success.png) center no-repeat;
  width: 15px;
  height: 11px;
  display: inline-block;
  position: absolute;
  left: 0px;
  margin-top: 3px;
}

.items-table {
  font-size: 1.3rem;
  width: 100%;
  position: relative;
  /*border-bottom: 1px solid $sntc-bg-gray;*/
}

.items-table .description {
  text-align: left;
  padding-right: 20px;
  width: 100%;
  max-width: 300px;
}

.items-table .availability,
.items-table .shipping,
.items-table .points,
.items-table .unit-price,
.items-table .quantity {
  text-align: center;
  padding: 0px 10px;
  min-width: 80px;
}

.items-table .points {
  min-width: 160px;
}

.items-table.symantec .availability {
  min-width: 160px;
}

.items-table .unit-price,
.items-table .quantity {
  min-width: 150px;
}

.items-table .value {
  text-align: right;
  min-width: 120px;
}

.items-table tr.header-row th {
  line-height: 2rem;
  color: #ababab;
  font-weight: 400;
  padding-bottom: 5px;
  border-bottom: 1px solid #d3d3d3;
}

.items-table tr.item-row {
  position: relative;
}

.items-table tr.item-row:last-of-type td {
  padding: 30px 0px 30px;
}

.items-table tr.item-row td {
  padding: 30px 0px 0px;
}

.items-table tr.item-row.pro-rate-row td {
  padding-top: 0px;
}

.items-table tr.item-row.pro-rate-row td.unit-price,
.items-table tr.item-row.pro-rate-row td.value {
  vertical-align: top;
}

.items-table tr.item-row.pro-rate-row .description-wrap {
  line-height: 2rem;
  padding-bottom: 10px;
}

.items-table tr.item-row.csp-month-row td.unit-price .net,
.items-table tr.item-row.csp-month-row td.value .net {
  color: #ababab;
}

.items-table tr.item-row.csp-month-row td.unit-price .gross,
.items-table tr.item-row.csp-month-row td.value .gross {
  color: #727272;
}

.items-table tr.item-row td.description .description-wrap {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
}

.items-table tr.item-row td.description .image {
  text-align: center;
  width: 100%;
  max-height: 70px;
  padding-right: 15px;
  flex-basis: 95px;
  min-width: 115px;
}

.items-table tr.item-row td.description .image img {
  max-width: 100%;
  vertical-align: middle;
  max-height: 70px;
}

.items-table tr.item-row td.description .pn {
  line-height: 1.7rem;
  padding: 3px 0px;
}

.items-table tr.item-row td.description .title {
  font-size: 1.5rem;
  font-weight: 700;
  padding: 3px 0px;
}

.items-table tr.item-row td.description .mspoints {
  color: #727272;
  padding: 0px 0px 10px;
}

.items-table tr.item-row td.description .remove {
  padding: 5px 0px;
}

.items-table tr.item-row td.description .remove img {
  padding-right: 5px;
}

.items-table tr.item-row td.description .remove a {
  color: #ababab;
  line-height: 0;
}

.items-table tr.item-row td.quantity .quantity-wrap {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}

.items-table tr.item-row td.quantity input {
  max-width: 45px;
  text-align: center;
}

.items-table tr.item-row td.quantity .increase a,
.items-table tr.item-row td.quantity .decrease a {
  display: inline-block;
  padding: 5px 5px;
  margin: 0px 5px;
}

.items-table tr.item-row td.quantity .decrease.minValue {
  padding-right: 28px;
}

.items-table tr.item-row td.quantity .decrease.minValue a {
  display: none;
}

.items-table tr.item-row td.shipping .delivery {
  display: block;
}

.items-table tr.item-row td.shipping .delivery div {
  display: block;
  margin: 0px auto 0px;
}

.items-table tr.item-row td.shipping .delivery span {
  vertical-align: middle;
}

.items-table tr.item-row td.shipping .delivery svg {
  margin: 0px auto;
  display: none;
}

.items-table tr.item-row td.availability .stock {
  display: block;
}

.items-table tr.item-row td.availability .stock div {
  display: block;
  margin: 0px auto 0px;
}

.items-table tr.item-row td.availability .stock span {
  vertical-align: middle;
  display: none;
}

.items-table tr.item-row td.availability .stock svg {
  margin: 0px auto;
  display: none;
}

.items-table tr.item-row td.unit-price,
.items-table tr.item-row td.value {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2rem;
  text-align: right;
  white-space: nowrap;
}

.items-table tr.item-row td.unit-price .srp,
.items-table tr.item-row td.unit-price .discounted,
.items-table tr.item-row td.value .srp,
.items-table tr.item-row td.value .discounted {
  text-decoration: line-through;
  color: #727272;
}

.items-table tr.item-row td.unit-price .net,
.items-table tr.item-row td.value .net {
  color: #000000;
}

.items-table tr.item-row td.unit-price .net.main_price,
.items-table tr.item-row td.value .net.main_price {
  color: #ababab;
}

.items-table tr.item-row td.unit-price .gross,
.items-table tr.item-row td.value .gross {
  color: #000000;
}

.items-table tr.item-row td.unit-price {
  text-align: center;
}

.items-table tr.filler-row .filler-box {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  padding: 20px;
  margin: 30px 0px;
  background: #f0f0f0;
}

.items-table tr.filler-row .info {
  font-size: 1.3rem;
  line-height: 2rem;
  max-width: 500px;
  margin-left: 20px;
}

.items-table tr.filler-row .proposition {
  font-weight: bold;
  text-align: right;
  margin-left: auto;
}

.items-table tr.filler-row .proposition span {
  display: block;
  padding-bottom: 15px;
}

.items-table tr.mspoints-row td {
  font-size: 1.3rem;
  line-height: 2rem;
  color: #727272;
  text-align: right;
}

.items-table tr.mspoints-row td:last-child {
  font-weight: bold;
}

.items-table tr.mspoints-row td:nth-of-type(2) {
  padding-right: 35px;
}

.items-table tr.mspoints-row:last-of-type td {
  padding-bottom: 30px;
}

.items-table.summary {
  border-top: 1px solid #d3d3d3;
}

.items-table.summary tr:first-of-type td {
  padding-top: 30px;
}

.items-table.summary tr:first-of-type td:last-of-type {
  color: #000000;
}

.items-table.summary tr td:first-of-type {
  padding-right: 35px;
  width: 100%;
}

.items-table.summary tr td {
  font-size: 1.5rem;
  line-height: 2.4rem;
  text-align: right;
}

.items-table.summary tr td div.discounted {
  text-decoration: line-through;
  color: #727272;
}

.items-table.summary tr td:last-of-type {
  font-weight: 700;
}

.items-table.summary tr:last-of-type td {
  color: #727272;
  padding-bottom: 30px;
}

.checkout .newsletter-block {
  width: 262px;
  margin-left: auto;
}

.checkout .newsletter-block label {
  line-height: 2.4rem;
  margin-bottom: 20px;
}

.checkout .newsletter-block input {
  margin-bottom: 20px;
}

.checkout .newsletter-block a {
  margin-bottom: 20px;
}

.checkout .newsletter-block a:last-of-type {
  margin-bottom: 0px;
  display: inline-block;
}

.checkout .newsletter-block a img {
  vertical-align: middle;
  margin-top: -2px;
  margin-right: 10px;
}

.checkout .wrapper {
  position: relative;
}

.checkout .payment-delivery {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #d3d3d3;
  position: relative;
  clear: left;
}

.checkout .delivery-method th,
.checkout .payment-method th {
  font-size: 1.3rem;
  font-weight: 400;
  text-align: center;
  padding-bottom: 30px;
}

.checkout .delivery-method th:first-child,
.checkout .payment-method th:first-child {
  text-align: left;
}

.checkout .delivery-method th.price,
.checkout .payment-method th.price {
  text-align: right;
  padding-right: 10px;
}

.checkout .delivery-method th.date, .checkout .delivery-method th.price,
.checkout .payment-method th.date,
.checkout .payment-method th.price {
  color: #ababab;
}

.checkout .delivery-method th svg,
.checkout .payment-method th svg {
  margin: 0;
}

.checkout .delivery-method svg,
.checkout .delivery-method img,
.checkout .payment-method svg,
.checkout .payment-method img {
  vertical-align: middle;
  margin-left: 5px;
}

.checkout .payment-method {
  width: 25%;
  max-width: 262px;
  position: relative;
}

.checkout .payment-method.shortpayment {
  width: 100%;
  max-width: 100%;
}

.checkout .payment-method .payment-method-data-wrapper {
  padding-top: 30px;
  cursor: default;
}

.checkout .payment-method #payment {
  cursor: default;
}

.checkout .payment-method .stripe-payment .inputbox.cardNumber {
  width: 225px;
  max-width: 225px;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.checkout .payment-method .stripe-payment .inputbox.cardCVC {
  margin-left: 0px !important;
}

@media only screen and (min-width: 480px) {
  .checkout .payment-method .stripe-payment .inputbox.cardCVC {
    margin-left: 4px !important;
  }
}

.checkout .payment-method .stripe-payment .inputbox #card-element-cvc {
  width: 145px;
  max-width: 141px;
}

.checkout .payment-method .stripe-payment .inputbox #card-element-expire {
  width: 145px;
  max-width: 145px;
}

.checkout .payment-method .stripe-payment .inputbox #card-element-postal-code {
  width: 145px;
  max-width: 145px;
}

.checkout .payment-method .stripe-payment .inputbox.cardExpire, .checkout .payment-method .stripe-payment .inputbox.cardZip {
  width: 145px !important;
  max-width: 145px !important;
}

.checkout .payment-method .stripe-payment .inputbox.cardCVC {
  width: 116px !important;
  max-width: 116px !important;
}

.checkout .delivery-method {
  width: 75%;
  margin-left: 50px;
  position: relative;
}

.checkout .delivery-method .software-active td {
  background: #f0f0f0 !important;
  color: #727272 !important;
  cursor: default;
}

.checkout .delivery-method .errorbox {
  display: block;
  height: auto;
  margin: 10px 10px 0px 0px;
}

.checkout .delivery-method .choose-accesspoint {
  margin-left: 10px;
}

.checkout .delivery-method .software-delivery td {
  background: #ffffff !important;
  color: #000000 !important;
  padding: 10px 0px;
  cursor: default;
}

.checkout .delivery-method h2 {
  display: inline-block;
}

.checkout .delivery-method label {
  position: relative;
  margin-top: -3px;
}

.checkout .delivery-method th.date {
  white-space: nowrap;
}

.checkout .delivery-method td {
  vertical-align: middle;
}

.checkout .delivery-method td:last-child {
  font-weight: 700;
  text-align: right;
  padding-right: 10px;
}

.checkout .delivery-method td:first-child {
  text-align: left;
}

.checkout .delivery-method td.login-request {
  padding: 20px 20px 20px 0;
  cursor: auto;
}

.checkout .delivery-method td.login-request:hover {
  background: none;
  color: inherit;
}

.checkout .delivery-method td > div {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  line-height: 2rem;
}

.checkout .delivery-method td .discounted {
  text-decoration: line-through;
  color: #727272;
}

.checkout #choose-access-point {
  margin-left: 10px;
}

.checkout .accesspoint_map {
  position: fixed;
  width: 100%;
  max-width: 1200px;
  z-index: 600;
  top: 50px;
  left: 0px;
  right: 0px;
  display: none;
  background: #ffffff;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
  padding: 30px 30px 40px;
  margin: 0px auto;
}

.checkout .accesspoint_map #address-selected {
  position: relative;
  margin: 30px 0;
}

.checkout .accesspoint_map #address-selected .closest {
  color: #727272;
  font-weight: 400;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
  align-items: center;
}

.checkout .accesspoint_map #address-selected .closest span {
  font-weight: 600;
  color: #000000;
  margin: 0px 20px 0px 10px;
}

.checkout .accesspoint_map #address-selected .closest .change-ap {
  cursor: pointer;
}

.checkout .accesspoint_map #address-change {
  position: absolute;
  top: 0;
  z-index: 750;
  background: rgba(255, 255, 255, 0.9);
  width: 100%;
  height: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}

.checkout .accesspoint_map #address-change .title {
  font-weight: 600;
  margin-bottom: 30px;
}

.checkout .accesspoint_map #address-change .checkout-row {
  margin-bottom: 10px;
}

.checkout .accesspoint_map #address-change .change-address-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
}

.checkout .accesspoint_map #address-change .change-address-row .cancel-ap {
  color: #727272;
  cursor: pointer;
}

.checkout .accesspoint_map #address-change .change-address-row .change-ap {
  margin-right: 20px;
}

.checkout .accesspoint_map span.close {
  position: absolute;
  right: -30px;
  top: -30px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background: #f0f0f0;
}

.checkout .accesspoint_map > div {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  align-items: stretch;
  height: 100%;
  position: relative;
}

.checkout .accesspoint_map #address-selector {
  position: relative;
}

.checkout .accesspoint_map .map-container {
  display: -webkit-box;
  display: flex;
  position: relative;
  width: 100%;
}

.checkout .accesspoint_map .map-container .map {
  -webkit-box-flex: 3;
  flex-grow: 3;
  -webkit-box-align: stretch;
  align-items: stretch;
  align-content: stretch;
  background: white;
  margin-right: 40px;
  position: relative;
  height: 550px;
  width: 856px;
}

.checkout .accesspoint_map .map-container .map .point-info {
  padding: 20px;
  width: 220px;
  text-align: center;
  background: white;
  font-size: 1.3rem;
  line-height: 1.8rem;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.35);
}

.checkout .accesspoint_map .map-container .map .point-info img {
  max-width: 90px;
  max-height: 65px;
  margin: 0 auto;
}

.checkout .accesspoint_map .map-container .map .point-info .triangle {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
}

.checkout .accesspoint_map .map-container .map .point-info .address {
  margin: 15px auto;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: -0.2px;
}

.checkout .accesspoint_map .map-container .map .point-info .address span {
  font-weight: 600;
}

.checkout .accesspoint_map .map-container .map .point-info ul {
  margin-bottom: 15px;
  max-height: 150px;
}

.checkout .accesspoint_map .map-container .map .point-info ul li {
  display: -webkit-box;
  display: flex;
  text-align: left;
  color: #727272;
  line-height: 1.7rem;
  font-size: 1.2rem;
}

.checkout .accesspoint_map .map-container .map .point-info ul li .open-hours {
  overflow: hidden;
}

.checkout .accesspoint_map .map-container .map .point-info ul li span {
  width: 50%;
}

.checkout .accesspoint_map .map-container .map .point-info ul li:hover span {
  font-weight: 800;
}

.checkout .accesspoint_map .map-container .points-list {
  width: 300px;
  position: relative;
  max-height: 550px;
  overflow: auto;
  padding-right: 15px;
}

.checkout .accesspoint_map .map-container .points-list li {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-align: center;
  align-items: center;
  cursor: pointer;
  padding: 10px;
  position: relative;
}

.checkout .accesspoint_map .map-container .points-list li:hover {
  color: #00aeef;
  background: #e5f7fd;
}

.checkout .accesspoint_map .map-container .points-list li.active {
  color: #00aeef;
  background: #e5f7fd;
}

.checkout .accesspoint_map .map-container .points-list li [type='radio'] {
  margin-right: 20px;
}

.checkout .accesspoint_map .map-container .points-list li .point {
  line-height: 1.7rem;
  text-transform: uppercase;
}

.checkout .accesspoint_map .map-container .points-list li .point .name {
  font-weight: 700;
}

.checkout .accesspoint_map .map-container .points-list li .point span {
  display: block;
}

.checkout .accesspoint_map .footer {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin-top: 30px;
}

.checkout .accesspoint_map .footer button {
  margin-right: 15px;
}

.checkout .accesspoint_map .footer .legend {
  color: #727272;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

.checkout .accesspoint_map .footer .legend * {
  vertical-align: middle;
}

.checkout .accesspoint_map .footer .legend span {
  margin: 0 5px 0 20px;
  vertical-align: middle;
}

.checkout .accesspoint_map .footer .legend span:first-of-type {
  margin-left: 0;
}

.checkout .payment-step-amount {
  border-bottom: 1px solid #d3d3d3;
  padding-bottom: 30px;
}

.checkout .payment-step-amount strong {
  font-size: 2.5rem;
}

.checkout .stripe-payment {
  width: 100%;
}

.checkout .stripe-payment #payment-form {
  padding: 20px;
  width: 100%;
}

@media only screen and (min-width: 480px) {
  .checkout .stripe-payment #payment-form {
    padding: 0px;
  }
}

.checkout .stripe-payment .checkout-block {
  margin-bottom: 30px;
  margin-left: 30px;
}

.checkout .stripe-payment .errorbox {
  display: none;
}

.checkout .stripe-payment .errorbox.visible {
  display: block;
}

.checkout .stripe-payment .checkout-row.submitBtn {
  margin-top: 20px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
}

.checkout .stripe-payment .checkout-row.submitBtn .outcome {
  margin-left: 10px;
}

.checkout .stripe-payment .checkout-row.double {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: flex-start;
}

.checkout .stripe-payment .checkout-row.double .labelbox {
  width: auto;
  margin-right: 5px;
}

.checkout .stripe-payment .checkout-row.double .cardNumber {
  margin-right: 5px;
}

.checkout .stripe-payment .checkout-row.double .cardCVC,
.checkout .stripe-payment .checkout-row.double .cardExpire {
  width: 145px;
  margin-left: 0px;
}

.checkout .stripe-payment .checkout-row.double .cardZip {
  width: 145px;
  margin-left: 4px;
  margin-right: 0px;
}

.checkout .stripe-payment .checkout-row.double #card-element-number,
.checkout .stripe-payment .checkout-row.double #card-element-cvc,
.checkout .stripe-payment .checkout-row.double #card-element-expire,
.checkout .stripe-payment .checkout-row.double #card-element-postal-code {
  font-size: 1.3rem;
  line-height: 2rem;
  padding: 0px 10px;
  border: 1px solid #d3d3d3;
  width: 100%;
  outline: none;
  margin-left: 0px;
}

.checkout .stripe-payment .checkout-row.double svg {
  margin-left: 0px;
}

.checkout #order-items-table-summary-container {
  position: relative;
}

.checkout .checkout-data {
  margin-bottom: 40px;
}

.checkout .checkout-tab {
  width: 100%;
}

.checkout .checkout-tab:first-of-type .tab-content {
  display: none;
}

.checkout .checkout-tab .tab-content {
  padding: 0;
}

.checkout .checkout-tab:not(:first-of-type) {
  margin-top: 15px;
}

.checkout .checkout-tab .databox,
.checkout .checkout-tab .inputbox {
  -webkit-box-flex: 1;
  flex-grow: 1;
}

.checkout .tab-close,
.checkout .tab-icon,
.checkout .tab-open {
  width: 12px;
  height: 6px;
  position: static;
  display: inline-block;
  margin-left: -35px;
  margin-right: 30px;
  margin-bottom: 3px;
}

.checkout .tab-icon,
.checkout .tab-open {
  background: url("/gfx/icons/accordion-open.png") center no-repeat;
}

.checkout .tab-close {
  background: url("/gfx/icons/accordion-close.png") center no-repeat;
}

.checkout .tab-title {
  font-size: 1.7rem;
  color: #727272;
  padding: 25px 30px 25px 70px;
  background: #f0f0f0;
  border: 1px solid #f0f0f0;
  border-bottom: 0;
  outline: none;
  cursor: pointer;
}

.checkout .tab-title strong {
  color: #000000;
}

.checkout .tab-title.ui-accordion-header-active {
  background: #ffffff;
  border-color: #00aeef;
}

.checkout .tab-title.ui-accordion-header-active span {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.checkout .tab-title.ui-accordion-header-active strong {
  color: #00aeef;
}

.checkout .tab-content {
  padding: 0 30px 30px;
  border: 1px solid transparent;
  border-top: 0;
}

.checkout .tab-content.ui-accordion-content-active {
  border-color: #00aeef;
}

.checkout .tab-content .order-login-ajax {
  margin-bottom: 30px;
}

.checkout .tab-content .checkout-block:first-child {
  margin-left: 30px;
}

.checkout .tab-content .checkout-block:last-child {
  margin-right: 30px;
}

.checkout .tab-content.loggedAddress {
  padding-top: 30px;
  border-top: 1px solid #00aeef;
}

.checkout .addinational-fields {
  padding-bottom: 30px;
  margin-bottom: 40px;
  border-bottom: 1px solid #d3d3d3;
}

.checkout .checkout-coupon {
  position: relative;
}

.checkout .checkout-coupon .inputbox {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  align-items: flex-start;
  flex-wrap: wrap;
}

.checkout .checkout-coupon .inputbox input {
  margin-right: 5px;
  width: auto;
  -webkit-box-flex: 1;
  flex-grow: 1;
}

.checkout .checkout-coupon .inputbox input.success {
  color: #56c30d;
}

.checkout .checkout-coupon .inputbox a {
  white-space: nowrap;
}

.checkout .checkout-coupon .inputbox a.btn.green {
  margin-top: 5px;
}

.checkout .checkout-coupon .inputbox .errorbox {
  -webkit-box-ordinal-group: 6;
  order: 5;
  width: 100%;
  margin-top: 5px;
  position: relative;
}

.checkout .checkout-coupon .remove-coupon {
  font-size: 1.3rem;
  color: #727272;
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 10px;
  cursor: pointer;
}

.checkout .summary-prices {
  position: relative;
}

.checkout .summary-prices table {
  font-size: 1.5rem;
  width: 100%;
  text-align: right;
}

.checkout .summary-prices tr:last-child td {
  font-size: 2rem;
  line-height: 2.8rem;
}

.checkout .summary-prices td {
  line-height: 2.4rem;
}

.checkout .summary-prices td div.discounted {
  text-decoration: line-through;
  color: #727272;
}

.checkout .summary-prices td.discount {
  color: #ff4242;
}

.checkout .summary-prices td:last-child {
  font-weight: 700;
  min-width: 120px;
}

.checkout .agreements {
  padding-top: 40px;
}

.checkout .agreements .agreement-box {
  position: relative;
}

.checkout .agreements .agreement-wrap {
  font-size: 1.3rem;
  line-height: 2rem;
  color: #727272;
  flex-wrap: nowrap;
  margin-bottom: 20px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: start;
  align-items: flex-start;
}

.checkout .agreements .agreement-wrap .error ~ label {
  color: #ff4242;
}

.checkout .agreements .agreement-wrap a {
  text-decoration: underline;
}

.checkout .agreements input {
  margin-top: 4px;
  margin-right: 10px;
  vertical-align: top;
}

.checkout .agreements label {
  white-space: normal;
}

.checkout .csp-account {
  margin-top: 30px;
  background: #f5f5f5;
}

.checkout .csp-account h2 {
  margin: 30px 30px 0;
  padding-top: 30px;
}

.checkout .csp-account .checkout-block {
  margin: 30px;
}

.checkout .csp-account .checkout-block:first-of-type {
  margin-right: 50px;
}

.checkout .csp-account .checkout-row {
  -webkit-box-align: center;
  align-items: center;
}

.checkout .csp-account .checkout-row.have-account .labelbox {
  width: 100%;
}

.checkout .csp-account .checkout-row.subdomain .labelbox {
  width: 100%;
}

.checkout .csp-account .inputbox label:last-of-type {
  margin-left: 30px;
}

.checkout .csp-account .inputbox label [type='radio'] {
  margin-right: 10px;
}

.checkout .csp-account .inputbox .center {
  text-align: center;
}

.checkout .csp-account .inputbox .center.success {
  color: #56c30d;
  font-size: 15px;
  background: url(/gfx/icons/input-success.png) left 10px center no-repeat #fff !important;
}

.checkout .csp-account .inputbox .right {
  text-align: right;
}

.checkout .csp-account .inputbox .right.success {
  color: #56c30d;
  font-size: 15px;
  background: url(/gfx/icons/input-success.png) left 10px center no-repeat #fff !important;
}

.checkout .csp-account .inputbox input[type="text"]:disabled {
  color: #727272 !important;
  border: 1px solid #d3d3d3 !important;
  background: #ebebe4 !important;
}

.checkout .csp-account .inputbox.margin-left {
  display: -webkit-box !important;
  display: flex !important;
  -webkit-box-align: center;
  align-items: center;
  margin-left: 33px;
}

.checkout .csp-account .have-account span {
  line-height: 1.5rem;
  display: inline-block;
}

.checkout .csp-account .subdomain {
  margin-bottom: 20px;
}

.checkout .csp-account .subdomain .inputbox {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
}

.checkout .csp-account .subdomain .inputbox .suggest {
  display: none;
  top: 35px;
  z-index: 11111;
  left: 0;
  width: 65%;
  background: white;
  position: absolute;
  border: 1px solid #d3d3d3;
}

.checkout .csp-account .subdomain .inputbox .suggest.active {
  display: block;
}

.checkout .csp-account .subdomain .inputbox .suggest p {
  color: #727272;
  font-size: 12px;
  padding: 8px;
}

.checkout .csp-account .subdomain .inputbox .suggest ul li {
  width: 100%;
  text-align: right;
  padding: 10px;
  color: black;
  font-size: 16px;
  cursor: pointer;
}

.checkout .csp-account .subdomain .inputbox .suggest ul li:hover {
  background: #f7f7f7;
}

.checkout .csp-account .subdomain .inputbox > div {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
  align-items: center;
  width: 65%;
  position: relative;
  margin-right: 10px;
}

@media only screen and (max-width: 480px) {
  .checkout .csp-account .subdomain .inputbox > div {
    width: 100%;
  }
}

.checkout .csp-account .subdomain .inputbox > div input {
  width: 100%;
}

.checkout .csp-account .subdomain .inputbox > div input.success {
  padding-left: 35px;
  background: url(/gfx/icons/input-success.png) right 10px center no-repeat #fff;
}

.checkout .csp-account .current,
.checkout .csp-account .create {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
}

.checkout .csp-account .current span,
.checkout .csp-account .create span {
  margin: 0px 0px -5px 5px;
}

.checkout .csp-account .tip {
  margin-left: 10px;
  display: inline-block;
}

.checkout .csp-account .senetic-loader-wrapper {
  position: absolute !important;
  left: 200px;
  top: 8%;
  margin-top: -15px;
}

.checkout .csp-account .senetic-loader-wrapper .senetic-loader {
  margin-left: 15px;
}

.checkout .checkout-row.different-delivery {
  flex-wrap: wrap;
  -webkit-box-pack: left;
  justify-content: left;
}

.checkout .checkout-row.different-delivery label {
  margin-left: 20px;
}

.checkout .checkout-row.different-delivery .inputbox {
  -webkit-box-flex: 2;
  flex-grow: 2;
}

.checkout .checkout-row.different-delivery .labelbox {
  -webkit-box-flex: 1;
  flex-grow: 1;
  width: auto;
}

.checkout .addresses {
  padding-bottom: 30px;
}

.checkout .addresses .invoice-primary-data {
  margin-bottom: 30px;
}

.checkout .short-cart-paydel {
  border: 0px;
  padding: 0px;
  margin-bottom: 0px;
}

.checkout .short-cart-paydel .checkout-block {
  margin-left: auto;
}

.short-cart-summary {
  margin-bottom: 30px;
}

.short-cart-summary .summary-prices td:first-child {
  width: 100%;
  padding-right: 35px;
}

.short-cart-summary .summary-prices td:last-child {
  min-width: 120px;
}

.short-cart-address .invoice-primary-data {
  margin-bottom: 0px;
}

.short-cart-address .invoice-primary-data .checkout-row {
  flex-wrap: nowrap;
}

.short-cart-address .invoice-primary-data .double .inputbox:first-child {
  margin-right: 5px;
}

.short-cart-address .invoice-primary-data .double.area-phone .inputbox:first-child {
  max-width: 100px;
}

.short-cart-address .invoice-primary-data .triple .inputbox {
  width: 33%;
  max-width: 178px;
}

.short-cart-address .invoice-primary-data .triple .inputbox:first-child {
  margin-right: 5px;
}

.short-cart-address .invoice-primary-data .triple .inputbox:last-child {
  margin-left: 5px;
}

.short-cart-address .csp-account {
  margin-top: 0px;
  background: #fff;
}

.short-cart-address .csp-account h2 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2.4rem;
  padding: 0;
  margin: 0px 0px 30px;
}

.short-cart-address .csp-account .use, .short-cart-address .csp-account .sign-up {
  display: none;
}

.short-cart-address .csp-account .use.active, .short-cart-address .csp-account .sign-up.active {
  display: block;
}

.short-cart-address .csp-account input[type="radio"] {
  margin-right: 10px;
  margin-left: 8px;
}

.short-cart-address .csp-account .continue-with {
  padding: 30px 0 20px 0;
}

.short-cart-address .csp-account .verify {
  display: -webkit-box;
  display: flex;
  margin-top: 40px;
  font-size: 13px;
  line-height: 20px;
  color: #727272;
}

.short-cart-address .csp-account .verify svg {
  margin: 3px 10px 0 0;
}

.short-cart-address .csp-account .csp-info {
  padding-bottom: 30px;
}

.short-cart-address .csp-account .csp-info p {
  color: #727272;
  padding-bottom: 0px;
  line-height: 2rem;
}

.short-cart-address .csp-account .csp-change {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  border-bottom: 1px solid #d3d3d3;
}

.short-cart-address .csp-account .csp-change label {
  margin-bottom: 25px;
}

.short-cart-address .csp-account .csp-change input {
  margin-right: 10px;
}

.short-cart-address .csp-account .checkout-block:first-child, .short-cart-address .csp-account .checkout-block:last-child {
  margin: 0px;
  width: 100%;
}

.short-cart-address .csp-account .senetic-loader-wrapper {
  position: relative;
  margin-top: 0px;
  left: 0px;
}

.short-cart-address .csp-account .senetic-loader-wrapper .senetic-loader {
  margin-left: 25px;
}

.stripe-payment .tab-title span:nth-child(2) {
  display: none;
}

#ST-method-data-wrapper .stripe-payment .tab-title span {
  display: inline-block;
}

.checkout.step2 .haveToPay {
  display: block;
  text-align: right;
  line-height: 2rem;
  margin: 20px 0px 0px auto;
  max-width: 262px;
}

.checkout.step2 .items-table {
  margin-bottom: 0px;
}

.checkout.step2 .items-table.summary {
  margin-top: 0px;
  margin-bottom: 30px;
}

.checkout.step2 .items-table.summary tr:last-of-type td {
  color: #000000;
  padding-bottom: 0px;
}

.checkout.step2 .checkout-row {
  height: auto;
}

.checkout.step2 .checkout-row h2 {
  line-height: 2.0rem;
}

.checkout.step2 .labelbox {
  width: 262px;
}

.checkout.step2 .databox {
  width: 262px;
  margin-left: 50px;
}

.checkout.step2 .payment-delivery {
  padding: 40px 0px;
  margin: 0px 0px 40px;
  border-top: 1px solid #d3d3d3;
}

.checkout.step2 .payment-delivery th {
  padding-right: 0px;
}

.checkout.step2 .payment-delivery td:last-child {
  padding-right: 0px;
}

.checkout.step2 .payment-delivery td:last-child div {
  display: initial;
}

.checkout.step2 .payment-delivery .chosen td {
  font-weight: 700;
  color: #000000 !important;
  background: #ffffff !important;
  padding: 0px;
  cursor: default;
}

.checkout.step2 .payment-delivery .software-delivery td {
  padding: 30px 0px;
  font-size: 1.7rem;
  font-weight: 400;
}

.checkout.step2 .as-invoice {
  color: #727272;
}

.checkout.step2 .block-wrapper {
  margin-bottom: 20px;
}

.checkout.step2 .text-row {
  margin-bottom: 0px;
}

.checkout.step2 .short-cart-navigation .haveToPay {
  margin: 0px 20px 0px auto;
}

.checkout.step2 .short-cart-navigation .proceed {
  margin-left: 0px;
}

.checkout.step2 .short-cart-billing {
  width: 100%;
  padding: 30px;
  border: 1px solid #00aeef;
  margin-bottom: 40px;
}

.checkout.step2 .short-cart-billing h2 {
  margin-bottom: 30px;
}

.checkout.step2 .short-cart-billing .databox {
  margin-left: 0px !important;
}

.checkout.step2 .short-cart-mail-step2,
.checkout.step2 .short-cart-tenant-step2 {
  margin-top: 30px;
}

.checkout.step3 .checkout-row {
  line-height: 2.2rem;
  height: auto;
}

.checkout.step3 .labelbox {
  width: 262px;
}

.checkout.step3 .databox {
  width: auto;
  margin-left: 50px;
}

.checkout.step3 .payment-info-block {
  width: 100%;
}

.checkout.step3 .newsletter-block {
  min-width: 262px;
  flex-basis: 262px;
}

.checkout.step3 .order-info-block {
  margin-right: 40px;
  -webkit-box-flex: 1;
  flex-grow: 1;
}

.checkout.step3 .change-payment .databox {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
  align-items: center;
}

.checkout.step3 .change-payment svg {
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
}

.checkout.step3 .change-payment a {
  color: #727272;
  margin-left: 10px;
}

.checkout.step3 .change-payment a:hover {
  color: #00aeef;
}

.checkout.step3 .payment-box label {
  width: initial;
}

.checkout.step3 .payment-box input.btn.blue.big {
  margin: 20px 0px 0px;
}

.checkout.step3 .newsletter-block {
  display: none;
}

.checkout.step3 #selected-payment-method-wrapper {
  margin-top: 25px;
}

.checkout.step4 iframe {
  border: none;
}

.checkout.step4 .order-info-block {
  margin-bottom: 40px;
  border-bottom: 0;
}

.checkout.step4 .transaction-refused {
  line-height: 2rem;
  margin-bottom: 30px;
}

.checkout.step4 .transaction-refused p:first-of-type {
  font-weight: 700;
}

.checkout.step4 .change-payment .change-method {
  font-weight: 700;
  color: #727272;
  margin-left: 20px;
}

.checkout.step4 .change-payment .change-method:hover {
  color: #00aeef;
}

.checkout.step4 .payment-block {
  position: relative;
  -webkit-box-align: end;
  align-items: flex-end;
}

.checkout.step4 .payment-block .order-number span:nth-child(2),
.checkout.step4 .payment-block .order-value span:nth-child(2) {
  margin-left: 20px;
  font-size: 2.0rem;
}

.checkout.step4 .payment-block .order-value span:nth-child(2) {
  font-weight: 700;
}

.checkout.step4 .payment-block .payment-box {
  position: relative;
  margin-top: 30px;
}

.checkout.step4 .payment-block .payment-box > div:nth-child(3) {
  font-size: 1.4rem;
  line-height: 2.4rem;
  color: #000000;
  margin-bottom: 20px;
}

.checkout.step4 .payment-block .payment-box > div:nth-child(4) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  align-items: flex-start;
  justify-content: space-around;
  text-align: center;
  font-weight: 700;
}

.checkout.step4 .payment-block .payment-box > div:nth-child(4) svg {
  margin-bottom: 15px;
}

.checkout.step4 .payment-block .payment-box .language {
  position: absolute;
  top: 30px;
  right: 30px;
  margin: 0;
  cursor: pointer;
}

.checkout.step4 .payment-block .payment-box .language span {
  margin-left: 10px;
  position: relative;
  display: inline-block;
  left: initial;
  bottom: initial;
  top: initial;
}

.checkout.step4 .payment-block .payment-box > div:last-of-type {
  margin-top: 25px;
}

.checkout.step4 .payment-block .payment-box > div:last-of-type * {
  vertical-align: bottom;
}

.checkout.step4 .payment-block .payment-box > div:last-of-type span {
  margin-right: 10px;
}

.checkout.step4d .order-info-block {
  border: none;
}

.checkout.step4d .transaction-refused p:not(:first-of-type) {
  margin-left: 10px;
}

.checkout.step4d .transaction-refused p:not(:first-of-type)::before {
  content: '- ';
  margin-left: -7px;
}

.checkout.step4d .checkout-navigation {
  border-top: 1px solid #d3d3d3;
}

.checkout.step4d .newsletter-block {
  margin-top: 0;
  padding-top: 0;
  border: none;
}

.checkout .checkout-navigation {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  padding: 40px 0px;
  margin-top: 40px;
  border-top: 1px solid #d3d3d3;
  position: relative;
}

.checkout .checkout-navigation .back-to-shop {
  font-weight: 700;
  color: #727272;
}

.checkout .checkout-navigation .back-to-shop:hover {
  color: #00aeef;
}

.checkout .checkout-navigation .proceed {
  margin-left: auto;
}

div.checkout-enquiry .items-table {
  margin-bottom: 30px;
}

div.checkout-enquiry .items-table .infobox-row {
  display: table-cell;
}

div.checkout-enquiry .items-table .availability {
  min-width: 135px;
}

div.checkout-enquiry .order-info-block {
  border-bottom: none;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

div.checkout-enquiry .checkout-row.checkout-message textarea {
  height: 210px;
}

div.checkout-enquiry .inputbox .errorbox span {
  line-height: 1;
}

div.checkout-enquiry .addinational-fields {
  padding-bottom: 0px;
  margin-bottom: 0px;
  border-bottom: 0px;
}

div.checkout-enquiry .checkout-row {
  height: auto;
}

div.checkout-enquiry .checkout-block {
  width: auto;
  min-width: 50%;
}

div.checkout-enquiry .checkout-block .checkout-row {
  margin-bottom: 5px;
}

div.checkout-enquiry .summary {
  margin-bottom: 30px;
}

div.checkout-enquiry .checkout-navigation a {
  color: #ffffff;
}

div.checkout-enquiry .text-row {
  margin-bottom: 25px !important;
}

div.checkout-enquiry .checkout-row {
  line-height: 2.2rem;
  height: auto;
  margin-bottom: 0px;
}

div.checkout-enquiry .additional h2 {
  font-size: 1.7rem;
  line-height: 2.0rem;
  margin-top: 40px;
}

div.checkout-enquiry .notice {
  line-height: 2.4rem;
  font-size: 1.4rem;
  clear: both;
  margin-top: 30px;
}

div.checkout-enquiry .checkout-data {
  margin-bottom: 40px;
}

div.checkout-enquiry .checkout-tab {
  width: 100%;
}

div.checkout-enquiry .checkout-tab:first-of-type .tab-content {
  display: none;
}

div.checkout-enquiry .checkout-tab:not(:first-of-type) {
  margin-top: 15px;
}

div.checkout-enquiry .tab-open,
div.checkout-enquiry .tab-close,
div.checkout-enquiry .tab-icon {
  width: 12px;
  height: 6px;
  position: static;
}

div.checkout-enquiry .tab-open,
div.checkout-enquiry .tab-icon {
  background: url(/gfx/icons/accordion-open.png) center no-repeat;
}

div.checkout-enquiry .tab-close {
  background: url(/gfx/icons/accordion-close.png) center no-repeat;
}

div.checkout-enquiry .tab-title {
  font-size: 1.7rem;
  color: #727272;
  padding: 25px 30px 25px 70px;
  background: #f0f0f0;
  border: 1px solid #f0f0f0;
  border-bottom: 0px;
  position: relative;
  outline: none;
  cursor: pointer;
  transition: color .3s ease-in-out;
}

div.checkout-enquiry .tab-title strong {
  color: #000000;
}

div.checkout-enquiry .tab-title.ui-accordion-header-active {
  background: #ffffff;
  border-color: #00aeef;
}

div.checkout-enquiry .tab-title.ui-accordion-header-active span {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

div.checkout-enquiry .tab-title.ui-accordion-header-active strong {
  color: #00aeef;
}

div.checkout-enquiry .tab-content {
  padding: 0px 30px 30px;
  border: 1px solid transparent;
  border-top: 0px;
}

div.checkout-enquiry .tab-content.ui-accordion-content-active {
  border-color: #00aeef;
}

div.checkout-enquiry .create-account {
  margin-top: 30px;
}

div.checkout-enquiry .checkout-coupon .inputbox {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  align-items: flex-start;
}

div.checkout-enquiry .checkout-coupon .inputbox input {
  margin-right: 5px;
  width: 70%;
}

div.checkout-enquiry .checkout-coupon .inputbox input.success {
  color: #56c30d;
}

div.checkout-enquiry .checkout-coupon .inputbox a {
  white-space: nowrap;
}

div.checkout-enquiry .checkout-coupon .remove-coupon {
  font-size: 1.3rem;
  color: #727272;
  position: absolute;
  top: 100%;
  left: 0px;
  margin-top: 10px;
}

div.checkout-enquiry .summary-prices table {
  font-size: 1.5rem;
  width: 100%;
  text-align: right;
}

div.checkout-enquiry .summary-prices tr:last-child td {
  font-size: 2rem;
  line-height: 2.8rem;
}

div.checkout-enquiry .summary-prices td {
  line-height: 2.4rem;
}

div.checkout-enquiry .summary-prices td.discount {
  color: #ff4242;
}

div.checkout-enquiry .summary-prices td:last-child {
  font-weight: 700;
  min-width: 120px;
}

div.checkout-enquiry .agreements {
  padding-top: 40px;
}

div.checkout-enquiry .agreements > div {
  font-size: 1.3rem;
  line-height: 2rem;
  color: #727272;
  white-space: nowrap;
  margin-bottom: 20px;
}

div.checkout-enquiry .agreements input {
  margin-top: 4px;
  margin-right: 10px;
  vertical-align: top;
}

div.checkout-enquiry .agreements label {
  white-space: normal;
}

div.checkout-enquiry .stock {
  display: block;
  text-align: center;
}

div.checkout-enquiry .stock div {
  text-align: center;
}

div.checkout-enquiry .stock div svg {
  margin: 0px auto 6px;
}

div.checkout-enquiry .stock span:last-of-type {
  margin-right: 0px;
}

.static {
  margin-bottom: 40px;
  line-height: 2.2rem;
}

.static.sidebar .wrapper {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  align-items: flex-start;
}

.static h1 {
  margin-bottom: 30px;
}

.static p {
  font-size: 1.4rem;
  line-height: 2.4rem;
  padding-bottom: 20px;
  text-align: justify;
}

.static p a {
  text-decoration: underline;
}

.static .header {
  font-size: 1.5rem;
  font-weight: 700;
  color: #00aeef;
  line-height: 2.4rem;
  padding-bottom: 10px;
}

.static .title {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2.2rem;
  color: #00aeef;
}

.static .section-header {
  padding-bottom: 25px;
}

.static .inner-wrap {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  align-items: flex-start;
}

.static .block {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  align-items: flex-start;
  margin-bottom: 20px;
}

.static .half-box {
  width: 50%;
  max-width: 574px;
  margin-right: 50px;
}

.static .half-box:nth-of-type(even) {
  margin-right: 0;
}

.static .half-box img {
  margin: 0 auto;
  display: block;
  max-width: 100%;
}

.static .quart-box {
  width: 50%;
  max-width: 262px;
  margin-right: 50px;
}

.static .quart-box:nth-of-type(even) {
  margin-right: 0;
}

.static .form-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
}

.static .form-row > div {
  width: 50%;
  margin-right: 50px;
}

.static .form-row > div:last-of-type {
  margin-right: 0;
  margin-left: auto;
}

.static .form-row.msg .inputbox {
  width: 100%;
  max-width: 100%;
  margin-right: 0;
}

.static .form-row.msg .inputbox:last-child {
  display: none;
}

.static .form-row .inputbox {
  margin-bottom: 20px;
}

.static .form-row .btn {
  height: 36px;
  overflow: hidden;
  cursor: pointer;
}

.static .read-more:hover {
  color: inherit;
}

.static .btn {
  margin-left: auto;
}

.static label {
  margin-bottom: 10px;
}

.static .account_advantages {
  list-style: inherit;
}

.static .account_advantages li {
  padding-bottom: 10px;
}

.static .taxes {
  width: 100%;
}

.static .taxes td {
  padding: 10px;
}

.static .receivers td {
  padding: 10px;
  line-height: 2.2rem;
  text-align: left;
  padding: 10px;
}

.static .receivers tr:nth-child(2) td:first-of-type {
  padding-top: 20px;
}

.static .inf {
  font-size: 1.3rem;
  position: relative;
  padding-left: 40px;
  margin-top: 60px;
  margin-bottom: 40px;
  text-align: justify;
  color: #727272;
  line-height: 1.5;
  font-style: normal;
}

.static .inf:before {
  content: '';
  position: absolute;
  width: 30px;
  left: 0;
  top: 5px;
  height: 100%;
  background-image: url("/gfx/other/info-circle.svg");
  background-size: 15px 15px;
  background-repeat: no-repeat;
  background-position: top center;
}

.static .offer_img_cnt {
  text-align: center;
}

.static .offer_img_cnt img {
  padding: 20px 0;
  max-width: 100%;
}

.static .offer-title {
  margin-top: 30px;
}

.static .paragraph-name {
  color: #00aeef;
  display: inline-block;
  margin-bottom: 20px;
  font-weight: 600;
}

.static.terms .paragraph {
  float: left;
  color: #00aeef;
  float: left;
  margin-right: 8px;
  margin-bottom: 30px;
  font-weight: 600;
}

.static.terms p {
  padding-bottom: 0;
  clear: left;
}

.static.terms ol {
  list-style: decimal;
  padding: 20px;
  margin: 0;
}

.static.terms ul {
  list-style: unset;
  padding: 20px;
  margin: 0;
}

.static.terms li {
  margin: 5px 10px;
  line-height: 2.2rem;
  padding-left: 10px;
}

.static.privacy {
  line-height: 2.4rem;
}

.static.privacy p {
  text-align: left;
  padding-bottom: 0;
}

.static.privacy h3 {
  color: #00aeef;
  font-weight: 600;
  margin-top: 25px;
  margin-bottom: 15px;
}

.static .paper {
  background: #f0f0f0;
  padding: 80px 70px;
  text-align: left;
  line-height: 2.2rem;
  margin: 20px 10% 20px 10%;
}

.static .paper ol {
  list-style: decimal;
  padding-left: 20px;
  margin: 20px 0;
}

.static .paper ol li {
  text-align: justify;
}

.static .paper ol li:after {
  display: inline-block;
  width: 100%;
  height: 1px;
  position: relative;
  content: '';
}

.static .paper > div .date {
  margin-left: 70%;
  margin-bottom: 50px;
}

.static .paper > div .receiver {
  width: 50%;
  text-align: left;
}

.static .paper > div .content {
  margin-top: 150px;
  text-indent: 10%;
  margin-bottom: 100px;
}

.static .paper > div .signature {
  margin-top: 100px;
}

.site-content .confirmedNewsletter {
  margin: 20px 0 50px 0;
}

.about-us .title {
  padding-bottom: 40px;
}

.about-us .header {
  padding-bottom: 20px;
}

.about-us .section-header.socials {
  padding-top: 40px;
}

.about-us .twitter-timeline {
  border: 1px solid #d3d3d3 !important;
}

.about-us .social-box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  background: #f0f0f0;
  height: 300px;
  text-align: center;
}

.about-us .social-box a {
  margin: auto 0 20px;
}

.about-us .brochure-text {
  font-size: 1.3rem;
  color: #727272;
}

.about-us div#about_us {
  font-size: 14px;
  line-height: 24px;
}

.about-us div.about_us_center {
  text-align: center;
  margin: 30px 0;
}

.about-us div.about_us_center img {
  max-width: 90%;
}

.about-us div.about_us_center p,
.about-us div.about_us_left p,
.about-us div.about_us_right p {
  text-align: justify;
}

.about-us .about_us_p {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-align: start;
  align-items: flex-start;
}

.about-us .about_us_p p {
  -webkit-box-flex: 1;
  flex: 1;
}

.about-us .about_us_p :first-child {
  padding-right: 35px;
}

.faq .question-title {
  font-size: 1.5rem;
  line-height: 2.4rem;
  font-weight: 700;
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px solid #d3d3d3;
  cursor: pointer;
  outline: none;
}

.faq .question-title.ui-accordion-header-active {
  color: #00aeef;
  border-bottom: 1px solid #ffffff;
}

.faq .question:first-of-type .question-title {
  padding-top: 0px;
  margin-top: 0px;
  border-top: 0px;
}

.faq .question-content {
  font-size: 1.4rem;
  line-height: 2.4rem;
}

.faq .feedback {
  font-size: 1.3rem;
  color: #727272;
  padding-top: 5px;
  height: 30px;
}

.faq .feedback .yes, .faq .feedback .no {
  margin-left: 5px;
  display: inline-block;
  cursor: pointer;
}

.faq .feedback .yes span, .faq .feedback .no span {
  padding-left: 3px;
}

.faq .feedback span {
  vertical-align: middle;
}

.faq .feedback-thanks {
  display: none;
}

.faq .section-header {
  padding-top: 40px;
  margin-top: 40px;
  border-top: 1px solid #d3d3d3;
}

.terms .resignation {
  padding: 30px;
  margin-bottom: 30px;
  background: #f0f0f0;
}

.terms .resignation .date {
  text-align: right;
}

.terms .resignation .company {
  margin-left: 50%;
}

.terms .resignation .dotted {
  border-top: 1px dotted #000000;
}

.terms .resignation .sign {
  margin-top: 70px;
  margin-left: 50%;
}

.privacy .wrapper p:last-of-type {
  padding-bottom: 0px;
}

.support-block {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  border-bottom: 1px solid #d3d3d3;
  margin-bottom: 40px;
}

.support-contact {
  width: 22%;
}

.support-contact h2 {
  margin-bottom: 20px;
}

.support-contact h2 span {
  font-size: 1.3rem;
  color: #727272;
  display: block;
}

.support-contact a {
  font-size: 3rem;
  font-weight: 300;
  line-height: 4rem;
  display: inline-block;
  margin-right: 15px;
  border-bottom: 1px solid #000;
}

.support-contact a:hover {
  border-bottom: 1px solid #00aeef;
}

.support-person {
  width: 48%;
  margin: 0 4%;
  position: relative;
}

.support-person div {
  max-width: 100%;
  height: 230px;
  background: url(/gfx/pages/contact.png) top center no-repeat;
}

.support-person span {
  font-size: 1.3rem;
  line-height: 2rem;
  color: #727272;
  position: absolute;
  right: 60px;
  bottom: 20px;
}

.support-message {
  width: 22%;
  text-align: right;
}

.support-message span {
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: #727272;
}

.support-message span strong {
  font-size: 1.5rem;
  color: #727272;
  display: block;
  margin-bottom: 10px;
}

.contact-block {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  align-items: flex-start;
  margin-bottom: 40px;
}

.contact-block .departments {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  align-items: flex-start;
  width: 48%;
  margin-right: 4%;
}

.contact-block .departments h2 {
  margin-bottom: 30px;
}

.contact-block .departments .software-dpts {
  width: 46%;
  margin-right: 8%;
}

.contact-block .departments .hardware-dpts {
  width: 46%;
}

.contact-block .departments .department {
  margin-bottom: 30px;
}

.contact-block .departments .department a {
  line-height: 2.2rem;
  text-decoration: underline;
}

.contact-block .form {
  width: 48%;
}

.contact-block .form-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
}

.contact-block .form-row > div {
  width: 50%;
  max-width: 262px;
}

.contact-block .form-row > div:last-of-type {
  margin-left: auto;
}

.contact-block .form a.btn {
  position: relative;
}

.contact-block .form a .loaderOuterWrapper {
  background: #ffffff !important;
}

.contact-block .form a .loaderOuterWrapper .senetic-loader {
  margin-left: 0 !important;
}

.contact-block .address {
  margin-right: 4%;
  width: 48%;
}

.contact-block .address .details {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  align-items: flex-start;
}

.contact-block .address .details > div {
  width: 50%;
  max-width: 262px;
}

.company-data {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  align-items: flex-start;
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #d3d3d3;
}

.company-data > div {
  line-height: 2.2rem;
  width: 22%;
  max-width: 262px;
  margin-right: 4%;
}

.company-data > div:last-of-type {
  margin-right: 0px;
}

.company-data a {
  text-decoration: underline;
}

.company-data .open-hours {
  font-weight: 700;
  color: #00aeef;
}

.company-data .hours-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
}

.company-data .hours-row .hours {
  margin-left: auto;
  margin-right: 50px;
}

.contact-map {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #d3d3d3;
}

.contact-map iframe {
  width: 100%;
  height: 400px;
}

.contact-map .scrolloff {
  pointer-events: none;
}

.all-companies {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: start;
  align-items: flex-start;
}

.all-companies .single-company {
  line-height: 2.2rem;
  width: 22%;
  max-width: 262px;
  margin-right: 4%;
  margin-bottom: 20px;
}

.all-companies .single-company .phone,
.all-companies .single-company .email {
  font-size: 1.4rem;
}

.all-companies .single-company:nth-of-type(4n) {
  margin-right: 0px;
}

.senetic-global h1 {
  margin: 40px 0px 50px;
}

.senetic-global .regionName {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 2rem;
  padding: 10px 10px;
  background: #f0f0f0;
}

.senetic-global .countries {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
  align-items: center;
  background: #ffffff;
  padding: 10px 10px 30px;
}

.senetic-global .country {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  width: 22%;
  max-width: 262px;
  padding: 10px 0px;
  margin: 0px 2%;
  border-bottom: 1px solid #d3d3d3;
}

.senetic-global .country:nth-child(4n) {
  margin-right: 0;
}

.senetic-global .country:nth-child(4n+1) {
  margin-left: 0;
}

.senetic-global .country img {
  margin-right: 20px;
}

.senetic-global .country a {
  color: #000000;
  font-size: 1.4rem;
}

.senetic-global .country a:hover {
  color: #00aeef;
}

.senetic-global .country .separator {
  display: block;
  padding: 0px 4px;
}

.senetic-global .country-links {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: flex-start;
}

#o365ContactForm {
  display: none;
}

.to-o365-order,
.to-o365-inquiry {
  position: relative;
  display: block;
}

.to-o365-order .loaderOuterWrapper,
.to-o365-inquiry .loaderOuterWrapper {
  background: #ffffff !important;
}

.to-o365-order .senetic-loader,
.to-o365-inquiry .senetic-loader {
  margin-left: 5px;
}

.to-o365-order .o365cart,
.to-o365-inquiry .o365cart {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  justify-content: space-around;
  align-content: center;
}

.to-o365-order img,
.to-o365-inquiry img {
  left: 0px;
  right: 0px;
  top: 50%;
  margin: -16px auto 0px;
  display: block;
  position: absolute;
}

.to-o365-order svg,
.to-o365-inquiry svg {
  display: block;
  margin: 3px 5px 3px 0px;
}

.to-o365-order svg path,
.to-o365-inquiry svg path {
  fill: #ffffff;
}

.to-o365-order:hover svg path,
.to-o365-inquiry:hover svg path {
  fill: #00aeef;
}

.o365btnOverlay {
  pointer-events: none;
  cursor: default;
}

.o365btndisable {
  pointer-events: none;
  cursor: default;
}

.o365switch .flipSwitch-label {
  border-color: #ffffff;
}

.o365switch .flipSwitch-inner:before {
  background-color: #eb3c00;
}

.o365switch .flipSwitch-inner:after {
  background-color: #eb3c00;
}

.o365-header .wrapper {
  padding: 40px 180px 40px 40px;
  max-width: 1200px;
  background: url(/gfx/pages/office365/headerbg.jpg) bottom center no-repeat #f0f0f0;
}

.o365-header .title {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 30px;
}

.o365-header .title span {
  font-weight: 300;
}

.o365-header .o365-why {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
}

.o365-header .o365-why > div {
  font-size: 1.5rem;
  color: #727272;
  margin-right: 30px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
}

.o365-header .o365-why > div span {
  padding-left: 10px;
}

.o365-nav .nav-first {
  margin-bottom: 30px;
  border-bottom: 1px solid #eb3c00;
}

.o365-nav .nav-first-item {
  position: relative;
}

.o365-nav .nav-first-item > a {
  font-weight: 300;
  z-index: 45;
}

.o365-nav .nav-first-item > a.current {
  color: #eb3c00;
}

.o365-nav .nav-first-item:hover > a {
  color: #eb3c00;
  border-color: #eb3c00;
}

.o365-nav .nav-second {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
  align-items: center;
}

.o365-nav .nav-second-bg {
  padding: 25px 20px;
  min-width: 277px;
}

.o365-nav .nav-second-item {
  width: 100%;
  margin-right: 0;
  margin-bottom: 10px;
}

.o365-nav .nav-second-item:hover > a {
  color: #eb3c00;
}

.o365-nav .o365-mobile-menu {
  font-size: 1.7rem;
  font-weight: 700;
  color: #000000;
  white-space: nowrap;
  padding: 20px 0px 23px;
  margin: 0px 0px -2px;
  border-bottom: 2px solid transparent;
  position: relative;
}

.o365-content h1 {
  font-size: 2.4rem;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #d3d3d3;
}

.o365-content h2 {
  font-size: 2.2rem;
  font-weight: 400;
  padding-bottom: 30px;
}

.o365-content h3 {
  font-size: 1.9rem;
  font-weight: 400;
  padding-bottom: 30px;
}

.o365-content p {
  line-height: 2.4rem;
  padding-bottom: 30px;
}

.o365-content ul {
  padding-bottom: 30px;
}

.o365-content ul li {
  line-height: 2.4rem;
}

.o365-content ul.checks li {
  padding-left: 30px;
  background: url(/gfx/pages/office365/tick.png) 0px 5px no-repeat;
}

.o365-content ul.blue-checks li {
  padding-left: 30px;
  background: url(/gfx/pages/office365/categories/visual/blue-tick.png) 0px 5px no-repeat;
}

.o365-content ul.arrows li {
  padding-left: 30px;
  background: url(/gfx/pages/office365/arrow.png) 0px 5px no-repeat;
}

.o365-content ol {
  padding: 0px 0px 30px 30px;
  list-style: decimal;
}

.o365-content ol li {
  line-height: 2.4rem;
  color: #727272;
}

.o365-content .wrapper {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: start;
  align-items: flex-start;
}

.o365-content .switcher {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  margin-left: auto;
}

.o365-content .sidebar {
  width: 22%;
  max-width: 262px;
}

.o365-content .sidebar .category-tree ul {
  padding-bottom: 0px;
}

.o365-content .sidebar .category-tree li {
  padding-top: 0px;
}

.o365-content .sidebar .category-tree a:hover,
.o365-content .sidebar .category-tree li.active > a {
  color: #eb3c00;
}

.o365-content .sidebar .category-tree .second-lvl {
  border-left: 1px solid #d3d3d3;
  margin-bottom: 8px;
}

.o365-content .main {
  width: 74%;
  margin-left: 4%;
}

.o365-content .items-wrapper {
  margin-bottom: 30px;
}

.o365-content .items-wrapper.show-monthly .monthProd {
  display: -webkit-box;
  display: flex;
}

.o365-content .items-wrapper.show-monthly .yearProd {
  display: none;
}

.o365-content .items-wrapper.show-annual .monthProd {
  display: none;
}

.o365-content .items-wrapper.show-annual .yearProd {
  display: -webkit-box;
  display: flex;
}

.o365-content .items-wrapper .item {
  padding-bottom: 5px;
  margin-bottom: 10px;
}

.o365-content .items-wrapper .item-wrap {
  font-size: 1.5rem;
}

.o365-content .items-wrapper .item:before {
  background-color: #eb3c00;
}

.o365-content .items-wrapper svg path,
.o365-content .items-wrapper svg circle,
.o365-content .items-wrapper svg rect,
.o365-content .items-wrapper svg poly,
.o365-content .items-wrapper svg polygon {
  fill: #eb3c00;
}

.o365-content .o365-discover img {
  max-width: 100%;
  margin-bottom: 30px;
}

.o365-content .photo {
  max-width: 100%;
  margin-bottom: 30px;
}

.o365-content .implementation-box,
.o365-content .addToCartBox {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  align-items: flex-start;
  padding: 30px;
  margin-bottom: 10px;
  background: #f0f0f0;
}

.o365-content .implementation-box .title,
.o365-content .addToCartBox .title {
  font-size: 2rem;
  font-weight: 700;
  padding-bottom: 30px;
}

.o365-content .implementation-box .desc a,
.o365-content .addToCartBox .desc a {
  color: #eb3c00;
  font-weight: 700;
}

.o365-content .implementation-box .price,
.o365-content .addToCartBox .price {
  font-size: 1.6rem;
  font-weight: 700;
  padding-bottom: 30px;
}

.o365-content .implementation-box .action,
.o365-content .addToCartBox .action {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
}

.o365-content .implementation-box .read-more,
.o365-content .addToCartBox .read-more {
  font-weight: 700;
  color: #eb3c00;
  margin-left: 10px;
}

.o365-content .implementation-box .read-more:hover,
.o365-content .addToCartBox .read-more:hover {
  text-decoration: underline;
}

.o365-content .implementation-box .senetic-loader,
.o365-content .addToCartBox .senetic-loader {
  margin-left: 0px;
}

.o365-content .implementation-box.details,
.o365-content .addToCartBox.details {
  margin-bottom: 30px;
}

.o365-content .implementation-box.details .text,
.o365-content .addToCartBox.details .text {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
}

.o365-content .implementation-box.details .title,
.o365-content .implementation-box.details .price,
.o365-content .addToCartBox.details .title,
.o365-content .addToCartBox.details .price {
  padding: 0px 10px 0px 0px;
}

.o365-content .implementation-box.details .action,
.o365-content .addToCartBox.details .action {
  margin-left: auto;
}

.o365-content .implementation-box > img,
.o365-content .addToCartBox > img {
  margin-right: 30px;
}

.o365-content .implementation-buy {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  padding-bottom: 30px;
}

.o365-content .implementation-buy .name,
.o365-content .implementation-buy .price {
  font-size: 1.5rem;
  padding: 0px 10px 0px 0px;
}

.o365-content .implementation-buy .action {
  margin-left: auto;
}

.o365-content .implementation-buy .senetic-loader {
  margin-left: 0px;
}

.o365-content .implementation-block {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  align-items: flex-start;
}

.o365-content .implementation-block > div:first-child {
  width: 38%;
  margin-right: 2%;
}

.o365-content .implementation-block > div:last-child {
  width: 58%;
  margin-left: 2%;
}

.o365-content .working-path {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  align-items: flex-start;
}

.o365-content .working-path > img {
  width: 30px;
  height: 30px;
  margin: 15px;
}

.o365-content .working-path div {
  width: 15%;
}

.o365-content .working-path div img {
  width: 60px;
  height: 60px;
  display: block;
  margin: 0px;
}

.o365-content .working-path span {
  line-height: 2rem;
}

.o365-content .coursesInfo {
  text-align: right;
}

.o365-table {
  padding-bottom: 30px;
}

.o365-table.courses .o365-tr > div, .o365-table.plans-smb .o365-tr > div {
  width: 25%;
}

.o365-table.plans-corpo {
  margin: 0px -2px 0px 0px;
}

.o365-table.plans-corpo .o365-tr > div {
  width: 20%;
}

.o365-table .plans-prices .senetic-loader-wrapper {
  margin-right: 15%;
  display: block;
}

.o365-table .plans-tooltip {
  display: none;
  font-size: 1.2rem;
  line-height: 1.6rem;
  text-align: left;
  position: absolute;
  background: #ffffff;
  width: auto;
  max-width: 300px;
  border: 1px solid #d3d3d3;
  padding: 10px 20px;
  top: 50%;
  left: 5%;
  right: 5%;
  z-index: 100;
}

.o365-table .plans-tooltip span {
  font-weight: 700;
  margin-bottom: 5px;
}

.o365-table .plans-tooltip span:after {
  content: '\00a0 - ';
}

.o365-table .plans-tooltip > div {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  align-items: flex-start;
  margin-bottom: 10px;
}

.o365-table .plans-tooltip > div .table-sprite-img {
  margin-right: 10px;
}

.o365-table .plans-year {
  margin-bottom: 10px;
  border-bottom: 1px solid #d3d3d3;
}

.o365-table .o365-tr {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.o365-table .o365-tr:nth-child(odd) > div {
  background: #f5f5f5;
}

.o365-table .o365-tr:nth-child(odd) > div.highlight {
  background: #fde9e3;
}

.o365-table .o365-tr:nth-child(even) > div {
  background: #fbfbfb;
}

.o365-table .o365-tr:nth-child(even) > div.highlight {
  background: #fef7f5;
}

.o365-table .o365-tr > div {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  line-height: 1.8rem;
  padding: 5px 10px;
  min-height: 40px;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  text-align: center;
  position: relative;
}

.o365-table .o365-tr > div .text {
  width: 100%;
}

@media (max-width: 980px) {
  .o365-table .o365-tr > div:first-child {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: start !important;
    justify-content: flex-start !important;
    -webkit-box-align: start !important;
    align-items: flex-start !important;
  }
}

.o365-table .o365-tr > div:hover .plans-tooltip {
  display: block;
}

.o365-table .o365-tr > div:first-child {
  -webkit-box-pack: start;
  justify-content: flex-start;
  padding: 10px;
  background: #ffffff;
  text-align: left;
}

.o365-table .o365-tr > div:first-child img {
  margin-right: 10px;
  max-width: 25px;
}

.o365-table .o365-tr > div:first-child .table-sprite-img {
  margin-right: 10px;
}

.o365-table .o365-tr.hover-tr:hover > div,
.o365-table .o365-tr.hover-tr:hover > div.highlight {
  background: #f9ffe8;
}

.o365-table .o365-tr.mobileTable {
  -webkit-box-align: end;
  align-items: flex-end;
  margin-bottom: 30px;
  border-bottom: 1px solid #d3d3d3;
  display: none;
}

.o365-table .o365-tr.mobileTable > div {
  font-size: 1.1rem;
  line-height: 1.3rem;
  padding: 10px;
  background: #ffffff;
  -webkit-box-pack: start;
  justify-content: flex-start;
  cursor: pointer;
}

.o365-table .o365-tr.mobileTable > .selected {
  color: #eb3c00;
  border-bottom: 2px solid #eb3c00;
  margin-bottom: -1px;
}

.o365-table .o365-tr.most-popular {
  font-size: 1.8rem;
  font-weight: 700;
}

.o365-table .o365-tr.most-popular > div {
  background: #ffffff;
}

.o365-table .o365-tr.plans-name {
  font-size: 1.9rem;
  font-weight: 700;
}

.o365-table .o365-tr.plans-name > div:not(:first-child),
.o365-table .o365-tr.plans-name > div.highlight {
  padding: 0px;
  background: #eb3c00;
}

.o365-table .o365-tr.plans-name > div:not(:first-child) a,
.o365-table .o365-tr.plans-name > div.highlight a {
  font-size: 2rem;
  padding: 30px 10px;
  color: #ffffff;
  width: 100%;
}

.o365-table .o365-tr.plans-name > div:not(:first-child) a:hover,
.o365-table .o365-tr.plans-name > div.highlight a:hover {
  color: #eb3c00;
}

.o365-table .o365-tr.plans-try > div a,
.o365-table .o365-tr.plans-try > div.highlight a {
  color: #eb3c00;
  width: 100%;
}

.o365-table .o365-tr.plans-try > div:hover a,
.o365-table .o365-tr.plans-try > div.highlight:hover a {
  text-decoration: underline;
}

.o365-table .o365-tr.plans-apps > div {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row wrap;
  align-content: center;
}

.o365-table .o365-tr.plans-apps > div:first-child {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row nowrap;
  text-align: left;
}

@media (max-width: 980px) {
  .o365-table .o365-tr.plans-apps > div:first-child[data-column="0"] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-align: left;
    align-items: left;
    -webkit-box-pack: center;
    justify-content: center;
  }
}

.o365-table .o365-tr.plans-apps > div:first-child > .table-sprite-img {
  margin-left: 0px;
}

.o365-table .o365-tr.plans-apps > div > .table-sprite-img {
  margin: 5px 5px;
}

.o365-table .o365-tr.plans-apps > div .apps-br {
  width: 100%;
}

.o365-table .o365-tr.plans-prices {
  font-size: 1.5rem;
  font-weight: 700;
  color: #727272;
  height: 65px;
}

.o365-table .o365-tr.plans-prices:hover:not(.active) div {
  background: #f9ffe8 !important;
}

.o365-table .o365-tr.plans-prices input {
  min-width: 15px;
}

.o365-table .o365-tr.plans-prices .highlight.main_cell {
  background: #fef7f5 !important;
}

.o365-table .o365-tr.plans-prices.active .highlight.main_cell {
  background: #fde9e3 !important;
}

.o365-table .o365-tr.plans-prices.active label {
  cursor: default;
}

.o365-table .o365-tr.plans-prices:not(.active) .main_cell {
  background: #fbfbfb;
  padding: 0;
  -webkit-box-pack: center;
  justify-content: center;
}

.o365-table .o365-tr.plans-prices:not(.active) .main_cell label {
  height: 100%;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-align-items: center;
}

.o365-table .o365-tr.plans-prices .to-o365-order,
.o365-table .o365-tr.plans-prices .trialLink {
  display: none;
}

.o365-table .o365-tr.plans-prices .main_cell {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  justify-content: space-around;
  align-content: center;
}

.o365-table .o365-tr.plans-prices .main_cell label {
  width: 100%;
}

.o365-table .o365-tr.plans-prices > div:first-child {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  align-content: stretch;
  padding-left: 35px;
}

.o365-table .o365-tr.plans-prices > div:first-child label {
  font-size: 1.5rem;
  font-weight: 700;
  color: #000000;
  margin-left: 10px;
  text-align: left;
  width: 100%;
  display: block;
  height: auto;
}

.o365-table .o365-tr.plans-prices > div:first-child label span {
  font-size: 1.2rem;
  font-weight: 400;
  color: #727272;
  display: block;
}

.o365-table .o365-tr.plans-prices.active {
  font-size: 2.2rem;
  font-weight: 700;
  color: #000000;
  height: 160px;
}

.o365-table .o365-tr.plans-prices.active > div {
  background: #fef7f5;
}

.o365-table .o365-tr.plans-prices.active > div.highlight {
  background: #fde9e3;
}

.o365-table .o365-tr.plans-prices.active .to-o365-order,
.o365-table .o365-tr.plans-prices.active .trialLink {
  display: block;
}

.o365-table .o365-tr.plans-prices.active .trialLink {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  align-content: stretch;
  height: 15px;
}

.o365-table .o365-tr.plans-prices.active .trialLink a {
  color: #eb3c00;
  font-size: 1.4rem;
  font-weight: normal;
}

.o365-table .o365-tr.plans-prices.active .trialLink:hover a {
  text-decoration: underline;
}

.o365-table .o365-tr.plans-exchange > div:nth-child(n+2), .o365-table .o365-tr.plans-onedrive > div:nth-child(n+2) {
  font-weight: 700;
  color: #727272;
}

.o365-table .o365-tr.courseName {
  font-weight: 700;
}

.o365-table .o365-tr.courseName > div {
  font-size: 2rem;
  line-height: 2.4rem;
  padding: 30px 10px;
}

.o365-table .o365-tr.coursePrice > div {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  padding: 10px;
}

.o365-table .o365-tr.coursePrice .price {
  font-size: 2.2rem;
  font-weight: 700;
  color: #000000;
  width: 100%;
  display: block;
  margin: 10px 0px 20px;
}

.o365-table .o365-tr.coursePrice .buyBtn {
  margin: 0px 0px 10px;
}

.o365-table .o365-tr.coursePrice .buyBtn span {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 2rem;
  text-align: center;
}

.o365-table .main_cell > div {
  padding: 0px;
  position: relative;
}

.o365-table .main_cell a {
  width: 100%;
}

.o365-table .plans-common {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: start;
  align-items: flex-start;
  margin-top: 50px;
  font-size: 1.3rem;
  line-height: 2rem;
  color: #727272;
}

.o365-table .plans-common > div {
  width: 25%;
  padding: 0px 20px;
}

.o365-table .plans-common > div:first-child {
  padding-left: 0px;
}

.o365-table .plans-common > div:last-child {
  padding-right: 0px;
}

.o365-table .plans-common span {
  font-size: 1.5rem;
  font-weight: 700;
  display: block;
  margin-bottom: 15px;
  color: #000000;
}

.o365-table .plans-common .table-sprite-img {
  margin-bottom: 20px;
}

.plansTitle {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 50px;
}

.plansTitle h1 {
  font-size: 1.9rem;
  padding: 0;
  margin: 0;
  border: 0;
}

.plansTitle .switcher {
  -webkit-box-align: start;
  align-items: flex-start;
}

.plansTitle .switcher > div {
  font-size: 2.1rem;
  font-weight: 700;
  cursor: pointer;
}

.plansTitle .switcher > div:first-child {
  margin-right: 20px;
}

.plansTitle .switcher > div:first-child span {
  text-align: right;
}

.plansTitle .switcher > div:last-child {
  margin-left: 20px;
}

.plansTitle .switcher > div:last-child span {
  text-align: left;
}

.plansTitle .switcher > div > span {
  display: block;
  font-size: 1.4rem;
  font-weight: 400;
  padding-top: 5px;
}

.o365-plans {
  position: relative;
  overflow: hidden;
  padding: 0px 0px 30px;
  margin: 0 auto 30px;
  border-bottom: 1px solid #d3d3d3;
  white-space: nowrap;
}

.o365-plans > div {
  position: relative;
  display: inline-block;
  white-space: normal;
  vertical-align: top;
  max-width: 100%;
}

.o365-plans .o365-buy a svg {
  display: inline-block;
}

.o365-plans .buy-monthly {
  display: none;
  background: aqua !important;
}

.o365-intro {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: end;
  align-items: flex-end;
  width: 100%;
}

.o365-intro p {
  font-size: 1.4rem;
  color: #727272;
}

.o365-intro a {
  font-weight: 700;
  color: #eb3c00;
}

.o365-intro a:hover {
  text-decoration: underline;
}

.o365-intro .title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #000000;
}

.o365-services {
  width: 100%;
  margin-top: 50px;
}

.o365-services > div {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.o365-services .service {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  align-items: flex-start;
  width: 25%;
  margin-right: 50px;
  padding: 20px;
  background: #f0f0f0;
}

.o365-services .service span {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2rem;
  display: block;
  padding-bottom: 30px;
}

.o365-services .service .table-sprite-img {
  margin-right: 20px;
}

.o365-services .service:last-child {
  margin-right: 0px;
}

.o365-services .service a {
  font-weight: 700;
  color: #eb3c00;
}

.o365-services .service a:hover {
  text-decoration: underline;
}

.plan-description {
  -webkit-box-flex: 1;
  flex: 1;
}

.plan-description h1 span {
  font-weight: 300;
  font-size: 1.3rem;
  display: block;
  padding-top: 10px;
}

.plan-description .buy-tiles {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: stretch;
  align-items: stretch;
  margin-bottom: 50px;
}

.plan-description .buy-tiles .tile {
  width: 22%;
  max-width: 264px;
  margin: 0px 2%;
  padding: 30px 40px 20px;
  background: #f5f5f5;
  text-align: center;
}

.plan-description .buy-tiles .tile:first-child {
  margin-left: 0;
}

.plan-description .buy-tiles .tile:last-child {
  margin-right: 0;
}

.plan-description .buy-tiles .name {
  font-size: 1.8rem;
  color: #727272;
  text-align: center;
}

.plan-description .buy-tiles .name span {
  font-weight: 700;
  color: #000000;
  display: block;
  margin-top: 15px;
}

.plan-description .buy-tiles a.to-o365-order {
  width: 100%;
  padding: 10px 20px;
  margin: 20px 0px;
}

.plan-description .buy-tiles a.try {
  font-weight: 700;
  color: #eb3c00;
  display: inline-block;
}

.plan-description .buy-tiles a.try:hover {
  text-decoration: underline;
}

.plan-description .buy-tiles a path {
  fill: #ffffff;
  margin-right: 10px;
}

.plan-description .buy-tiles a:hover path {
  fill: #eb3c00;
}

.plan-description .plan-info {
  line-height: 2.4rem;
  margin-bottom: 50px;
}

.plan-description .section-title {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  font-size: 2.4rem;
  font-weight: 700;
  margin-bottom: 30px;
}

.plan-description .section-title img {
  margin-right: 10px;
}

.plan-description .plan-apps {
  margin-bottom: 40px;
}

.plan-description .plan-apps .title {
  text-align: center;
  padding: 30px;
  background: #fbfbfb;
}

.plan-description .plan-apps .content {
  text-align: center;
  padding: 30px;
  background: #f5f5f5;
}

.plan-description .plan-apps .content img {
  margin: 0px 20px;
}

.plan-description .plan-table {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  align-items: stretch;
  padding-bottom: 40px;
  border-bottom: 1px solid #d3d3d3;
  margin-bottom: 40px;
}

.plan-description .plan-table > div {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: stretch;
  align-items: stretch;
  width: 22%;
  max-width: 262px;
  margin: 0px 2% 2px;
}

.plan-description .plan-table > div:nth-child(4n+1) {
  margin-left: 0;
}

.plan-description .plan-table > div:nth-child(4n) {
  margin-right: 0;
}

.plan-description .plan-table > div > div {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  padding: 30px 20px;
}

.plan-description .plan-table > div .label {
  -webkit-box-pack: start;
  justify-content: flex-start;
  width: 65%;
  background: #fbfbfb;
}

.plan-description .plan-table > div .label img {
  margin-right: 10px;
  min-width: 25px;
}

.plan-description .plan-table > div .info {
  width: 35%;
  background: #f5f5f5;
}

.plan-description .plan-advantages {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  align-items: stretch;
  padding-bottom: 40px;
  border-bottom: 1px solid #d3d3d3;
  margin-bottom: 40px;
}

.plan-description .plan-advantages > div {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  width: 22%;
  max-width: 264px;
  margin: 0px 2% 30px;
}

.plan-description .plan-advantages > div:nth-child(4n+1) {
  margin-left: 0;
}

.plan-description .plan-advantages > div:nth-child(4n) {
  margin-right: 0;
}

.plan-description .plan-advantages > div .fa {
  color: #eb3c00;
  margin-right: 20px;
}

.plan-description .plan-functions,
.plan-description .plan-benefits {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: start;
  align-items: flex-start;
}

.plan-description .plan-functions div,
.plan-description .plan-benefits div {
  color: #727272;
  line-height: 2.4rem;
  width: 48%;
  max-width: 575px;
  margin: 0px 2% 30px;
}

.plan-description .plan-functions div:nth-child(odd),
.plan-description .plan-benefits div:nth-child(odd) {
  margin-left: 0;
}

.plan-description .plan-functions div:nth-child(even),
.plan-description .plan-benefits div:nth-child(even) {
  margin-right: 0;
}

.plan-description .plan-functions strong,
.plan-description .plan-benefits strong {
  font-size: 1.5rem;
  color: #000000;
  display: block;
}

.plan-description .plan-functions {
  padding-bottom: 40px;
  border-bottom: 1px solid #d3d3d3;
  margin-bottom: 40px;
}

.o365-product-cat .top-category-logo {
  margin-bottom: 30px;
}

.o365-product-cat.enterprise img {
  max-width: 100%;
}

.o365-product-cat.enterprise .percentages {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  align-items: flex-start;
}

.o365-product-cat.enterprise .percentages > div {
  width: 30%;
  margin: 0 5% 10px;
  text-align: center;
}

.o365-product-cat.enterprise .percentages > div:first-child {
  margin-left: 0;
}

.o365-product-cat.enterprise .percentages > div:last-child {
  margin-right: 0;
}

.o365-product-cat.enterprise .percentages-footer {
  font-size: 1.1rem;
  line-height: 1.8rem;
  margin-bottom: 20px;
}

.o365-product-cat.enterprise .percentages-footer > div:last-child {
  text-align: right;
}

.o365-product-cat.enterprise .productivity .top,
.o365-product-cat.enterprise .productivity .bottom {
  font-size: 1.8rem;
  color: #727272;
  text-align: center;
  padding: 30px;
  background: #f0f0f0;
  position: relative;
}

.o365-product-cat.enterprise .productivity .top {
  margin-bottom: 50px;
}

.o365-product-cat.enterprise .productivity .top:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(240, 240, 240, 0);
  border-top-color: #f0f0f0;
  border-width: 20px;
  margin-left: -20px;
}

.o365-product-cat.enterprise .productivity .options {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  align-items: flex-start;
}

.o365-product-cat.enterprise .productivity .options > div {
  width: 30%;
  margin: 0 5% 10px;
  text-align: center;
}

.o365-product-cat.enterprise .productivity .options > div:first-child {
  margin-left: 0;
}

.o365-product-cat.enterprise .productivity .options > div:last-child {
  margin-right: 0;
}

.o365-product-cat.enterprise .productivity .options > div span {
  display: block;
  font-size: 1.6rem;
  margin-bottom: 20px;
}

.o365-product-cat.enterprise .productivity .bottom {
  margin-top: 50px;
}

.o365-product-cat.enterprise .productivity .bottom:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(240, 240, 240, 0);
  border-bottom-color: #f0f0f0;
  border-width: 20px;
  margin-left: -20px;
}

.o365-product-cat.enterprise .productivity-footer {
  font-size: 1.1rem;
  line-height: 1.8rem;
  margin: 20px 0px;
  text-align: right;
}

.o365-product-cat.visual-studio img {
  max-width: 100%;
}

.o365-product-cat.visual-studio .subs-model {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: end;
  align-items: flex-end;
  background: url("/gfx/pages/office365/categories/visual/top.jpg") top center no-repeat;
  width: 100%;
  max-width: 888px;
  height: 520px;
  margin-bottom: 30px;
}

.o365-product-cat.visual-studio .subs-model .text {
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.4rem;
  color: #ffffff;
  padding-left: 10px;
  border-left: 15px solid #562b85;
  margin-bottom: 40px;
}

.o365-product-cat.visual-studio .subscription-models {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: start;
  align-items: flex-start;
}

.o365-product-cat.visual-studio .subscription-models .model {
  width: 49%;
}

.o365-product-cat.visual-studio .subscription-models .model:first-child {
  margin-right: 1%;
}

.o365-product-cat.visual-studio .subscription-models .model:last-child {
  margin-left: 1%;
}

.o365-product-cat.visual-studio .subscription-models .top {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  font-size: 2.2rem;
  font-weight: 400;
  padding: 15px 30px;
  margin-bottom: 20px;
  background: #f0f0f0;
}

.o365-product-cat.visual-studio .yearly-advantages {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin-bottom: 30px;
}

.o365-product-cat.visual-studio .admin-area {
  margin-bottom: 30px;
}

.o365-product-cat.visual-studio .possibilites {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding-bottom: 30px;
}

.o365-product-cat.visual-studio .possibilites .possibility {
  width: 32%;
  border: 1px solid #d3d3d3;
  padding: 15px;
  text-align: center;
}

.o365-product-cat.visual-studio .possibilites .possibility:nth-child(2) {
  margin: 0 2%;
}

.o365-product-cat.visual-studio .possibilites strong {
  display: block;
  padding: 20px 0px;
}

.o365-product-cat.visual-studio .possibilites span {
  display: block;
  line-height: 2.4rem;
}

.o365-product-cat.visual-studio p {
  margin: 0px 0px 20px;
}

.o365-product-cat.visual-studio .toplogo {
  display: block;
  margin-top: 20px;
}

.o365-product-cat.visual-studio .visual-table {
  margin-bottom: 20px;
}

.o365-product-cat.visual-studio .visual-table .adnotation {
  font-size: 11px;
  margin-top: 20px;
}

.o365-product-cat.visual-studio .visual-table .table-row {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row nowrap;
}

.o365-product-cat.visual-studio .visual-table .table-row:nth-child(even) > div {
  background: #f5f5f5;
}

.o365-product-cat.visual-studio .visual-table .table-row:nth-child(even) > .popular-col {
  background: #e8e3ef;
}

.o365-product-cat.visual-studio .visual-table .table-row:nth-child(odd) > div {
  background: #fbfbfb;
}

.o365-product-cat.visual-studio .visual-table .table-row:nth-child(odd) > .popular-col {
  background: #efecf4;
}

.o365-product-cat.visual-studio .visual-table .table-row.popular-title div {
  font-size: 11px;
  background: #fff;
  color: #000;
}

.o365-product-cat.visual-studio .visual-table .table-row.popular-title .popular-col {
  background: #efecf4;
}

.o365-product-cat.visual-studio .visual-table .table-row.product > div, .o365-product-cat.visual-studio .visual-table .table-row.pricing > div {
  font-weight: 700;
  color: #000;
}

.o365-product-cat.visual-studio .visual-table .table-row.buy-row > div:not(.label) {
  font-size: 15px;
  font-weight: 700;
  background: #663f90 !important;
  cursor: pointer;
  border: 2px solid #663f90;
  transition: all .3s ease;
}

.o365-product-cat.visual-studio .visual-table .table-row.buy-row > div:not(.label):hover {
  background: #fff !important;
}

.o365-product-cat.visual-studio .visual-table .table-row.buy-row > div:not(.label):hover a {
  color: #663f90;
}

.o365-product-cat.visual-studio .visual-table .table-row.buy-row > div:not(.label):hover a path {
  fill: #663f90 !important;
}

.o365-product-cat.visual-studio .visual-table .table-row.buy-row > div a {
  color: #fff;
}

.o365-product-cat.visual-studio .visual-table .table-row.buy-row svg path {
  fill: #fff !important;
}

.o365-product-cat.visual-studio .visual-table .table-row.buy-row .to-o365-order .loaderOuterWrapper {
  background: transparent !important;
}

.o365-product-cat.visual-studio .visual-table .table-row > div {
  width: 20%;
  margin: 1px;
  padding: 10px;
  text-align: center;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  color: #727272;
  font-weight: 600;
}

.o365-product-cat.visual-studio .visual-table .table-row > div.label {
  -webkit-box-pack: start;
  justify-content: flex-start;
  background: #fff !important;
  color: #000;
  font-weight: 300;
}

.o365-product-cat.visual-studio .advantages {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row nowrap;
  -webkit-box-align: start;
  align-items: flex-start;
  margin: 30px 0px;
}

.o365-product-cat.visual-studio .advantages .advantage {
  text-align: center;
  width: 25%;
  padding: 0px 10px;
}

.o365-product-cat.visual-studio .advantages .advantage img {
  display: block;
  margin: 0px auto 30px;
}

.o365-product-cat.visual-studio .interested {
  margin-top: 30px;
  text-align: center;
}

.o365-product-cat.visual-studio .interested a {
  font-size: 15px;
  font-weight: 700;
  padding: 15px 50px;
  display: inline-block;
  cursor: pointer;
}

.o365-product-cat.visual-studio .o365-faq .ask:hover {
  background: #f0f0f0;
}

.o365-product-cat.visual-studio .o365-faq .answer {
  padding: 0 20px 25px;
  color: #727272;
}

.o365-products {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #d3d3d3;
}

.o365-products .switcher > span {
  font-size: 1.6rem;
  font-weight: 700;
  cursor: pointer;
}

.o365-products .switcher .monthlySwitchLabel {
  margin-right: 10px;
}

.o365-products .switcher .yearlySwitchLabel {
  margin-left: 10px;
}

.o365-products h1 {
  margin: 0;
  padding: 0;
  border-bottom: 0px;
}

.o365-faq {
  margin-bottom: 30px;
}

.o365-faq .ask {
  font-size: 1.8rem;
  border: 1px solid #d3d3d3;
  padding: 20px;
  margin-bottom: 20px;
  position: relative;
  outline: none;
  cursor: pointer;
}

.o365-faq .ask .plus-ico,
.o365-faq .ask .minus-ico {
  width: 19px;
  height: 19px;
  position: absolute;
  right: 15px;
}

.o365-faq .ask .plus-ico {
  background: url(/gfx/pages/office365/o365plus.png) center center no-repeat;
}

.o365-faq .ask .minus-ico {
  background: url(/gfx/pages/office365/o365minus.png) center center no-repeat;
}

.o365-faq .ask.ui-accordion-header-active {
  background: #f0f0f0;
}

.o365-faq .answer {
  color: #727272;
  line-height: 2.4rem;
  padding: 0px 20px 20px;
}

.o365-form .formBlock {
  margin-top: 30px;
  padding: 30px;
  background: url(/gfx/pages/office365/formbg.png) bottom right no-repeat #f5f5f5;
}

.o365-form .formBlock .title {
  font-size: 3.2rem;
  font-weight: 300;
  margin-bottom: 30px;
}

.o365-form .formBlock .title span {
  font-weight: 700;
}

.o365-form .formInputs {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: start;
  align-items: flex-start;
  width: 65%;
  margin-bottom: 20px;
}

.o365-form .formInputs .inputbox {
  margin: 0px 2% 10px;
  width: 48%;
}

.o365-form .formInputs .inputbox:nth-child(odd) {
  margin-left: 0;
}

.o365-form .formInputs .inputbox:nth-child(even) {
  margin-right: 0;
}

.o365-form .o365-agreements {
  margin-right: 50px;
}

.o365-form .o365-agreements.checkboxRow {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  align-items: flex-start;
  margin-bottom: 10px;
}

.o365-form .o365-agreements.checkboxRow input {
  border-color: #727272;
}

.o365-form .o365-agreements.checkboxRow label {
  font-size: 1.1rem;
  line-height: 1.4rem;
  color: #727272;
  margin-left: 10px;
}

.o365-form .o365-agreements ~ .errorbox {
  display: none !important;
}

.o365-form .error + label {
  color: #ff4242 !important;
}

.o365-form .state-error,
.o365-form .state-ok {
  background: #eb3c00 !important;
  border-color: #eb3c00 !important;
}

.o365-form .formSubmit {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  align-items: flex-start;
  width: 65%;
}

.o365-form .formSubmit a {
  height: 36px;
  border: 2px solid #eb3c00;
  margin-left: auto;
}

.o365-form .formSubmit a:hover {
  color: #eb3c00;
  background: #ffffff;
}

.o365-form .form-status {
  width: 65%;
}

.o365-footer {
  margin: 80px 0 80px 0;
}

.o365-footer .wrapper {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.o365-footer .why-us {
  width: 60%;
  margin-right: 13%;
}

.o365-footer .why-us--title {
  font-size: 14px;
  font-weight: 700;
  padding-bottom: 30px;
  width: 100%;
}

.o365-footer .why-us--title__team {
  font-size: 20px;
  font-weight: 700;
  display: block;
  padding-bottom: 35px;
}

.o365-footer .why-us--text {
  font-size: 14px;
  line-height: 30px;
  padding-bottom: 35px;
}

.o365-footer .why-us--contact {
  display: -webkit-box;
  display: flex;
}

.o365-footer .why-us--contact__item {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.o365-footer .why-us--contact__item--phone {
  margin-right: 30px;
}

.o365-footer .why-us--contact__item--phone__icon {
  margin-right: 10px;
  display: inline-block;
  width: 20px;
  height: 20px;
  min-width: 20px;
  background: url("/office_365/assets/images/header/header-sprite.png?2") -48px -56px;
}

.o365-footer .why-us--contact__item--mail__icon {
  margin-right: 10px;
  display: inline-block;
  width: 22px;
  height: 18px;
  min-width: 22px;
  background: url("/office_365/assets/images/header/header-sprite.png?2") -74px -56px;
}

.o365-footer .why-us .contact-data {
  margin-left: 50px;
}

.o365-footer .msPartner {
  width: 24%;
  max-width: 262px;
}

.o365-footer .msPartner .title {
  font-size: 3rem;
  padding-bottom: 20px;
}

.o365-footer .msPartner .title span {
  font-size: 2rem;
  color: #97813c;
  display: block;
}

.o365-footer .msPartner .competences .gold {
  color: #97813c;
}

.o365-footer .msPartner .competences .silver {
  color: #727272;
}

.o365-footer .msPartner .competences span {
  display: inline-block;
  padding-bottom: 5px;
}

.o365-footer p {
  line-height: 2.4rem;
  padding-bottom: 30px;
}

.o365-footer a {
  font-weight: bold;
  font-size: 20px;
  line-height: 2rem;
  color: #eb3c00;
}

.o365-footer a:hover {
  text-decoration: underline;
}

.table-sprite-outlookIco {
  width: 23px;
  height: 22px;
  min-width: 23px;
  background: url("/gfx/pages/office365/table_sprite.png") -251px -7px;
}

.table-sprite-powerpointIco {
  width: 23px;
  height: 22px;
  min-width: 23px;
  background: url("/gfx/pages/office365/table_sprite.png") -251px -43px;
}

.table-sprite-publisherIco {
  width: 23px;
  height: 22px;
  min-width: 23px;
  background: url("/gfx/pages/office365/table_sprite.png") -251px -79px;
}

.table-sprite-sfbIco {
  width: 22px;
  height: 21px;
  min-width: 22px;
  background: url("/gfx/pages/office365/table_sprite.png") -44px -241px;
}

.table-sprite-sharepointIcoMed {
  width: 40px;
  height: 40px;
  min-width: 40px;
  background: url("/gfx/pages/office365/table_sprite.png") -102px -7px;
}

.table-sprite-skypeIcoMed {
  width: 40px;
  height: 40px;
  min-width: 40px;
  background: url("/gfx/pages/office365/table_sprite.png") -7px -101px;
}

.table-sprite-wordIco {
  width: 23px;
  height: 22px;
  min-width: 23px;
  background: url("/gfx/pages/office365/table_sprite.png") -251px -115px;
}

.table-sprite-skypeIco {
  width: 25px;
  height: 25px;
  min-width: 25px;
  background: url("/gfx/pages/office365/table_sprite.png") -210px -123px;
}

.table-sprite-sharepointIco {
  width: 25px;
  height: 25px;
  min-width: 25px;
  background: url("/gfx/pages/office365/table_sprite.png") -210px -162px;
}

.table-sprite-officeIco {
  width: 25px;
  height: 25px;
  min-width: 25px;
  background: url("/gfx/pages/office365/table_sprite.png") -7px -202px;
}

.table-sprite-exchangeIcoMed {
  width: 40px;
  height: 40px;
  min-width: 40px;
  background: url("/gfx/pages/office365/table_sprite.png") -61px -101px;
}

.table-sprite-exchangeIco {
  width: 25px;
  height: 25px;
  min-width: 25px;
  background: url("/gfx/pages/office365/table_sprite.png") -46px -202px;
}

.table-sprite-accessIco {
  width: 23px;
  height: 22px;
  min-width: 23px;
  background: url("/gfx/pages/office365/table_sprite.png") -251px -151px;
}

.table-sprite-excelIco {
  width: 23px;
  height: 22px;
  min-width: 23px;
  background: url("/gfx/pages/office365/table_sprite.png") -251px -187px;
}

.table-sprite-officeIcoMed {
  width: 40px;
  height: 40px;
  min-width: 40px;
  background: url("/gfx/pages/office365/table_sprite.png") -156px -7px;
}

.table-sprite-onenoteIco {
  width: 23px;
  height: 22px;
  min-width: 23px;
  background: url("/gfx/pages/office365/table_sprite.png") -7px -241px;
}

.table-sprite-activeDirectory {
  width: 32px;
  height: 33px;
  min-width: 32px;
  background: url("/gfx/pages/office365/table_sprite.png") -156px -108px;
}

.table-sprite-analyse {
  width: 27px;
  height: 30px;
  min-width: 27px;
  background: url("/gfx/pages/office365/table_sprite.png") -115px -101px;
}

.table-sprite-delve {
  width: 27px;
  height: 26px;
  min-width: 27px;
  background: url("/gfx/pages/office365/table_sprite.png") -102px -61px;
}

.table-sprite-devices {
  width: 30px;
  height: 22px;
  min-width: 30px;
  background: url("/gfx/pages/office365/table_sprite.png") -85px -202px;
}

.table-sprite-exchange {
  width: 27px;
  height: 25px;
  min-width: 27px;
  background: url("/gfx/pages/office365/table_sprite.png") -136px -155px;
}

.table-sprite-manage {
  width: 27px;
  height: 21px;
  min-width: 27px;
  background: url("/gfx/pages/office365/table_sprite.png") -126px -202px;
}

.table-sprite-maxUsersCorpo {
  width: 81px;
  height: 33px;
  min-width: 81px;
  background: url("/gfx/pages/office365/table_sprite.png") -7px -7px;
}

.table-sprite-maxUsersSmb {
  width: 78px;
  height: 33px;
  min-width: 78px;
  background: url("/gfx/pages/office365/table_sprite.png") -7px -54px;
}

.table-sprite-officeOnline {
  width: 28px;
  height: 33px;
  min-width: 28px;
  background: url("/gfx/pages/office365/table_sprite.png") -53px -155px;
}

.table-sprite-onedrive {
  width: 27px;
  height: 15px;
  min-width: 27px;
  background: url("/gfx/pages/office365/table_sprite.png") -80px -241px;
}

.table-sprite-planner {
  width: 27px;
  height: 24px;
  min-width: 27px;
  background: url("/gfx/pages/office365/table_sprite.png") -210px -85px;
}

.table-sprite-sharepoint {
  width: 27px;
  height: 25px;
  min-width: 27px;
  background: url("/gfx/pages/office365/table_sprite.png") -210px -7px;
}

.table-sprite-staffhub {
  width: 27px;
  height: 26px;
  min-width: 27px;
  background: url("/gfx/pages/office365/table_sprite.png") -95px -155px;
}

.table-sprite-support {
  width: 32px;
  height: 33px;
  min-width: 32px;
  background: url("/gfx/pages/office365/table_sprite.png") -7px -155px;
}

.table-sprite-teams {
  width: 27px;
  height: 25px;
  min-width: 27px;
  background: url("/gfx/pages/office365/table_sprite.png") -210px -46px;
}

.table-sprite-video {
  width: 27px;
  height: 20px;
  min-width: 27px;
  background: url("/gfx/pages/office365/table_sprite.png") -208px -202px;
}

.table-sprite-warranty {
  width: 40px;
  height: 33px;
  min-width: 40px;
  background: url("/gfx/pages/office365/table_sprite.png") -156px -61px;
}

.table-sprite-yammer {
  width: 27px;
  height: 21px;
  min-width: 27px;
  background: url("/gfx/pages/office365/table_sprite.png") -167px -202px;
}

.table-sprite-tickGray {
  width: 14px;
  height: 11px;
  min-width: 14px;
  background: url("/gfx/pages/office365/table_sprite.png") -177px -155px;
}

.table-sprite-unlimitedGray {
  width: 29px;
  height: 13px;
  min-width: 29px;
  background: url("/gfx/pages/office365/table_sprite.png") -121px -241px;
}

.table-sprite-notIncluded {
  width: 9px;
  height: 2px;
  min-width: 9px;
  background: url("/gfx/pages/office365/table_sprite.png") -251px -223px;
}

.table-sprite-advenced_security {
  width: 27px;
  height: 23px;
  min-width: 27px;
  background: url("/gfx/pages/office365/table_sprite.png") -170px -236px;
}

.table-sprite-advenced_protection {
  width: 27px;
  height: 29px;
  min-width: 27px;
  background: url("/gfx/pages/office365/table_sprite.png") -249px -233px;
}

.table-sprite-audio_conferencing {
  width: 27px;
  height: 29px;
  min-width: 27px;
  background: url("/gfx/pages/office365/table_sprite.png") -213px -231px;
}

.header-sprite-support {
  width: 35px;
  height: 34px;
  min-width: 35px;
  background: url("/office_365/assets/images/header/header-sprite.png") -7px -7px;
}

.header-sprite-migrations {
  width: 35px;
  height: 34px;
  min-width: 35px;
  background: url("/office_365/assets/images/header/header-sprite.png") -56px -7px;
}

.header-sprite-new_licences {
  width: 35px;
  height: 34px;
  min-width: 35px;
  background: url("/office_365/assets/images/header/header-sprite.png") -7px -55px;
}

.first-col-img {
  margin-right: 10px;
}

@media all and (max-width: 767px) {
  .first-col-img {
    margin-bottom: 10px;
  }
}

.mobile-blackout {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: block;
  position: fixed;
  z-index: 600;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
}

.mobile-blackout.active {
  opacity: 1;
  visibility: visible;
}

.top-links {
  padding: 5px 0px;
  background: #f0f0f0;
}

.top-links .support-link {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  position: relative;
  margin-left: auto;
  cursor: default;
}

.top-links .support-link > a {
  display: inline-block;
  padding: 0px 0px 0px 5px;
}

.top-links .support-box {
  font-size: 1.4rem;
  position: absolute;
  padding: 25px 30px;
  min-width: 200px;
  background: #ffffff;
  right: 0;
  top: 20%;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
  z-index: 580;
  opacity: 0;
  visibility: hidden;
  transition: all .2s ease;
}

.top-links .support-box a {
  font-size: 1.6rem;
  font-weight: 700;
  color: #00aeef;
  display: inline-block;
  padding-top: 5px;
}

.top-links .support-box .open-hours {
  display: block;
  padding: 10px 0px;
  white-space: nowrap;
}

.top-links .support-box .mail-info {
  font-size: 1.2rem;
  color: #727272;
  white-space: nowrap;
  display: block;
  margin-top: -5px;
}

.top-bar .wrapper {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  padding: 30px 40px;
}

.top-bar .logobox {
  white-space: nowrap;
}

.top-bar .logobox img:first-child {
  margin-right: 30px;
}

.top-bar .top-menu {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  margin-left: auto;
}

.top-bar .top-menu li {
  margin: 0px 15px;
  padding-bottom: 5px;
}

.top-bar .top-menu .account-links {
  font-weight: 700;
  position: relative;
}

.top-bar .top-menu .account-links span {
  font-weight: 400;
  color: #727272;
  display: inline-block;
  padding: 0px 5px;
}

.top-bar .top-menu .account-links .login-link {
  cursor: pointer;
}

.top-bar .top-menu .account-links .login-link:hover {
  color: #00aeef;
}

.top-bar .top-menu .login-box input {
  margin-bottom: 10px;
}

.top-bar .top-menu .login-box input[type="checkbox"] {
  width: 14px;
  height: 14px;
  margin: 0px;
  border-radius: 0px;
}

.top-bar .top-menu .login-box label {
  font-size: 1.2rem;
  color: #000000;
  padding-left: 10px;
}

.top-bar .top-menu .login-box .senetic-loader-wrapper {
  display: inline-block;
  height: 36px;
  vertical-align: middle;
  display: none;
}

.top-bar .top-menu .login-box .checkbox-wrap {
  white-space: nowrap;
  margin-bottom: 10px;
}

.top-bar .top-menu .login-box .checkbox-wrap:last-of-type {
  margin-bottom: 0px;
}

.top-bar .top-menu .login-box .preloader_small {
  display: none;
  position: relative;
  top: 7px;
  margin-left: 20px;
  width: 25px;
}

.top-bar .top-menu .login-box .info {
  font-weight: 700;
  color: #ff4242;
  margin-bottom: 10px;
}

.top-bar .top-menu .login-box {
  font-size: 1.4rem;
  min-width: 100%;
  width: 280px;
  padding: 20px;
  margin-top: 5px;
  border: 1px solid #f0f0f0;
  background: #ffffff;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 65;
}

.top-bar .cartbox {
  width: initial;
  margin-left: 30px;
}

.top-bar .cartbox .cartbox-text {
  color: #727272;
}

.top-bar .cartbox .cartbox-price {
  color: #000000;
}

.top-header {
  color: #ffffff;
  background: url("/gfx/2018/global/header.jpg") top center no-repeat;
}

.top-header .wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  padding: 100px 40px 50px;
}

.top-header .title {
  font-size: 5rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 75px;
}

.top-header .title span {
  font-size: 3rem;
  font-weight: 300;
  line-height: 4rem;
  display: block;
}

.top-header .facts {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}

.top-header .facts .fact {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  padding: 0px 30px;
  line-height: 2rem;
}

.top-header .facts .fact div {
  margin-right: 10px;
}

.top-header .facts .fact.2009 {
  -webkit-box-ordinal-group: 5;
  order: 4;
}

.top-header .facts .fact.experience {
  -webkit-box-ordinal-group: 4;
  order: 3;
}

.menu-mobile {
  display: none;
}

.head-nav {
  border-bottom: 1px solid #d3d3d3;
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
}

.head-nav .first-lvl {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: flex-start;
  width: 100%;
}

.head-nav .first-lvl-item {
  position: relative;
  margin: 0px 45px;
}

.head-nav .first-lvl-item > a {
  font-size: 1.7rem;
  font-weight: 400;
  color: #727272;
  white-space: nowrap;
  padding: 20px 0px;
  display: inline-block;
  border-bottom: 2px solid transparent;
  position: relative;
  z-index: 45;
}

.head-nav .first-lvl-item > a.current {
  color: #000000;
  border-color: #00aeef;
}

.head-nav .first-lvl-item:hover > a {
  color: #000000;
  border-color: #00aeef;
}

.head-nav .first-lvl-item:hover .second-lvl-bg {
  display: block;
}

.head-nav .first-lvl-item:first-child {
  margin-left: 0px;
}

.head-nav .first-lvl-item:last-child {
  margin-right: 0px;
}

.head-nav .second-lvl {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  justify-content: flex-start;
}

.head-nav .second-lvl-bg {
  width: 100%;
  min-width: 275px;
  min-height: 100px;
  padding: 25px 20px;
  background: #ffffff;
  display: none;
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 40;
  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1);
}

.head-nav .second-lvl-item {
  width: 100%;
  margin-bottom: 10px;
}

.head-nav .second-lvl-item:hover > a {
  color: #00aeef;
}

.head-nav .o365-mobile-menu {
  font-size: 1.7rem;
  font-weight: 700;
  color: #000000;
  white-space: nowrap;
  padding: 20px 0px 23px;
  margin: 0px 0px -2px;
  border-bottom: 2px solid transparent;
  position: relative;
}

.site-content.office365 {
  padding-top: 50px;
}

.site-content.office365 .wrapper {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  align-items: flex-start;
}

.site-content.office365 .sidebar {
  width: 22%;
  max-width: 262px;
}

.site-content.office365 .sidebar .category-tree .subcategory-mobile div {
  background-color: #00aeef;
}

.site-content.office365 .sidebar .category-tree .subcategory-mobile.open span {
  color: #00aeef;
}

.site-content.office365 .sidebar .category-tree a:hover {
  color: #00aeef;
}

.site-content.office365 .sidebar .category-tree li.active > a {
  color: #00aeef;
}

.site-content.office365 .main {
  width: 74%;
  margin-left: 4%;
}

.site-content.office365 .items-wrapper .item:before {
  background-color: #00aeef;
}

.site-content.office365 .items-wrapper svg path,
.site-content.office365 .items-wrapper svg circle,
.site-content.office365 .items-wrapper svg rect,
.site-content.office365 .items-wrapper svg poly,
.site-content.office365 .items-wrapper svg polygon {
  fill: #00aeef;
}

.site-content.office365 .implementation-box .read-more,
.site-content.office365 .addToCartBox .read-more {
  color: #00aeef;
}

.site-content.office365 ul.checks li {
  background: url(/gfx/pages/office365/tickBlue.png) 0px 5px no-repeat;
}

.site-content.office365 .o365switch .flipSwitch-inner:before {
  background-color: #00aeef;
}

.site-content.office365 .o365switch .flipSwitch-inner:after {
  background-color: #00aeef;
}

.site-content h2 {
  font-size: 3rem;
  font-weight: 300;
}

.services {
  padding: 50px 0px;
}

.services h2 {
  text-align: center;
}

.services-wrap {
  margin-top: 50px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: start;
  align-items: flex-start;
}

.services .service {
  width: 22%;
  margin: 0 2%;
}

.services .service a {
  font-weight: 700;
  color: #00aeef;
}

.services .service a:hover {
  text-decoration: underline;
}

.services .service .ico {
  padding: 20px 0px;
}

.services .service .ico > div {
  margin: 0px auto;
}

.services .service .desc {
  text-align: center;
  padding: 20px 40px;
  border: 1px solid #d3d3d3;
}

.services .service .desc span {
  line-height: 2rem;
  display: block;
  margin-bottom: 10px;
}

.services .service .desc a {
  font-size: 1.5rem;
}

.services .service.office-configuration .ico {
  background: #eb3c00;
}

.services .service.mailbox-migration .ico {
  background: #0072c6;
}

.services .service.skype-implementation .ico {
  background: #00abe8;
}

.services .service.visual-implementation .ico {
  background: #562b85;
}

.services .service:first-child {
  margin-left: 0;
}

.services .service:last-child {
  margin-right: 0;
}

.tables {
  margin-bottom: 50px;
}

.tables .top-section {
  text-align: center;
  padding: 30px 0px 0px;
  background: #f0f0f0;
}

.tables .headings {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  justify-content: center;
  margin: 30px 0px -1px;
  position: relative;
}

.tables .headings .tab-heading {
  font-size: 1.8rem;
  color: #ffffff;
  padding: 20px 50px;
  background: #00aeef;
  border: 1px solid transparent;
  transition: all .1s ease-in;
  cursor: pointer;
}

.tables .headings .tab-heading span {
  font-size: 1.3rem;
  display: block;
  margin-top: 5px;
}

.tables .headings .tab-heading.active-tab {
  color: #000000;
  padding-top: 30px;
  background: #ffffff;
  border: 1px solid #d3d3d3;
  border-bottom: 1px solid #ffffff;
  cursor: default;
}

.tables .headings .tab-heading.active-tab span {
  color: #727272;
}

.tables .headings .tab-heading:hover {
  padding-top: 30px;
}

.tables .headings .tab-heading:nth-child(2) {
  margin: 0px 1px;
}

.tables .main-section {
  border-top: 1px solid #d3d3d3;
  padding-top: 100px;
}

.tables .main-section .tab-content {
  display: none;
}

.tables .main-section .tab-content.init-content {
  display: block;
}

.tables .main-section .all-content {
  margin-top: -20px;
}

.tables .business-table,
.tables .enterprise-table {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: stretch;
  align-items: stretch;
  -webkit-box-pack: center;
  justify-content: center;
}

.tables .business-table .plan-column,
.tables .enterprise-table .plan-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: stretch;
  align-items: stretch;
  width: 24%;
  max-width: 260px;
  margin: 0px 5px;
}

.tables .business-table .plan-column:first-child,
.tables .enterprise-table .plan-column:first-child {
  margin-left: 0;
}

.tables .business-table .plan-column:last-child,
.tables .enterprise-table .plan-column:last-child {
  margin-right: 0;
}

.tables .business-table .plan-column .popular-label,
.tables .enterprise-table .plan-column .popular-label {
  font-weight: 700;
  color: #f1ae0d;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.tables .business-table .plan-column .header,
.tables .enterprise-table .plan-column .header {
  text-align: center;
  padding: 20px 30px;
  background: #00406b;
  margin-bottom: 1px;
}

.tables .business-table .plan-column .name,
.tables .enterprise-table .plan-column .name {
  font-size: 2.2rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 15px;
}

.tables .business-table .plan-column .more,
.tables .enterprise-table .plan-column .more {
  color: #00aeef;
}

.tables .business-table .plan-column .more:hover,
.tables .enterprise-table .plan-column .more:hover {
  text-decoration: underline;
}

.tables .business-table .plan-column .pricing,
.tables .enterprise-table .plan-column .pricing {
  text-align: center;
  padding: 15px 30px 20px;
  background: #e5f7fd;
  margin-bottom: 1px;
}

.tables .business-table .plan-column .price,
.tables .enterprise-table .plan-column .price {
  font-size: 3.5rem;
  font-weight: 700;
  margin-bottom: 10px;
}

.tables .business-table .plan-column .info,
.tables .enterprise-table .plan-column .info {
  font-weight: 300;
  color: #727272;
  margin-bottom: 20px;
}

.tables .business-table .plan-column .monthly,
.tables .enterprise-table .plan-column .monthly {
  color: #00aeef;
}

.tables .business-table .plan-column .monthly:hover,
.tables .enterprise-table .plan-column .monthly:hover {
  text-decoration: underline;
}

.tables .business-table .plan-column .advantages,
.tables .enterprise-table .plan-column .advantages {
  padding: 15px 20px;
  background: #fbfbfb;
  margin-bottom: 1px;
  height: 100%;
}

.tables .business-table .plan-column .apps,
.tables .enterprise-table .plan-column .apps {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  margin-bottom: 25px;
}

.tables .business-table .plan-column .apps > div,
.tables .enterprise-table .plan-column .apps > div {
  margin: 3px;
}

.tables .business-table .plan-column .list li,
.tables .enterprise-table .plan-column .list li {
  line-height: 1.8rem;
  padding-left: 20px;
  margin-bottom: 20px;
}

.tables .business-table .plan-column .list li:before,
.tables .enterprise-table .plan-column .list li:before {
  content: '';
  width: 14px;
  height: 11px;
  background: url("/gfx/2018/homepage/plans-sprite.png") -159px -130px;
  display: inline-block;
  margin-left: -25px;
  padding-right: 25px;
}

.tables .business-table .plan-column .list li.not-included,
.tables .enterprise-table .plan-column .list li.not-included {
  color: #ababab;
}

.tables .business-table .plan-column .list li.not-included:before,
.tables .enterprise-table .plan-column .list li.not-included:before {
  width: 14px;
  height: 11px;
  display: inline-block;
  margin-left: -25px;
  padding-right: 25px;
  background: none;
}

.tables .business-table .plan-column .footer,
.tables .enterprise-table .plan-column .footer {
  text-align: center;
  padding: 15px 50px;
  background: #f5f5f5;
}

.tables .business-table .plan-column .footer .btn,
.tables .enterprise-table .plan-column .footer .btn {
  margin-bottom: 10px;
}

.tables .business-table .plan-column .footer .try,
.tables .enterprise-table .plan-column .footer .try {
  font-size: 1.3rem;
  font-weight: 700;
  color: #00406b;
  height: 15px;
  display: inline-block;
}

.tables .business-table .plan-column .footer .try:hover,
.tables .enterprise-table .plan-column .footer .try:hover {
  text-decoration: underline;
}

.tables .business-table .plan-column.most-popular,
.tables .enterprise-table .plan-column.most-popular {
  margin-top: -29px;
}

.tables .all-plans-table > div {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row nowrap;
}

.tables .all-plans-table .table-row > div {
  text-align: center;
  width: 135px;
  margin: 0px 0px 1px 1px;
  background: #ffffff;
}

.tables .all-plans-table .table-row .first-col {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  text-align: left;
  width: 245px;
  min-width: 225px;
  margin-left: 0;
  background: #ffffff;
}

.tables .all-plans-table .table-row .first-col .ico {
  width: 30px;
  margin: 0px 15px 0px 10px;
}

.tables .all-plans-table .table-row .first-col .desc {
  width: 170px;
  padding-right: 20px;
}

.tables .all-plans-table .table-row .separator-col {
  margin-left: 5px;
}

.tables .all-plans-table .title-row > div {
  font-size: 2rem;
  font-weight: 700;
  padding: 25px;
}

.tables .all-plans-table .title-row > div span {
  font-size: 1.2rem;
  font-weight: 400;
  color: #727272;
  display: block;
  margin-top: 5px;
}

.tables .all-plans-table .title-row .business-cols {
  width: 407px;
}

.tables .all-plans-table .title-row .enterprise-cols {
  width: 543px;
}

.tables .all-plans-table .header-row .header-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  padding: 15px 20px;
  background: #00406b;
}

.tables .all-plans-table .header-row .header-col .plan-name {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.9rem;
  color: #ffffff;
  text-align: center;
  height: 40px;
  margin-bottom: 20px;
}

.tables .all-plans-table .header-row .header-col .plan-more {
  color: #00aeef;
}

.tables .all-plans-table .header-row .header-col .plan-more:hover {
  text-decoration: underline;
}

.tables .all-plans-table .annual-row .first-col,
.tables .all-plans-table .monthly-row .first-col {
  font-size: 1.5rem;
  font-weight: 700;
}

.tables .all-plans-table .annual-row .first-col span,
.tables .all-plans-table .monthly-row .first-col span {
  font-size: 1.2rem;
  font-weight: 400;
  color: #727272;
  display: block;
  margin-top: 5px;
}

.tables .all-plans-table .annual-row .annual-col {
  padding: 15px 10px;
  background: #e5f7fd;
}

.tables .all-plans-table .annual-row .annual-col .plan-price {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 15px;
}

.tables .all-plans-table .annual-row .annual-col .plan-save {
  font-size: 1.4rem;
  margin-bottom: 15px;
}

.tables .all-plans-table .annual-row .annual-col .plan-save span {
  font-weight: 700;
  color: #56c30d;
}

.tables .all-plans-table .annual-row .annual-col .btn {
  margin-bottom: 10px;
}

.tables .all-plans-table .annual-row .annual-col .plan-try {
  font-size: 1.2rem;
  color: #00406b;
}

.tables .all-plans-table .annual-row .annual-col .plan-try:hover {
  text-decoration: underline;
}

.tables .all-plans-table .monthly-row {
  border-bottom: 1px solid #d3d3d3;
  margin-bottom: 5px;
}

.tables .all-plans-table .monthly-row .monthly-col {
  padding: 15px 10px;
  background: #fbfbfb;
}

.tables .all-plans-table .monthly-row .plan-price {
  font-size: 1.8rem;
  margin-bottom: 15px;
}

.tables .all-plans-table .monthly-row .monthly-buy {
  font-weight: 700;
  color: #00aeef;
  cursor: pointer;
}

.tables .all-plans-table .monthly-row .monthly-buy:hover {
  text-decoration: underline;
}

.tables .all-plans-table .even-row .compare-col {
  background: #fbfbfb;
}

.tables .all-plans-table .odd-row .compare-col {
  background: #f5f5f5;
}

.tables .all-plans-table .compare-row .first-col {
  font-size: 1.2rem;
  line-height: 1.5rem;
}

.tables .all-plans-table .compare-row .compare-col {
  font-weight: 700;
  color: #727272;
  text-align: center;
  padding: 12px;
}

.tables .all-plans-table .compare-row .compare-col > div {
  margin: 0px auto;
}

.tables .all-plans-table .compare-row .compare-col .plans-sprite-infinite {
  display: inline-block;
}

.tables .all-plans-table .compare-row .compare-col .plans-sprite-infinite + .tooltip-mark {
  margin: 0px 5px;
}

.tables .all-plans-table .compare-row:hover {
  background: #e5f7fd;
  border-bottom: 1px solid #ffffff;
  margin-bottom: -1px;
  position: relative;
}

.tables .all-plans-table .compare-row:hover .first-col,
.tables .all-plans-table .compare-row:hover .compare-col {
  background: #e5f7fd;
}

.tables .all-plans-table .compare-row:last-child:hover {
  margin-bottom: 0;
  border-bottom: 0;
}

.tables .all-plans-table .apps-row .compare-col {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  padding: 30px 15px;
}

.tables .all-plans-table .apps-row .compare-col > div {
  margin: 3px;
}

.about-office {
  padding: 50px 0px;
  background: #f0f0f0;
}

.about-office p {
  line-height: 2.4rem;
  color: #727272;
  margin-bottom: 30px;
}

.about-office a {
  font-weight: 700;
  color: #00aeef;
}

.about-office a:hover {
  text-decoration: underline;
}

.about-office .wrapper {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: end;
  align-items: flex-end;
}

.about-office .wrapper div:first-child {
  padding-right: 100px;
}

.about-office .title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #000000;
}

.office-bottom {
  padding: 50px 0px;
}

.office-bottom .wrapper {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: end;
  align-items: flex-end;
}

.office-bottom .why-us {
  width: 60%;
  margin-right: 15%;
}

.office-bottom .why-us p {
  line-height: 2.4rem;
  margin-bottom: 30px;
}

.office-bottom .why-us a {
  font-size: 2rem;
  font-weight: 700;
  color: #00aeef;
}

.office-bottom .why-us a:hover {
  text-decoration: underline;
}

.office-bottom .why-us .title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #000000;
}

.office-bottom .why-us .team {
  font-size: 2rem;
  font-weight: 700;
  margin-top: 50px;
}

.office-bottom .why-us .contact {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
  align-items: center;
}

.office-bottom .why-us .contact .phone {
  margin-right: 50px;
}

.office-bottom .why-us .contact .phone,
.office-bottom .why-us .contact .mail {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 10px;
}

.office-bottom .why-us .contact .phone div,
.office-bottom .why-us .contact .mail div {
  margin-right: 10px;
}

.office-bottom .msPartner {
  width: 25%;
}

.office-bottom .msPartner .title {
  font-size: 3rem;
  padding-bottom: 20px;
}

.office-bottom .msPartner .title span {
  font-size: 2rem;
  color: #97813c;
  display: block;
}

.office-bottom .msPartner .competences .gold {
  color: #97813c;
}

.office-bottom .msPartner .competences .silver {
  color: #727272;
}

.office-bottom .msPartner .competences span {
  display: inline-block;
  padding-bottom: 5px;
}

.global-sprite-phone {
  width: 20px;
  height: 20px;
  background: url("/gfx/2018/global/global_sprite.png") -117px -5px;
}

.global-sprite-support {
  width: 46px;
  height: 41px;
  background: url("/gfx/2018/global/global_sprite.png") -5px -5px;
}

.global-sprite-worldwide {
  width: 46px;
  height: 41px;
  background: url("/gfx/2018/global/global_sprite.png") -61px -5px;
}

.global-sprite-2009 {
  width: 46px;
  height: 41px;
  background: url("/gfx/2018/global/global_sprite.png") -5px -56px;
}

.global-sprite-experience {
  width: 46px;
  height: 41px;
  background: url("/gfx/2018/global/global_sprite.png") -61px -56px;
}

.global-sprite-mail {
  width: 22px;
  height: 18px;
  background: url("/gfx/2018/global/global_sprite.png") -5px -107px;
}

.service-exchange-med-logo {
  width: 50px;
  height: 50px;
  background: url("/gfx/2018/homepage/services-sprite.png?v=1.01") -10px -10px;
}

.service-office-med-logo {
  width: 50px;
  height: 50px;
  background: url("/gfx/2018/homepage/services-sprite.png?v=1.01") -80px -10px;
}

.service-visual-med-logo {
  width: 50px;
  height: 50px;
  background: url("/gfx/2018/homepage/services-sprite.png?v=1.01") -10px -80px;
}

.service-skype-med-logo {
  width: 50px;
  height: 50px;
  background: url("/gfx/2018/homepage/services-sprite.png?v=1.01") -80px -80px;
}

.plans-sprite-access {
  width: 16px;
  height: 15px;
  background: url("/gfx/2018/homepage/plans-sprite.png") -132px -95px;
}

.plans-sprite-analysis {
  width: 19px;
  height: 20px;
  background: url("/gfx/2018/homepage/plans-sprite.png") -40px -9px;
}

.plans-sprite-delve {
  width: 21px;
  height: 21px;
  background: url("/gfx/2018/homepage/plans-sprite.png") -69px -5px;
}

.plans-sprite-devices {
  width: 25px;
  height: 22px;
  background: url("/gfx/2018/homepage/plans-sprite.png") -5px -5px;
}

.plans-sprite-ediscovery {
  width: 25px;
  height: 17px;
  background: url("/gfx/2018/homepage/plans-sprite.png") -5px -72px;
}

.plans-sprite-excel {
  width: 16px;
  height: 15px;
  background: url("/gfx/2018/homepage/plans-sprite.png") -102px -72px;
}

.plans-sprite-exchange {
  width: 16px;
  height: 16px;
  background: url("/gfx/2018/homepage/plans-sprite.png") -114px -128px;
}

.plans-sprite-exchangeLabel {
  width: 21px;
  height: 20px;
  background: url("/gfx/2018/homepage/plans-sprite.png") -100px -35px;
}

.plans-sprite-infinite {
  width: 23px;
  height: 10px;
  background: url("/gfx/2018/homepage/plans-sprite.png") -65px -129px;
}

.plans-sprite-management {
  width: 21px;
  height: 17px;
  background: url("/gfx/2018/homepage/plans-sprite.png") -40px -72px;
}

.plans-sprite-office {
  width: 14px;
  height: 17px;
  background: url("/gfx/2018/homepage/plans-sprite.png") -135px -120px;
}

.plans-sprite-office_online {
  width: 21px;
  height: 25px;
  background: url("/gfx/2018/homepage/plans-sprite.png") -5px -37px;
}

.plans-sprite-onedrive {
  width: 21px;
  height: 12px;
  background: url("/gfx/2018/homepage/plans-sprite.png") -34px -129px;
}

.plans-sprite-onenote {
  width: 16px;
  height: 15px;
  background: url("/gfx/2018/homepage/plans-sprite.png") -159px -5px;
}

.plans-sprite-outlook {
  width: 16px;
  height: 15px;
  background: url("/gfx/2018/homepage/plans-sprite.png") -159px -30px;
}

.plans-sprite-planner {
  width: 21px;
  height: 19px;
  background: url("/gfx/2018/homepage/plans-sprite.png") -36px -99px;
}

.plans-sprite-powerpoint {
  width: 17px;
  height: 15px;
  background: url("/gfx/2018/homepage/plans-sprite.png") -132px -70px;
}

.plans-sprite-protection {
  width: 17px;
  height: 21px;
  background: url("/gfx/2018/homepage/plans-sprite.png") -40px -39px;
}

.plans-sprite-pstn {
  width: 13px;
  height: 24px;
  background: url("/gfx/2018/homepage/plans-sprite.png") -132px -36px;
}

.plans-sprite-publisher {
  width: 16px;
  height: 15px;
  background: url("/gfx/2018/homepage/plans-sprite.png") -159px -55px;
}

.plans-sprite-safety {
  width: 17px;
  height: 21px;
  background: url("/gfx/2018/homepage/plans-sprite.png") -132px -5px;
}

.plans-sprite-sharepoint {
  width: 17px;
  height: 16px;
  background: url("/gfx/2018/homepage/plans-sprite.png") -93px -128px;
}

.plans-sprite-sharepointLabel {
  width: 22px;
  height: 20px;
  background: url("/gfx/2018/homepage/plans-sprite.png") -100px -5px;
}

.plans-sprite-single_skype {
  width: 20px;
  height: 19px;
  background: url("/gfx/2018/homepage/plans-sprite.png") -67px -99px;
}

.plans-sprite-skype {
  width: 16px;
  height: 15px;
  background: url("/gfx/2018/homepage/plans-sprite.png") -159px -80px;
}

.plans-sprite-staffhub {
  width: 21px;
  height: 21px;
  background: url("/gfx/2018/homepage/plans-sprite.png") -69px -36px;
}

.plans-sprite-teams {
  width: 21px;
  height: 20px;
  background: url("/gfx/2018/homepage/plans-sprite.png") -5px -99px;
}

.plans-sprite-tick {
  width: 14px;
  height: 11px;
  background: url("/gfx/2018/homepage/plans-sprite.png") -159px -130px;
}

.plans-sprite-tools {
  width: 19px;
  height: 17px;
  background: url("/gfx/2018/homepage/plans-sprite.png") -5px -129px;
}

.plans-sprite-videos {
  width: 21px;
  height: 16px;
  background: url("/gfx/2018/homepage/plans-sprite.png") -71px -72px;
}

.plans-sprite-word {
  width: 16px;
  height: 15px;
  background: url("/gfx/2018/homepage/plans-sprite.png") -159px -105px;
}

.plans-sprite-yammer {
  width: 20px;
  height: 19px;
  background: url("/gfx/2018/homepage/plans-sprite.png") -97px -99px;
}

.cookies .wrapper {
  text-align: justify;
  line-height: 2.0rem;
}

.cookies .wrapper p {
  margin: 0px auto;
  text-align: left;
}

.cookies .wrapper h2 {
  text-align: center;
  font-weight: 700;
  margin: 40px auto 20px;
}

.cookies .wrapper ol {
  margin-left: 30px;
  padding-left: 10px;
}

.cookies .wrapper ol.decimal {
  list-style: decimal;
}

.cookies .wrapper ol li {
  padding-left: 10px;
}

.cookies .wrapper .tab {
  margin-left: 20px;
}

h1 {
  margin-bottom: 30px;
}

.account {
  padding: 0;
}

.account-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 15px;
}

.account .rwd-title {
  display: none;
}

.account .trader {
  padding: 25px;
  font-weight: 700;
  line-height: 2.0rem;
  font-size: 1.4rem;
  margin: 30px 0;
  width: 100%;
  background: #f0f0f0;
}

.account .trader h3 {
  margin-bottom: 15px;
  font-size: 1.7rem;
  line-height: 1.7rem;
  font-weight: 400;
}

.account .trader .message {
  margin-bottom: 20px;
}

.account .trader .pic {
  width: 60px;
  float: left;
  margin: 0 20px 40px 0;
}

.account .trader .name {
  vertical-align: top;
  color: #00aeef;
  font-size: 1.4rem;
  display: block;
  position: relative;
  top: -5px;
}

.account .trader a {
  display: block;
  padding-bottom: 0;
  font-weight: 400;
  text-decoration: underline;
}

.account div {
  box-sizing: border-box;
}

.account .pagename {
  margin-bottom: 30px;
}

.account .rwd_menu_icon {
  display: none;
}

.account .columns {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: no-wrap;
  -webkit-box-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  justify-content: flex-start;
}

.account .columns > div {
  flex-basis: 262px;
  margin-right: 50px;
  line-height: 2.2rem;
  font-size: 1.4rem;
  margin-bottom: 40px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}

.account .new-enquiries-list,
.account .new-orders-list {
  display: none;
}

.account .addresses .columns > div,
.account .clients .columns > div {
  font-weight: 700;
}

.account .middle {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: no-wrap;
  -webkit-box-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  justify-content: flex-start;
}

.account .sidebar {
  flex-basis: 262px;
}

.account .sidebar .category-tree {
  line-height: 2.2rem;
  font-size: 1.4rem;
}

.account .sidebar .category-tree ul a {
  padding-bottom: 0;
  margin-bottom: 0;
  text-decoration: none;
}

.account .sidebar .active {
  color: #00aeef;
}

.account .grid-3-4 {
  position: relative;
}

.account .grid-3-4 h2 {
  font-size: 1.7rem;
  line-height: 2.0rem;
  margin-bottom: 25px;
}

.account table {
  width: 100%;
  margin: 10px 0 40px;
  font-weight: 700;
  text-align: center;
}

.account table tr:nth-child(2) td {
  padding-top: 25px;
}

.account table th {
  border-bottom: 1px solid #d3d3d3;
  color: #ababab;
  padding: 15px 0 10px;
  margin-bottom: 35px;
  font-weight: normal;
  font-size: 1.3rem;
}

.account table td {
  padding: 10px 0;
}

.account table td:first-of-type,
.account table th:first-of-type {
  text-align: left;
  width: 185px;
}

.account table td:first-of-type.no-items,
.account table th:first-of-type.no-items {
  text-align: center;
  font-weight: 500;
}

.account table .price {
  color: #000000;
}

.account table .date {
  font-weight: normal;
  width: 95px;
  font-size: 1.4rem;
}

.account table .status {
  color: #00aeef;
  font-size: 1.4rem;
  line-height: 1.7rem;
}

.account table .enquery a,
.account table .order a {
  color: #00aeef;
}

.account table .finished {
  color: #56c30d;
}

.account table .enabled svg {
  cursor: pointer;
}

.account table .new {
  color: #00aeef;
}

.account table .name {
  font-weight: 400;
  width: 295px;
  font-size: 1.4rem;
}

.account table div.payment {
  background: #f0f0f0;
  padding: 20px !important;
  text-align: right;
  vertical-align: middle;
  color: #727272;
  font-size: 1.4rem;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: flex-start;
  -webkit-box-align: center;
  align-items: center;
}

.account table div.payment div {
  text-align: right;
  display: inline-block;
  -webkit-box-flex: 1;
  flex-grow: 1;
}

.account table div.payment .pay-now {
  min-width: 170px;
  vertical-align: middle;
  margin-left: 30px;
}

.account table div.payment span {
  color: #000000;
}

.account .mastercard {
  margin: 0 10px 0 20px;
}

.account .visa {
  margin: 0 20px 0 0;
}

.account .change {
  color: #727272;
}

.account .filters-container .filters {
  margin-bottom: 0;
}

.account .rows > div {
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: end;
  align-items: flex-end;
  -webkit-box-pack: end;
  justify-content: flex-end;
}

.account .rows > div .label,
.account .rows > div .value {
  flex-basis: 262px;
  text-align: right;
  font-size: 1.5rem;
  line-height: 2.4rem;
  margin-right: 0;
}

.account .rows > div .value {
  font-weight: 700;
  -webkit-column-break-after: always;
  break-after: always;
  flex-basis: 150px;
}

.account .wrapper {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: flex-start;
  -webkit-box-align: start;
  align-items: flex-start;
}

.account .wrapper *.last {
  margin-right: 0 !important;
}

.account .wrapper.remind_pass {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}

.account .wrapper.remind_pass .alert {
  margin-bottom: 35px;
}

.account input[type='checkbox'] {
  width: 12px;
  height: 12px;
}

.account.dashboard .wrapper .navigation ul {
  display: none;
}

.account.dashboard h2 {
  padding-bottom: 10px;
}

.account.dashboard > div {
  -webkit-box-flex: 1;
  flex-grow: 1;
  position: relative;
}

.account.dashboard > div:first-of-type {
  flex-basis: 250px;
  vertical-align: middle;
  font-size: 1.5rem;
}

.account.dashboard > div:first-of-type span {
  padding: 0px !important;
}

.account.dashboard .start {
  color: #00aeef;
}

.account.orders table {
  margin-top: 0px;
}

.account.orders table .payment div {
  text-align: right;
}

.account.orders table .order {
  font-weight: 700;
}

.account.orders .filters-container .filters-border {
  display: none;
}

.account.order .wrapper .status, .account.enquery .wrapper .status {
  float: right;
  color: #727272;
}

.account.order .wrapper .status span, .account.enquery .wrapper .status span {
  font-weight: 700;
}

.account.order .wrapper .status .new, .account.enquery .wrapper .status .new {
  color: #00aeef;
}

.account.order .wrapper .filters-container .filters-border, .account.enquery .wrapper .filters-container .filters-border {
  display: none;
}

.account.order .wrapper h2 .number, .account.enquery .wrapper h2 .number {
  color: #00aeef;
  font-weight: 700;
}

.account.order .wrapper .columns.details, .account.enquery .wrapper .columns.details {
  color: #727272;
  font-weight: 400;
}

.account.order .wrapper .columns.details > div span, .account.enquery .wrapper .columns.details > div span {
  display: block;
  color: #000000;
}

.account.order .wrapper .columns.details .ico, .account.enquery .wrapper .columns.details .ico {
  float: left;
  cursor: pointer;
  margin-right: 15px;
}

.account.order .wrapper .columns.details .new, .account.enquery .wrapper .columns.details .new {
  color: #00aeef;
}

.account.order .wrapper .columns.details > div, .account.enquery .wrapper .columns.details > div {
  margin-bottom: 25px;
  font-size: 1.4rem;
  line-height: 2.4rem;
}

.account.order .wrapper .code, .account.enquery .wrapper .code {
  border-top: solid 1px #d3d3d3;
  padding-top: 35px;
}

.account.order .wrapper .code div, .account.enquery .wrapper .code div {
  margin-right: 50px;
}

.account.order .wrapper .code div:nth-child(2), .account.enquery .wrapper .code div:nth-child(2) {
  font-size: 1.4rem;
}

.account.order .wrapper .columns:not(.details) > div, .account.enquery .wrapper .columns:not(.details) > div {
  margin-bottom: 35px;
}

.account.order .wrapper table, .account.enquery .wrapper table {
  font-weight: 400;
  margin: 0px 0px 40px;
}

.account.order .wrapper table .price, .account.order .wrapper table .quant, .account.order .wrapper table .sum, .account.enquery .wrapper table .price, .account.enquery .wrapper table .quant, .account.enquery .wrapper table .sum {
  width: 120px;
  text-align: center;
}

.account.order .wrapper table td:first-of-type, .account.order .wrapper table th:first-of-type, .account.enquery .wrapper table td:first-of-type, .account.enquery .wrapper table th:first-of-type {
  width: auto !important;
}

.account.order .wrapper table tr, .account.enquery .wrapper table tr {
  border-bottom: 1px solid #d3d3d3;
}

.account.order .wrapper table .sum,
.account.order .wrapper table th:last-of-type, .account.enquery .wrapper table .sum,
.account.enquery .wrapper table th:last-of-type {
  text-align: right;
}

.account.order .wrapper table .price, .account.order .wrapper table .sum, .account.order .wrapper table .name1, .account.enquery .wrapper table .price, .account.enquery .wrapper table .sum, .account.enquery .wrapper table .name1 {
  font-weight: 700;
}

.account.order .wrapper table th, .account.enquery .wrapper table th {
  padding-top: 0px;
}

.account.order .wrapper table *, .account.enquery .wrapper table * {
  vertical-align: middle;
}

.account.order .wrapper table .item, .account.enquery .wrapper table .item {
  padding: 30px 10px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: no-wrap;
  -webkit-box-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  justify-content: flex-start;
}

.account.order .wrapper table .item img, .account.enquery .wrapper table .item img {
  flex-shrink: 0;
  max-width: 67px;
  max-height: 67px;
}

.account.order .wrapper table .item div, .account.enquery .wrapper table .item div {
  display: inline-block;
  margin-left: 30px;
}

.account.order .wrapper table .item div .name1,
.account.order .wrapper table .item div .name2, .account.enquery .wrapper table .item div .name1,
.account.enquery .wrapper table .item div .name2 {
  display: block;
}

.account.order .wrapper table .item div .name1, .account.enquery .wrapper table .item div .name1 {
  color: #00aeef;
  font-size: 1.4rem;
  line-height: 2.0rem;
  cursor: pointer;
}

.account.order .wrapper table .item div .pic, .account.enquery .wrapper table .item div .pic {
  cursor: pointer;
}

.account.order .wrapper table .item div .name2, .account.enquery .wrapper table .item div .name2 {
  font-size: 1.3rem;
  line-height: 1.7rem;
}

.account.order .wrapper .summary, .account.enquery .wrapper .summary {
  margin-bottom: 40px;
}

.account.order .wrapper .summary .final, .account.enquery .wrapper .summary .final {
  font-size: 2.0rem;
  line-height: 3.4rem;
  font-weight: 700;
}

.account.order .wrapper .summary div > div:last-of-type, .account.enquery .wrapper .summary div > div:last-of-type {
  text-align: right;
  font-weight: 700;
  flex-basis: 150px;
}

.account.order .wrapper .summary div > div, .account.enquery .wrapper .summary div > div {
  font-size: 1.5rem;
  line-height: 2.4rem;
}

.account.order .wrapper .sum, .account.enquery .wrapper .sum {
  color: #000000;
}

.account.order .wrapper .addresses, .account.enquery .wrapper .addresses {
  font-weight: 700;
  border: 1px #d3d3d3;
  border-top-style: solid;
  border-bottom-style: solid;
  padding: 40px 0px 0px;
  margin: 40px 0px;
}

.account.order .wrapper .addresses h2, .account.enquery .wrapper .addresses h2 {
  margin-bottom: 25px;
}

.account.order .wrapper .additional div, .account.enquery .wrapper .additional div {
  font-size: 1.4rem;
  line-height: 2.4rem;
}

.account.order .wrapper .additional span, .account.enquery .wrapper .additional span {
  font-weight: 700;
}

.account.order .wrapper .additional div:last-of-type, .account.enquery .wrapper .additional div:last-of-type {
  -webkit-box-flex: 1;
  flex-grow: 1;
}

.account.order .wrapper .code .value, .account.enquery .wrapper .code .value {
  font-weight: 700;
}

.account.order .wrapper h2, .account.enquery .wrapper h2 {
  margin-bottom: 20px;
}

.account.order .wrapper .order, .account.enquery .wrapper .order {
  font-weight: 700;
}

.account.order .wrapper .order a, .account.enquery .wrapper .order a {
  text-decoration: none;
}

.account.order .wrapper .payment, .account.enquery .wrapper .payment {
  margin-bottom: 40px;
  border-bottom: solid 1px #d3d3d3;
}

.account.order .wrapper .payment div div, .account.enquery .wrapper .payment div div {
  text-align: left;
}

.account.order .wrapper .payment span, .account.enquery .wrapper .payment span {
  color: #000000;
}

.account.order .wrapper .payment span:first-of-type, .account.enquery .wrapper .payment span:first-of-type {
  font-weight: 700;
}

.account.order .wrapper .payment .pay-now, .account.enquery .wrapper .payment .pay-now {
  margin-top: 30px;
  display: inline-block;
}

.account.order .wrapper .payment > div, .account.enquery .wrapper .payment > div {
  -webkit-box-flex: 1;
  flex-grow: 1;
  margin-right: 40px;
}

.account.order .wrapper .payment div:first-of-type, .account.enquery .wrapper .payment div:first-of-type {
  flex-basis: 524px;
}

.account.order .wrapper .payment .delivery .deliver, .account.enquery .wrapper .payment .delivery .deliver {
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 2.4rem;
}

.account.order .wrapper .payment .delivery .logo, .account.enquery .wrapper .payment .delivery .logo {
  margin: 0px 10px;
  padding: 0px;
}

.account.order .wrapper .same, .account.enquery .wrapper .same {
  color: #727272;
}

.account.profile .content {
  font-size: 1.4rem;
  line-height: 2.2rem;
}

.account.profile .content label[for='agr-chck'] {
  cursor: auto;
}

.account.profile .content .e-invoice {
  margin-top: 20px;
  max-width: 262px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: no-wrap;
  -webkit-box-align: baseline;
  align-items: baseline;
  -webkit-box-pack: start;
  justify-content: flex-start;
}

.account.profile .content .e-invoice svg {
  position: relative;
  top: 5px;
  margin-right: 15px;
}

.account.profile .content .e-invoice * {
  vertical-align: top;
}

.account.profile .content .e-invoice .agreement {
  margin-right: 15px;
  top: 3px;
  position: relative;
}

.account.profile .content .e-invoice .term {
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.8rem;
}

.account.profile .content .rows > div {
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  justify-content: flex-start;
  margin: 5px 0px;
}

.account.profile .content .rows > div > div {
  text-align: left;
  margin-right: 50px;
}

.account.profile .content .rows > div .value {
  flex-basis: 262px;
}

.account.password .rows > div {
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: flex-start;
}

.account.password .rows > div .label, .account.password .rows > div .value {
  flex-basis: 100%;
  vertical-align: middle;
  text-align: left;
}

.account.password .rows > div .value {
  margin-bottom: 5px;
}

.account.password .rows .changepass {
  margin-top: 20px;
}

.account.password .rows .value {
  font-weight: 700;
  -webkit-column-break-after: always;
  break-after: always;
}

.account.password form {
  width: 50%;
}

@media all and (max-width: 479px) {
  .account.password form {
    width: 100%;
  }
}

.account.password form .errorbox {
  padding: 12px 15px;
}

.account.clients .columns {
  font-weight: 700;
}

.account.clients .columns > div {
  line-height: 2.4rem;
}

.account.clients .columns div:nth-child(3) {
  margin-right: 0px;
}

.account.addresses .columns div {
  font-weight: 700;
  line-height: 2.4rem;
}

.account.addresses .columns > div:nth-child(3) {
  margin-right: 0px;
}

.account.addresses .last h3 {
  color: #ababab;
  margin-bottom: 10px;
  line-height: 2.0rem;
  font-size: 1.3rem;
  font-weight: 400;
}

.account.orders table .payment div div {
  text-align: left;
}

.account.orders table .order {
  font-weight: 700;
}

.account.orders .filters-container .filters-border {
  display: none;
}

.account.edit .rows {
  max-width: 580px;
  margin-bottom: 40px;
}

.account.edit .rows > div {
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  justify-content: flex-start;
}

.account.edit .rows > div .e-invoice {
  margin: 15px 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: no-wrap;
  -webkit-box-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  justify-content: flex-start;
}

.account.edit .rows > div .e-invoice * {
  vertical-align: top;
}

.account.edit .rows > div .e-invoice .agreement {
  margin-right: 15px;
  top: 3px;
  position: relative;
}

.account.edit .rows > div .e-invoice .term {
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.8rem;
}

.account.edit .checkout-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
  margin-bottom: 5px;
}

.account.edit .checkout-row .inputbox,
.account.edit .checkout-row .labelbox {
  font-size: 1.4rem;
  line-height: 2.4rem;
}

.account.edit .checkout-row .select-list {
  overflow: show;
}

.account.edit .checkout-row.text-row {
  height: auto;
  margin-bottom: 30px;
}

.account.edit .checkout-row.prefix-row .inputbox {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
}

.account.edit .checkout-row .password-reset a {
  font-weight: 700;
}

.account.edit .checkout-row .errorbox span {
  line-height: 1;
}

.account.edit .checkout-row .errorbox {
  max-width: 50%;
}

.account.registration .btn {
  font-size: 1.7rem;
}

.account.registration .select-list.prefix {
  width: 70px;
}

.account.registration label {
  line-height: normal;
}

.account.registration label.error-label {
  color: #ff4242;
}

.account.registration label[for="agr-chck"],
.account.registration label[for="terms-chck"] {
  display: block;
  width: 100%;
}

.account.registration label[for="agr-chck"] input[type="checkbox"],
.account.registration label[for="terms-chck"] input[type="checkbox"] {
  width: initial;
  height: initial;
  flex-shrink: 0;
}

.account.registration .wrapper .rows .prefix-row .inputbox {
  flex-wrap: wrap;
}

.account.registration .wrapper .rows .prefix-row .inputbox > input {
  -webkit-box-flex: 1;
  flex-grow: 1;
  width: 10px;
  min-width: initial;
  max-width: initial;
}

.account.registration .wrapper .rows .prefix-row .inputbox .errorbox {
  width: initial;
  max-width: none;
}

.account.registration .rows {
  max-width: 580px;
  margin-bottom: 40px;
}

.account.registration .rows > div {
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  justify-content: flex-start;
}

.account.registration .rows .agr {
  color: #727272;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: no-wrap;
  -webkit-box-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  justify-content: flex-start;
}

.account.registration .rows .agr * {
  vertical-align: top;
}

.account.registration .rows .agr a {
  text-decoration: underline;
}

.account.registration .rows .agr.e-invoice {
  margin: 15px 0 10px;
}

.account.registration .rows .agr .agreement {
  margin-right: 15px;
  top: 3px;
  position: relative;
}

.account.registration .rows .agr .term {
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.8rem;
}

.account.registration label.active {
  color: #00aeef;
}

.account.registration .customer-country,
.account.registration .select-list:not(.prefix) {
  width: 100%;
}

.account.registration .form {
  flex-basis: 50%;
  margin-right: 25px;
}

.account.registration .form h3 {
  margin: 25px 0;
  display: block;
  font-size: 1.4rem;
}

.account.registration .inputbox:not(.agreements) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
}

.account.registration .double.area-phone .labelbox {
  -webkit-box-flex: 0;
  flex: none;
  width: 260px;
}

.account.registration .double.area-phone .area_code {
  margin-right: 5px;
  width: 100px;
}

.account.registration .double.area-phone input {
  -webkit-box-flex: 1;
  flex: 1 1 auto;
}

.account.registration .rows > div > div {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
  margin-bottom: 5px;
}

.account.registration .rows > div > div .labelbox {
  width: 260px;
  -webkit-box-flex: 0;
  flex: none;
}

.account.registration .rows > div > div.text-row {
  height: auto;
  margin-bottom: 30px;
}

.account.registration .rows > div > div.prefix-row .inputbox {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
}

.account.registration .rows > div > div.captcha {
  margin: 10px 0;
}

.account.registration .rows > div > div.submit-row button {
  width: 100%;
  display: block;
  padding: 15px 0;
  margin-top: 10px;
}

.account.registration .rows > div > div.type-row {
  margin-bottom: 15px;
  position: relative;
  top: -4px;
}

.account.registration .rows > div > div.type-row .inputbox {
  -webkit-box-align: center;
  align-items: center;
  margin-right: 0px;
}

.account.registration .rows > div > div.type-row .inputbox input:nth-of-type(2) {
  margin-left: 15px;
}

.account.registration .rows > div > div.type-row input[type="radio"] {
  margin-right: 5px;
}

.account.registration .rows > div > div.type-row * {
  vertical-align: middle;
}

.account.registration .rows > div > div .password-reset a {
  font-weight: 700;
}

.account.registration .advantages {
  margin-left: 25px;
  flex-basis: 50%;
  background: url("/gfx/account/bg.png");
  background-position: left bottom;
  background-repeat: no-repeat;
  padding-bottom: 190px;
}

.account.registration .advantages > span {
  min-height: 25px;
  display: block;
  position: relative;
  padding-top: 5px;
  margin-bottom: 13px;
  font-size: 1.7rem;
}

.account.registration .advantages > div {
  vertical-align: middle;
  font-size: 3.0rem;
  font-weight: 200;
  margin: 25px 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  flex-direction: row;
  align-items: center;
}

.account.registration .advantages > div img {
  vertical-align: middle;
  margin-right: 20px;
  width: 52px;
  flex-shrink: 0;
}

.account.registration .advantages .bg {
  margin-top: 30px;
  width: 100%;
}

@media all and (max-width: 1279px) {
  .wrapper {
    padding: 0 30px;
  }
  .seo-description div:nth-of-type(3) {
    margin-left: -3px;
  }
  .no1024 {
    display: none;
  }
  .yes1024 {
    display: block;
  }
  .sld-container {
    max-width: unset;
  }
  footer .contactForm__inputs .inputbox {
    width: 49%;
  }
}

@media all and (max-width: 1023px) {
  .mob-blackout {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    margin-top: 5px;
    display: block;
    position: fixed;
    z-index: 500;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
  }
  .mob-blackout.active {
    opacity: 1;
    visibility: visible;
  }
  .top-links .blog-link,
  .top-links .sales-link,
  .top-links .promotions-link {
    display: none;
  }
  .cartbox-popup {
    z-index: 560;
  }
  .cartbox-popup .side {
    display: none;
  }
  .cartbox-popup .main {
    width: 100%;
  }
  .cartbox-enquiry,
  .cartbox-order {
    z-index: 570;
  }
  .mobile-menu-bar {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .mobile-menu-bar .searchbox {
    padding-right: 0;
    z-index: 550;
  }
  .header-nav {
    margin-bottom: 0px;
  }
  .header-nav > .wrapper {
    border-bottom: 2px solid #00aeef;
  }
  .header-nav .mobile-menu {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
  }
  .header-nav .mobile-menu > div {
    margin-right: 10px;
    width: 47px;
    height: 40px;
    background: url("/gfx/icons/nav-open.png") center center no-repeat #00aeef;
  }
  .header-nav .vendor-logo {
    margin: 0 auto;
  }
  .header-nav.mobile-open > .wrapper {
    border-color: transparent;
  }
  .header-nav.mobile-open .mobile-menu {
    color: #00aeef;
    border-color: #00aeef;
    z-index: 540;
  }
  .header-nav.mobile-open .mobile-menu {
    cursor: pointer;
  }
  .header-nav.mobile-open .mobile-menu > div {
    background-image: url("/gfx/icons/nav-close.png");
    background-color: #727272;
  }
  .header-nav.mobile-open .nav-first {
    opacity: 1;
    visibility: visible;
  }
  .nav-first {
    flex-wrap: wrap;
    -webkit-box-pack: start;
    justify-content: flex-start;
    padding: 20px 30px;
    background: #ffffff;
    border-bottom: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 0;
    z-index: 530;
  }
  .nav-first-item {
    width: 30%;
    margin-right: 5%;
    text-align: left !important;
    -webkit-box-flex: initial !important;
    flex-grow: initial !important;
  }
  .nav-first-item > a {
    padding: 15px 0;
  }
  .nav-first-item:nth-of-type(3n) {
    margin-right: 0;
  }
  .nav-first-item.open-cat {
    width: 100%;
    margin-right: 0;
    background: transparent url("/gfx/icons/big-arrow-left.png") no-repeat scroll left center;
    padding-left: 30px;
  }
  .nav-first-item.open-cat .nav-second-bg {
    opacity: 1;
    visibility: visible;
    display: block;
    z-index: 520;
  }
  .nav-first-item.open-cat .nav-second-bg.vendor {
    margin-top: -67px;
  }
  .nav-first-item.open-cat .nav-second-bg.vendor .nav-second-item {
    width: 100%;
  }
  .nav-second-bg {
    padding-top: 10px;
    border-top: 1px solid transparent;
    box-shadow: none;
    -webkit-box-pack: start;
    justify-content: flex-start;
  }
  .nav-second-bg .nav-second-item {
    width: 30%;
    margin-right: 5%;
    margin-top: 20px !important;
    position: relative;
  }
  .nav-second-bg .nav-second-item:nth-of-type(3n) {
    margin-right: 0;
  }
  .nav-second-bg .nav-second-item.open-vendor {
    margin-right: 0;
  }
  .nav-second-bg .nav-second-item.open-vendor .mob-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    align-items: center;
  }
  .nav-second-bg .nav-second-item.open-vendor .mob-all-products {
    display: inline-block;
    margin-left: auto;
  }
  .nav-second-bg .nav-second-item.open-vendor .mob-all-products a {
    font-size: 1.5rem;
    font-weight: 700;
    color: #727272;
    white-space: nowrap;
    padding: 10px 0;
  }
  .nav-second-bg .nav-second-item.open-vendor .nav-third-logo {
    width: 100%;
    max-width: 200px;
    margin-right: 0;
    background: transparent url("/gfx/icons/big-arrow-left.png") no-repeat scroll left center;
    padding-left: 30px;
    margin-top: -1px;
  }
  .nav-second-bg .nav-second-item.open-vendor .vendor-logo {
    margin: 0;
  }
  .nav-second-bg .nav-second-item.open-vendor .nav-third {
    position: relative;
    visibility: visible;
    opacity: 1;
  }
  .nav-second-bg .mCS_no_scrollbar {
    height: 100% !important;
  }
  .nav-third {
    position: absolute;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
  }
  .nav-third-item {
    width: 30%;
    margin-right: 5%;
    text-align: left !important;
    -webkit-box-flex: initial !important;
    flex-grow: initial !important;
  }
  .nav-third-item:nth-of-type(3n) {
    margin-right: 0;
  }
  .nav-third-item a {
    font-size: 1.5rem;
    font-weight: 700;
    color: #000000;
    padding: 10px 0;
  }
  .breadcrumbs {
    position: relative;
    z-index: 500;
    background: #fff;
  }
  .category-tree {
    margin: 0 30px 20px;
    border-bottom: 1px solid #d3d3d3;
  }
  .category-tree .subcategory-mobile {
    cursor: pointer;
    display: inline-block;
    padding-bottom: 20px;
  }
  .category-tree .subcategory-mobile div {
    width: 46px;
    height: 26px;
    background: url("/gfx/icons/tree-open.png") center center no-repeat #00aeef;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
  }
  .category-tree .subcategory-mobile span {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2.6rem;
    display: inline-block;
    vertical-align: middle;
  }
  .category-tree .base-lvl {
    transition: opacity 0.2s ease;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    background: #fff;
    left: 0;
    right: 0;
    padding: 0 30px 20px;
  }
  .category-tree .base-lvl.open {
    z-index: 500;
    opacity: 1;
    visibility: visible;
  }
  .newsletter-bar .info {
    display: none;
  }
  footer .footer-logos {
    flex-wrap: wrap;
  }
  footer .footer-logos div {
    margin: 0 10px;
  }
  footer .data-menu {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start;
  }
  footer .data-menu .column {
    width: 50%;
    max-width: auto;
    margin-right: 5%;
  }
  footer .data-menu .column:nth-of-type(3) {
    margin-right: 0;
  }
  footer .data-menu .column.socials {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: left;
    width: 100%;
    margin-top: 30px;
  }
  footer .data-menu .column.socials > div {
    width: 30%;
    margin-right: 5%;
  }
  footer .data-menu .column.socials .social {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
    margin-left: -10px;
  }
  footer .data-menu + .section-border {
    display: none;
  }
  footer .seo-description {
    display: none;
  }
  footer .copyrights .wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    align-items: center;
  }
  footer .copyrights .wrapper > div {
    width: 100%;
    margin: 0;
  }
  footer .copyrights .donations {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
    padding-top: 20px;
    margin-left: 0;
  }
  footer .wrapper .grid-1-2 {
    width: 46%;
  }
  .no768 {
    display: none;
  }
  .page-404 .img_404 {
    max-width: 100%;
  }
  .yes768 {
    display: block;
  }
}

@media all and (max-width: 767px) {
  .top-links .wrapper {
    flex-wrap: wrap;
  }
  .user-links {
    margin-left: auto;
    -webkit-box-align: start;
    align-items: flex-start;
  }
  .user-links li {
    margin-left: 0;
    margin-right: 10px;
  }
  .user-links .loginbox {
    right: auto;
    left: 0;
  }
  .sld-container {
    display: none;
  }
  .items-table .quantity {
    display: none;
  }
  .mobile-menu-bar {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    align-items: flex-start;
  }
  .mobile-menu-bar .searchbox {
    padding: 20px 0 0;
    max-width: 100%;
  }
  .mobile-menu-bar .searchbox .autocomplete {
    width: calc(100% - 46px);
  }
  .nav-first-item {
    width: 47%;
  }
  .nav-first-item:nth-of-type(even) {
    margin-right: 0;
  }
  .nav-first-item:nth-of-type(odd) {
    margin-right: 6%;
  }
  .nav-second-bg .nav-second-item {
    width: 47%;
  }
  .nav-second-bg .nav-second-item:nth-of-type(even) {
    margin-right: 0;
  }
  .nav-second-bg .nav-second-item:nth-of-type(odd) {
    margin-right: 6%;
  }
  .nav-third-item {
    width: 47%;
  }
  .nav-third-item:nth-of-type(even) {
    margin-right: 0;
  }
  .nav-third-item:nth-of-type(odd) {
    margin-right: 6%;
  }
  .mob-all-products {
    width: 47%;
  }
  .newsletter-bar .wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    align-items: center;
  }
  .newsletter-bar h2 {
    width: 100%;
    padding: 0 0 20px;
  }
  .newsletter-bar form {
    width: 100%;
  }
  footer .certificates,
  footer .partnership {
    display: none;
  }
  footer .footer-logos {
    padding: 20px 0;
  }
  footer .methods-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    align-items: center;
  }
  footer .methods-wrap .delivery-methods,
  footer .methods-wrap .payment-methods {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
  }
  footer .data-menu {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start;
    margin-bottom: 25px;
  }
  footer .data-menu .column {
    width: 50%;
  }
  footer .data-menu .column.data {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    margin: 0 0 30px;
  }
  footer .data-menu .column.data > div {
    width: 100%;
  }
  footer .data-menu .column.data > div:first-of-type {
    margin-right: 6%;
  }
  footer .data-menu .column.menu {
    width: 47%;
  }
  footer .data-menu .column.menu:nth-of-type(2) {
    margin-right: 6%;
  }
  footer .data-menu .column.socials > div {
    width: 47%;
    margin-right: 0;
  }
  footer .data-menu .column.socials > div:first-of-type {
    margin-right: 6%;
  }
  footer .wrapper .grid-1-2 {
    width: 100%;
    max-width: 100%;
  }
  footer .newsletter-box .bg-stripes {
    display: none;
  }
  .no480 {
    display: none;
  }
  .yes480 {
    display: block;
  }
  .item-view .description .columns {
    -webkit-column-count: 1 !important;
    column-count: 1 !important;
  }
  .offer .offer-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center !important;
    align-items: center !important;
  }
  .offer .offer-content > div {
    margin: 0 !important;
  }
  .offer .offer-content:nth-child(odd) div:first-child {
    -webkit-box-ordinal-group: 2;
    order: 1;
    padding-bottom: 0;
    padding-top: 20px;
  }
}

@media all and (max-width: 479px) {
  .wrapper {
    padding: 0 20px;
  }
  .help-link {
    display: none;
  }
  .top-links .user-links {
    width: 100%;
  }
  .top-links .user-links .login-box.general-login {
    width: 280px;
    left: 0;
    z-index: 600;
  }
  .header-main .wrapper {
    display: block;
  }
  .logobox {
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
  }
  .cartbox {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
  }
  .cartbox-price, .cartbox-text {
    display: block;
  }
  .cartbox-popup .wrapper {
    padding: 30px 20px;
  }
  .items-table .image {
    display: none;
  }
  .nav-first-item {
    width: 100%;
    margin-right: 0 !important;
  }
  .nav-second-bg .nav-second-item {
    width: 100%;
    margin-right: 0 !important;
  }
  .nav-third-item {
    width: 100%;
    margin-right: 0 !important;
  }
  .mob-all-products a {
    white-space: normal !important;
  }
  .contact .contact-block .address .details div {
    width: 100%;
  }
  footer {
    padding-bottom: 0px;
  }
  footer .methods-wrap {
    text-align: center;
  }
  footer .footer-logos {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
  }
  footer .data-menu .column {
    text-align: left;
    width: 100%  !important;
    margin-right: 0 !important;
  }
  footer .data-menu .column.data {
    text-align: left;
    display: block;
  }
  footer .data-menu .column.data > div {
    width: 100%;
    margin-right: 0 !important;
  }
  footer .data-menu .column.socials {
    text-align: left;
    display: block;
    margin: 0;
  }
  footer .data-menu .column.socials > div {
    width: 100%;
    margin: 0 !important;
  }
  footer .data-menu .column.socials .social {
    margin-top: 20px !important;
    -webkit-box-pack: center;
    justify-content: center;
  }
  footer .menuElements {
    width: 100%;
    text-align: left;
  }
  footer .newsletter-box .contactForm__inputs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
  footer .newsletter-box .contactForm__inputs .inputbox {
    width: 100%;
  }
  footer .newsletter-box .contactForm__inputs .inputbox input:first-child {
    margin-bottom: 10px;
  }
  footer .logos .methods-wrap {
    width: 100%;
  }
  footer .copyrights {
    text-align: center;
  }
  footer .copyrights .donations {
    display: block;
  }
  footer .copyrights .donations img {
    display: block;
    margin: 20px auto 0;
  }
  .page-404 .title {
    font-size: 3rem;
  }
  .page-404 p {
    font-size: 1.5rem;
  }
  .no320 {
    display: none;
  }
  .yes320 {
    display: block;
  }
  .grid-1-2,
  .grid-1-4,
  .grid-3-4 {
    margin-right: 0;
  }
  .checkout .steps svg {
    display: none;
  }
  .newsletter-box .title {
    font-size: 2.5rem;
  }
  .infobox .estimated-delivery-methods th {
    font-size: 1.3rem;
  }
  .infobox .estimated-delivery-methods tr {
    display: block;
  }
  .infobox .estimated-delivery-methods td, .infobox .estimated-delivery-methods th {
    width: 100%;
    display: block;
  }
  .infobox .estimated-delivery-methods td:nth-child(1), .infobox .estimated-delivery-methods th:nth-child(1) {
    height: unset;
    margin-top: 10px;
  }
  .infobox .estimated-delivery-methods td:nth-child(n+2), .infobox .estimated-delivery-methods th:nth-child(n+2) {
    text-align: right;
    height: unset;
    padding: 5px 0px;
  }
}

@media all and (max-width: 1279px) {
  .slider {
    padding: 0px 30px;
  }
  .slider img {
    max-width: 100%;
  }
  .slider .slick-prev {
    left: 30px;
  }
  [dir="rtl"] .slider .slick-prev {
    right: 30px;
  }
  .slider .slick-next {
    right: 30px;
  }
  [dir="rtl"] .slider .slick-next {
    left: 30px;
  }
  .o365-table .plans-tooltip {
    right: unset;
    right: 5%;
  }
  .o365-table .rightmost .plans-tooltip {
    left: unset;
    right: 5%;
  }
  .o365-table .leftmost .plans-tooltip {
    left: 10%;
  }
  .plans-tooltip {
    width: 290px !important;
  }
}

@media all and (max-width: 1023px) {
  .why-us-box {
    width: 30%;
    max-width: auto;
    margin-right: 5%;
  }
  .why-us-box:nth-of-type(3) {
    margin-right: 0px;
  }
  .why-us-box:nth-of-type(4) {
    display: none;
  }
  .blog .post {
    width: 30%;
    max-width: auto;
    margin-right: 5%;
  }
  .blog .post:nth-of-type(3) {
    margin-right: 0px;
  }
  .blog .post:nth-of-type(4) {
    display: none;
  }
  .blog .post-image img {
    max-width: 100%;
  }
  .o365-table .plans-apps .devicesApp div {
    margin-left: 5px;
  }
}

@media all and (max-width: 767px) {
  .slider {
    display: none !important;
  }
  .blog .post {
    width: 47%;
    max-width: auto;
    margin-right: 6%;
  }
  .blog .post:nth-of-type(2) {
    margin-right: 0px;
  }
  .blog .post:nth-of-type(3) {
    display: none;
  }
}

@media all and (max-width: 479px) {
  .our-vendors {
    display: none;
  }
  .items-tabs ul li:last-of-type {
    padding-right: 0px;
  }
  .blog .post {
    width: 100%;
    max-width: auto;
    margin-right: 0px !important;
  }
  .blog .post-image {
    width: 100%;
    max-width: 100%;
    text-align: center;
  }
  .blog .post:nth-of-type(n+2) {
    display: none;
  }
  .o365-table .plans-apps .devicesApp div {
    margin-left: 0;
  }
}

@media all and (max-width: 1279px) {
  .filters .sort-by .hoverable > a div {
    display: none;
  }
  .items-wrapper.list-standard .item .description {
    width: 100%;
    min-width: 230px;
    margin-right: 15px;
  }
  .items-wrapper.list-standard .item .details-price {
    min-width: 280px;
  }
  .items-wrapper.list-standard .item .details-price .details {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: end;
    align-items: flex-end;
    margin-right: 15px;
    width: 80px;
  }
  .items-wrapper.list-standard .item .details-price .details > div {
    display: block;
    width: 100%;
    text-align: right;
  }
  .items-wrapper.list-standard .item .details-price .details .icon, .items-wrapper.list-standard .item .details-price .details .icon-stock, .items-wrapper.list-standard .item .details-price .details .icon-delivery, .items-wrapper.list-standard .item .details-price .details .icon-query {
    margin-left: 5px;
    float: right;
  }
  .items-wrapper.list-standard .item .details-price .price {
    margin-right: 15px;
  }
  .items-wrapper.list-standard .item .details-price .price div {
    white-space: nowrap;
  }
}

@media all and (max-width: 1023px) {
  .items-wrapper.list-grid .item {
    width: 30%;
    max-width: auto;
    margin-right: 5%;
  }
  .items-wrapper.list-grid .item:nth-of-type(2n) {
    margin-right: 5%;
  }
  .items-wrapper.list-grid .item:nth-of-type(3n) {
    margin-right: 0px;
  }
  .category-view .wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    align-items: center;
    padding: 0px;
  }
  .category-view .sidebar {
    width: 100%;
    max-width: 100%;
    position: relative;
    z-index: 500;
    background: #fff;
    margin-bottom: 0px;
  }
  .category-view .sidebar-banner {
    display: none;
  }
  .category-view .sidebar .category-description {
    display: none;
  }
  .category-view .main-content {
    width: 100%;
    max-width: 100%;
    padding: 0px 30px;
  }
  .search-view .sidebar {
    display: none;
  }
}

@media all and (max-width: 767px) {
  .filters-container .filters {
    display: block !important;
    margin-bottom: 0px;
  }
  .filters-container .filters-active {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    padding-bottom: 10px;
  }
  .filters-container .filters-active div {
    white-space: nowrap;
    padding: 5px;
    margin: 0px 5px 5px 0px;
  }
  .filters-container .filter-by {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding-bottom: 10px;
  }
  .filters-container .filter-by .hoverable > a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    align-items: center;
  }
  .filters-container .filter-by .hoverable > a svg {
    margin-right: 0px;
    margin-bottom: 5px;
  }
  .filters-container .filter-by .stockbox,
  .filters-container .filter-by .deliverybox {
    right: 0px;
    left: auto;
  }
  .filters-container .sort-by {
    padding-bottom: 10px;
    position: relative;
    z-index: 20;
  }
  .filters-container .sort-by .hoverable {
    margin-left: 0px;
  }
  .filters-container .sort-by .hoverable > a div {
    display: inline-block;
    margin-left: 5px;
  }
  .filters-container .sort-by .sortbox {
    left: 0px;
    right: auto;
  }
  .category-view .category-title span,
  .search-view .category-title span {
    display: block;
    top: 0px !important;
    margin-left: 0px !important;
    margin-top: 10px;
  }
  .items-wrapper.list-grid .item {
    width: 47%;
    max-width: auto;
    margin-right: 6%;
  }
  .items-wrapper.list-grid .item:nth-of-type(odd) {
    margin-right: 6%;
  }
  .items-wrapper.list-grid .item:nth-of-type(even) {
    margin-right: 0px;
  }
  .items-wrapper.list-standard .item-wrap {
    display: block;
  }
  .items-wrapper.list-standard .item .addbtn {
    display: none;
    cursor: pointer;
  }
  .items-wrapper.list-standard .item .description {
    width: 100%;
    max-width: 100%;
    margin-right: 0px;
  }
  .items-wrapper.list-standard .item .details-price {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%;
  }
  .items-wrapper.list-standard .item .details-price .price {
    text-align: left;
    display: inline-block;
    margin: 0px;
  }
}

@media all and (max-width: 479px) {
  .filters-container .filter-by > span {
    display: none !important;
  }
  .filters-container .filter-by .hoverable:first-of-type {
    margin-left: 0px;
  }
  .category-view .sidebar .category-tree {
    margin: 0px 20px 20px;
  }
  .category-view .sidebar .category-tree .base-lvl {
    padding: 0px 20px 20px;
  }
  .category-view .main-content {
    padding: 0px 20px;
  }
  .search-view .form-block .section-header {
    display: block;
  }
  .search-view .form-block .section-header h2 {
    margin-bottom: 20px;
    line-height: 2rem;
  }
  .search-view .form-block .form-row {
    display: block;
    margin-bottom: 0px;
  }
  .search-view .form-block .form-input {
    width: 100%;
    margin: 0px 0px 20px !important;
  }
  .items-wrapper.list-grid .item {
    width: 100%;
    max-width: auto;
    margin-right: 0px !important;
  }
  .items-wrapper.list-grid .item:nth-of-type(n+5) {
    display: none;
  }
  .items-wrapper.list-standard .item .image {
    min-width: 92px;
  }
  .items-wrapper.list-standard .item .details-price {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    align-items: flex-start;
    min-width: auto;
  }
  .items-wrapper.list-standard .item .details-price .details {
    width: 100%;
    margin-right: 0px;
  }
  .items-wrapper.list-standard .item .details-price .details > div {
    text-align: left;
  }
  .items-wrapper.list-standard .item .details-price .details .icon, .items-wrapper.list-standard .item .details-price .details .icon-stock, .items-wrapper.list-standard .item .details-price .details .icon-delivery, .items-wrapper.list-standard .item .details-price .details .icon-query {
    float: left;
    margin-left: 0px;
    margin-right: 5px;
  }
  .items-wrapper.list-standard .item .details-price .price {
    text-align: left;
    display: inline-block;
    margin: 0px;
  }
  .pagination > li a {
    margin: 0px 1px;
  }
}

@media all and (max-width: 1023px) {
  .static .half-box {
    max-width: 462px;
    margin-right: 40px;
  }
  .static .quart-box {
    max-width: 211px;
    margin-right: 40px;
  }
  .static .form {
    width: 100%;
  }
  .static .form-row > div {
    width: 100%;
    max-width: 100%;
  }
  .static .contact-block .address {
    width: 100%;
  }
  .static.sidebar > .wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    align-items: center;
    padding: 0;
  }
  .static.sidebar > .wrapper > .grid-1-4 {
    width: 100%;
    max-width: 100%;
    position: relative;
    z-index: 500;
    background: #fff;
    margin: 0;
  }
  .static.sidebar > .wrapper > .grid-3-4 {
    width: 100%;
    max-width: 100%;
    padding: 0 30px;
  }
  .static.sidebar .sidebar-banner {
    display: none;
  }
  .static.about-us .block:not(.photos):not(.meet-us),
  .static.about-us .numbers {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
  }
  .static.about-us .block:not(.photos):not(.meet-us) .half-box,
  .static.about-us .numbers .half-box {
    margin-right: 0;
    width: 100%;
    max-width: 100%;
  }
  .static.about-us .meet-us .half-box .header {
    height: 70px;
  }
  .static.about-us .meet-us .half-box:first-child {
    width: 30%;
    margin-right: 40px;
  }
  .static.about-us .meet-us .half-box:first-child .fb-box {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
  }
  .static.about-us .meet-us .half-box:first-child .twit-box {
    display: none;
  }
  .static.about-us .meet-us .half-box:last-child {
    width: 65%;
    max-width: 100%;
  }
  .static.about-us .meet-us .half-box:last-child .quart-box {
    width: 50%;
    max-width: 100%;
  }
  .static.about-us .meet-us .half-box:last-child .blog-box {
    margin-right: 40px;
  }
  .static.terms .half-box {
    width: 100%;
  }
  .static.help .about {
    flex-wrap: wrap;
  }
  .static.help .about .text {
    width: 100%;
    margin-bottom: 20px;
  }
  .static.help .countries-list3 {
    -webkit-column-count: 2;
    column-count: 2;
  }
  .static.help .help_warranty a, .static.help .help_warranty div {
    font-size: 12px;
  }
  .static.senetic-global .country img {
    margin-right: 10px;
    min-width: 25px;
  }
  .static.contact .section-header .formHeader {
    padding-top: 25px;
  }
}

@media all and (max-width: 767px) {
  .static.contact .support-contact {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    align-items: flex-start;
  }
  .static.contact .contact-block .details {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column nowrap;
  }
  .static.contact .contact-block .details > div {
    margin-bottom: 30px;
  }
  .static.contact .section-header .formHeader {
    padding-top: 0;
  }
  .static.about-us .block {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
  }
  .static.about-us .block .half-box {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
  }
  .static.about-us .block.photos .half-box:last-child {
    display: none;
  }
  .static.about-us .block.meet-us .header {
    height: auto !important;
  }
  .static.about-us .block.meet-us .half-box:first-child {
    display: none;
  }
  .static.about-us .block.meet-us .half-box:last-child {
    width: 100%;
  }
  .static.media .marketing-department .grid-1-4 {
    width: 47%;
    margin-right: 5%;
  }
  .static.media .marketing-department .grid-1-4:last-child {
    margin-right: 0;
  }
  .static.help .sections .inner-wrap {
    flex-wrap: wrap;
  }
  .static.help .sections .section {
    width: 47%;
    max-width: 262px;
  }
  .static.help .sections .section.before {
    margin-right: 3%;
  }
  .static.help .sections .section.while {
    margin-left: 3%;
  }
  .static.help .sections .section.after {
    margin: 40px auto 0;
  }
  .static.help .countries-list3 {
    -webkit-column-count: 1;
    column-count: 1;
  }
  .static.help .help_warranty .vendor_name {
    display: none;
  }
  .static.help .help_warranty div:last-child {
    word-wrap: break-word;
    padding-left: 10px;
    padding-right: 10px;
    float: right;
    word-break: break-word;
    text-align: right;
  }
  .static.help .help_warranty .vendor-logo {
    padding-right: 100px;
  }
  .static.senetic-global .country {
    width: 48%;
    max-width: 350px;
  }
  .static.senetic-global .country:nth-child(2n) {
    margin-right: 0;
  }
  .static.senetic-global .country:nth-child(2n+1) {
    margin-left: 0;
  }
  .static.terms .paper {
    margin: 20px 0 20px 5px !important;
    padding: 50px 30px 50px 30px !important;
  }
}

@media all and (max-width: 479px) {
  .static .form .section-header {
    display: block;
  }
  .static .form .section-header h2 {
    margin-bottom: 20px;
    line-height: 2rem;
  }
  .static .form-row {
    display: block;
    margin-bottom: 0;
  }
  .static .form-row .form-input {
    width: 100%;
    margin: 0 0 20px !important;
  }
  .static .contact .contact-block .details > div {
    width: 100%;
  }
  .static.about-us .meet-us .blog-box {
    display: none;
  }
  .static.about-us .meet-us .pdf-box {
    width: 100% !important;
  }
  .static.about-us .about_us_center:not(:first-child):not(:last-child) {
    display: none;
  }
  .static.terms .inner-wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
  }
  .static.terms .quart-box {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
  }
  .static.terms .quart-box a {
    font-weight: 600;
  }
  .static.terms .resignation {
    display: none;
  }
  .static.media .marketing-department {
    margin-bottom: 0;
  }
  .static.media .marketing-department .grid-1-4 {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .static.help .sections .section {
    width: 100%;
    max-width: 100%;
    margin: 0 auto 20px !important;
  }
  .static.help img {
    max-width: 100%;
  }
  .static.help .help_warranty {
    display: block;
    padding-bottom: 30px;
    padding-top: 10px;
  }
  .static.help .help_warranty .vendor_name {
    display: none;
  }
  .static.help .help_warranty div:last-child {
    clear: both;
    float: none;
    text-align: center;
    padding-top: 10px;
    word-wrap: break-word;
    padding-left: 10px;
    padding-right: 10px;
  }
  .static.help .help_warranty .vendor-logo {
    margin: auto !important;
    max-width: 100px;
    padding-right: 0;
  }
  .static.faq .feedback {
    height: auto;
    min-height: 30px;
  }
  .static.faq .feedback-ask > span {
    display: block;
  }
  .static.senetic-global .country {
    width: 100%;
    max-width: 100%;
    margin: 0;
  }
  .static.senetic-global .country .separator {
    padding: 0px 10px;
  }
  .about_us_p {
    display: block !important;
  }
  .about_us_p :first-child {
    padding-right: 0px !important;
  }
}

@media all and (max-width: 1279px) {
  .support-contact {
    width: 26%;
  }
  .support-person {
    margin: 0 4% 0 0;
  }
  .support-person span {
    right: 0;
  }
}

@media all and (max-width: 1023px) {
  .support-contact {
    width: 35%;
  }
  .support-person {
    width: 65%;
    margin: 0;
  }
  .support-message {
    display: none;
  }
  .contact-block {
    flex-wrap: wrap;
  }
  .contact-block .departments {
    flex-wrap: wrap;
    width: 100%;
    margin-right: 0;
  }
  .contact-block .departments > div {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
  }
  .contact-block .departments h2 {
    width: 100%;
  }
  .contact-block .departments .software-dpts {
    width: 100%;
    margin-right: 0;
  }
  .contact-block .departments .hardware-dpts {
    width: 100%;
  }
  .contact-block .departments .department {
    width: 30%;
    margin-right: 5%;
  }
  .contact-block .departments .department:last-of-type {
    margin-right: 0;
  }
  .company-data {
    flex-wrap: wrap;
  }
  .company-data > div {
    width: 30%;
    max-width: 100%;
    margin-right: 5%;
  }
  .company-data > div:nth-last-of-type(2) {
    margin-right: 0;
  }
  .company-data > div:last-of-type {
    width: 100%;
    max-width: 100%;
    margin-top: 20px;
  }
  .all-companies .single-company {
    width: 30%;
    max-width: 100%;
    margin-right: 5%;
  }
  .all-companies .single-company:nth-of-type(3n) {
    margin-right: 0;
  }
  .all-companies .single-company:nth-of-type(4n) {
    margin-right: 5%;
  }
}

@media all and (max-width: 767px) {
  .support-block {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
  .support-contact {
    width: 100%;
  }
  .support-person {
    display: none;
  }
  .contact-block .departments {
    flex-wrap: nowrap;
    width: 100%;
    margin-right: 0;
  }
  .contact-block .departments > div {
    display: block;
  }
  .contact-block .departments .software-dpts {
    width: 47%;
    margin-right: 6%;
  }
  .contact-block .departments .hardware-dpts {
    width: 47%;
  }
  .contact-block .departments .department {
    width: 100%;
    margin-right: 0;
  }
  .company-data {
    padding-bottom: 20px;
  }
  .company-data > div {
    width: 47%;
    margin-right: 6%;
    margin-bottom: 20px;
  }
  .company-data > div:nth-last-of-type(even) {
    margin-right: 0;
  }
  .company-data > div:last-of-type {
    width: 47%;
    margin-top: 0px;
  }
  .all-companies .single-company {
    width: 47%;
  }
  .all-companies .single-company:nth-of-type(odd) {
    margin-right: 5%;
  }
  .all-companies .single-company:nth-of-type(even) {
    margin-right: 0;
  }
}

@media all and (max-width: 479px) {
  .contact-block .departments {
    flex-wrap: wrap;
  }
  .contact-block .departments > div {
    display: block;
  }
  .contact-block .departments .software-dpts {
    width: 100%;
    margin-right: 0;
  }
  .contact-block .departments .hardware-dpts {
    width: 100%;
  }
  .contact-block .departments .department {
    width: 100%;
    margin-right: 0;
  }
  .company-data {
    padding-bottom: 20px;
  }
  .company-data > div {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .company-data > div:last-of-type {
    width: 100%;
  }
  .contact-map {
    padding: 0;
    margin: 0;
    border-bottom: 0px;
  }
  .companies-header,
  .all-companies {
    display: none;
  }
}

@media all and (max-width: 1279px) {
  .checkout .summary-prices tr:last-of-type,
  div.checkout-enquiry .summary-prices tr:last-of-type {
    font-weight: 700;
  }
  .checkout .items-table,
  div.checkout-enquiry .items-table {
    margin-bottom: 0;
  }
  .checkout .items-table.summary .value,
  div.checkout-enquiry .items-table.summary .value {
    max-width: 120px;
  }
  .checkout .items-table.microsoft .mspoints-row .points,
  div.checkout-enquiry .items-table.microsoft .mspoints-row .points {
    min-width: 145px;
  }
  .checkout .items-table.microsoft .mspoints-row td:last-of-type,
  div.checkout-enquiry .items-table.microsoft .mspoints-row td:last-of-type {
    padding-right: 0;
    min-width: 160px;
  }
  .checkout .items-table .filler-box,
  div.checkout-enquiry .items-table .filler-box {
    margin-bottom: 20px !important;
  }
  .checkout .items-table .filler-box *,
  div.checkout-enquiry .items-table .filler-box * {
    vertical-align: middle;
  }
  .checkout .items-table .filler-box .info,
  div.checkout-enquiry .items-table .filler-box .info {
    max-width: 390px;
  }
  .checkout .items-table .filler-box .proposition span,
  div.checkout-enquiry .items-table .filler-box .proposition span {
    display: inline-block;
    max-width: 240px;
    margin: 0 15px;
    padding-bottom: 0;
    line-height: 2.2rem;
  }
  .checkout .items-table tr:last-of-type td,
  div.checkout-enquiry .items-table tr:last-of-type td {
    padding-bottom: 30px;
  }
  .checkout .items-table .description .remove,
  div.checkout-enquiry .items-table .description .remove {
    margin-bottom: 20px;
  }
  .checkout .items-table .quantity,
  div.checkout-enquiry .items-table .quantity {
    max-width: 100px;
  }
  .checkout .items-table .value,
  div.checkout-enquiry .items-table .value {
    min-width: 150px;
  }
  .checkout .items-table.microsoft,
  div.checkout-enquiry .items-table.microsoft {
    margin-bottom: 0;
  }
  .checkout .tab-title,
  div.checkout-enquiry .tab-title {
    padding: 25px 30px 30px 60px;
  }
  .checkout .block-wrapper,
  div.checkout-enquiry .block-wrapper {
    -webkit-box-align: space-between;
    align-items: space-between;
  }
  .checkout .block-wrapper.payment-delivery,
  div.checkout-enquiry .block-wrapper.payment-delivery {
    padding-bottom: 45px;
  }
  .checkout .block-wrapper .different-delivery .checkout-row:first-of-type,
  div.checkout-enquiry .block-wrapper .different-delivery .checkout-row:first-of-type {
    -webkit-box-pack: initial;
    justify-content: initial;
  }
  .checkout .checkout-row,
  div.checkout-enquiry .checkout-row {
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .checkout .checkout-row.addinational-fields .labelbox,
  div.checkout-enquiry .checkout-row.addinational-fields .labelbox {
    min-width: 120px;
    -webkit-box-flex: none;
    flex-grow: none;
    min-width: 130px;
  }
  .checkout .checkout-row.type-row,
  div.checkout-enquiry .checkout-row.type-row {
    -webkit-box-align: start;
    align-items: flex-start;
  }
  .checkout .checkout-row.type-row .inputbox,
  div.checkout-enquiry .checkout-row.type-row .inputbox {
    display: block;
    width: 250px;
  }
  .checkout .checkout-row.type-row .inputbox::before,
  div.checkout-enquiry .checkout-row.type-row .inputbox::before {
    width: 0;
    height: 26px;
    position: relative;
    content: '';
    float: left;
  }
  .checkout .checkout-row.type-row .inputbox label:nth-child(2)::after,
  div.checkout-enquiry .checkout-row.type-row .inputbox label:nth-child(2)::after {
    content: " \a ";
    white-space: pre;
  }
  .checkout .checkout-row.type-row .inputbox label,
  div.checkout-enquiry .checkout-row.type-row .inputbox label {
    display: inline;
  }
  .checkout .checkout-row.type-row .inputbox *,
  div.checkout-enquiry .checkout-row.type-row .inputbox * {
    vertical-align: middle;
  }
  .checkout .checkout-row.checkout-coupon,
  div.checkout-enquiry .checkout-row.checkout-coupon {
    display: block;
    height: initial;
  }
  .checkout .text-row,
  div.checkout-enquiry .text-row {
    margin-bottom: 20px !important;
  }
  .checkout .section-header,
  div.checkout-enquiry .section-header {
    padding-bottom: 30px;
  }
  .checkout .delivery-method,
  div.checkout-enquiry .delivery-method {
    margin-left: 40px;
  }
  .checkout .delivery-method tr:last-of-type span,
  div.checkout-enquiry .delivery-method tr:last-of-type span {
    color: #727272;
    display: block;
  }
  .checkout .payment-method,
  div.checkout-enquiry .payment-method {
    width: 225px;
    max-width: none;
  }
  .checkout .payment-method td *,
  div.checkout-enquiry .payment-method td * {
    vertical-align: middle;
  }
  .checkout .payment-method label[for="CC"],
  div.checkout-enquiry .payment-method label[for="CC"] {
    max-height: none;
  }
  .checkout .payment-method label[for="CC"] svg:first-of-type,
  div.checkout-enquiry .payment-method label[for="CC"] svg:first-of-type {
    margin-left: 0;
  }
  .checkout .payment-method label[for="CC"] span,
  div.checkout-enquiry .payment-method label[for="CC"] span {
    margin-bottom: 10px;
    display: block;
  }
  .checkout .checkout-summary tr:last-of-type td,
  div.checkout-enquiry .checkout-summary tr:last-of-type td {
    padding-top: 5px;
  }
  .checkout .checkout-summary .checkout-row .inputbox,
  div.checkout-enquiry .checkout-summary .checkout-row .inputbox {
    margin-left: 0;
    width: initial;
    display: block;
    padding-top: 15px;
  }
  .checkout .checkout-summary .checkout-row .inputbox input,
  div.checkout-enquiry .checkout-summary .checkout-row .inputbox input {
    width: 250px;
  }
  .checkout .checkout-summary .checkout-row .inputbox a,
  .checkout .checkout-summary .checkout-row .inputbox input,
  div.checkout-enquiry .checkout-summary .checkout-row .inputbox a,
  div.checkout-enquiry .checkout-summary .checkout-row .inputbox input {
    vertical-align: top;
    display: inline-block;
  }
  .checkout .checkout-summary .remove-coupon,
  div.checkout-enquiry .checkout-summary .remove-coupon {
    top: 45px;
  }
  .checkout .agreements > div,
  div.checkout-enquiry .agreements > div {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    align-items: flex-start;
  }
  .checkout .agreements > div div,
  div.checkout-enquiry .agreements > div div {
    white-space: normal;
    -webkit-box-flex: 1;
    flex-grow: 1;
  }
  .checkout .agreements > div input,
  div.checkout-enquiry .agreements > div input {
    min-width: 13px;
  }
}

/*
            ██ ██████  ███████  █████      ███████ ████████ ███████ ██████      ██████
     
                         ██  ██████  ██████  ██   ██
                        ███ ██  ████      ██ ██   ██
█████ █████ █████ █████  ██ ██ ██ ██  █████  ███████ █████ █████ █████ █████
                         ██ ████  ██ ██           ██
                         ██  ██████  ███████      ██
*/
@media all and (max-width: 1023px) {
  .checkout .steps,
  div.checkout-enquiry .steps {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 35px;
  }
  .checkout .steps .step,
  div.checkout-enquiry .steps .step {
    margin-left: initial !important;
  }
  .checkout .steps h1,
  div.checkout-enquiry .steps h1 {
    width: 100%;
    margin-bottom: 25px;
  }
  .checkout .safetybox > div,
  div.checkout-enquiry .safetybox > div {
    display: none;
  }
  .checkout .checkout-summary .checkout-row .inputbox,
  div.checkout-enquiry .checkout-summary .checkout-row .inputbox {
    margin-left: 35px;
    padding-bottom: 50px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    align-items: flex-start;
  }
  .checkout .checkout-summary .checkout-row .inputbox input,
  div.checkout-enquiry .checkout-summary .checkout-row .inputbox input {
    -webkit-box-flex: 1;
    flex-grow: 1;
  }
  .checkout .summary,
  div.checkout-enquiry .summary {
    margin-top: 0;
  }
  .checkout .section-header,
  div.checkout-enquiry .section-header {
    padding-bottom: 15px;
  }
  .checkout .items-table tr.header-row th,
  div.checkout-enquiry .items-table tr.header-row th {
    line-height: 1;
    vertical-align: bottom;
  }
  .checkout .items-table:not(.summary) .value,
  div.checkout-enquiry .items-table:not(.summary) .value {
    max-width: 115px;
    min-width: 110px;
  }
  .checkout .items-table:not(.summary) .item-row td,
  div.checkout-enquiry .items-table:not(.summary) .item-row td {
    padding: 20px 0px 0px;
  }
  .checkout .items-table:not(.summary) .item-row:last-of-type td,
  div.checkout-enquiry .items-table:not(.summary) .item-row:last-of-type td {
    padding-bottom: 20px;
  }
  .checkout .items-table:not(.summary) .unit-price,
  div.checkout-enquiry .items-table:not(.summary) .unit-price {
    padding-left: 90px;
  }
  .checkout .items-table:not(.summary) tr:not(.mspoints-row) .availability,
  .checkout .items-table:not(.summary) tr:not(.mspoints-row) .shipping,
  .checkout .items-table:not(.summary) tr:not(.mspoints-row) .delivery,
  .checkout .items-table:not(.summary) tr:not(.mspoints-row) .unit-price,
  div.checkout-enquiry .items-table:not(.summary) tr:not(.mspoints-row) .availability,
  div.checkout-enquiry .items-table:not(.summary) tr:not(.mspoints-row) .shipping,
  div.checkout-enquiry .items-table:not(.summary) tr:not(.mspoints-row) .delivery,
  div.checkout-enquiry .items-table:not(.summary) tr:not(.mspoints-row) .unit-price {
    display: table-cell;
    visibility: hidden;
    min-width: 0;
    max-width: 0;
    padding: 0;
  }
  .checkout .items-table:not(.summary) .description .remove,
  div.checkout-enquiry .items-table:not(.summary) .description .remove {
    margin-bottom: 0;
  }
  .checkout .items-table:not(.summary) .description > div,
  div.checkout-enquiry .items-table:not(.summary) .description > div {
    padding-right: 10px;
  }
  .checkout .items-table:not(.summary).microsoft .points,
  div.checkout-enquiry .items-table:not(.summary).microsoft .points {
    display: table-cell;
    visibility: visible;
    min-width: 140px;
  }
  .checkout .items-table:not(.summary).microsoft .description > div,
  div.checkout-enquiry .items-table:not(.summary).microsoft .description > div {
    padding-right: 10px;
  }
  .checkout .items-table:not(.summary).microsoft .quantity,
  div.checkout-enquiry .items-table:not(.summary).microsoft .quantity {
    position: relative;
    left: 50px;
  }
  .checkout .items-table:not(.summary) .filler-row .filler-box,
  div.checkout-enquiry .items-table:not(.summary) .filler-row .filler-box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    align-items: flex-start;
  }
  .checkout .items-table:not(.summary) .filler-row .filler-box .btn,
  div.checkout-enquiry .items-table:not(.summary) .filler-row .filler-box .btn {
    margin-top: 10px;
  }
  .checkout .items-table:not(.summary) .filler-row .filler-box .proposition span,
  div.checkout-enquiry .items-table:not(.summary) .filler-row .filler-box .proposition span {
    margin: 0;
  }
  .checkout .items-table:not(.summary) td.quantity,
  .checkout .items-table:not(.summary) th.quantity,
  div.checkout-enquiry .items-table:not(.summary) td.quantity,
  div.checkout-enquiry .items-table:not(.summary) th.quantity {
    min-width: 120px;
  }
  .checkout .items-table:not(.summary) td.quantity .decrease,
  .checkout .items-table:not(.summary) td.quantity .increase,
  .checkout .items-table:not(.summary) th.quantity .decrease,
  .checkout .items-table:not(.summary) th.quantity .increase,
  div.checkout-enquiry .items-table:not(.summary) td.quantity .decrease,
  div.checkout-enquiry .items-table:not(.summary) td.quantity .increase,
  div.checkout-enquiry .items-table:not(.summary) th.quantity .decrease,
  div.checkout-enquiry .items-table:not(.summary) th.quantity .increase {
    height: 35px;
    line-height: 35px;
    margin: 0 5px;
    padding: 0;
    border: none;
    background: #f0f0f0;
  }
  .checkout .items-table:not(.summary) td.quantity .decrease a,
  .checkout .items-table:not(.summary) td.quantity .increase a,
  .checkout .items-table:not(.summary) th.quantity .decrease a,
  .checkout .items-table:not(.summary) th.quantity .increase a,
  div.checkout-enquiry .items-table:not(.summary) td.quantity .decrease a,
  div.checkout-enquiry .items-table:not(.summary) td.quantity .increase a,
  div.checkout-enquiry .items-table:not(.summary) th.quantity .decrease a,
  div.checkout-enquiry .items-table:not(.summary) th.quantity .increase a {
    padding: 0 3px;
  }
  .checkout .items-table:not(.summary) td.quantity .decrease.minValue,
  .checkout .items-table:not(.summary) td.quantity .increase.minValue,
  .checkout .items-table:not(.summary) th.quantity .decrease.minValue,
  .checkout .items-table:not(.summary) th.quantity .increase.minValue,
  div.checkout-enquiry .items-table:not(.summary) td.quantity .decrease.minValue,
  div.checkout-enquiry .items-table:not(.summary) td.quantity .increase.minValue,
  div.checkout-enquiry .items-table:not(.summary) th.quantity .decrease.minValue,
  div.checkout-enquiry .items-table:not(.summary) th.quantity .increase.minValue {
    background: transparent;
  }
  .checkout .payment-method:not('.shortpayment'),
  div.checkout-enquiry .payment-method:not('.shortpayment') {
    max-width: initial;
    width: 100%;
    position: relative;
    display: block;
    -webkit-column-count: 2;
    column-count: 2;
    padding-top: 40px;
    -webkit-column-gap: 50px;
    column-gap: 50px;
  }
  .checkout .payment-method:not('.shortpayment') tr,
  div.checkout-enquiry .payment-method:not('.shortpayment') tr {
    display: block;
    position: relative;
  }
  .checkout .payment-method:not('.shortpayment') tr:first-of-type,
  div.checkout-enquiry .payment-method:not('.shortpayment') tr:first-of-type {
    position: absolute;
    width: 100%;
    top: 0;
  }
  .checkout .payment-method:not('.shortpayment') tr td,
  div.checkout-enquiry .payment-method:not('.shortpayment') tr td {
    width: 100%;
    display: block;
    position: relative;
  }
  .checkout .payment-method:not('.shortpayment') label[for='CC'] *,
  div.checkout-enquiry .payment-method:not('.shortpayment') label[for='CC'] * {
    vertical-align: middle;
  }
  .checkout .payment-method:not('.shortpayment') label[for='CC'] span,
  div.checkout-enquiry .payment-method:not('.shortpayment') label[for='CC'] span {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 10px;
  }
  .checkout .delivery-method,
  div.checkout-enquiry .delivery-method {
    margin: 20px 0 0;
    max-width: initial;
    width: 100%;
    position: relative;
  }
  .checkout .delivery-method td,
  div.checkout-enquiry .delivery-method td {
    padding: 10px 0px;
    vertical-align: middle;
  }
  .checkout .delivery-method td > div,
  div.checkout-enquiry .delivery-method td > div {
    display: -webkit-box;
    display: flex;
  }
  .checkout .delivery-method td > div label,
  div.checkout-enquiry .delivery-method td > div label {
    position: relative;
  }
  .checkout .delivery-method td > div label button,
  div.checkout-enquiry .delivery-method td > div label button {
    margin-top: 10px;
  }
  .checkout .delivery-method td > div.accesspoint,
  div.checkout-enquiry .delivery-method td > div.accesspoint {
    -webkit-box-align: center;
    align-items: center;
  }
  .checkout .delivery-method td > div.accesspoint label,
  div.checkout-enquiry .delivery-method td > div.accesspoint label {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
  }
  .checkout .delivery-method td > div.accesspoint span,
  div.checkout-enquiry .delivery-method td > div.accesspoint span {
    margin-bottom: 0;
  }
  .checkout .delivery-method td > div.accesspoint button,
  div.checkout-enquiry .delivery-method td > div.accesspoint button {
    margin-top: 0;
  }
  .checkout .addinational-fields .checkout-block,
  div.checkout-enquiry .addinational-fields .checkout-block {
    margin: 0px !important;
  }
  .checkout .checkout-summary .checkout-block,
  div.checkout-enquiry .checkout-summary .checkout-block {
    margin: 0px !important;
  }
  .checkout .checkout-summary div.checkout-coupon,
  div.checkout-enquiry .checkout-summary div.checkout-coupon {
    flex-wrap: nowrap !important;
    -webkit-box-align: start !important;
    align-items: flex-start !important;
  }
  .checkout .checkout-summary .inputbox,
  div.checkout-enquiry .checkout-summary .inputbox {
    padding: 0px !important;
    margin: 0px 0px 50px !important;
    width: 65%;
  }
  .checkout .checkout-summary .agreements > div,
  div.checkout-enquiry .checkout-summary .agreements > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse;
  }
  .checkout .checkout-summary .agreements .errorbox,
  div.checkout-enquiry .checkout-summary .agreements .errorbox {
    right: initial;
    width: 100%;
  }
  .checkout div.checkout-block div.checkout-coupon,
  div.checkout-enquiry div.checkout-block div.checkout-coupon {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
  }
  .checkout div.checkout-block .checkout-message,
  div.checkout-enquiry div.checkout-block .checkout-message {
    -webkit-box-align: center;
    align-items: center;
  }
  .checkout div.block-wrapper,
  div.checkout-enquiry div.block-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: start;
    align-items: flex-start;
  }
  .checkout div.block-wrapper div.checkout-block:not(.wrapper),
  div.checkout-enquiry div.block-wrapper div.checkout-block:not(.wrapper) {
    width: 100%;
    margin-right: 30px;
    margin-left: 30px;
  }
  .checkout div.block-wrapper div.checkout-block:not(.wrapper) .checkout-row,
  div.checkout-enquiry div.block-wrapper div.checkout-block:not(.wrapper) .checkout-row {
    padding-right: 0;
    max-width: initial;
  }
  .checkout div.block-wrapper div.checkout-block:not(.wrapper) .checkout-row:not(.prefix-row):not(.type-row):not(.checkbox-row) .inputbox,
  div.checkout-enquiry div.block-wrapper div.checkout-block:not(.wrapper) .checkout-row:not(.prefix-row):not(.type-row):not(.checkbox-row) .inputbox {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: start;
    align-items: flex-start;
  }
  .checkout div.block-wrapper div.checkout-block:not(.wrapper) .checkout-row:not(.prefix-row):not(.type-row):not(.checkbox-row) .inputbox input:not(.short),
  div.checkout-enquiry div.block-wrapper div.checkout-block:not(.wrapper) .checkout-row:not(.prefix-row):not(.type-row):not(.checkbox-row) .inputbox input:not(.short) {
    -webkit-box-flex: 1;
    flex-grow: 1;
  }
  .checkout div.block-wrapper div.checkout-block:not(.wrapper) .inputbox:not('.cardNumber'),
  div.checkout-enquiry div.block-wrapper div.checkout-block:not(.wrapper) .inputbox:not('.cardNumber') {
    width: initial;
    -webkit-box-flex: 1;
    flex-grow: 1;
  }
  .checkout div.block-wrapper div.checkout-block:not(.wrapper) .inputbox:not('.cardNumber') label::after,
  div.checkout-enquiry div.block-wrapper div.checkout-block:not(.wrapper) .inputbox:not('.cardNumber') label::after {
    content: '' !important;
    white-space: initial !important;
  }
  .checkout div.block-wrapper div.checkout-block:not(.wrapper) .inputbox:not('.cardNumber').cardExpire, .checkout div.block-wrapper div.checkout-block:not(.wrapper) .inputbox:not('.cardNumber').cardCVC, .checkout div.block-wrapper div.checkout-block:not(.wrapper) .inputbox:not('.cardNumber').cardNumber, .checkout div.block-wrapper div.checkout-block:not(.wrapper) .inputbox:not('.cardNumber').cardZip,
  div.checkout-enquiry div.block-wrapper div.checkout-block:not(.wrapper) .inputbox:not('.cardNumber').cardExpire,
  div.checkout-enquiry div.block-wrapper div.checkout-block:not(.wrapper) .inputbox:not('.cardNumber').cardCVC,
  div.checkout-enquiry div.block-wrapper div.checkout-block:not(.wrapper) .inputbox:not('.cardNumber').cardNumber,
  div.checkout-enquiry div.block-wrapper div.checkout-block:not(.wrapper) .inputbox:not('.cardNumber').cardZip {
    -webkit-box-flex: 0;
    flex-grow: 0;
  }
  .checkout div.block-wrapper div.checkout-block:not(.wrapper) .databox,
  div.checkout-enquiry div.block-wrapper div.checkout-block:not(.wrapper) .databox {
    -webkit-box-flex: 1;
    flex-grow: 1;
    width: initial;
  }
  .checkout div.block-wrapper div.checkout-block:not(.wrapper) .labelbox,
  div.checkout-enquiry div.block-wrapper div.checkout-block:not(.wrapper) .labelbox {
    -webkit-box-flex: 0;
    flex-grow: 0;
    max-width: initial;
    flex-basis: 230px;
  }
  .checkout div.block-wrapper div.checkout-block:not(.wrapper) .labelbox.expires-stripe,
  div.checkout-enquiry div.block-wrapper div.checkout-block:not(.wrapper) .labelbox.expires-stripe {
    flex-basis: auto;
  }
  .checkout .accesspoint_map,
  div.checkout-enquiry .accesspoint_map {
    max-height: 580px;
    top: 20px;
  }
  .checkout .accesspoint_map #address-selected,
  div.checkout-enquiry .accesspoint_map #address-selected {
    margin: 10px 0;
  }
  .checkout .accesspoint_map .map-container .map,
  div.checkout-enquiry .accesspoint_map .map-container .map {
    height: 400px;
    width: 70%;
  }
  .checkout .accesspoint_map .map-container .points-list,
  div.checkout-enquiry .accesspoint_map .map-container .points-list {
    max-height: 400px;
  }
  .checkout .accesspoint_map .footer,
  div.checkout-enquiry .accesspoint_map .footer {
    margin-top: 0px;
  }
  .checkout .short-cart-paydel .checkout-block,
  div.checkout-enquiry .short-cart-paydel .checkout-block {
    margin: 0px !important;
  }
  .short-cart-address .invoice-primary-data .double.area-phone .inputbox:first-child {
    -webkit-box-flex: initial;
    flex-grow: initial;
  }
  .short-cart-address .invoice-primary-data .triple .inputbox {
    width: 33%;
    max-width: 300px;
  }
  .short-cart-address .csp-account .checkout-block:first-child, .short-cart-address .csp-account .checkout-block:last-child {
    margin: 0px !important;
  }
}

/*
     ███████  ██████ ███████
          ██ ██           ██
         ██  ███████     ██
        ██   ██    ██   ██
███████ ██    ██████    ██
*/
@media all and (max-width: 767px) {
  .checkout .block-wrapper .payment-method,
  div.checkout-enquiry .block-wrapper .payment-method {
    -webkit-column-count: initial;
    column-count: initial;
  }
  .checkout .block-wrapper .payment-method .errorbox,
  div.checkout-enquiry .block-wrapper .payment-method .errorbox {
    position: absolute;
    margin-left: 0;
    z-index: 100;
  }
  .checkout .block-wrapper .delivery-method,
  div.checkout-enquiry .block-wrapper .delivery-method {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
  }
  .checkout .block-wrapper .delivery-method tr td:nth-last-child(2),
  div.checkout-enquiry .block-wrapper .delivery-method tr td:nth-last-child(2) {
    padding-right: 10px;
  }
  .checkout .block-wrapper .delivery-method td:not(:first-of-type):not(:last-of-type),
  div.checkout-enquiry .block-wrapper .delivery-method td:not(:first-of-type):not(:last-of-type) {
    display: inline-block;
    position: relative;
    width: 100%;
    text-align: right;
  }
  .checkout .block-wrapper .delivery-method td:not(:first-of-type):not(:last-of-type) label,
  div.checkout-enquiry .block-wrapper .delivery-method td:not(:first-of-type):not(:last-of-type) label {
    padding-bottom: 0;
  }
  .checkout .block-wrapper .delivery-method td label,
  div.checkout-enquiry .block-wrapper .delivery-method td label {
    max-height: initial;
  }
  .checkout .block-wrapper .delivery-method td label *,
  div.checkout-enquiry .block-wrapper .delivery-method td label * {
    vertical-align: top;
  }
  .checkout .block-wrapper .delivery-method td label button,
  div.checkout-enquiry .block-wrapper .delivery-method td label button {
    margin-top: 0;
  }
  .checkout .block-wrapper .delivery-method .accesspoint label,
  div.checkout-enquiry .block-wrapper .delivery-method .accesspoint label {
    flex-wrap: wrap;
    padding: 0px;
  }
  .checkout .block-wrapper .delivery-method .accesspoint label button,
  div.checkout-enquiry .block-wrapper .delivery-method .accesspoint label button {
    width: 100%;
    margin: 10px 0px 0px 0px !important;
  }
  .checkout .block-wrapper .delivery-method td:last-of-type,
  div.checkout-enquiry .block-wrapper .delivery-method td:last-of-type {
    display: block;
  }
  .checkout .block-wrapper .delivery-method td:last-of-type label,
  div.checkout-enquiry .block-wrapper .delivery-method td:last-of-type label {
    padding-top: 0;
  }
  .checkout .block-wrapper .delivery-method td:nth-child(2) span,
  div.checkout-enquiry .block-wrapper .delivery-method td:nth-child(2) span {
    display: none;
  }
  .checkout .block-wrapper .delivery-method th,
  div.checkout-enquiry .block-wrapper .delivery-method th {
    position: relative;
  }
  .checkout .block-wrapper .delivery-method .errorbox,
  div.checkout-enquiry .block-wrapper .delivery-method .errorbox {
    position: absolute;
    top: 20px;
    margin-left: 0;
    left: 0;
    z-index: 100;
  }
  .checkout .block-wrapper .payment-delivery,
  div.checkout-enquiry .block-wrapper .payment-delivery {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .checkout .accesspoint_map .footer,
  div.checkout-enquiry .accesspoint_map .footer {
    flex-wrap: wrap;
  }
  .checkout .accesspoint_map .footer .legend,
  div.checkout-enquiry .accesspoint_map .footer .legend {
    min-width: 100%;
    margin-bottom: 20px;
  }
  .checkout .accesspoint_map .footer .legend span,
  div.checkout-enquiry .accesspoint_map .footer .legend span {
    text-align: right;
  }
  .checkout .accesspoint_map .footer .legend span svg,
  div.checkout-enquiry .accesspoint_map .footer .legend span svg {
    float: left;
    clear: left;
  }
  .checkout .accesspoint_map .closest a,
  .checkout .accesspoint_map .closest span,
  div.checkout-enquiry .accesspoint_map .closest a,
  div.checkout-enquiry .accesspoint_map .closest span {
    display: block;
    margin: 20px 0;
  }
  .checkout .accesspoint_map .map-container,
  div.checkout-enquiry .accesspoint_map .map-container {
    display: block;
  }
  .checkout .accesspoint_map .map-container .map,
  div.checkout-enquiry .accesspoint_map .map-container .map {
    min-height: 200px;
    margin: 20px 0;
  }
  .checkout .accesspoint_map .map-container .map iframe,
  div.checkout-enquiry .accesspoint_map .map-container .map iframe {
    min-height: 200px !important;
  }
  .checkout .accesspoint_map .map-container .map .point-info,
  div.checkout-enquiry .accesspoint_map .map-container .map .point-info {
    top: unset;
    bottom: 50%;
  }
  .checkout .accesspoint_map .map-container .points-list,
  div.checkout-enquiry .accesspoint_map .map-container .points-list {
    flex-wrap: wrap;
    width: 100%;
    height: 200px;
  }
  .checkout .accesspoint_map .map-container .points-list ul,
  div.checkout-enquiry .accesspoint_map .map-container .points-list ul {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    padding-top: 20px;
  }
  .checkout .accesspoint_map .map-container .points-list li,
  div.checkout-enquiry .accesspoint_map .map-container .points-list li {
    width: 50%;
  }
  .checkout .safetybox img:last-of-type,
  div.checkout-enquiry .safetybox img:last-of-type {
    display: none;
  }
  .checkout .steps,
  div.checkout-enquiry .steps {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    align-items: center;
  }
  .checkout .steps h1,
  div.checkout-enquiry .steps h1 {
    width: initial;
    margin-bottom: 0px;
  }
  .checkout .block-wrapper,
  div.checkout-enquiry .block-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: start;
    align-items: flex-start;
  }
  .checkout table.summary .summary-row td:first-of-type,
  div.checkout-enquiry table.summary .summary-row td:first-of-type {
    text-align: left;
  }
  .checkout table.summary .summary-row .tooltip-mark,
  div.checkout-enquiry table.summary .summary-row .tooltip-mark {
    float: right;
  }
  .checkout .summary-prices table tr:last-of-type td:first-of-type,
  div.checkout-enquiry .summary-prices table tr:last-of-type td:first-of-type {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
  .checkout .summary-prices table td:first-of-type,
  div.checkout-enquiry .summary-prices table td:first-of-type {
    text-align: left;
  }
  .checkout table.summary tr:last-of-type td:first-of-type,
  div.checkout-enquiry table.summary tr:last-of-type td:first-of-type {
    padding-right: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: end;
    justify-content: flex-end;
    text-align: left;
  }
  .checkout table.summary tr:last-of-type td:first-of-type span:first-of-type,
  div.checkout-enquiry table.summary tr:last-of-type td:first-of-type span:first-of-type {
    margin-left: 10px;
  }
  .checkout table.items-table:not(.summary),
  div.checkout-enquiry table.items-table:not(.summary) {
    width: 100%;
  }
  .checkout table.items-table:not(.summary) td.description,
  div.checkout-enquiry table.items-table:not(.summary) td.description {
    min-width: 265px;
  }
  .checkout table.items-table:not(.summary) td.description .description-wrap,
  div.checkout-enquiry table.items-table:not(.summary) td.description .description-wrap {
    padding: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    align-items: flex-start;
  }
  .checkout table.items-table:not(.summary) td.description .image,
  div.checkout-enquiry table.items-table:not(.summary) td.description .image {
    display: inline;
  }
  .checkout table.items-table:not(.summary).microsoft .points,
  div.checkout-enquiry table.items-table:not(.summary).microsoft .points {
    display: none !important;
  }
  .checkout table.items-table:not(.summary).microsoft .quantity,
  div.checkout-enquiry table.items-table:not(.summary).microsoft .quantity {
    left: 0;
  }
  .checkout table.items-table:not(.summary).microsoft .mspoints-row td,
  div.checkout-enquiry table.items-table:not(.summary).microsoft .mspoints-row td {
    display: none;
  }
  .checkout table.items-table:not(.summary) .header-row th,
  div.checkout-enquiry table.items-table:not(.summary) .header-row th {
    border: none;
  }
  .checkout table.items-table:not(.summary) .header-row th.quantity,
  .checkout table.items-table:not(.summary) .header-row th.value,
  div.checkout-enquiry table.items-table:not(.summary) .header-row th.quantity,
  div.checkout-enquiry table.items-table:not(.summary) .header-row th.value {
    display: none;
  }
  .checkout table.items-table:not(.summary) tr.filler-row,
  div.checkout-enquiry table.items-table:not(.summary) tr.filler-row {
    clear: both;
  }
  .checkout table.items-table:not(.summary) tr.filler-row .filler-box,
  div.checkout-enquiry table.items-table:not(.summary) tr.filler-row .filler-box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: start;
    align-items: flex-start;
  }
  .checkout table.items-table:not(.summary) tr.filler-row .filler-box .info,
  div.checkout-enquiry table.items-table:not(.summary) tr.filler-row .filler-box .info {
    -webkit-box-flex: 1;
    flex-grow: 1;
    flex-basis: 50px;
  }
  .checkout table.items-table:not(.summary) tr.filler-row .filler-box .proposition,
  div.checkout-enquiry table.items-table:not(.summary) tr.filler-row .filler-box .proposition {
    text-align: left;
    width: 100%;
    margin-left: 52px;
  }
  .checkout table.items-table:not(.summary) tr.filler-row .filler-box .proposition span,
  div.checkout-enquiry table.items-table:not(.summary) tr.filler-row .filler-box .proposition span {
    margin: 15px 0;
  }
  .checkout table.items-table:not(.summary) tr.filler-row .filler-box .proposition a,
  div.checkout-enquiry table.items-table:not(.summary) tr.filler-row .filler-box .proposition a {
    margin-top: 0;
  }
  .checkout table.items-table:not(.summary) tr.item-row,
  div.checkout-enquiry table.items-table:not(.summary) tr.item-row {
    clear: both;
  }
  .checkout table.items-table:not(.summary) tr.item-row:nth-child(2),
  div.checkout-enquiry table.items-table:not(.summary) tr.item-row:nth-child(2) {
    border-top: solid 1px #d3d3d3;
  }
  .checkout table.items-table:not(.summary) tr.item-row td:not(.unit-price):not(.shipping):not(.availability),
  div.checkout-enquiry table.items-table:not(.summary) tr.item-row td:not(.unit-price):not(.shipping):not(.availability) {
    display: inline-block;
    vertical-align: top;
  }
  .checkout table.items-table:not(.summary) tr.item-row .availability,
  .checkout table.items-table:not(.summary) tr.item-row .shipping,
  .checkout table.items-table:not(.summary) tr.item-row .unit-price,
  div.checkout-enquiry table.items-table:not(.summary) tr.item-row .availability,
  div.checkout-enquiry table.items-table:not(.summary) tr.item-row .shipping,
  div.checkout-enquiry table.items-table:not(.summary) tr.item-row .unit-price {
    display: none;
  }
  .checkout table.items-table:not(.summary) tr.item-row td.description,
  div.checkout-enquiry table.items-table:not(.summary) tr.item-row td.description {
    max-width: 70%;
    float: left;
  }
  .checkout table.items-table:not(.summary) tr.item-row td.description .remove,
  div.checkout-enquiry table.items-table:not(.summary) tr.item-row td.description .remove {
    margin-top: 10px;
  }
  .checkout table.items-table:not(.summary) tr.item-row td.description .remove a,
  div.checkout-enquiry table.items-table:not(.summary) tr.item-row td.description .remove a {
    padding: 3px 6px;
    background: #f0f0f0;
    transition: 100;
  }
  .checkout table.items-table:not(.summary) tr.item-row td.description .remove a:hover,
  div.checkout-enquiry table.items-table:not(.summary) tr.item-row td.description .remove a:hover {
    background: rgba(0, 0, 0, 0.1);
  }
  .checkout table.items-table:not(.summary) tr.item-row td.description .remove img,
  div.checkout-enquiry table.items-table:not(.summary) tr.item-row td.description .remove img {
    padding: 0;
  }
  .checkout table.items-table:not(.summary) tr.item-row td.description .remove span,
  div.checkout-enquiry table.items-table:not(.summary) tr.item-row td.description .remove span {
    display: none;
  }
  .checkout table.items-table:not(.summary) tr.item-row td.quantity,
  div.checkout-enquiry table.items-table:not(.summary) tr.item-row td.quantity {
    border-top: 1px solid #d3d3d3;
    padding-bottom: 10px;
    float: right;
    border: none;
    min-widht: initial;
  }
  .checkout table.items-table:not(.summary) tr.item-row td.quantity .quantity-wrap,
  div.checkout-enquiry table.items-table:not(.summary) tr.item-row td.quantity .quantity-wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    justify-content: flex-end;
  }
  .checkout table.items-table:not(.summary) tr.item-row td.quantity .quantity-wrap .increase,
  div.checkout-enquiry table.items-table:not(.summary) tr.item-row td.quantity .quantity-wrap .increase {
    margin-right: 0;
  }
  .checkout table.items-table:not(.summary) tr.item-row td.value,
  div.checkout-enquiry table.items-table:not(.summary) tr.item-row td.value {
    position: relative;
    padding: 0;
    text-align: right;
    float: right;
    width: initial;
    clear: right;
    min-width: none;
  }
  .checkout table.items-table:not(.summary) tr,
  div.checkout-enquiry table.items-table:not(.summary) tr {
    display: block;
    position: relative;
  }
  .checkout .delivery-method label[for=cc] span,
  .checkout .payment-method label[for=cc] span,
  div.checkout-enquiry .delivery-method label[for=cc] span,
  div.checkout-enquiry .payment-method label[for=cc] span {
    display: inline;
  }
  .checkout .checkout-coupon,
  div.checkout-enquiry .checkout-coupon {
    padding-bottom: 60px;
    margin-bottom: 30px;
    border-bottom: 1px solid #d3d3d3;
  }
  .checkout .delivery-method .date,
  .checkout .delivery-method .price,
  div.checkout-enquiry .delivery-method .date,
  div.checkout-enquiry .delivery-method .price {
    display: block;
    text-align: right;
    vertical-align: top;
    padding: 0 10px 0 0;
    position: absolute !important;
    width: 260px;
    right: 0;
  }
  .checkout .delivery-method tr.ap td:last-of-type,
  div.checkout-enquiry .delivery-method tr.ap td:last-of-type {
    height: 52px;
  }
  .checkout .delivery-method .date,
  div.checkout-enquiry .delivery-method .date {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    align-items: flex-start;
  }
  .checkout .delivery-method .date span.tooltip-mark,
  div.checkout-enquiry .delivery-method .date span.tooltip-mark {
    display: inline;
    position: relative;
  }
  .checkout .delivery-method .price,
  div.checkout-enquiry .delivery-method .price {
    top: 20px;
  }
  .checkout .different-delivery .text-row,
  div.checkout-enquiry .different-delivery .text-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    align-items: flex-start;
    background: black;
  }
  .checkout .csp-account .have-account,
  div.checkout-enquiry .csp-account .have-account {
    display: -webkit-box;
    display: flex;
  }
  .checkout .checkout-block .checkout-row,
  div.checkout-enquiry .checkout-block .checkout-row {
    height: initial;
  }
  .checkout .checkout-block .checkout-row .inputbox,
  div.checkout-enquiry .checkout-block .checkout-row .inputbox {
    margin: 0 0 0px;
    padding: 0;
    width: 100%;
  }
  .checkout .checkout-block .checkout-row.prefix-row .select-list,
  div.checkout-enquiry .checkout-block .checkout-row.prefix-row .select-list {
    width: 100px;
  }
  .checkout .checkout-block .checkout-row.prefix-row .prefix,
  div.checkout-enquiry .checkout-block .checkout-row.prefix-row .prefix {
    flex-basis: 100px;
    width: initial;
  }
  .checkout .checkout-block .checkout-row.prefix-row input[type='text'],
  div.checkout-enquiry .checkout-block .checkout-row.prefix-row input[type='text'] {
    -webkit-box-flex: 1;
    flex-grow: 1;
    width: 80px;
  }
  .checkout .checkout-block .checkout-row.checkout-message,
  div.checkout-enquiry .checkout-block .checkout-row.checkout-message {
    flex-wrap: wrap;
  }
  .checkout .checkout-block .checkout-row.checkout-coupon,
  div.checkout-enquiry .checkout-block .checkout-row.checkout-coupon {
    flex-wrap: wrap !important;
    padding-bottom: 30px;
  }
  .checkout .checkout-block .checkout-row.checkout-coupon .inputbox,
  div.checkout-enquiry .checkout-block .checkout-row.checkout-coupon .inputbox {
    margin: 0px 0px 0px !important;
  }
  .checkout .checkout-block .checkout-row.type-row .inputbox,
  div.checkout-enquiry .checkout-block .checkout-row.type-row .inputbox {
    -webkit-box-align: center;
    align-items: center;
  }
  .checkout .checkout-block .checkout-row.type-row .inputbox input,
  div.checkout-enquiry .checkout-block .checkout-row.type-row .inputbox input {
    -webkit-box-flex: initial;
    flex-grow: initial;
    flex-basis: 10px;
  }
  .checkout .addinational-fields,
  div.checkout-enquiry .addinational-fields {
    padding-bottom: 20px;
    margin-bottom: 30px;
  }
  .checkout .addinational-fields .labelbox,
  div.checkout-enquiry .addinational-fields .labelbox {
    width: initial;
  }
  .checkout .checkout-navigation,
  div.checkout-enquiry .checkout-navigation {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    align-items: flex-start;
  }
  .checkout .checkout-navigation input,
  div.checkout-enquiry .checkout-navigation input {
    margin-bottom: 25px;
    width: 100%;
  }
  .short-cart-address .invoice-primary-data {
    margin: 0px 0px 30px !important;
    padding: 0px 30px;
  }
}

/*     
   ██   ██  █████   ██████
   ██   ██ ██   ██ ██  ████
   ███████  █████  ██ ██ ██
        ██ ██   ██ ████  ██
███████ ██  █████   ██████
*/
@media all and (max-width: 479px) {
  .safetybox {
    display: none !important;
  }
  div.checkout-enquiry .wrapper > *:nth-child(-n+5) {
    margin-left: 20px;
    margin-right: 20px;
  }
  .newsletter-box .bg-stripes {
    display: none;
  }
  footer .wrapper .grid-1-2 {
    width: 100%;
  }
  .safetybox {
    display: none;
  }
  input[type='text'].short {
    width: 100%;
  }
  .csp-account .subdomain input {
    flex-basis: 50% !important;
  }
  .csp-account .have-account {
    display: block !important;
    margin-bottom: 20px;
  }
  div.checkout .errorbox,
  div.checkout-enquiry .errorbox {
    min-height: auto;
  }
  div.checkout.step4,
  div.checkout-enquiry.step4 {
    width: 100%;
  }
  div.checkout.step4 .checkout-row.double,
  div.checkout-enquiry.step4 .checkout-row.double {
    width: 100%;
  }
  div.checkout.step4 .checkout-row.double:first-child,
  div.checkout-enquiry.step4 .checkout-row.double:first-child {
    width: 100% !important;
  }
  div.checkout.step4 .checkout-row.double:nth-child(2),
  div.checkout-enquiry.step4 .checkout-row.double:nth-child(2) {
    width: 100% !important;
  }
  div.checkout.step4 .checkout-row.double .tooltip-mark,
  div.checkout-enquiry.step4 .checkout-row.double .tooltip-mark {
    top: unset !important;
    right: unset !important;
  }
  div.checkout .labelbox,
  div.checkout-enquiry .labelbox {
    width: 100% !important;
    flex-basis: initial !important;
  }
  div.checkout .checkout-block.stripe-block,
  div.checkout-enquiry .checkout-block.stripe-block {
    border-right: 0;
    margin: 0 0 0 0px !important;
    padding-right: 0px;
    width: 100%;
  }
  div.checkout .checkout-block.stripe-block .checkout-row .tooltip-mark,
  div.checkout-enquiry .checkout-block.stripe-block .checkout-row .tooltip-mark {
    position: relative;
    top: -40px;
    right: -45%;
  }
  div.checkout .checkout-block.stripe-block .checkout-row .submitBtn,
  div.checkout-enquiry .checkout-block.stripe-block .checkout-row .submitBtn {
    text-align: right;
  }
  div.checkout .checkout-block.stripe-block .checkout-row .inputbox,
  div.checkout-enquiry .checkout-block.stripe-block .checkout-row .inputbox {
    margin-bottom: 5px;
  }
  div.checkout .checkout-block.stripe-block .checkout-row .inputbox.cardNumber, div.checkout .checkout-block.stripe-block .checkout-row .inputbox.cardCVC, div.checkout .checkout-block.stripe-block .checkout-row .inputbox.cardExpire, div.checkout .checkout-block.stripe-block .checkout-row .inputbox.cardZip,
  div.checkout-enquiry .checkout-block.stripe-block .checkout-row .inputbox.cardNumber,
  div.checkout-enquiry .checkout-block.stripe-block .checkout-row .inputbox.cardCVC,
  div.checkout-enquiry .checkout-block.stripe-block .checkout-row .inputbox.cardExpire,
  div.checkout-enquiry .checkout-block.stripe-block .checkout-row .inputbox.cardZip {
    width: 100% !important;
    max-width: 100% !important;
  }
  div.checkout .checkout-block.stripe-block .checkout-row .inputbox.cardExpire,
  div.checkout-enquiry .checkout-block.stripe-block .checkout-row .inputbox.cardExpire {
    max-width: 120px !important;
    width: 120px !important;
  }
  div.checkout .checkout-block.stripe-block .checkout-row .inputbox #card-element-cvc,
  div.checkout-enquiry .checkout-block.stripe-block .checkout-row .inputbox #card-element-cvc {
    width: 100% !important;
    max-width: 100% !important;
  }
  div.checkout .checkout-block.stripe-block .checkout-row .inputbox #card-element-postal-code,
  div.checkout-enquiry .checkout-block.stripe-block .checkout-row .inputbox #card-element-postal-code {
    width: 100% !important;
    min-width: 100% !important;
  }
  div.checkout .checkout-block.stripe-block .checkout-row .labelbox.expires-stripe,
  div.checkout-enquiry .checkout-block.stripe-block .checkout-row .labelbox.expires-stripe {
    width: 70px !important;
  }
  div.checkout .checkout-block.stripe-block .checkout-row #card-element-number,
  div.checkout-enquiry .checkout-block.stripe-block .checkout-row #card-element-number {
    margin-left: 0px;
    margin-right: 0px;
  }
  div.checkout .checkout-block.stripe-block .checkout-row.double:nth-child(2),
  div.checkout-enquiry .checkout-block.stripe-block .checkout-row.double:nth-child(2) {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
  }
  div.checkout .checkout-block.stripe-block .checkout-row.double:nth-child(2) .labelbox,
  div.checkout-enquiry .checkout-block.stripe-block .checkout-row.double:nth-child(2) .labelbox {
    width: initial !important;
  }
  div.checkout .checkout-block.stripe-block .cardExpire,
  div.checkout-enquiry .checkout-block.stripe-block .cardExpire {
    width: 75px !important;
  }
  div.checkout .checkout-block.stripe-block .cardNumber,
  div.checkout .checkout-block.stripe-block .cardCVC,
  div.checkout-enquiry .checkout-block.stripe-block .cardNumber,
  div.checkout-enquiry .checkout-block.stripe-block .cardCVC {
    width: 100% !important;
  }
  div.checkout .block-wrapper.stripe #sources-payment-form,
  div.checkout-enquiry .block-wrapper.stripe #sources-payment-form {
    width: 100%;
  }
  div.checkout .block-wrapper.stripe #sources-payment-form .stripe-block h3,
  div.checkout-enquiry .block-wrapper.stripe #sources-payment-form .stripe-block h3 {
    margin-left: 10px;
  }
  div.checkout .payment-method-data-wrapper .checkout-row,
  div.checkout-enquiry .payment-method-data-wrapper .checkout-row {
    text-align: right !important;
  }
  div.checkout div.wrapper .accesspoint_map .footer,
  div.checkout-enquiry div.wrapper .accesspoint_map .footer {
    display: block;
    text-align: center;
  }
  div.checkout div.wrapper .accesspoint_map .legend,
  div.checkout-enquiry div.wrapper .accesspoint_map .legend {
    display: block;
    text-align: left;
  }
  div.checkout div.wrapper .accesspoint_map .legend span,
  div.checkout-enquiry div.wrapper .accesspoint_map .legend span {
    display: block;
    margin: 0 0 20px;
    padding: 0;
    text-align: left;
  }
  div.checkout div.wrapper .accesspoint_map .legend span svg,
  div.checkout-enquiry div.wrapper .accesspoint_map .legend span svg {
    float: none;
  }
  div.checkout div.wrapper .accesspoint_map .map-container .points-list li,
  div.checkout-enquiry div.wrapper .accesspoint_map .map-container .points-list li {
    width: 100% !important;
  }
  div.checkout div.wrapper > table,
  div.checkout div.wrapper > div:not(.checkout-data),
  div.checkout-enquiry div.wrapper > table,
  div.checkout-enquiry div.wrapper > div:not(.checkout-data) {
    margin-left: 20px;
    margin-right: 20px;
  }
  div.checkout div.wrapper div.payment-delivery,
  div.checkout-enquiry div.wrapper div.payment-delivery {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  div.checkout div.wrapper div.payment-delivery div.delivery-method,
  div.checkout-enquiry div.wrapper div.payment-delivery div.delivery-method {
    margin: 0px 0px 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d3d3d3;
  }
  div.checkout div.wrapper div.payment-delivery div.delivery-method .errorbox,
  div.checkout-enquiry div.wrapper div.payment-delivery div.delivery-method .errorbox {
    position: absolute;
    right: 0px;
    left: auto;
    top: 0px;
  }
  div.checkout div.wrapper div.payment-delivery div.delivery-method .accesspoint label button,
  div.checkout-enquiry div.wrapper div.payment-delivery div.delivery-method .accesspoint label button {
    width: auto !important;
  }
  div.checkout div.wrapper div.payment-delivery div.delivery-method tr:first-of-type,
  div.checkout-enquiry div.wrapper div.payment-delivery div.delivery-method tr:first-of-type {
    position: relative;
    display: block;
  }
  div.checkout div.wrapper div.payment-delivery div.delivery-method tr:first-of-type .title,
  div.checkout-enquiry div.wrapper div.payment-delivery div.delivery-method tr:first-of-type .title {
    padding-bottom: 20px;
  }
  div.checkout div.wrapper div.payment-delivery div.delivery-method tr:first-of-type .price,
  div.checkout-enquiry div.wrapper div.payment-delivery div.delivery-method tr:first-of-type .price {
    margin-top: 10px;
    margin-bottom: 10px;
    top: 0;
  }
  div.checkout div.wrapper div.payment-delivery div.delivery-method tr:nth-child(n) td,
  div.checkout div.wrapper div.payment-delivery div.delivery-method tr:nth-child(n) th,
  div.checkout-enquiry div.wrapper div.payment-delivery div.delivery-method tr:nth-child(n) td,
  div.checkout-enquiry div.wrapper div.payment-delivery div.delivery-method tr:nth-child(n) th {
    display: block;
    width: 100%;
    text-align: left;
    position: relative !important;
  }
  div.checkout div.wrapper div.payment-delivery div.delivery-method tr:nth-child(n) td *,
  div.checkout div.wrapper div.payment-delivery div.delivery-method tr:nth-child(n) th *,
  div.checkout-enquiry div.wrapper div.payment-delivery div.delivery-method tr:nth-child(n) td *,
  div.checkout-enquiry div.wrapper div.payment-delivery div.delivery-method tr:nth-child(n) th * {
    text-align: left;
  }
  div.checkout div.wrapper div.payment-delivery div.delivery-method tr:nth-child(n) td,
  div.checkout-enquiry div.wrapper div.payment-delivery div.delivery-method tr:nth-child(n) td {
    padding: 0px 0px 10px;
  }
  div.checkout div.wrapper div.payment-delivery div.delivery-method tr:nth-child(n) td label,
  div.checkout-enquiry div.wrapper div.payment-delivery div.delivery-method tr:nth-child(n) td label {
    padding-left: 35px;
  }
  div.checkout div.wrapper div.payment-delivery div.delivery-method tr:nth-child(n) td:first-of-type,
  div.checkout-enquiry div.wrapper div.payment-delivery div.delivery-method tr:nth-child(n) td:first-of-type {
    padding-top: 10px;
  }
  div.checkout div.wrapper div.payment-delivery div.delivery-method tr:nth-child(n) td:first-of-type label,
  div.checkout-enquiry div.wrapper div.payment-delivery div.delivery-method tr:nth-child(n) td:first-of-type label {
    padding: 0;
  }
  div.checkout div.wrapper div.payment-delivery div.delivery-method tr:nth-child(n) td:last-of-type,
  div.checkout-enquiry div.wrapper div.payment-delivery div.delivery-method tr:nth-child(n) td:last-of-type {
    padding-bottom: 15px;
  }
  div.checkout div.wrapper div.payment-delivery div.delivery-method tr:nth-child(n) td:nth-child(2) label, div.checkout div.wrapper div.payment-delivery div.delivery-method tr:nth-child(n) td:nth-child(3) label,
  div.checkout-enquiry div.wrapper div.payment-delivery div.delivery-method tr:nth-child(n) td:nth-child(2) label,
  div.checkout-enquiry div.wrapper div.payment-delivery div.delivery-method tr:nth-child(n) td:nth-child(3) label {
    padding-bottom: 0;
    padding-top: 0;
  }
  div.checkout div.wrapper div.payment-delivery div.delivery-method .tooltip-mark,
  div.checkout-enquiry div.wrapper div.payment-delivery div.delivery-method .tooltip-mark {
    position: relative;
    right: 0;
  }
  div.checkout div.wrapper div.payment-delivery .payment-method label *,
  div.checkout-enquiry div.wrapper div.payment-delivery .payment-method label * {
    vertical-align: middle;
  }
  div.checkout div.wrapper div.payment-delivery .payment-method label span,
  div.checkout-enquiry div.wrapper div.payment-delivery .payment-method label span {
    display: inline;
  }
  div.checkout div.wrapper div.payment-delivery label,
  div.checkout-enquiry div.wrapper div.payment-delivery label {
    width: initial;
  }
  div.checkout div.wrapper .addinational-fields,
  div.checkout-enquiry div.wrapper .addinational-fields {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
  div.checkout div.wrapper .checkout-coupon .labelbox,
  div.checkout-enquiry div.wrapper .checkout-coupon .labelbox {
    margin-bottom: 10px;
  }
  div.checkout div.wrapper .checkout-coupon .inputbox > input,
  div.checkout-enquiry div.wrapper .checkout-coupon .inputbox > input {
    max-width: 100%;
    margin-bottom: 5px;
  }
  div.checkout div.wrapper .checkout-coupon .errorbox,
  div.checkout-enquiry div.wrapper .checkout-coupon .errorbox {
    min-height: 36px;
  }
  div.checkout div.wrapper .checkout-coupon .remove-coupon *,
  div.checkout-enquiry div.wrapper .checkout-coupon .remove-coupon * {
    vertical-align: middle;
  }
  div.checkout div.wrapper .checkout-coupon .remove-coupon img,
  div.checkout-enquiry div.wrapper .checkout-coupon .remove-coupon img {
    background: #f0f0f0;
    padding: 4px;
    margin-right: 10px;
  }
  div.checkout div.wrapper .checkout-coupon #checkout-coupon,
  div.checkout-enquiry div.wrapper .checkout-coupon #checkout-coupon {
    width: 50%;
  }
  div.checkout div.wrapper div.checkout-tab div.block-wrapper .type-row,
  div.checkout-enquiry div.wrapper div.checkout-tab div.block-wrapper .type-row {
    display: block;
  }
  div.checkout div.wrapper div.checkout-tab div.block-wrapper .type-row .inputbox,
  div.checkout-enquiry div.wrapper div.checkout-tab div.block-wrapper .type-row .inputbox {
    display: block;
  }
  div.checkout div.wrapper div.checkout-tab div.block-wrapper .type-row .inputbox label::after,
  div.checkout-enquiry div.wrapper div.checkout-tab div.block-wrapper .type-row .inputbox label::after {
    content: " \a " !important;
    white-space: pre !important;
  }
  div.checkout div.wrapper div.checkout-tab .tab-title,
  div.checkout-enquiry div.wrapper div.checkout-tab .tab-title {
    padding-right: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    align-content: center;
    -webkit-box-align: center;
    align-items: center;
  }
  div.checkout div.wrapper div.checkout-tab .tab-title span,
  div.checkout-enquiry div.wrapper div.checkout-tab .tab-title span {
    -webkit-box-ordinal-group: 3;
    order: 2;
    margin-top: 5px;
  }
  div.checkout .delivery-method tr td,
  div.checkout-enquiry .delivery-method tr td {
    display: block;
    text-align: left;
  }
  div.checkout .steps,
  div.checkout-enquiry .steps {
    display: block;
    margin-bottom: 20px;
  }
  div.checkout .steps h1,
  div.checkout-enquiry .steps h1 {
    margin-bottom: 15px;
  }
  div.checkout .steps ~ .section-header,
  div.checkout-enquiry .steps ~ .section-header {
    display: none;
  }
  div.checkout header .safetybox,
  div.checkout-enquiry header .safetybox {
    display: none;
  }
  div.checkout .section-border,
  div.checkout-enquiry .section-border {
    width: auto;
  }
  div.checkout .addinational-fields .labelbox,
  div.checkout-enquiry .addinational-fields .labelbox {
    width: 100%;
  }
  div.checkout .addinational-fields .labelbox label,
  div.checkout-enquiry .addinational-fields .labelbox label {
    margin-top: 0;
  }
  div.checkout .additional,
  div.checkout-enquiry .additional {
    margin: 25px 0;
    padding: 0;
  }
  div.checkout .additional h2,
  div.checkout-enquiry .additional h2 {
    margin: 0;
  }
  div.checkout table.summary.items-table,
  div.checkout-enquiry table.summary.items-table {
    width: auto;
  }
  div.checkout table.summary.items-table td:first-of-type,
  div.checkout-enquiry table.summary.items-table td:first-of-type {
    padding-right: 10px;
  }
  div.checkout table.summary.items-table td .value,
  div.checkout-enquiry table.summary.items-table td .value {
    float: right;
    min-width: 90px;
    margin-bottom: 30px;
  }
  div.checkout table.summary.items-table tr:not(.mspoints-row) .availability,
  div.checkout table.summary.items-table tr:not(.mspoints-row) .delivery,
  div.checkout table.summary.items-table tr:not(.mspoints-row) .unit-price,
  div.checkout-enquiry table.summary.items-table tr:not(.mspoints-row) .availability,
  div.checkout-enquiry table.summary.items-table tr:not(.mspoints-row) .delivery,
  div.checkout-enquiry table.summary.items-table tr:not(.mspoints-row) .unit-price {
    display: none;
  }
  div.checkout table.summary:last-of-type td:first-of-type,
  div.checkout-enquiry table.summary:last-of-type td:first-of-type {
    padding-right: 0;
    -webkit-box-align: end;
    align-items: flex-end;
  }
  div.checkout table.summary:last-of-type td:first-of-type span:last-of-type,
  div.checkout-enquiry table.summary:last-of-type td:first-of-type span:last-of-type {
    margin: 0 -10px 0 0;
  }
  div.checkout table.summary:last-of-type td,
  div.checkout-enquiry table.summary:last-of-type td {
    vertical-align: bottom;
  }
  div.checkout .errorbox,
  div.checkout-enquiry .errorbox {
    width: initial;
  }
  div.checkout .tab-content,
  div.checkout-enquiry .tab-content {
    padding: 20px;
  }
  div.checkout .checkout-data .tab-title,
  div.checkout-enquiry .checkout-data .tab-title {
    padding-left: 20px;
    padding-right: 95px;
  }
  div.checkout .checkout-data .tab-title strong,
  div.checkout-enquiry .checkout-data .tab-title strong {
    display: block;
  }
  div.checkout .checkout-data .tab-title .tab-icon,
  div.checkout-enquiry .checkout-data .tab-title .tab-icon {
    right: 20px;
    left: initial;
  }
  div.checkout .checkout-tab > *:nth-child(n+3),
  div.checkout-enquiry .checkout-tab > *:nth-child(n+3) {
    margin-left: 20px;
    margin-right: 20px;
  }
  div.checkout .checkout-tab .different-delivery .tooltip-mark,
  div.checkout-enquiry .checkout-tab .different-delivery .tooltip-mark {
    display: none;
  }
  div.checkout .checkout-tab .checkout-row .inputbox input.short,
  div.checkout-enquiry .checkout-tab .checkout-row .inputbox input.short {
    flex-basis: auto !important;
  }
  div.checkout .checkout-tab .checkout-row.checkbox-row,
  div.checkout-enquiry .checkout-tab .checkout-row.checkbox-row {
    max-width: 200px !important;
  }
  div.checkout .section-header:nth-child(2),
  div.checkout-enquiry .section-header:nth-child(2) {
    display: none;
  }
  div.checkout .checkout-navigation,
  div.checkout-enquiry .checkout-navigation {
    padding-top: 0;
    border: none;
    margin-top: 30px;
    -webkit-box-align: center;
    align-items: center;
  }
  div.checkout .checkout-navigation .big.blue.btn,
  div.checkout-enquiry .checkout-navigation .big.blue.btn {
    width: 100%;
    margin-bottom: 20px;
  }
  div.checkout .checkout-summary .checkout-block:last-of-type,
  div.checkout-enquiry .checkout-summary .checkout-block:last-of-type {
    border-bottom: 1px solid #d3d3d3;
  }
  div.checkout .checkout-summary .summary-prices tr:not(:last-of-type) td:last-child,
  div.checkout-enquiry .checkout-summary .summary-prices tr:not(:last-of-type) td:last-child {
    width: 110px;
  }
  div.checkout .checkout-summary .summary-prices td,
  div.checkout-enquiry .checkout-summary .summary-prices td {
    vertical-align: bottom;
  }
  div.checkout .checkout-summary .summary-prices td:last-of-type,
  div.checkout-enquiry .checkout-summary .summary-prices td:last-of-type {
    min-width: 110px;
  }
  div.checkout table.items-table:not(.summary),
  div.checkout-enquiry table.items-table:not(.summary) {
    margin: 0;
  }
  div.checkout table.items-table:not(.summary) tbody,
  div.checkout-enquiry table.items-table:not(.summary) tbody {
    width: 100%;
    position: relative;
    display: block;
    padding: 0px;
  }
  div.checkout table.items-table:not(.summary) .filler-box,
  div.checkout-enquiry table.items-table:not(.summary) .filler-box {
    display: block !important;
  }
  div.checkout table.items-table:not(.summary) .filler-box svg,
  div.checkout-enquiry table.items-table:not(.summary) .filler-box svg {
    margin-bottom: 20px;
  }
  div.checkout table.items-table:not(.summary) .filler-box > *,
  div.checkout-enquiry table.items-table:not(.summary) .filler-box > * {
    display: block !important;
    clear: both;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  div.checkout table.items-table:not(.summary).microsoft tr.mspoints-row,
  div.checkout-enquiry table.items-table:not(.summary).microsoft tr.mspoints-row {
    clear: both;
  }
  div.checkout table.items-table:not(.summary).microsoft tr.mspoints-row td,
  div.checkout-enquiry table.items-table:not(.summary).microsoft tr.mspoints-row td {
    display: inline-block !important;
    text-align: right;
    min-width: 50px !important;
  }
  div.checkout table.items-table:not(.summary).microsoft tr.mspoints-row td:first-of-type,
  div.checkout-enquiry table.items-table:not(.summary).microsoft tr.mspoints-row td:first-of-type {
    width: 80%;
  }
  div.checkout table.items-table:not(.summary) tr.item-row,
  div.checkout-enquiry table.items-table:not(.summary) tr.item-row {
    display: block;
    position: relative;
  }
  div.checkout table.items-table:not(.summary) tr.item-row td.quantity,
  div.checkout-enquiry table.items-table:not(.summary) tr.item-row td.quantity {
    position: relative;
    display: block;
    padding-top: 0;
    width: 100%;
    border: none;
  }
  div.checkout table.items-table:not(.summary) tr.item-row td.value,
  div.checkout-enquiry table.items-table:not(.summary) tr.item-row td.value {
    float: right;
    min-width: 90px;
    margin-bottom: 30px;
  }
  div.checkout table.items-table:not(.summary) tr.item-row td.price,
  div.checkout-enquiry table.items-table:not(.summary) tr.item-row td.price {
    padding: 0;
    width: initial;
    min-width: initial;
    border: none;
  }
  div.checkout table.items-table:not(.summary) tr.item-row td.shipping,
  div.checkout-enquiry table.items-table:not(.summary) tr.item-row td.shipping {
    min-width: initial;
  }
  div.checkout table.items-table:not(.summary) tr.item-row td.description,
  div.checkout-enquiry table.items-table:not(.summary) tr.item-row td.description {
    padding-bottom: 0;
    max-width: 100%;
    display: block;
  }
  div.checkout table.items-table:not(.summary) tr.item-row td.description .image,
  div.checkout-enquiry table.items-table:not(.summary) tr.item-row td.description .image {
    min-width: 90px;
  }
  div.checkout table.items-table:not(.summary) tr.item-row td .remove,
  div.checkout-enquiry table.items-table:not(.summary) tr.item-row td .remove {
    position: absolute;
    margin-top: 14px;
  }
  div.checkout .short-cart-address .invoice-primary-data,
  div.checkout-enquiry .short-cart-address .invoice-primary-data {
    margin: 0px 20px 20px !important;
    padding: 0px;
  }
  div.checkout .short-cart-address .invoice-primary-data .checkout-row,
  div.checkout-enquiry .short-cart-address .invoice-primary-data .checkout-row {
    flex-wrap: wrap;
  }
  div.checkout .short-cart-address .invoice-primary-data .checkout-row .inputbox,
  div.checkout-enquiry .short-cart-address .invoice-primary-data .checkout-row .inputbox {
    width: 100% !important;
    max-width: initial;
  }
  div.checkout .short-cart-address .invoice-primary-data .double.area-phone .inputbox:first-child,
  div.checkout-enquiry .short-cart-address .invoice-primary-data .double.area-phone .inputbox:first-child {
    width: 100%;
    max-width: 100%;
  }
  div.checkout .short-cart-address .invoice-primary-data .double .inputbox:first-child,
  div.checkout-enquiry .short-cart-address .invoice-primary-data .double .inputbox:first-child {
    margin-right: 0px;
    margin-bottom: 5px;
  }
  div.checkout .short-cart-address .invoice-primary-data .triple .inputbox:first-child,
  div.checkout-enquiry .short-cart-address .invoice-primary-data .triple .inputbox:first-child {
    margin: 0px 0px 5px;
  }
  div.checkout .short-cart-address .invoice-primary-data .triple .inputbox:last-child,
  div.checkout-enquiry .short-cart-address .invoice-primary-data .triple .inputbox:last-child {
    margin: 5px 0px 0px;
  }
  .steps {
    margin-bottom: 40px;
  }
  .steps .step {
    text-align: center;
    margin-left: auto !important;
    display: none;
  }
  .steps .step.active {
    display: block;
  }
}

@media all and (max-width: 1279px) {
  .checkout.step2 .wrapper .block-wrapper.enduser .checkout-block {
    width: calc(50% - 45px/2);
    -webkit-box-flex: initial;
    flex-grow: initial;
  }
  .checkout.step2 .wrapper .chosen span {
    display: inline;
    color: #000000;
  }
  .checkout.step2 .wrapper .checkout-row {
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    justify-content: flex-start;
  }
  .checkout.step2 .wrapper .checkout-row .text-row {
    margin-bottom: 0px !important;
  }
  .checkout.step2 .wrapper .labelbox {
    width: 50%;
    max-width: 225px;
  }
  .checkout.step2 .wrapper .databox {
    width: 50%;
    max-width: 262px;
    margin-left: 40px;
  }
}

@media all and (max-width: 1023px) {
  .checkout.step2 .wrapper .databox {
    width: 50%;
  }
  .checkout.step2 .wrapper .delivery-method {
    margin-bottom: 30px;
  }
  .checkout.step2 .wrapper .checkout-block {
    width: 100%;
    margin: 0px !important;
  }
  .checkout.step2 .wrapper .address .text-row {
    max-width: 50%;
    float: left;
    width: 50%;
  }
  .checkout.step2 .wrapper .address .as-invoice {
    width: initial;
    min-width: initial;
  }
  .checkout.step2 .wrapper .text-row {
    margin-bottom: 0 !important;
  }
  .checkout.step2 .wrapper .billing {
    width: 100%;
    float: none;
  }
  .checkout.step2 .wrapper .billing .databox {
    width: 50%;
  }
  .checkout.step2 .wrapper .checkout-message label {
    margin-top: 0px;
  }
  .checkout.step2 .wrapper .checkout-summary td:last-of-type {
    max-width: 80px;
  }
  .checkout.step2 .wrapper .payment-delivery {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
  .checkout.step2 .wrapper .payment-delivery .delivery-method {
    margin-top: 40px;
  }
  .checkout.step2 .wrapper .payment-delivery .delivery-method th.date {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding-bottom: 0;
  }
  .checkout.step2 .wrapper .payment-delivery .delivery-method th.date span {
    position: relative;
    right: 0;
  }
  .checkout.step2 .wrapper .payment-delivery .delivery-method td {
    padding-right: 10px;
  }
  .checkout.step2 .wrapper .payment-delivery .delivery-method td:last-child {
    padding-right: 0;
  }
}

@media all and (max-width: 767px) {
  div.checkout.step2 .wrapper .billing .databox {
    width: 100%;
  }
  div.checkout.step2 .wrapper .checkout-navigation .btn {
    width: 100%;
    margin-bottom: 20px;
  }
  div.checkout.step2 .wrapper .address .text-row {
    float: none;
    width: 100%;
    max-width: initial;
  }
  div.checkout.step2 .wrapper .addinational-fields .databox {
    width: 100%;
    margin-left: 0;
  }
  div.checkout.step2 .wrapper .checkout-coupon {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
  }
  div.checkout.step2 .wrapper .payment-delivery {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
  div.checkout.step2 .wrapper .payment-delivery .delivery-method {
    margin-top: 0px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d3d3d3;
  }
  div.checkout.step2 .wrapper .payment-delivery .delivery-method th.date {
    text-align: right;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
    padding-bottom: 0;
  }
  div.checkout.step2 .wrapper .payment-delivery .delivery-method th.date span {
    position: relative;
    right: 0;
  }
  div.checkout.step2 .wrapper .payment-delivery .delivery-method td:nth-last-child(2n) {
    padding-right: 0px;
  }
  div.checkout.step2 .wrapper > div:not(.checkout-data) {
    margin: 0px;
  }
  div.checkout.step2 .wrapper .addinational-fields {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
  div.checkout.step2 .wrapper .short-cart-navigation {
    border-top: 0px;
    padding-top: 0px;
  }
  div.checkout.step2 .wrapper .short-cart-navigation .haveToPay {
    -webkit-box-ordinal-group: 4;
    order: 3;
    margin: 0px auto 20px;
    text-align: left;
    width: 100%;
    max-width: 100%;
  }
  div.checkout.step2 .wrapper .short-cart-navigation .proceed {
    -webkit-box-ordinal-group: 3;
    order: 2;
  }
  div.checkout.step2 .wrapper .short-cart-navigation .back-to-shop {
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
}

@media all and (max-width: 479px) {
  .safetybox {
    display: none !important;
  }
  div.checkout-enquiry .wrapper {
    padding: 0;
  }
  div.checkout-enquiry .wrapper > *:nth-child(-n+5) {
    margin-left: 20px;
    margin-right: 20px;
  }
  div.checkout.step2 .wrapper .payment-delivery {
    padding-top: 20px;
  }
  div.checkout.step2 .wrapper .checkout-block {
    margin: 0px !important;
  }
  div.checkout.step2 .wrapper .delivery-method .date,
  div.checkout.step2 .wrapper .delivery-method .price {
    display: none !important;
  }
  div.checkout.step2 .wrapper > div:not(.checkout-data) {
    margin: 0px 0px 20px;
  }
  .safetybox {
    display: none;
  }
  .summary-prices {
    padding-bottom: 20px;
  }
  input[type='text'].short {
    width: 100%;
  }
}

@media all and (max-width: 1023px) {
  div.checkout.step3 .wrapper .steps {
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  div.checkout.step3 .wrapper .steps .step {
    padding-left: 0;
  }
  div.checkout.step3 .wrapper .steps .step::before {
    display: none;
  }
  div.checkout.step3 .wrapper div.newsletter-block {
    flex-basis: initial;
    width: 100%;
    border-top: 1px solid #d3d3d3;
    margin-top: 40px;
    padding-top: 50px;
    padding-bottom: 25px;
  }
  div.checkout.step3 .wrapper div.newsletter-block > a:last-of-type {
    height: 36px;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    -webkit-box-align: center;
    align-items: center;
    margin-left: 10px;
  }
  div.checkout.step3 .wrapper div.newsletter-block > label {
    display: block;
  }
  div.checkout.step3 .wrapper div.newsletter-block input {
    width: 262px;
  }
  div.checkout.step3 .wrapper div.newsletter-block a,
  div.checkout.step3 .wrapper div.newsletter-block input {
    margin-bottom: 0;
    vertical-align: top;
  }
  div.checkout.step3 .wrapper .checkout-row {
    -webkit-box-pack: start;
    justify-content: flex-start;
  }
  div.checkout.step3 .wrapper .checkout-row.change-payment .databox a {
    display: block;
    padding-left: 0;
    margin-left: 0px;
  }
  div.checkout.step3 .wrapper .checkout-row > div {
    text-align: left;
  }
  div.checkout.step3 .wrapper .checkout-row .labelbox {
    max-width: 50%;
  }
}

@media all and (max-width: 767px) {
  div.checkout.step3 .wrapper .order-info-block {
    margin-right: 0;
  }
  div.checkout.step3 .wrapper .outcome {
    display: none;
  }
  div.checkout.step3 .wrapper .checkout-row {
    display: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: space-between;
    align-items: space-between;
    -webkit-box-pack: start;
    justify-content: flex-start;
  }
  div.checkout.step3 .wrapper .checkout-row .databox {
    text-align: right;
  }
  div.checkout.step3 .wrapper .checkout-row.change-payment {
    -webkit-box-align: start;
    align-items: flex-start;
  }
  div.checkout.step3 .wrapper .checkout-row.change-payment .databox span {
    display: block;
  }
  div.checkout.step3 .wrapper .checkout-row .databox,
  div.checkout.step3 .wrapper .checkout-row .labelbox {
    width: initial;
    max-width: 50%;
    flex-basis: auto;
  }
  div.checkout.step3 .wrapper .checkout-row > div:not('.cardNumber') {
    -webkit-box-flex: 1;
    flex-grow: 1;
  }
  div.checkout.step3 .wrapper .checkout-row.trader .traderbox {
    display: block;
  }
  div.checkout.step3 .wrapper .checkout-row.trader .photo {
    display: none;
  }
  div.checkout.step3 .wrapper .newsletter-block input {
    width: 74%;
  }
  div.checkout.step3 .wrapper .newsletter-block body {
    background: black;
  }
  div.checkout.step3 .wrapper .newsletter-block > a:last-of-type {
    display: none;
  }
  .checkout.step3b .wrapper .payment-block {
    max-width: 100%;
  }
  .checkout.step3b .wrapper .payment-method .btn {
    width: 100%;
  }
  .checkout.step3b .wrapper .payment-method label {
    white-space: nowrap;
  }
}

@media all and (max-width: 479px) {
  div.checkout.step3 .wrapper > div:not(.checkout-data) {
    margin-left: 0px;
    margin-right: 0px;
  }
  div.checkout.step3 .wrapper .stripe-payment .checkout-row.double {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
  div.checkout.step3 .wrapper .order-info-block .checkout-row {
    -webkit-box-align: start;
    align-items: flex-start;
  }
  div.checkout.step3 .wrapper .order-info-block .checkout-row .databox {
    margin-left: 5px;
  }
  div.checkout.step3 .wrapper .order-info-block .checkout-row.trader {
    display: block;
  }
  div.checkout.step3 .wrapper .order-info-block .checkout-row.trader > div {
    width: 100%;
    max-width: initial;
    text-align: left;
  }
  div.checkout.step3 .wrapper .order-info-block .checkout-row.trader .labelbox {
    margin-bottom: 5px;
  }
  div.checkout.step3 .wrapper .order-info-block .checkout-row.trader .databox {
    margin-left: 0;
  }
  div.checkout.step3 .wrapper div.newsletter-block {
    margin-top: 25px;
    padding-top: 25px !important;
  }
  div.checkout.step3 .wrapper div.newsletter-block > label {
    margin-bottom: 0;
  }
  div.checkout.step3 .wrapper div.newsletter-block a {
    float: none !important;
  }
  div.checkout.step3 .wrapper div.newsletter-block > input {
    margin-top: 15px;
    margin-bottom: 10px;
    width: 100%;
  }
  div.checkout.step3 .wrapper div.newsletter-block .text-row {
    margin-bottom: 10px !important;
  }
  div.checkout.step3 .wrapper .payment-info-block .change-payment {
    display: block;
  }
  div.checkout.step3 .wrapper .payment-info-block .change-payment .labelbox {
    margin-bottom: 10px;
  }
  div.checkout.step3 .wrapper .payment-info-block .change-payment > div {
    margin-left: 0;
    margin-right: 0;
    max-width: initial;
  }
  div.checkout.step3 .wrapper .payment-info-block .checkout-row {
    -webkit-box-pack: end;
    justify-content: flex-end;
  }
  div.checkout.step3 .wrapper .payment-info-block .checkout-row:last-of-type {
    padding: 20px;
    margin-bottom: 0;
  }
  div.checkout.step3 .wrapper .payment-info-block .checkout-row .databox {
    text-align: left;
  }
  div.checkout.step3 .wrapper .payment-info-block .checkout-row .databox > svg:first-of-type,
  div.checkout.step3 .wrapper .payment-info-block .checkout-row .databox a {
    margin-left: 0;
  }
  div.checkout.step3 .wrapper .payment-info-block .checkout-row:last-of-type {
    display: block;
    margin-bottom: 5px;
  }
  div.checkout.step3 .wrapper .payment-info-block .checkout-row:last-of-type > div {
    max-width: initial;
    width: 100%;
  }
  div.checkout.step3 .wrapper .payment-info-block .checkout-row:last-of-type .databox {
    margin-left: 0;
  }
  div.checkout.step3 .wrapper .payment-info-block .checkout-row:last-of-type .databox a {
    width: 100%;
  }
  div.checkout.step3 .wrapper .steps .step {
    padding-left: 25px;
  }
  div.checkout.step3 .wrapper .steps .step::before {
    display: inline-block;
  }
  div.checkout.step3b .wrapper .steps .step3 {
    padding-left: 0 !important;
  }
  div.checkout.step3b .wrapper .steps .step3::before {
    content: '';
    background: none;
    display: none;
  }
  div.checkout.step3b .wrapper .payment-block {
    margin: 0;
  }
  div.checkout.step3b .wrapper .payment-block .payment-box {
    padding: 20px;
  }
  div.checkout.step3b .wrapper .payment-block .payment-box .order-amount span {
    display: block;
    margin-top: 10px;
  }
  div.checkout.step3b .wrapper .payment-block .order-number {
    margin-left: 20px;
    margin-right: 20px;
  }
}

@media all and (max-width: 1023px) {
  div.step4 .wrapper .step {
    padding-left: 0;
  }
  div.step4 .wrapper .step::before {
    display: none;
  }
  div.step4 .wrapper .payment-block {
    margin: 0 !important;
    width: initial;
  }
  div.checkout.step4d .wrapper .block-wrapper .newsletter-block {
    border: none;
    margin-top: 0;
    padding-top: 0;
  }
  div.checkout.step4d .wrapper .block-wrapper .newsletter-block * {
    vertical-align: middle;
  }
  div.checkout.step4d .wrapper .block-wrapper .newsletter-block a:last-of-type {
    display: inline;
    margin-left: 20px;
  }
}

@media all and (max-width: 767px) {
  div.checkout.step4d .wrapper .newsletter-block a:last-of-type {
    display: none !important;
  }
}

@media all and (max-width: 479px) {
  div.checkout.step4 .wrapper .payment-block .order-amount span {
    margin-bottom: 20px;
  }
  div.checkout.step4 .wrapper .payment-block .order-amount span:after {
    content: '';
    clear: both;
    display: block;
    position: relative;
  }
  div.checkout.step4 .wrapper .payment-block .payment-box {
    margin-bottom: 25px;
    max-width: 100%;
  }
  div.checkout.step4 .wrapper .payment-block .payment-box .language {
    right: initial;
    left: 20px;
  }
  div.checkout.step4 .wrapper .payment-block .payment-box > div:nth-child(4) {
    display: block;
  }
  div.checkout.step4 .wrapper .payment-block .payment-box > div:nth-child(4) > div {
    margin-bottom: 20px;
  }
  div.checkout.step4c .wrapper .change-payment {
    display: block;
  }
  div.checkout.step4c .wrapper .change-payment a {
    display: block;
    margin-bottom: 20px;
  }
  div.checkout.step4d .wrapper .order-info-block {
    margin-bottom: 0;
    padding-bottom: 25px;
  }
  div.checkout.step4d .wrapper .checkout-navigation {
    margin-top: 25px;
    padding-top: 25px;
  }
  div.checkout.step4d .wrapper .newsletter-block {
    margin-bottom: 0;
    padding-bottom: 0 !important;
  }
  div.checkout.step4d .wrapper .newsletter-block a:last-of-type {
    display: block !important;
    margin: 15px 0 !important;
    padding: 0;
  }
}

@media all and (max-width: 455px) {
  .checkout.step4 .payment-block .payment-box {
    height: 565px;
  }
}

@media all and (max-width: 1279px) {
  .o365-header .wrapper {
    background: url(/gfx/pages/office365/headerbg.jpg) bottom right no-repeat #f0f0f0;
  }
  .o365-header .title {
    margin-bottom: 20px;
  }
  .o365-header .title span {
    display: block;
    margin-top: 10px;
  }
}

@media all and (max-width: 1023px) {
  .o365-header {
    z-index: 500;
    position: relative;
  }
  .o365-nav {
    z-index: 505;
    position: relative;
    background: #ffffff;
  }
  .o365-nav > .wrapper {
    border-bottom: 1px solid #eb3c00;
  }
  .o365-nav .o365-mobile-menu {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
  }
  .o365-nav .o365-mobile-menu > div {
    margin-right: 10px;
    width: 47px;
    height: 40px;
    background: url("/gfx/icons/nav-open.png") center center no-repeat #eb3c00;
  }
  .o365-nav.mobile-open .o365-mobile-menu {
    color: #eb3c00;
    border-color: #eb3c00;
    z-index: 540;
    cursor: pointer;
  }
  .o365-nav.mobile-open .o365-mobile-menu > div {
    background-image: url("/gfx/icons/nav-close.png");
    background-color: #727272;
  }
  .o365-nav.mobile-open .nav-first {
    opacity: 1;
    visibility: visible;
  }
  .plansTitle {
    flex-wrap: wrap;
    margin: 20px 30px 30px;
  }
  .plansTitle .switcher {
    width: 100%;
  }
  .o365-table .main_cell a.to-o365-order .o365cart {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    flex-direction: row !important;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    justify-content: center;
    align-content: center;
    -webkit-box-align: center;
    align-items: center;
  }
  .o365-table.plans-smb .o365-tr:not(.mobileTable) > div:first-child, .o365-table.plans-corpo .o365-tr:not(.mobileTable) > div:first-child {
    padding: 10px 10px 10px 30px;
    -webkit-box-align: start !important;
    align-items: flex-start !important;
  }
  .o365-table.courses .o365-tr:not(.mobileTable) > div, .o365-table.plans-smb .o365-tr:not(.mobileTable) > div, .o365-table.plans-corpo .o365-tr:not(.mobileTable) > div {
    display: -webkit-box;
    display: flex;
  }
  .o365-table .o365-tr.plans-prices .netPriceForUser {
    display: none !important;
  }
  .o365-table .o365-tr.active .netPriceForUser {
    display: block;
  }
  .o365-table .o365-tr.plans-apps > div > img {
    margin: 5px;
  }
  .o365-table .plans-common {
    padding: 0px 30px;
  }
  .o365-intro {
    padding: 0px 30px;
    flex-wrap: wrap;
  }
  .o365-intro > div:first-child {
    margin-bottom: 30px;
  }
  .o365-services {
    width: 100%;
    margin: 30px 30px 0px;
  }
  .o365-services > div {
    flex-wrap: wrap;
  }
  .o365-services .service {
    width: 48%;
    max-width: initial;
    margin-right: 0px;
    margin-bottom: 30px;
  }
  .o365-services .service:nth-child(odd) {
    margin-right: 2%;
  }
  .o365-services .service:nth-child(even) {
    margin-left: 2%;
  }
  .plan-description {
    padding: 20px 30px 0px;
  }
  .plan-description .buy-tiles {
    margin-bottom: 30px;
  }
  .plan-description .buy-tiles .tile {
    width: 33%;
  }
  .plan-description .plan-info {
    margin-bottom: 30px;
  }
  .plan-description .section-title {
    margin-bottom: 20px;
  }
  .plan-description .plan-apps {
    margin-bottom: 30px;
  }
  .plan-description .plan-table {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
  .plan-description .plan-table > div {
    width: 48%;
    max-width: initial;
    margin: 0px 2% 2px;
  }
  .plan-description .plan-table > div:nth-child(odd) {
    margin-left: 0;
  }
  .plan-description .plan-table > div:nth-child(even) {
    margin-right: 0;
  }
  .plan-description .plan-advantages {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    align-items: stretch;
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
  .plan-description .plan-functions div,
  .plan-description .plan-benefits div {
    margin: 0px 2% 20px;
  }
  .plan-description .plan-functions {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
  .o365-products {
    padding: 0px 0px 20px;
    margin: 0px;
    border: 0px;
  }
  .o365-content > .wrapper {
    padding: 0;
  }
  .o365-content .items-wrapper {
    margin-bottom: 0px;
  }
  .o365-content .sidebar {
    width: 100%;
    max-width: 100%;
    z-index: 500;
    background: #ffffff;
  }
  .o365-content .sidebar .category-tree {
    margin: 20px 30px;
  }
  .o365-content .sidebar .category-tree .base-lvl {
    padding-bottom: 20px;
  }
  .o365-content .sidebar .category-tree .subcategory-mobile div {
    background: url("/gfx/icons/tree-open.png") center center no-repeat #eb3c00;
  }
  .o365-content .sidebar .category-tree .subcategory-mobile.open span {
    color: #eb3c00;
  }
  .o365-content .main {
    width: 100%;
    margin: 0px 30px;
  }
  .o365-content .o365-discover img {
    max-width: 100%;
    margin-bottom: 20px;
  }
  .o365-content h1 {
    padding-bottom: 20px;
    margin-bottom: 0px;
    border-bottom: 0px;
  }
  .o365-content h2,
  .o365-content h3,
  .o365-content p {
    padding-bottom: 20px;
  }
  .o365-footer a {
    font-size: 18px;
  }
  .o365-footer .why-us {
    width: 54%;
    margin-right: 5%;
  }
  .o365-footer .msPartner {
    width: 40%;
  }
}

@media all and (max-width: 767px) {
  .o365-header .wrapper {
    padding: 30px 150px 30px 30px;
    background: url(/gfx/pages/office365/headerbg.jpg) bottom right -30px no-repeat #f0f0f0;
  }
  .o365-header .title {
    font-size: 2.0rem;
  }
  .o365-header .o365-why {
    -webkit-box-align: start;
    align-items: flex-start;
  }
  .o365-header .o365-why > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column wrap;
    text-align: center;
    font-size: 1.3rem;
    margin-right: 10px;
  }
  .o365-header .o365-why > div span {
    padding: 10px 0px 0px;
  }
  .o365-header .o365-why > div img {
    max-height: 25px;
  }
  .switcher {
    width: 100%;
  }
  .plansTitle .switcher {
    margin-top: 20px;
  }
  .plansTitle .switcher > div {
    font-size: 1.6rem;
  }
  .plansTitle .switcher > div span {
    text-align: left;
  }
  .plansTitle .switcher .plansSwitch {
    min-width: 40px;
  }
  .o365-products {
    flex-wrap: wrap;
  }
  .o365-faq .ask {
    padding: 20px 40px 20px 20px;
  }
  .o365-table.courses .o365-tr > div, .o365-table.plans-smb .o365-tr > div, .o365-table.plans-corpo .o365-tr > div {
    width: 35%;
  }
  .o365-table.courses .o365-tr > div.active, .o365-table.plans-smb .o365-tr > div.active, .o365-table.plans-corpo .o365-tr > div.active {
    width: 65%;
  }
  .o365-table.courses .o365-tr:not(.mobileTable) > div:nth-child(n+2), .o365-table.plans-smb .o365-tr:not(.mobileTable) > div:nth-child(n+2), .o365-table.plans-corpo .o365-tr:not(.mobileTable) > div:nth-child(n+2) {
    display: none;
  }
  .o365-table.courses .o365-tr:not(.mobileTable) > div.active, .o365-table.plans-smb .o365-tr:not(.mobileTable) > div.active, .o365-table.plans-corpo .o365-tr:not(.mobileTable) > div.active {
    display: -webkit-box;
    display: flex;
  }
  .o365-table.plans-corpo {
    margin: 0px 2px 0px 0px;
  }
  .o365-table .o365-tr.mobileTable {
    display: -webkit-box;
    display: flex;
  }
  .o365-table .o365-tr.courseName {
    font-weight: 400;
  }
  .o365-table .o365-tr.courseName > div {
    font-size: 1.1rem;
    line-height: 1.3rem;
    padding: 10px;
  }
  .o365-table .o365-tr > div:hover .plans-tooltip, .o365-table .o365-tr > div:active .plans-tooltip {
    display: none;
  }
  .o365-table .plans-common > div {
    width: 50%;
    padding: 0px 20px 20px;
  }
  .o365-table .plans-common > div:nth-child(odd) {
    padding-left: 0;
  }
  .o365-table .plans-common > div:nth-child(even) {
    padding-right: 0;
  }
  .plan-description .buy-tiles {
    flex-wrap: wrap;
  }
  .plan-description .buy-tiles .tile {
    width: 48%;
    max-width: initial;
  }
  .plan-description .buy-tiles .tile:nth-child(odd) {
    margin-left: 0;
  }
  .plan-description .buy-tiles .tile:nth-child(even) {
    margin-right: 0;
  }
  .plan-description .plan-advantages {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
  .plan-description .plan-advantages > div {
    width: 48%;
    max-width: initial;
    margin: 0px 2% 20px;
  }
  .plan-description .plan-advantages > div:nth-child(odd) {
    margin-left: 0;
  }
  .plan-description .plan-advantages > div:nth-child(even) {
    margin-right: 0;
  }
  .plan-description .plan-functions div,
  .plan-description .plan-benefits div {
    margin: 0px 2% 20px;
  }
  .plan-description .plan-functions {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
  .o365-content .items-wrapper .item-wrap {
    display: -webkit-box;
    display: flex;
  }
  .o365-content .items-wrapper .name {
    line-height: 2rem;
  }
  .o365-content .items-wrapper .item .addbtn {
    display: block;
  }
  .o365-content .implementation-buy {
    flex-wrap: wrap;
  }
  .o365-content .implementation-buy .name,
  .o365-content .implementation-buy .price {
    width: 100%;
    padding: 0px 0px 10px;
  }
  .o365-content .implementation-buy .action {
    margin: 10px 0px 0px;
  }
  .o365-content .implementation-block {
    flex-wrap: wrap;
  }
  .o365-content .implementation-block > div {
    width: 100% !important;
    margin: 0px !important;
  }
  .o365-content .implementation-box,
  .o365-content .addToCartBox {
    flex-wrap: wrap;
    padding: 20px;
  }
  .o365-content .implementation-box > img,
  .o365-content .addToCartBox > img {
    margin: 0px 0px 10px;
  }
  .o365-content .implementation-box .title,
  .o365-content .implementation-box .price,
  .o365-content .addToCartBox .title,
  .o365-content .addToCartBox .price {
    padding-bottom: 20px;
  }
  .o365-content .implementation-box.details .text,
  .o365-content .addToCartBox.details .text {
    flex-wrap: wrap;
  }
  .o365-content .implementation-box.details .title,
  .o365-content .implementation-box.details .price,
  .o365-content .addToCartBox.details .title,
  .o365-content .addToCartBox.details .price {
    width: 100%;
    padding: 0px 0px 10px;
  }
  .o365-content .implementation-box.details .action,
  .o365-content .addToCartBox.details .action {
    margin: 10px 0px 0px;
  }
  .o365-content .working-path {
    flex-wrap: wrap;
  }
  .o365-content .working-path > img {
    display: none;
  }
  .o365-content .working-path div {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    /* margin-bottom: 20px; */
  }
  .o365-content .working-path div img {
    margin: 0px 0px 10px;
  }
  .o365-form {
    padding: 0;
  }
  .o365-form .formInputs .inputbox {
    margin: 0px 0 10px;
    width: 100%;
  }
  .o365-form .o365-agreements {
    margin: 0px 0px 20px;
  }
  .o365-form .formSubmit {
    flex-wrap: wrap;
  }
  .o365-form .formSubmit a {
    margin-left: 0px;
  }
  .o365-footer .why-us {
    width: 100%;
  }
  .o365-footer .msPartner {
    width: 100%;
    padding-top: 30px;
  }
}

@media all and (max-width: 479px) {
  .o365-header .wrapper {
    padding: 20px 150px 20px 20px;
  }
  .o365-header .title {
    margin: 0px;
  }
  .o365-header .o365-why {
    display: none;
  }
  .plansTitle {
    margin: 20px;
  }
  .plansTitle .switcher {
    position: relative;
    margin-top: 15px;
    flex-wrap: wrap;
  }
  .plansTitle .switcher > div:first-child,
  .plansTitle .switcher > div:last-child {
    margin: 5px 0px 5px 50px;
    width: 100%;
  }
  .plansTitle .switcher > div:first-child span,
  .plansTitle .switcher > div:last-child span {
    display: none;
  }
  .plansTitle .switcher .plansSwitch {
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -12px;
  }
  .o365-table.plans-smb .o365-tr:not(.mobileTable) > div:first-child, .o365-table.plans-corpo .o365-tr:not(.mobileTable) > div:first-child {
    padding: 10px 10px 10px 20px;
  }
  .o365-table .plans-prices {
    height: 115px !important;
  }
  .o365-table .plans-prices div[data-column="0"] {
    padding: 10px 10px 10px 25px !important;
  }
  .o365-table.courses {
    margin: 0px -20px;
  }
  .o365-table .o365-tr > div:first-child {
    text-align: left;
  }
  .o365-table .o365-tr > div:first-child img {
    display: none;
  }
  .o365-table .o365-tr.plans-prices {
    height: 65px;
  }
  .o365-table .o365-tr.plans-prices div:first-child:not(.o365cart) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column nowrap;
    -webkit-box-align: start !important;
    align-items: flex-start !important;
    padding-left: 0;
  }
  .o365-table .o365-tr.plans-prices div:first-child:not(.o365cart) input {
    margin-bottom: 10px;
  }
  .o365-table .o365-tr.plans-prices div:first-child:not(.o365cart) label {
    margin-left: 0px;
  }
  .o365-table .plans-common {
    padding: 0px 20px;
  }
  .o365-table .plans-common > div {
    width: 100%;
    padding: 0px 0px 20px;
  }
  .o365-intro {
    padding: 0px 20px;
  }
  .o365-intro img {
    max-width: 100%;
  }
}

@media all and (max-width: 479px) and (-ms-high-contrast: none), all and (max-width: 479px) and (-ms-high-contrast: active) {
  .o365-intro img {
    height: 100%;
  }
}

@media all and (max-width: 479px) {
  .o365-services {
    margin: 20px 20px 0px;
  }
  .o365-services .service:nth-child(odd), .o365-services .service:nth-child(even) {
    width: 100%;
    margin: 0px 0px 20px;
  }
  .plan-description {
    padding: 20px 20px 0px;
  }
  .plan-description h1 span {
    display: none;
  }
  .plan-description .buy-tiles {
    margin-bottom: 20px;
  }
  .plan-description .buy-tiles .tile {
    width: 100%;
    margin: 0 0 20px;
  }
  .plan-description .buy-tiles .name,
  .plan-description .buy-tiles a {
    padding: 10px;
  }
  .plan-description .plan-info {
    margin-bottom: 20px;
  }
  .plan-description .section-title {
    margin-bottom: 20px;
  }
  .plan-description .plan-apps {
    margin-bottom: 30px;
  }
  .plan-description .plan-apps .content {
    padding: 20px;
  }
  .plan-description .plan-apps .content img {
    margin: 0px 10px 20px;
  }
  .plan-description .plan-table > div {
    width: 100%;
    margin: 0px 0px 2px;
  }
  .plan-description .plan-advantages {
    padding-bottom: 20px;
  }
  .plan-description .plan-advantages > div {
    width: 100%;
    margin: 0px 0px 20px;
  }
  .plan-description .plan-functions div,
  .plan-description .plan-benefits div {
    width: 100%;
    margin: 0px 0px 20px;
  }
  .o365-product-cat.enterprise .percentages {
    flex-wrap: wrap;
  }
  .o365-product-cat.enterprise .percentages > div {
    width: 100%;
    margin: 0 0 20px;
  }
  .o365-product-cat.enterprise .productivity .options {
    flex-wrap: wrap;
  }
  .o365-product-cat.enterprise .productivity .options > div {
    width: 100%;
    margin: 0 0 20px;
  }
  .o365-content .switcher .flipSwitch {
    min-width: 40px;
  }
  .o365-content .items-wrapper .item-wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    margin-right: 10px;
  }
  .o365-content .items-wrapper .name {
    width: 100%;
  }
  .o365-content .items-wrapper .item .price {
    width: 100%;
    -webkit-box-align: start;
    align-items: flex-start;
    font-weight: 700;
  }
  .o365-content .o365-discover .appsImg {
    display: none;
  }
  .o365-content .sidebar .category-tree {
    margin: 20px;
  }
  .o365-content .sidebar .category-tree .subcategory-mobile {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    align-items: flex-start;
  }
  .o365-content .sidebar .category-tree .subcategory-mobile div {
    min-width: 46px;
  }
  .o365-content .sidebar .category-tree .subcategory-mobile span {
    line-height: 2rem;
  }
  .o365-content .main {
    margin: 0px 20px;
  }
  .o365-form .formBlock {
    padding: 20px;
    background: #f5f5f5;
  }
  .o365-form .formBlock .title {
    font-size: 2.4rem;
    font-weight: 300;
  }
  .o365-form .formInputs {
    width: 100%;
    margin-bottom: 20px;
  }
  .o365-form .formSubmit {
    width: 100%;
  }
  .o365-footer .why-us--contact {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start;
  }
  .o365-footer .why-us--contact__item {
    margin-bottom: 20px;
  }
}

@media all and (max-width: 1279px) {
  .top-bar .wrapper {
    padding: 30px;
  }
  .top-header .wrapper {
    padding: 100px 30px 50px;
  }
  .top-header .facts .fact {
    padding: 0px 20px;
  }
  .top-header .facts .fact:first-child {
    padding-left: 0;
  }
  .top-header .facts .fact:last-child {
    padding-right: 0;
  }
  .head-nav .first-lvl-item {
    margin: 0px 25px;
  }
  .head-nav .first-lvl-item:last-child .second-lvl-bg {
    left: auto;
    right: 0;
  }
  .services-wrap {
    -webkit-box-align: stretch;
    align-items: stretch;
  }
  .services .service {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    align-items: stretch;
  }
  .services .service .desc {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    height: 100%;
  }
  .tables .all-content {
    overflow-x: scroll;
  }
  .tables .all-plans-table {
    min-width: 964px;
  }
  .tables .all-plans-table .header-row .header-col {
    padding: 15px 10px;
  }
}

@media all and (max-width: 1023px) {
  .top-bar .wrapper {
    flex-wrap: wrap;
  }
  .top-bar .logobox {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }
  .top-bar .top-menu {
    margin-left: initial;
  }
  .top-bar .top-menu .account-links {
    margin-left: 0px;
  }
  .top-bar .cartbox {
    margin-left: auto;
  }
  .top-header .wrapper {
    padding: 70px 30px 35px;
  }
  .top-header .title {
    margin-bottom: 40px;
  }
  .top-header .facts {
    flex-wrap: wrap;
  }
  .top-header .facts .fact {
    width: 50%;
    padding: 0px 0px 20px;
  }
  .head-nav .first-lvl {
    flex-wrap: wrap;
    -webkit-box-pack: start;
    justify-content: flex-start;
    padding: 0px 30px 20px;
    background: #ffffff;
    border-bottom: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease;
    position: absolute;
    left: 0;
  }
  .head-nav .first-lvl-item {
    width: 30%;
    margin: 0 5% 0 0;
  }
  .head-nav .first-lvl-item:nth-of-type(3n) {
    margin-right: 0;
  }
  .head-nav .first-lvl-item > a {
    padding: 0px 0px 10px;
    margin-bottom: 20px;
  }
  .head-nav.mobile-opened {
    position: relative;
    z-index: 610;
    background: #ffffff;
  }
  .head-nav.mobile-opened .first-lvl {
    opacity: 1;
    visibility: visible;
  }
  .head-nav.mobile-opened .first-lvl-item:hover .second-lvl-bg {
    display: none;
  }
  .menu-mobile {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    align-items: center;
    padding: 20px 0px;
    cursor: pointer;
    border: 0;
    margin: 0;
    overflow: visible;
    background: #ffffff;
  }
  .menu-mobile-box {
    width: 50px;
    height: 41px;
    display: inline-block;
    position: relative;
    background-color: #00aeef;
  }
  .menu-mobile-label {
    font-size: 2rem;
    display: block;
    margin-left: 10px;
  }
  .menu-mobile-inner {
    display: block;
    top: 10px;
    left: 10px;
  }
  .menu-mobile-inner, .menu-mobile-inner::before, .menu-mobile-inner::after {
    width: 30px;
    height: 3px;
    background-color: #ffffff;
    position: absolute;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
  }
  .menu-mobile-inner::before, .menu-mobile-inner::after {
    content: "";
    display: block;
  }
  .menu-mobile-inner::before {
    top: 9px;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-timing-function: ease;
    transition-duration: 0.15s;
  }
  .menu-mobile-inner::after {
    top: 18px;
  }
  .menu-mobile.is-active .menu-mobile-inner {
    -webkit-transform: translate3d(0, 9px, 0) rotate(45deg);
    transform: translate3d(0, 9px, 0) rotate(45deg);
  }
  .menu-mobile.is-active .menu-mobile-inner::before {
    -webkit-transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0;
  }
  .menu-mobile.is-active .menu-mobile-inner::after {
    -webkit-transform: translate3d(0, -18px, 0) rotate(-90deg);
    transform: translate3d(0, -18px, 0) rotate(-90deg);
  }
  .site-content.office365 {
    padding-top: 10px;
  }
  .site-content.office365 .wrapper {
    flex-wrap: wrap;
  }
  .site-content.office365 .sidebar {
    width: 100%;
    max-width: initial;
  }
  .site-content.office365 .main {
    width: 100%;
    margin: 0 30px;
  }
  .services {
    padding: 50px 0px 30px;
  }
  .services-wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
  }
  .services .service {
    width: 48%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    margin-bottom: 20px;
  }
  .services .service:nth-child(odd) {
    margin-left: 0;
  }
  .services .service:nth-child(even) {
    margin-right: 0;
  }
  .services .service .ico {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    align-items: center;
    padding: 20px 30px;
  }
  .services .service .desc {
    width: 100%;
    padding: 20px;
  }
  .tables .business-table .plan-column .popular-label,
  .tables .enterprise-table .plan-column .popular-label {
    display: none;
  }
  .tables .business-table .plan-column.most-popular,
  .tables .enterprise-table .plan-column.most-popular {
    margin-top: 0;
  }
  .tables .business-table .plan-column {
    width: 32%;
  }
  .tables .business-table .plan-column .name {
    height: 45px;
  }
  .tables .enterprise-table {
    flex-wrap: wrap;
  }
  .tables .enterprise-table .plan-column {
    width: 48%;
    max-width: initial;
    margin-bottom: 20px;
  }
  .tables .enterprise-table .plan-column:nth-child(odd) {
    margin-left: 0;
  }
  .tables .enterprise-table .plan-column:nth-child(even) {
    margin-right: 0;
  }
  .tables .enterprise-table .plan-column.most-popular {
    margin-top: 0;
  }
  .tables .all-content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
    background-color: #f0f0f0;
  }
  .tables .all-content::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }
  .tables .all-content::-webkit-scrollbar-thumb {
    background-color: #00aeef;
  }
  .about-office .wrapper {
    flex-wrap: wrap;
  }
  .about-office .wrapper > div:first-child {
    padding: 0px 0px 50px 0px;
  }
}

@media all and (max-width: 767px) {
  .wrapper {
    padding: 0px 20px;
  }
  .top-bar .wrapper {
    padding: 20px;
  }
  .top-header .wrapper {
    padding: 25px 20px;
  }
  .top-header .facts .fact div {
    min-width: 46px;
  }
  .head-nav .first-lvl-item {
    width: 48%;
    margin: 0;
  }
  .head-nav .first-lvl-item:nth-child(odd) {
    margin: 0 2% 0 0;
  }
  .head-nav .first-lvl-item:nth-of-type(even) {
    margin: 0 0 0 2%;
  }
  .services {
    padding: 30px 0px;
  }
  .services-wrap {
    margin-top: 30px;
  }
  .services .service {
    width: 100%;
  }
  .services .service:nth-child(odd), .services .service:nth-child(even) {
    margin: 0 0 20px;
  }
  .services .service .desc {
    text-align: left;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    -webkit-box-align: center;
    align-items: center;
  }
  .services .service .desc span {
    margin: 0;
  }
  .tables .headings .tab-heading {
    padding: 20px 10px;
  }
  .tables .main-section {
    padding-top: 20px;
  }
  .tables .business-table,
  .tables .enterprise-table {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column nowrap;
    -webkit-box-align: center;
    align-items: center;
  }
  .tables .business-table .plan-column,
  .tables .enterprise-table .plan-column {
    width: 100%;
    max-width: 500px;
    margin: 0px 0px 20px;
  }
  .tables .business-table .name {
    height: auto;
  }
  .office-bottom .wrapper {
    -webkit-box-align: start;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .office-bottom .why-us {
    width: 100%;
    margin: 0 0 50px;
  }
  .office-bottom .msPartner {
    width: 100%;
  }
}

@media all and (max-width: 479px) {
  .site-content h2 {
    font-size: 2.6rem;
  }
  .top-links .shop-links li:last-child {
    display: none;
  }
  .top-bar .wrapper {
    padding-top: 30px;
  }
  .top-bar .logobox img:first-child {
    display: block;
    margin: 0px auto 20px;
  }
  .top-bar .logobox img:last-child {
    display: none;
  }
  .top-bar .top-menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column nowrap;
    -webkit-box-align: start;
    align-items: flex-start;
  }
  .top-bar .top-menu li {
    display: none;
  }
  .top-bar .top-menu .account-links {
    display: block;
  }
  .top-bar .top-menu .login-box {
    width: 280px;
  }
  .top-header .title {
    margin-bottom: 0px;
  }
  .top-header .facts {
    display: none;
  }
  .head-nav .first-lvl-item {
    width: 100%;
  }
  .head-nav .first-lvl-item:nth-child(odd), .head-nav .first-lvl-item:nth-of-type(even) {
    margin: 0;
  }
  .services {
    padding: 30px 0px 0px;
  }
  .services-wrap {
    margin-top: 20px;
  }
  .services .service .desc {
    padding: 10px;
  }
  .services .service .desc span {
    display: block;
    width: 100%;
  }
  .tables {
    margin-bottom: 20px;
  }
  .tables .headings {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column nowrap;
    margin: 20px 0px 0px;
    padding-bottom: 20px;
  }
  .tables .headings .tab-heading {
    width: 100%;
    padding: 10px;
  }
  .tables .headings .tab-heading:hover, .tables .headings .tab-heading.active-tab {
    padding-top: 10px;
  }
  .tables .headings .tab-heading.active-tab {
    border: 1px solid #00aeef;
  }
  .tables .headings .tab-heading:nth-child(2) {
    margin: 10px 0px;
  }
  .about-office {
    padding: 20px 0px;
  }
  .about-office p {
    margin-bottom: 20px;
  }
  .about-office img {
    max-width: 100%;
  }
  .office-bottom {
    padding: 30px 0px;
  }
  .office-bottom .why-us {
    margin: 0px 0px 30px;
  }
  .office-bottom .why-us p {
    margin-bottom: 20px;
  }
  .office-bottom .why-us .team {
    margin-top: 20px;
  }
  .office-bottom .why-us .contact {
    flex-wrap: wrap;
  }
  .office-bottom .why-us .contact .phone {
    margin-bottom: 10px;
  }
}

@media all and (max-width: 1279px) {
  .account .sidebar {
    min-width: 110px;
    flex-basis: initial;
  }
  .account .unfolded {
    display: -webkit-box !important;
    display: flex !important;
    transition: 1s;
  }
  .account table .status {
    min-width: 130px;
  }
  .account table .price {
    min-width: 110px;
  }
  .account .enquiries-list,
  .account .orders-list {
    display: table;
  }
  .account .trader .pic {
    margin: 0 10px 15px 0;
  }
  .account .trader .email {
    display: block;
    clear: left;
  }
  .account .trader .name {
    top: 10px;
  }
}

@media all and (max-width: 1023px) {
  .account .rwd-title {
    display: none;
    margin-bottom: 30px;
    font-size: 2.4rem;
  }
  .account .trader {
    display: none;
  }
  .account .sidebar {
    display: none;
  }
  .account .rwd_menu_icon {
    background: #00aeef;
    padding: 7px 12px;
    position: relative;
    display: block;
    cursor: pointer;
  }
  .account .rwd_menu_icon::after {
    clear: both;
    display: block;
    content: '';
    position: relative;
  }
  .account .rwd_menu_icon > div:not(.close) {
    background: white;
    width: 10px;
    height: 2px;
    position: relative;
    box-sizing: border-box;
    margin: 2px 0;
    float: right;
    clear: right;
  }
  .account .rwd_menu_icon > div:not(.close):first-of-type {
    margin-right: 3px;
    float: left;
    clear: left;
  }
  .account .rwd_menu_icon .close {
    position: absolute;
    top: 0;
    left: 0;
    background: #727272 url("/gfx/icons/nav-close.png") center center;
    background-repeat: no-repeat;
    color: white;
    text-align: center;
    padding: 5px;
    width: 100%;
    height: 100%;
    display: none;
  }
  .account .rwd_menu_icon.opened .close {
    display: block;
  }
  .account .grid-3-4 {
    max-width: initial;
    width: 100%;
  }
  .account .wrapper:first-of-type {
    background: white;
    z-index: 505;
    -webkit-box-align: center;
    align-items: center;
    padding: 20px 30px;
    position: relative;
    margin-bottom: 20px;
    width: initial;
  }
  .account .wrapper:first-of-type::after {
    content: ' ';
    display: block;
    position: absolute;
    height: 1px;
    background: #d3d3d3;
    left: 30px;
    right: 30px;
    bottom: 0;
  }
  .account .wrapper:first-of-type h1 {
    margin-bottom: 0;
    font-weight: 700;
    font-size: 1.3rem;
  }
  .account .base-lvl {
    visibility: visible;
    opacity: 1;
    background: white;
    width: 100%;
    position: absolute;
    padding-top: 30px;
    z-index: 505;
    left: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    display: none;
    max-height: 350px;
  }
  .account .base-lvl li {
    display: block;
    width: 33%;
    text-align: left;
    font-size: 1.7rem;
    font-weight: 700;
    padding: 15px 0;
    color: #000000;
  }
  .account .category-tree {
    margin: 0 20px 0 0;
    vertical-align: middle;
  }
  .account .last {
    width: 100%;
  }
  .account table .name {
    padding: 0 20px;
  }
}

@media all and (max-width: 767px) {
  .account .wrapper:first-of-type .base-lvl {
    max-height: 350px;
    height: initial;
  }
  .account .wrapper:first-of-type li {
    width: 50%;
  }
  .account .wrapper .last {
    width: 100%;
  }
  .account .wrapper .enquiries-list,
  .account .wrapper .orders-list {
    display: none;
  }
  .account .wrapper .new-enquiries-list,
  .account .wrapper .new-orders-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 20px;
  }
  .account .wrapper .new-enquiries-list > div,
  .account .wrapper .new-orders-list > div {
    height: 50px;
    -webkit-box-flex: 1;
    flex-grow: 1;
    flex-basis: 50%;
  }
  .account .wrapper .new-enquiries-list > div > span:first-of-type,
  .account .wrapper .new-orders-list > div > span:first-of-type {
    display: block;
    margin-bottom: 5px;
    margin-top: 10px;
    color: #ababab;
    font-size: 1.3rem;
  }
  .account .wrapper .new-enquiries-list > div.payment,
  .account .wrapper .new-orders-list > div.payment {
    width: 100%;
    flex-basis: 100%;
    height: initial;
    margin: 20px 0;
    background: #f0f0f0;
    font-weight: 700;
    padding: 15px 0;
  }
  .account .wrapper .new-enquiries-list > div.payment div,
  .account .wrapper .new-orders-list > div.payment div {
    text-align: center;
  }
  .account .wrapper .new-enquiries-list > div.payment a,
  .account .wrapper .new-orders-list > div.payment a {
    text-align: center;
  }
  .account .wrapper .new-enquiries-list > div.payment span,
  .account .wrapper .new-orders-list > div.payment span {
    text-align: center;
    color: #000000;
  }
  .account .wrapper .new-enquiries-list > div.payment .change,
  .account .wrapper .new-orders-list > div.payment .change {
    color: #727272;
  }
  .account .wrapper .new-enquiries-list > div.payment .btn.pay-now,
  .account .wrapper .new-orders-list > div.payment .btn.pay-now {
    padding: 15px 0;
    display: block;
    margin: 20px;
  }
  .account .wrapper .new-enquiries-list > div.invoice,
  .account .wrapper .new-orders-list > div.invoice {
    display: none;
    margin-bottom: 30px;
  }
  .account .wrapper .new-enquiries-list > div.status,
  .account .wrapper .new-orders-list > div.status {
    flex-basis: 100%;
    margin-bottom: 20px;
  }
  .account .wrapper .new-enquiries-list span.enquiry a,
  .account .wrapper .new-enquiries-list span.order a,
  .account .wrapper .new-orders-list span.enquiry a,
  .account .wrapper .new-orders-list span.order a {
    color: #00aeef;
    font-weight: 700;
  }
  .account .wrapper .new-enquiries-list span.status,
  .account .wrapper .new-orders-list span.status {
    color: #00aeef !important;
    font-weight: 700;
  }
  .account .wrapper .new-enquiries-list span.name,
  .account .wrapper .new-orders-list span.name {
    font-weight: 400;
  }
  .account .wrapper .new-enquiries-list span.price,
  .account .wrapper .new-orders-list span.price {
    color: #000000;
    font-weight: 700;
  }
  .account .password form {
    width: 100%;
  }
}

@media all and (max-width: 479px) {
  .header-nav {
    margin-bottom: 0;
  }
  .account .wrapper:first-of-type {
    padding: 20px;
  }
  .account .wrapper:first-of-type::after {
    left: 20px;
    right: 20px;
  }
  .account .wrapper .base-lvl {
    max-height: initial !important;
  }
  .account .wrapper .base-lvl li {
    width: 100%;
  }
  .account .wrapper .new-enquiries-list > div,
  .account .wrapper .new-orders-list > div {
    height: 30px;
    flex-basis: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    display: -webkit-box;
    display: flex;
    flex-wrap: no-wrap;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    justify-content: flex-start;
  }
  .account .wrapper .new-enquiries-list > div span,
  .account .wrapper .new-orders-list > div span {
    display: inline-block !important;
    margin-top: 0 !important;
  }
  .account .wrapper .new-enquiries-list > div span:last-of-type,
  .account .wrapper .new-orders-list > div span:last-of-type {
    text-align: center;
    -webkit-box-flex: 1;
    flex-grow: 1;
  }
  .account .wrapper .new-enquiries-list > div.status,
  .account .wrapper .new-orders-list > div.status {
    margin-bottom: 0;
  }
  .account .wrapper .new-enquiries-list > div.invoice,
  .account .wrapper .new-orders-list > div.invoice {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    display: -webkit-box;
    display: flex;
    flex-wrap: no-wrap;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    justify-content: flex-start;
  }
  .account.password .inputbox,
  .account.password .labelbox {
    width: 100%;
  }
  .account.password .labelbox {
    margin-bottom: 10px;
  }
  .account.password form {
    width: 100% !important;
  }
}

@media all and (max-width: 1279px) {
  .account.edit .rows,
  .account.profile .rows,
  .account.registration .rows {
    max-width: none;
  }
  .account.edit .checkout-row,
  .account.profile .checkout-row,
  .account.registration .checkout-row {
    -webkit-box-align: start;
    align-items: flex-start;
  }
  .account.edit .select-list:not(.registration .select-list),
  .account.profile .select-list:not(.registration .select-list),
  .account.registration .select-list:not(.registration .select-list) {
    -webkit-box-flex: 1;
    flex-grow: 1;
  }
  .account.edit .inputbox:not(.agreements),
  .account.profile .inputbox:not(.agreements),
  .account.registration .inputbox:not(.agreements) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    justify-content: flex-start;
  }
  .account.edit .short,
  .account.profile .short,
  .account.registration .short {
    width: 100%;
  }
  .account.edit .row .label,
  .account.edit .row .value,
  .account.profile .row .label,
  .account.profile .row .value,
  .account.registration .row .label,
  .account.registration .row .value {
    flex-basis: 50%;
    background: black;
    margin-left: 0;
  }
  .account.edit .inputbox:not(.registration .inputbox),
  .account.profile .inputbox:not(.registration .inputbox),
  .account.registration .inputbox:not(.registration .inputbox) {
    width: 50%;
  }
  .account.registration .rows > div > div {
    -webkit-box-align: center;
    align-items: center;
  }
  .account.registration .prefix-row .inputbox > input {
    width: 100%;
  }
}

@media all and (max-width: 1023px) {
  .account.profile .rows.block-wrapper,
  .account.registration .rows.block-wrapper {
    max-width: none;
  }
  .account.profile .rows > div:last-child .value,
  .account.registration .rows > div:last-child .value {
    width: 100%;
    flex-basis: initial;
    margin: 0;
  }
  .account.profile .rows > div:last-child .value span,
  .account.registration .rows > div:last-child .value span {
    max-width: initial;
  }
  .account.registration .wrapper::after {
    content: none;
  }
  .account.registration .wrapper h1 {
    font-size: 2.4rem;
    font-weight: 500;
  }
  .account.registration .wrapper .rows > div > div {
    flex-wrap: wrap;
    margin-bottom: 10px;
  }
  .account.registration .wrapper .rows > div > div > div {
    width: 100%;
    margin-bottom: 5px;
  }
  .account.registration .wrapper .errorbox {
    max-width: initial;
  }
  .account.registration .wrapper .type-row {
    margin-bottom: 10px;
  }
  .account.registration .wrapper .type-row > div:first-of-type {
    margin-bottom: 10px;
  }
  .account.registration .wrapper .advantages > div {
    font-size: 2.4rem;
  }
  .account.registration .wrapper .form h3 {
    margin-top: 5px;
    margin-bottom: 10px;
  }
  .account.registration .double.area-phone {
    flex-wrap: nowrap !important;
  }
  .account.registration .double.area-phone .area_code {
    width: 130px !important;
  }
  .account.registration .double.area-phone input {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
  }
}

@media all and (max-width: 767px) {
  .account.edit .inputbox,
  .account.registration .inputbox {
    position: relative;
    width: 100% !important;
  }
  .account.edit .wrapper .rows > div > div,
  .account.registration .wrapper .rows > div > div {
    margin-bottom: 0;
  }
  .account.edit .wrapper .rows > div > div:last-of-type .inputbox,
  .account.edit .wrapper .rows > div > div:last-of-type label,
  .account.registration .wrapper .rows > div > div:last-of-type .inputbox,
  .account.registration .wrapper .rows > div > div:last-of-type label {
    display: block;
  }
  .account.edit .wrapper .rows > div > div.type-row,
  .account.registration .wrapper .rows > div > div.type-row {
    margin-bottom: 0;
  }
  .account.edit .wrapper .form h3,
  .account.registration .wrapper .form h3 {
    margin: 25px 0;
  }
  .account.profile .notification {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    display: -webkit-box;
    display: flex;
    flex-wrap: no-wrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
  }
  .account.profile .notification svg {
    margin-right: 10px;
  }
  .account.registration .form {
    flex-basis: 100%;
    margin-right: 0;
  }
  .account.registration .wrapper:first-of-type {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .account.registration .advantages {
    display: none;
  }
}

@media all and (max-width: 479px) {
  .account.registration .wrapper:first-of-type {
    padding-top: 30px;
    padding-bottom: 0;
  }
  .account.registration .wrapper .form h3 {
    margin-top: 15px;
    margin-bottom: 15px;
  }
}

@media all and (max-width: 1023px) {
  .account.addresses .columns,
  .account.clients .columns {
    flex-wrap: wrap;
  }
  .account.addresses .columns > div,
  .account.clients .columns > div {
    flex-basis: 50%;
    margin: 0px 0px 45px 0px;
  }
}

/*# sourceMappingURL=style.css.map */

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('../../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}

/*# sourceMappingURL=lib.css.map */