body {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
background-color: #fff;
}
a,
.navbar-default .navbar-nav > li > a,
a:hover,
a:focus {
color: #035ca8;
}
a:hover {
text-decoration: none;
}
img[title] {
pointer-events: none;
}
#content .light a,
.light a {
opacity: 0.75;
transition: all 0.45s;
color: inherit;
}
#content .light .fusion-image-wrapper a,
#content .light .fusion-imageframe a {
opacity: 1;
}
#content .light a:hover {
opacity: 1;
color: inherit;
}
.btn {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
background-image: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding: 7px 12px;
border-radius: 0;
}
.btn:active {
box-shadow: none;
}
hr {
border-color: #d9d9d9;
border-width: 1.3px;
}
.overflowHidden {
overflow: hidden;
}
hr.hr-red {
border-color: #E20018;
border-width: 3px;
width: 12.5%;
margin: 30px 0 40px;
}
hr.hr-grey {
margin-bottom: 0;
}
.btn-xs,
.btn-group-xs > .btn {
padding: 1px 5px;
}
.form-group .btn.btn-primary,
.form-group .btn.btn-secondary,
.form-group .btn.btn-success,
.form-group .btn.btn-danger,
.form-group .btn.btn-warning,
.form-group .btn.btn-info,
.cart-buttons .btn,
.panel-footer .btn {
border-radius: 0;
border: 0;
}
.form-group .btn-group.form-control .btn {
border-radius: 4px;
}
.btn.btn-primary {
background-color: #005AA9;
border-color: none;
border-radius: 5px;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info,
.btn-info:focus,
.btn-info.focus,
.btn-info,
.btn-info:hover,
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
background-color: #e20018;
border-color: #bb191c;
}
.print {
display: none;
}
.cl-basket #basketRemoveAll {
background-color: #fff;
}
.cl-basket #basketRemoveAll.btn:focus {
outline: none;
}
.cl-basket #basketFn input[type="checkbox"] {
vertical-align: middle;
margin: 0;
}
.actual-exams a.blue-button,
.welcome-box .bottom-box a,
.bottom-box a {
background-color: #005AA9;
color: #fff;
font-size: 14px;
padding: 17px;
display: inline-block;
margin-top: auto;
width: 100%;
}
.box.grey-box + .blue-button {
padding: 17px 25px;
}
.actual-exams a {
display: inline-block;
width: 100%;
}
.bottom-box a,
.welcome-box .bottom-box a {
width: 100%;
left: 15px;
}
.actual-exams a.blue-button:hover,
.welcome-box .bottom-box a:hover,
.bottom-box a:hover {
text-decoration: none;
}
body {
font-size: 14px;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
}
h1,
.h1 {
font-size: 36px;
margin-bottom: 5px;
line-height: 50px;
}
h2,
.h2,
body.cl-details #productTitle.h2 {
margin-top: 0;
font-size: 22px;
line-height: 31px;
}
body.cl-details #productTitle.h2 span {
font-size: 14px;
line-height: normal;
display: block;
}
h3,
.h3 h4,
.h4 {
font-size: 16px;
line-height: 23px;
}
.headline-800-bd {
width: 552px;
height: 50px;
color: rgb(51, 51, 51);
font-size: 36px;
font-family: Arial-BoldMT;
font-weight: boldmt;
line-height: 50px;
letter-spacing: 0px;
}
.headline-800 {
width: 552px;
height: 50px;
color: rgb(51, 51, 51);
font-size: 36px;
font-family: ArialMT;
line-height: 50px;
letter-spacing: 0px;
}
.headline-700-bd {
width: 397px;
height: 62px;
color: rgb(51, 51, 51);
font-size: 22px;
font-family: Arial-BoldMT;
font-weight: boldmt;
line-height: 31px;
letter-spacing: 0px;
}
.headline-700 {
width: 397px;
height: 62px;
color: rgb(51, 51, 51);
font-size: 22px;
font-family: ArialMT;
letter-spacing: 0px;
line-height: 31px;
}
.headline-650-bd {
width: 321px;
height: 50px;
color: rgb(51, 51, 51);
font-size: 18px;
font-family: Arial-BoldMT;
font-weight: boldmt;
letter-spacing: 0px;
line-height: 25px;
}
.headline-650 {
width: 321px;
height: 50px;
color: rgb(51, 51, 51);
font-size: 18px;
font-family: ArialMT;
letter-spacing: 0px;
line-height: 25px;
}
.headline-600-bd {
width: 321px;
height: 46px;
color: rgb(51, 51, 51);
font-size: 16px;
font-family: Arial-BoldMT;
letter-spacing: 0px;
font-weight: boldmt;
line-height: 23px;
}
.headline-600 {
width: 321px;
height: 46px;
color: rgb(51, 51, 51);
font-size: 16px;
font-family: ArialMT;
letter-spacing: 0px;
line-height: 23px;
}
.Copy {
width: 575px;
height: 60px;
color: rgb(51, 51, 51);
font-size: 14px;
font-family: ArialMT;
letter-spacing: 0px;
line-height: 20px;
}
.copy-bd {
width: 575px;
height: 20px;
color: rgb(51, 51, 51);
font-size: 14px;
font-family: Arial-BoldMT;
font-weight: boldmt;
letter-spacing: 0px;
line-height: 20px;
}
.copy-fineprint {
width: 575px;
height: 51px;
color: rgb(58, 58, 58);
font-size: 12px;
font-family: ArialMT;
letter-spacing: 0px;
line-height: 17px;
}
.copy-fineprint-bd {
width: 575px;
height: 17px;
color: rgb(58, 58, 58);
font-size: 12px;
font-family: Arial-BoldMT;
font-weight: boldmt;
letter-spacing: 0px;
line-height: 17px;
}
#content ul li {
line-height: 30px;
}
.font-100 {
font-weight: 100;
}
.font-w400 {
font-weight: 400 !important;
}
[class*="spacer-"] {
display: block;
}
.spacer-5 {
height: 5px;
}
.spacer-10 {
height: 10px;
}
.spacer-15 {
height: 15px;
}
.spacer-20 {
height: 20px;
}
.spacer-25 {
height: 25px;
}
.spacer-30 {
height: 30px;
}
.spacer-35 {
height: 35px;
}
.spacer-40 {
height: 40px;
}
.spacer-45 {
height: 45px;
}
.spacer-50 {
height: 50px;
}
.spacer-60 {
height: 60px;
}
.spacer-75 {
height: 75px;
}
.spacer-100 {
height: 100px;
}
.bg-blue {
background-color: #035ca8;
}
.text-white,
.text-white:visited,
.text-white:active,
.text-white h2 {
color: #fff;
}
.color-primary-blue,
.text-blue,
.color-blue {
color: #035ca8;
}
.color-grey-100 {
color: #f6f6f6;
}
.color-grey-150 {
color: #eeeeee;
}
.color-grey-200 {
color: #e4e4e4;
}
.color-grey-300 {
color: #dce1e6;
}
.color-d7d7d7,
.color-grey-400 {
color: #d7d7d7;
}
.text-grey,
.color-grey-450 {
color: #b4b4b4;
}
.color-grey-500 {
color: #94a0aa;
}
.color-474747,
.color-grey-600 {
color: #474747;
}
.color-grey-700 {
color: #343333;
}
.color-white,
.color-white-500 {
color: #ffffff;
}
.color-area-color-secondary,
.text-light-blue {
color: #005aa9;
}
.color-black,
.color-black-500,
.text-black {
color: #000;
}
.color-primary-red,
.text-red {
color: #e20018;
}
.color-area-color-STT {
color: #71979e;
}
.color-area-color-education {
color: #15406d;
}
.color-area-color-college {
color: #0b95a2;
}
.color-area-color-further-education {
color: #e65d26;
}
.color-area-color-tertiary {
color: #f0ad4e;
}
.color-grey600 {
color: #474747;
}
.c-000 {
color: #000;
}
.c-444 {
color: #444;
}
.c-676767 {
color: #676767;
}
.c-999 {
color: #999;
}
.c-888 {
color: #888;
}
.background-f6f6f6 {
background-color: #f6f6f6;
}
.background-e65d26,
.orange-box {
background-color: #e65d26;
}
.font-10 {
font-size: 10px;
}
.font-12 {
font-size: 12px;
}
.font-13 {
font-size: 13px;
}
.font-14 {
font-size: 14px;
}
.font-15 {
font-size: 15px;
}
.font-16 {
font-size: 16px;
}
.font-17 {
font-size: 17px;
}
.font-18 {
font-size: 18px;
}
.font-19 {
font-size: 19px;
}
.font-20 {
font-size: 20px;
}
.font-22 {
font-size: 22px;
}
.font-23 {
font-size: 23px;
}
.font-24 {
font-size: 24px;
}
.font-26 {
font-size: 26px;
}
.font-32 {
font-size: 32px;
}
.font-33 {
font-size: 33px;
} 
.font-34 {
font-size: 34px;
}
.font-50 {
font-size: 50px;
}
.font-bold {
font-weight: bold;
}
.font-weight-boldmd {
font-weight: 700;
}
.line-height-normal {
line-height: normal;
}
.line-height-50 {
line-height: 50px;
}
.line-height-31 {
line-height: 31px;
}
.line-height-25 {
line-height: 25px;
}
.line-height-23 {
line-height: 23px;
}
.clear {
clear: both;
}
.flex-box {
display: flex;
}
.flex-box:before,
.flex-box:after {
content: normal;
}
.flex-unset {
flex-direction: unset;
}
.flex-justify-center {
justify-content: center;
}
.padding-0 {
padding: 0px;
}
.padding-5 {
padding: 5px;
}
.padding-10 {
padding: 10px;
}
.padding-15 {
padding: 15px;
}
.padding-20 {
padding: 20px;
}
.padding-25 {
padding: 25px;
}
.padding-30 {
padding: 30px;
}
.padding-left-0 {
padding-left: 0px;
}
.padding-left-5 {
padding-left: 5px;
}
.padding-left-10 {
padding-left: 10px;
}
.padding-left-15 {
padding-left: 15px;
}
.padding-left-20 {
padding-left: 20px;
}
.padding-left-30 {
padding-left: 30px;
}
.padding-right-0 {
padding-right: 0px;
}
.padding-right-5 {
padding-right: 5px;
}
.padding-right-10 {
padding-right: 10px;
}
.padding-right-15 {
padding-right: 15px;
}
.padding-right-20 {
padding-right: 20px;
}
.padding-right-25 {
padding-right: 25px;
}
.padding-right-30 {
padding-right: 30px;
}
.padding-top-5 {
padding-top: 5px;
}
.padding-top-10 {
padding-top: 10px;
}
.padding-top-15 {
padding-top: 15px;
}
.padding-top-20 {
padding-top: 20px;
}
.padding-top-30 {
padding-top: 30px;
}
.padding-bottom-0 {
padding-bottom: 0px;
}
.padding-bottom-10 {
padding-bottom: 10px;
}
.padding-bottom-20 {
padding-bottom: 20px;
}
.padding-bottom-30 {
padding-bottom: 30px;
}
.margin-0 {
margin: 0;
}
.margin-left-5 {
margin-left: 5px;
}
.margin-left-20 {
margin-left: 20px;
}
.margin-right-5 {
margin-right: 5px;
}
.margin-right-10 {
margin-right: 10px;
}
.margin-right-15 {
margin-right: 15px;
}
.margin-right-20 {
margin-right: 20px;
}
.margin-right-30 {
margin-right: 30px;
}
.margin-top-0 {
margin-top: 0;
}
.margin-top-10 {
margin-top: 10px;
}
.margin-bottom-5 {
margin-bottom: 5px;
}
.margin-bottom-10 {
margin-bottom: 10px;
}
.margin-bottom-15 {
margin-bottom: 15px;
}
.margin-bottom-30 {
margin-bottom: 30px;
}
.margin-bottom-60 {
margin-bottom: 60px;
}
.cloumnt-count-2 {
column-count: 2;
}
.position-absolute {
position: absolute;
}
.position-relative {
position: relative;
}
.v-middle {
vertical-align: middle;
}
.v-top {
vertical-align: text-top;
}
.v-bottom {
vertical-align: text-bottom;
}
#sidebar .nav-pills > li > a {
color: #000;
}
#sidebar .nav-pills > li.active > a,
#sidebar .nav-pills > li.active > a:hover,
#sidebar .nav-pills > li.active > a:focus {
background-color: transparent;
color: #035ca8;
}
.d-inline-block {
display: inline-block;
}
.table-borderless.table-bordered {
border: 0;
}
.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
border: none;
padding-left: 0;
padding-right: 0;
}
body.cl-details #detailsItemsPager .pager-overview-link,
body.cl-details #detailsItemsPager .pager-prev,
body.cl-details #detailsItemsPager .pager-next,
body.cl-details #detailsItemsPager .pager-overview-link a,
body.cl-details #detailsItemsPager .pager-prev a,
body.cl-details #detailsItemsPager .pager-next a,
body.cl-details .details-col-right .action-links a {
color: #035ca8;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
border: 0;
background-color: #035ca8;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
background-color: #035ca8;
border-color: #0a427b;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
color: #035ca8;
}
.alert-info {
color: #fff;
background-color: #035ca8;
border-color: #0a427b;
}
.display-block {
display: block;
}
.promo-categories .promo-category .promo-category-title.orange-title a {
background-color: #e65e25;
}
.promo-categories .promo-category .promo-category-title a:after {
content: "\f101";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
font-size: 16px;
text-decoration: none;
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
color: #fff;
}
.promo-categories .promo-category .promo-category-content {
color: #fff;
font-size: 12px;
font-weight: 100;
min-height: 140px;
position: relative;
padding: 0;
}
.promo-categories .promo-category .promo-category-title a {
display: block;
color: #fff;
font-size: 16px;
padding: 5px 15px;
position: relative;
}
.btn-standard {
text-align: center;
padding: 7px 15px;
font-size: 18px;
text-decoration: underline;
}
.btn-full {
padding: 10px;
display: block;
margin-bottom: 10px;
}
a.btn-standard:hover {
color: #fff;
}
.btn-blue {
color: #fff;
background-color: #035ca8;
}
.btn-blue:hover {
color: #fff;
}
.btn-red {
color: #fff;
background-color: #e20018;
}
.btn-red:hover {
color: #fff;
}
.btn-follow-topic-blue,
a.btn-follow-topic-blue {
background-color: #035ca8;
color: #fff;
font-size: 14px;
padding: 17px;
display: inline-block;
margin-top: auto;
width: 100%;
}
.btn-image-box a {
background-color: #035ca8;
color: #fff;
padding: 10px 17px;
display: block;
}
.btn-search-bar {
font-size: 13px;
}
body.cl-order .panel .panel-heading button {
margin-top: 0;
}
.couponBox .form-group .btn.btn-primary {
border: 1px solid #035ca8;
}
.btn.btn-default {
color: #333;
background-color: #fff;
border-color: #ccc;
}
.info-box .pdf-btn {
background-color: #e20018;
color: #fff;
font-weight: 100;
padding: 2px 5px;
font-size: 10px;
vertical-align: text-top;
}
.btn.btn-primary.product-to-cart-btn {
background-color: #035ca8;
border-radius: 0;
border: 0;
color: #fff;
padding: 0;
text-align: left;
height: 30px;
line-height: 30px;
float: left;
padding-right: 15px;
}
.btn:hover,
.nav li a:hover,
.dropdown li a:hover,
.pagination a:hover {
transition: color 0.3s, background-color 0.3s, border 0.3s;
}
.btn-danger:hover {
color: #fff;
background-color: #e20018;
border-color: #ac2925;
}
.head-gray {
font-size: 22px;
font-weight: bold;
padding: 20px;
background-color: #e4e4e4;
margin-bottom: 15px;
}
.footer-red {
font-size: 14px;
padding: 17px 10px 17px 10px;
background-color: #e20018;
text-align: center;
color: white;
}
.footer-grey {
font-size: 18px;
padding: 10px 10px 10px 10px;
background-color: #e4e4e4;
text-align: center;
color: black;
min-height: 70px;
}
.related-products .footer-blue {
text-align: left;
}
.footer-blue {
font-size: 14px;
padding: 17px 10px 17px 10px;
background-color: #035ca8;
text-align: center;
color: white;
}
.footer-red P {
color: black;
margin-bottom: 0;
padding-bottom: 0;
}
.footer-red b {
font-size: 18px;
}
A .head-gray {
color: black;
}
A .footer-grey p {
margin: 0;
}
A .footer-blue p {
margin: 0;
}
A .footer-red P {
color: white;
}
A .footer-red b {
color: white;
}
img.margin-auto {
margin: 0 auto;
}
#header .menus-col .menu-dropdowns img {
max-width: 70%;
margin: 0 auto 5px;
}
#header .menus-col .menu-dropdowns img {
max-width: 70%;
margin: 0 auto 5px;
}
ul.arrow {
padding-left: 0;
}
ul.arrow li {
list-style-type: none;
margin-bottom: 7px;
}
ul.arrow li:before {
content: "\f054";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
font-size: 16px;
padding-right: 10px;
vertical-align: middle;
}
ul.nodots li {
list-style-type: none;
}
.panel-group .panel {
border-radius: 0;
border: 0;
}
.cl-alist #productList img {
image-rendering: pixelated;
}
.btn-grey {
background-color: #95a0a9;
border-color: #d7d7d7;
color: #fff;
white-space: normal;
}
.inline-radios {
vertical-align: middle;
margin-right: 15px;
margin-top: 7px;
margin-bottom: 0;
}
.inline-radios input {
margin-right: 10px;
margin-top: 0;
}
.btn-green {
background-color: #7b9ca7;
color: #fff;
border-radius: 0;
border: 0;
outline: none;
box-shadow: none;
position: relative;
text-align: left;
}
.breadcrumb > .active a,
.text-danger,
body.cl-order .agb a,
.alert-danger {
color: #e20018;
}
.btn-danger {
background-color: #e20018;
}
.width-10 {
width: 10%;
}
.width-15 {
width: 15%;
}
.width-20 {
width: 20%;
}
.width-25 {
width: 25%;
}
.width-30 {
width: 30%;
}
.width-40 {
width: 40%;
}
.half-width,
.width-50 {
width: 50%;
}
.width-75 {
width: 75%;
}
.width-100 {
width: 100%;
}
.box {
padding: 30px 25px;
}
.box.simple-box {
padding: 5px 25px;
}
.grey-box {
background-color: #f6f6f6;
}
.fa-check {
margin-right: 5px;
}
.fa-question.question-circle {
border-style: solid;
border-radius: 100%;
border-width: 1px;
text-align: center;
width: 14px;
height: 14px;
line-height: 12px;
font-size: 12px;
margin-right: 5px;
}
.full-height {
height: 100%;
}
.checkbox input[type="checkbox"] {
color: #fff;
}
.accountLoginView .checkbox input[type="checkbox"] {
min-height: 20px;
height: 20px;
}
div.img-responsive img {
display: block;
max-width: 100%;
height: auto;
}
.flex-middle-container {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.register-form .text-success,
.is-checkout .text-success {
color: #333;
}
#sidebar  .banner-block a.btn {
color: #fff;
}
#wrapper .btn:not(.dropdown-toggle),
.dropdown-menu .btn:not(.dropdown-toggle),
#wrapper .locator-sort .btn,
#wrapper .steps .btn {
border-radius: 4px;
box-shadow:    none;
font-size:     12px;
font-weight:   600;
line-height:   20px;
padding:       8px 14px;
transition:    all cubic-bezier(0.25, 1, 0.33, 1);
transition-duration: 0.45s;
-ms-transition:    all cubic-bezier(0.25, 1, 0.33, 1);
-ms-transition-duration: 0.45s;
-webkit-transition:    all cubic-bezier(0.25, 1, 0.33, 1);
-webkit-transition-duration: 0.45s;
}
#wrapper .btn.btn-grey,
#wrapper .btn-grey {
background-color: #F1F1F1;
font-size: 14px;
color: #888888;
border: 1px solid transparent;
padding: 8px 20px;
}
#wrapper .locator-sort .btn,
#wrapper .steps .btn {
-webkit-transition-duration: 0.25s;
}
#wrapper .btn:not(.dropdown-toggle):not(.prevStep):hover,
.dropdown-menu .btn:not(.dropdown-toggle):not(.prevStep):hover,
#wrapper .locator-sort .btn:hover,
#wrapper .steps .btn:hover {
box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
transform:  translateY(-3px);
-ms-transform:  translateY(-3px);
-webkit-transform:  translateY(-3px);
}
#wrapper .thankYouPage #backToShop.btn:not(.dropdown-toggle):not(.prevStep):hover {
transform: translate(-50%, calc(50% - 3px));
-ms-transform: translate(-50%, calc(50% - 3px));
-webkit-transform: translate(-50%, calc(50% - 3px));
}
#wrapper .btn.largeButton,
.dropdown-menu .btn.largeButton,
#wrapper .locator-sort .btn.largeButton,
#wrapper .steps .btn.largeButton {
font-size:     15px;
font-weight:   400;
padding:       13px 25px;
}
#wrapper .btn-sm,
.dropdown-menu .btn-sm,
#wrapper .locator-sort .dropdown-menu .btn-sm,
#wrapper .steps .dropdown-menu .btn-sm {
padding: 5px 12px;
}
#wrapper .locator-sort .btn:hover,
#wrapper .steps .btn:hover  {
box-shadow: 0 5px 18px rgb(0 0 0 / 16%);
-webkit-transform: translateY(-0.75px);
}
.banner-block .title {
color: #444444;
font-size: 24px;
}
.banner-block .link-block {
padding: 10px 5px 10px 0;;
}
#sidebar .banner-block .arguments ul  {
padding-left: 17px;
margin: 25px 0;
}
.banner-block  .arguments ul li {
color: #676767;
line-height: 24px;
position: relative;
}
.mk-oxid-api-productbox.productBox {
transition: all 0.45s;
}
.mk-oxid-api-productbox.productBox:hover {
transform: translateY(-5px);
}
.payment-icons {
display: flex;
flex-wrap: wrap;
row-gap: 5px;
}
.payment-icons img {
max-width: 28px;
}
@media (min-width: 1199px) {
.padding-right-lg-0 {
padding-right: 0;
}
}
@media (max-width: 1199px) {
.padding-md-0 {
padding: 0;
}
.padding-md-5 {
padding: 5px;
}
.padding-md-10 {
padding: 10px;
}
.padding-md-15 {
padding: 15px;
}
.padding-left-md-0 {
padding-left: 0px;
}
.padding-left-md-5 {
padding-left: 5px;
}
.padding-left-md-10 {
padding-left: 10px;
}
.padding-left-md-15 {
padding-left: 15px;
}
.padding-left-md-20 {
padding-left: 20px;
}
.padding-left-md-25 {
padding-left: 25px;
}
.padding-right-md-0 {
padding-right: 0px;
}
.padding-right-md-5 {
padding-right: 5px;
}
.padding-right-md-10 {
padding-right: 10px;
}
.padding-right-md-15 {
padding-right: 15px;
}
.padding-right-md-20 {
padding-right: 20px;
}
.padding-right-md-25 {
padding-right: 25px;
}
.padding-top-md-0 {
padding-top: 0;
}
.padding-top-md-5 {
padding-top: 5px;
}
.padding-top-md-10 {
padding-top: 10px;
}
.text-md-left {
text-align: left;
}
.text-md-center {
text-align: center;
}
}
@media (max-width: 991px) {
.padding-sm-0 {
padding: 0;
}
.padding-sm-5 {
padding: 5px;
}
.padding-sm-10 {
padding: 10px;
}
.padding-sm-15 {
padding: 15px;
}
.padding-left-sm-0 {
padding-left: 0px;
}
.padding-left-sm-5 {
padding-left: 5px;
}
.padding-left-sm-10 {
padding-left: 10px;
}
.padding-left-sm-15 {
padding-left: 15px;
}
.padding-left-sm-20 {
padding-left: 20px;
}
.padding-left-sm-25 {
padding-left: 25px;
}
.padding-left-sm-35 {
padding-left: 35px;
}
.padding-right-sm-0 {
padding-right: 0px;
}
.padding-right-sm-5 {
padding-right: 5px;
}
.padding-right-sm-10 {
padding-right: 10px;
}
.padding-right-sm-15 {
padding-right: 15px;
}
.padding-right-sm-20 {
padding-right: 20px;
}
.padding-right-sm-25 {
padding-right: 25px;
}
.padding-top-sm-0 {
padding-top: 0;
}
.padding-top-sm-5 {
padding-top: 5px;
}
.padding-top-sm-10 {
padding-top: 10px;
}
.text-sm-left {
text-align: left;
}
.spacer-sm-15 {
height: 15px;
} 
}
@media (max-width: 767px) {
.xs-flex {
display: flex;
}
.xs-flex-wrap {
flex-wrap: wrap;
}
.xs-flex-unset {
flex-direction: unset;
}
.xs-flex-column {
flex-direction: column;
}
.xs-flex-column-reverse {
flex-direction: column-reverse;
}
.font-xs-12 {
font-size: 12px;
}
.font-xs-14 {
font-size: 14px;
}
.font-xs-15 {
font-size: 15px;
}
.font-xs-16 {
font-size: 16px;
}
.font-xs-18 {
font-size: 18px;
}
.font-xs-20 {
font-size: 20px;
}
.font-xs-22 {
font-size: 22px;
}
.font-xs-23 {
font-size: 23px;
}
.font-xs-24 {
font-size: 24px;
}
.font-xs-26 {
font-size: 26px;
}
.font-xs-30 {
font-size: 30px;
}
.font-xs-34 {
font-size: 34px;
}
.line-height-xs-30 {
line-height: 30px;
}
.padding-xs-0 {
padding: 0;
}
.padding-xs-5 {
padding: 5px;
}
.padding-xs-10 {
padding: 10px;
}
.padding-xs-15 {
padding: 15px;
}
.padding-left-xs-0 {
padding-left: 0px;
}
.padding-left-xs-5 {
padding-left: 5px;
}
.padding-left-xs-10 {
padding-left: 10px;
}
.padding-left-xs-15 {
padding-left: 15px;
}
.padding-left-xs-20 {
padding-left: 20px;
}
.padding-left-xs-25 {
padding-left: 25px;
}
.padding-right-xs-0 {
padding-right: 0px;
}
.padding-right-xs-5 {
padding-right: 5px;
}
.padding-right-xs-10 {
padding-right: 10px;
}
.padding-right-xs-15 {
padding-right: 15px;
}
.padding-right-xs-20 {
padding-right: 20px;
}
.padding-right-xs-25 {
padding-right: 25px;
}
.padding-top-xs-0 {
padding-top: 0;
}
.padding-top-xs-5 {
padding-top: 5px;
}
.padding-top-xs-10 {
padding-top: 10px;
}
.margin-left-xs-5 {
margin-left: 5px;
}
.margin-left-xs-20 {
margin-left: 20px;
}
.margin-right-xs-5 {
margin-right: 5px;
}
.margin-right-xs-10 {
margin-right: 10px;
}
.margin-right-xs-15 {
margin-right: 15px;
}
.margin-right-xs-20 {
margin-right: 20px;
}
.margin-right-xs-30 {
margin-right: 30px;
}
.margin-bottom-xs-0 {
margin-bottom: 0;
}
.margin-bottom-xs-10 {
margin-bottom: 10px;
}
.margin-bottom-xs-30 {
margin-bottom: 30px;
}
.spacer-xs-0 {
height: 0;
}
.spacer-xs-10 {
height: 10px;
}
.spacer-xs-15 {
height: 15px;
}
.spacer-xs-20 {
height: 20px;
}
.text-xs-center {
text-align: center;
}
.xs-line-height-normal {
line-height: normal;
}
.xs-row {
margin-left: -15px;
margin-right: -15px;
}
.xs-no-row {
margin: 0;
clear: both;
}
.social-icons {
font-size: 50px;
line-height: 50px;
}
.social-icons a {
margin-bottom: 10px;
display: inline-block;
}
}
@media print {
.screen {
display: none !important;
}
.print {
display: block;
}
.print-12 {
width: 100% !important;
}
.print-4 {
width: 25% !important;
float: left !important;
}
a[href]:after {
content: none
}
.print-borderless,
.print-borderless th,
.print-borderless td {
border: 0 !important;
outline: none !important;
box-shadow: none !important;
}
.logo-col {
text-align: right !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
#basket_form input[type=number] {
-moz-appearance: textfield;
}
.basket-item-information > div:not(:first-child) {
margin-top: 0 !important;
}
.header-box {
flex-direction: column;
align-items: flex-end;
}
.checkout-wrapper {
flex-direction: column;
}
#basketcontents_table .product-content {
display: flex;
align-items: center;
margin-bottom: 15px;
border-bottom: 1px solid #efefef;
padding-bottom: 15px;
}
#basketcontents_table .product-content > div {
flex: 1;
}
#basketcontents_table .product-content div.main-col {
flex: 0 0 50%;
}
#basketcontents_table .product-content .quantity-col {
flex: 0 0 10%;
}
.cl-basket .main-content-wrapper {
flex: 0 0 100%;
}
.cl-basket .main-content-wrapper #content {
width: 100%;
}
.cl-basket .main-content-wrapper #content .checkout-sidebar {
align-self: flex-end;
width: 100%;
}
.cl-basket .main-content-wrapper #content .checkout-sidebar .basketsummarytable {
width: 100%;
}
.cl-basket .main-content-wrapper #content .checkout-sidebar .basketsummarytable tbody {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: flex-start;
}
.cl-basket .main-content-wrapper #content .checkout-sidebar .basketsummarytable tbody tr:first-child {
order: 1;
}
.cl-basket .main-content-wrapper #content .checkout-sidebar .basketsummarytable tbody tr:first-child + tr {
order: 4;
flex: 0 0 100%;
}
.cl-basket .main-content-wrapper #content .checkout-sidebar .basketsummarytable tbody #basketTotalProductsNetto > div {
margin-top: 15px;
}
.cl-basket .main-content-wrapper #content .checkout-sidebar .basketsummarytable tbody tr:first-child + tr + tr {
order: 2;
}
.cl-basket .main-content-wrapper #content .checkout-sidebar .basketsummarytable tbody tr:first-child + tr + tr + tr {
order: 3;
}
.cl-basket .main-content-wrapper #content .checkout-sidebar .basketsummarytable tbody #basketDelivery .spacer-30,
.cl-basket .main-content-wrapper #content .checkout-sidebar .basketsummarytable tbody .lead hr {
display: none;
}
.cl-basket .main-content-wrapper #content .checkout-sidebar .basketsummarytable tbody #basketDelivery .spacer-30 + div,
.cl-basket .main-content-wrapper #content .checkout-sidebar .basketsummarytable tbody .lead hr + div {
margin-top: -35px;
}
.cl-basket #basket_form .spacer-50 {
display: none;
}
} @media only screen and (min-width: 320px) {
.err-404 {
display: flex;
flex-wrap: wrap;
width: 100%;
margin: 0 auto
}
.err-404 > div,
.err-404 > h1,
.err-404 > p {
width: 100%;
text-align: center;		
}
.err-404 .btn-box {
margin-top: 20px;
}
#wrapper .err-404 .btn {
width: auto;
padding: 12px 22px;
font-size: 14px;
margin-right: 13px;
margin-bottom: 20px;
min-width: 116px;
}
.robot-404 img {
width: 100%;
margin-bottom: 20px;
}
.err-404 h1 {
font-size: 32px;
line-height: normal;
}
}
@media only screen and (min-width: 768px) {
.err-404 {
width: 55%;
}
}