@import url('normalize.css');
@import url('fonts.css');
@import url('../../../admin/css/fontawesome/v.4.3.0/css/font-awesome.min.css');
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,600,300,700);

/* #region DEFAULT STYLES */

h1, h2, h3 {
}

h1 {
    font-size: 25px;
    font-weight: 600;
    margin: 5px 0 10px 0;
    line-height: 26px;
}

h2 {
    font-size:18px;
}

h3 {
    font-size:18px;
}

p {
    line-height: 16px;
}

img {
    display:block;
    max-width:100%;
}

a {
    color: #373737;
    text-decoration: none;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
a:hover {
	color: #000000;
    text-decoration: none;
}

input {
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

input[type="text"] {
    border: 1px solid #b7b7b7;
    padding: 5px 10px;
}

input[type="submit"] {
    background:#373737;
    color:#fff;
    padding:5px 10px;
    border: 1px solid #373737;
}

input[type="text"]:focus {
    outline:none;
    border-color:#373737;
}

input[type="submit"]:hover,
input[type="submit"]:focus {
    border-color:#000;
    outline:none;
}

/* #endregion DEFAULT STYLES */

/* #region THEME COLORS (only change here!) */

/* COLOR #1 */
.userMenu,
 .vouchercodefield input[type=button],
table.overview.basket .header,
.themeBG {
    background:#bdcabe;
}

/* COLOR #2 */
.swiper-pagination-bullet-active,
.themeColor {
    background:#3ea19e !important;
}

/* COLOR #2 */
.swiper-pagination-bullet {
    border:2px solid #3ea19e;
}

/* COLOR #2 */
.shop_productlistcolumn_item .buttons a:hover,
.sidebar.right a:hover,
table.terms td a:hover,
.breadcrumb li:hover a,
.breadcrumb li.current a,
.shopcheckoutsteps a,
.ultimize_list_pager li a:hover,
.footerWrap a:hover,
.shop_productlistdynamiccolumns .shop_productlistcolumn_item:hover .viewproduct,
.shopCategories li.current > a,
.shopCategories li a:hover,
div#menu ul li > a:hover {
    color:#3ea19e;
}

/* #endregion THEME COLORS (only change here!) */

/* #region LAYOUT */

.normalRightOnly,
.normal {
    padding:30px 0;
}

.normal .sidebar {
    width:200px;
    float:left;
    padding:0 0 0 20px;
}

.normal .sidebar.left {
    padding:0 20px 0 0;
    width:150px;
}

.normal .mainContent {
    width:65%;
    width:calc((100% - 350px));
    float:left;
    padding:0 20px;
}

.normalRightOnly .sidebar  {
    width:200px;
    float:left;
    padding:0 0 0 20px;
}

.normalRightOnly .mainContent {
    width:80%;
    width:calc((100% - 200px));
    float:left;
    padding:0 20px 0 0;
}

/* #endregion LAYOUT */

/* #region MASTER */

body {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: 'Titillium Web', sans-serif;
    color: #151515;
    background: #fff;
}

div {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.innerWrap {
    width:100%;
    max-width:1000px;
    margin:0 auto;
}

.top {
    padding:20px 0 0 0;
}

.logo {
    float:left;
    margin-top: 14px;
}

.quickLinks {
    float:left;
    margin:20px 0 0 150px;
}

.quickLink {
    background:#373737;
    border-radius:50%;
    text-align:center;
    color:#fff;
    display:inline-block;
    width:35px;
    height:35px;
    margin-right:10px;
    padding:9px 0 0 0;
    -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
    font-size:16px;
    line-height: 17px;
}

.quickLink:hover {
    background:#000;
    color:#fff;
}

.quickLink img {
    display:inline-block;
    position:relative;
    top:1px;
}

.quickLink span {
    display:none;
}

.searchBarWrap {
    position:relative;
    display:inline-block;
    margin-right:10px;
    right: 3px;
}

.searchBarWrap span {
    display:inline-block;
    width: 100%;
}

.searchBar {
    display:none;
    position:absolute;
    right: 10px;
    bottom: -46px;
    z-index:9;
}

.searchBar.open {
    display: block;
    width: 250px;
}

.searchBarMobile input[type="text"],
.searchBarMobile input[type="button"],
.searchBar input[type="text"],
.searchBar input[type="button"] {
    display: inline-block;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.searchBarMobile input[type="text"],
.searchBar input[type="text"] {
    width:80%;
    border:1px solid #fff;
}
.searchBarMobile input[type="text"]:focus,
.searchBar input[type="text"]:focus {
    border: 1px solid #373737;
}

.searchBarMobile input[type="button"],
.searchBar input[type="button"] {
    width:20%;
    padding: 6px 6px;
    background:#373737;
    color:#fff;
    border:none;
}
.searchBarMobile input[type="button"]:hover,
.searchBar input[type="button"]:hover {
    background:#000;
}

.searchBarMobile input[type="button"]:focus,
.searchBar input[type="button"]:focus {
    outline:none;
}

.searchBarMobile input[type="text"],
.searchBarMobile input[type="button"] {
    padding:10px 0;
}

.searchBarMobile input[type="text"] {
    border:none;
    padding:9px 0;
    border-top:1px solid #a5a5a5;
    border-bottom:1px solid #b7b7b7;
}

.searchBarMobile {
    display:none;
}

.top .infoBox {
    float:right;
    margin-top:20px;
}

.top .infoBox p {
    margin:2px 0;
    font-weight:600;
}

.cartIcon {
    margin:10px 0 0 20px;
    float: right;
    position: relative;
    background: #373737;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    width: 65px;
    height: 65px;
    text-align: center;
    padding-top: 17px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; 
}

.cartIcon:hover {
    background:#000;
}

.cartIcon i {
    font-size:30px;
    color:#fff;
}

.cartIcon .cartCount {
    position:absolute;
    top: -3px;
    right: -4px;
    width:25px;
    height:25px;
    color:#fff;
    border-radius:50%;
    line-height:23px;
}

.swiper-container img,
.swiper-container {
    width: 100%;
    max-height: 450px;
}

.pager {
    position:absolute;
    bottom:5px;
    left:0;
    right:0;
    text-align:center;
    z-index:999;
}

.swiper-pagination-bullet {
    width: 25px;
    height: 25px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 5px;
    background: rgba(255, 255, 255, 0.2);
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.swiper-pagination-bullet:hover {
    background:rgba(255, 255, 255, 0.6);
}

.footerWrap {
    background:#373737;
    color:#fff;
}

.footerWrap .innerWrap {
    padding-top:20px;
    padding-bottom:20px;
}

.footerWrap table td {
    display:block;
    float:left;
    width:33.33%;
    padding:0;
    margin:0;
}

.footerWrap a {
    color:#fff;
}

.footerWrap td:nth-of-type(3) a:before {
    content:"\f105";
    margin-right:5px;
    font-family:FontAwesome;
}

.footerWrap p {
    margin:5px 0;
}

.footerWrap h3 {
    font-weight:500;
    border-bottom:1px solid rgba(183, 183, 183, 0.2);
    width:80%;
    padding-bottom:5px;
    margin-bottom:10px;
}

/* #endregion MASTER */

/* #region MENU */

.mobileMenuIcon,
.mobileMenu {
	display:none;
}

div#menu {
    margin-top:20px;
    border-top:1px solid rgba(255, 255, 255, 0.3);
}

div#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align:center;
    font-size: 0;
}
div#menu > ul > li {
    display:inline-block;
    position: relative;
}

div#menu ul li > a {
    display: block;
    padding: 5px 30px;
    color: #373737;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

div#menu ul li > a > span {
    display: table-cell;
    height: 38px;
    vertical-align: middle;
    text-align: left;
    line-height: 18px;
}

div#menu ul li > a:hover,
div#menu ul li:hover > a,
div#menu ul li.current > a,
div#menu ul li.parenttocurrent > a {
    text-decoration: none;
}

/* #####################
   DROPDOWN SETUP - ONLY USE IF NESCESSARY
   ##################### */

/* 2nd level */
div#menu ul li ul {
    position: absolute;
    top: 48px;
    left: 0;
    z-index: 999;
    display: none;
    width:auto;
}

div#menu ul li ul:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 8px 10px;
    border-color: transparent transparent #ffffff transparent;
    position:absolute;
    top:-8px;
    left:60px;
}

div#menu ul li:nth-of-type(1n+4) ul {
    left:auto;
    right:0;
}

div#menu ul li:nth-of-type(1n+4) ul:before {
     left:auto;
     right:60px;
} 

div#menu ul li ul li {
    position: relative;
    width: 200px;
    border-left:1px solid #f3f3f3;
}

div#menu ul li ul li:nth-child(1n+11) {
    margin-left: 201px;
}

div#menu ul li ul li:nth-child(1n+21) {
    margin-left: 401px;
}

div#menu ul li:nth-of-type(1n+4) ul li:nth-child(1n+11) {
    margin-left: -201px;
}

div#menu ul li:nth-of-type(1n+4) ul li:nth-child(1n+21) {
    margin-left: -401px;
}

div#menu ul li ul li:nth-child(11),
div#menu ul li ul li:nth-child(21) {
    margin-top: -480px;
}

div#menu ul li ul li a {
    background: #fff;
    font-size:15px;
    padding:5px 20px;
}

/*div#menu ul li ul li a span {
    height:20px;
}*/

div#menu ul li ul li > a:hover,
div#menu ul li ul li:hover > a,
div#menu ul li ul li.current > a,
div#menu ul li ul li.parenttocurrent > a {
    
}
/* 3rd level */
div#menu ul li ul li ul {
    top: 0;
    left: 150px;
}
div#menu ul li ul li ul li > a {
    background: #b7b7b7;
}

/* #endregion MENU */

/* #region SIDEBARS */

.shopCategories {
    list-style: none;
    margin:0;
    padding:0;
}

.shopCategories li a, .checkoutSteps li span {
    font-size: 16px;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 10px 0 0 0;
    margin-bottom: 5px;
}

.shopCategories li ul li a span {
    line-height: 15px;
}

.shopCategories > li > a {
    text-transform: uppercase;
    font-weight:600;
}

.shopCategories li:last-of-type span {
    border-bottom: none;
}

.shopCategories li.cl {
    position: relative;
    margin-bottom: 34px;
}

.shopCategories li.cl::after {
    content: "Se flere";
    color: #999;
    position: absolute;
    top: 219px;
    left: 0;
    line-height: 24px;
    font-size: 14px;
    display: block;
    cursor: pointer;
}

.shopCategories li.cl.full::after {
    content: "Se f\00e6rre";
    position: static;
}

.shopCategories li ul {
    padding: 0;
    list-style: none;
    margin-bottom: 15px;
}

.shopCategories li.cl ul {
    margin-bottom: 54px;
    height: 170px;
    overflow: hidden;
    -moz-transition: height 0.3s ease-out;
    -o-transition: height 0.3s ease-out;
    -webkit-transition: height 0.3s ease-out;
    transition: height 0.3s ease-out;
}

.shopCategories li.cl.full ul {
    height: auto;
    margin-bottom: 0;
}

.shopCategories li ul li a {
    border: 0 none;
    font-size: 14px;
    line-height: 14px;
    padding: 0;
}

.sidebar.right h2 {
    color:#555555;
    border-bottom:1px solid #b7b7b7;
    padding-bottom:10px;
    margin-bottom:5px;
    font-weight:600;
    line-height:20px;
}

.sidebar.right p {
    margin:10px 0;
}

.sidebar.right a {
    font-weight:600;
}

.sidebar.right img {
    display:inline-block;
    margin:0 5px 5px 0;
}

.sidebar.right .infoBox {
    margin-bottom:30px;
}

/*#endregion SIDEBARS */

/* #region PRODUCT LIST */

.shop_productlistcolumn_item {
    width:47%;
    width:calc((100% - 30px) / 2);
    float:left;
    margin:0 30px 30px 0;
    cursor:pointer;
    text-align:center;
    height: 411px;
    position:relative;
}

.shop_productlistcolumn_item:nth-of-type(2n+2) {
    margin-right:0;
}

.shop_productlistcolumn_item strong.name {
    display:block;
    text-align:center;
    font-size:18px;
    line-height: 20px;
    max-height: 40px;
    overflow: hidden;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.shop_productlistcolumn_item .priceprimary {
    display:inline-block;
}

.shop_productlistcolumn_item .pricesecondary.variants,
.shop_productlistcolumn_item .pricesecondary {
    display:none;
}

.shop_productlistcolumn_item .pricesecondary.campaign {
    display:inline-block;
}

.shop_productlistcolumn_item .pricesecondary.campaign {
    text-decoration:line-through;
    color:rgb(190, 61, 61);
    margin-left:10px;
}

.shop_productlistcolumn_item .image {
    margin-bottom: 10px;
}

.shop_productlistcolumn_item img {
    width:100%;
    height:auto;
}

.shop_productlistcolumn_item .buttons {
    display:block;
    width:100%;
    text-align:center;
    padding:4px 10px;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
}

.shop_productlistcolumn_item .buttons a {
    border-top:1px solid #cecece;
    padding:4px 20px;
    margin-top:2px;
    display:inline-block;
    text-transform:uppercase;
}

.shop_productlistcolumn_item .buttons a i {
    margin-left:5px;
    font-size:17px;
}

.ultimize_list_pager {
    display: block;
    text-align: center;
}

.ultimize_list_pager li {
    display: inline-block;
    margin-right: 4px;
    color: #A2A2A2;
}

.ultimize_list_pager li.current {
    text-decoration:underline;
}

.shopCategories li ul li a.showmore {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
}

/* #endregion PRODUCT LIST */

/* #region PRODUCT */

.shop_product_left,
.shop_product_right {
    float:left;
    width:50%;
}

.shop_product_left {
    padding-right:15px;
}

.shop_product_right {
    padding-left:15px;
}

.shop_product_thumbnails ul li img,
div.bigimage img {
    margin:0 auto;
}

.shop_product_thumbnails ul li img {
    max-width:90%;
}

div.bigimage {
    margin-top: 50px;
}

.shop_product_thumbnails ul {
    border-top:1px solid #b7b7b7;
    list-style:none;
    padding:0;
    margin:10px 0 0 0;
    padding-top:10px;
}

.shop_product_thumbnails ul li {
    display:inline-block;
    width:25%;
    height:auto;
    margin-bottom:5px;
}

#lbPrevLink, #lbNextLink {
    -moz-transition:none;
    -o-transition:none;
    -webkit-transition:none;
    transition:none;
}

.shop_product_teaser {
    margin-bottom:20px;
}

.variantselection,
table.shop_overview {
    width:100%;
    border-collapse: collapse;
}

table.shop_overview .txtAmount input {
    width:20px;
    padding:1px 5px;
    text-align:center;
}

.variantselection td:first-of-type,
table.shop_overview th {
    text-align:left;
    width:130px;
}

.variantselection td,
table.shop_overview th,
table.shop_overview td {
    padding-top:5px;
    padding-bottom:5px;
}

.variantlabel {
    font-weight:700;
}

.variantselection select {
    position:relative;
    left:-3px;
    border: 1px solid #b7b7b7;
}

.variantselection select:focus {
    outline:none;
    border-color: #373737;
}

.shop_product_price {
    margin:20px 0;
}


.priceWrap {
    width:60%;
    float:left;
    text-align:right;
    padding-right:14px;
}

.buttons {
    width:40%;
    float:left;
}

.priceWrap > span {
    display:block;
}

.priceWrap .price_primary {
    display:inline-block;
    font-size:25px;
}

.priceWrap .price_primary.variants,
.priceWrap .price_secondary > .price {
    display:none;
}

.priceWrap .price_secondary.variants,
.priceWrap .price_secondary .price.campaign {
    display:inline-block;
}

.priceWrap .price_secondary .price.campaign {
    text-decoration:line-through;
    color:rgb(190, 61, 61);
    margin-left:10px;
}

.priceWrap .price_secondary {
    position: relative;
    top: -10px;
}

.buttons .notforsale {
    margin: 9px 0 0 10px;
    display: inline-block;
    background: rgba(55, 55, 55, 0.21);
    padding: 5px 10px;
    color: #797979;
    border-radius: 6px;
}

.buybutton {
    margin-top: -3px;
    position: relative;
    background: #373737;
    border-radius: 50%;
    display: inline-block;
    width: 50px;
    height: 50px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; 
    overflow:hidden;
    color:#373737;
}

.buybutton:hover {
   color:#373737;
    /*background:#000;*/
}

    .buybutton:before,
    .buybutton:after {
        content: "\f07a";
        font-family: fontawesome;
        position: absolute;
        top: 12px;
        right: 14px;
        font-size: 24px;
        color: #fff;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
    }

    .buybutton:before {
        content: "\f217";
        font-size: 26px;
        left: 60px;
        right:auto;
    }

.buybutton:hover:after {
    right:60px;
}

.buybutton:hover:before {
    left: 13px;
}

.shop_related_products {
    border-top:1px solid #b7b7b7;
    margin-top:20px;
}

.shop_related_products .shop_productlistcolumn_item {
    width:calc((100% - 40px) / 3);
    float:left;
    margin-right:20px;
    height: 330px;
}

.shop_related_products .shop_productlistcolumn_item:nth-of-type(3n+3) {
    margin-right:0;
}

.breadcrumb {
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0;
    float:left;
}

    .breadcrumb li {
        display: inline-block;
        margin-right: 6px;
    }

        .breadcrumb li > span,
        .breadcrumb li a {
            color: #828282;
            font-size: 13px;
        }

         /*{
            color: #373737;
        }*/

        .breadcrumb li.current:hover a {
            color: #373737;
        }

/* #endregion PRODUCT */

/* #region CHECKOUT */

.shopcheckoutsteps {
    list-style:none;
    margin:0;
    padding:0;
}

.shopcheckoutsteps li {
    display:inline-block;
    margin-right:10px;
}

.shopcheckoutsteps li:after {
    content:">";
    margin-left:10px;
}

.shopcheckoutsteps li:last-of-type:after {
    content:"";
}

.shopcheckoutsteps a:hover {
    color:#373737;
}

#checkout_step_one h2,
#checkout_step_two h2,
#checkout_step_three h2,
#checkout_step_four h2,
#checkout_step_five h2,
#checkout_step_six h2 {
    margin:20px 0;
}

table.overview.basket {
    width:100%;
    font-size:15px;
}

table.overview.basket a {
    font-size:15px;
    color:#37332f;
}

table.overview.basket .header th {
    text-align:left;
    padding:10px;
}

table.overview.basket tbody tr:nth-of-type(2n+1) {
    background:#EFEBE4;
}

table.overview.basket tbody tr.spacer {
    background:#fff;
}

table.overview.basket td {
    padding:8px 10px 8px;
}

table.overview.basket td.quantity input {
    width: 29px;
    padding: 2px;
    outline: none;
    border: 1px solid #b7b7b7;
    position: relative;
    top: 0px;
    background: #e6e0d1;
    text-align: center;
}

table.overview.basket td.quantity input:focus {
    outline:none;
    border:1px solid #37332f;
}

table.overview.basket td.item a {
    font-weight:600;
}

table.overview.basket td.item,
table.overview.basket th.item {
    padding-left:20px;
    line-height: 18px;
}

table.overview.basket th.price,
    table.overview.basket td.price {
        min-width:150px;
    }

table.overview.basket .totaltext {
    text-align:right;
}

table.overview.basket tfoot .price {
    text-align:right;
    width:100px;
}

table.overview.basket td.actions {
    text-align:center;
}

.vouchercodefield {
    float: right;
    margin-top: 17px;
}

    .vouchercodefield label {
        float: left;
        position: relative;
        top: 4px;
        right: 10px;
    }

    .vouchercodefield input[type=button] {
        text-transform: uppercase;
        color: #fff;
        padding: 6px 13px;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
        border: none;
    }

.megabasketupdate {
    width:88px;
    text-align:center;
    float:left;
    margin-right:11px;
}

.checkout_control_buttons a,
.megabasketupdate a {
    text-transform: uppercase;
    background:#c7c7c7;
    color: #fff;
    padding: 10px 20px;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

 .checkout_control_buttons a:hover,
.megabasketupdate a:hover {
    text-decoration:none;
    background:#626262;
}

.checkout_control_buttons {
    text-align:center;
    margin-top:80px;
}

.checkout_control_buttons a {
    display:inline-block;
}

.checkout_control_buttons a:last-of-type {
    background: #373737;
}
.checkout_control_buttons a:last-of-type:hover {
    background:#000000;
}

.checkout_container {
    clear:both;
}

.checkout_container .delivery_data,
.checkout_container .customer_data {
    width:50%;
    float:left;
    clear:right;
}

    .checkout_container .delivery_data {
        padding-left: 30px;
    }

.paymentselector,
.shippingselector,
.checkout_container table {
    width:400px;
    min-width:300px;
}

.checkout_container .delivery_data table,
.checkout_container .customer_data table {
    width:100%;
}

.checkout_container table tr td:first-of-type {
    width:30%;
}

    .checkout_container table select,
    .checkout_container table input[type="text"] {
        padding: 5px;
        margin-bottom: 10px;
        width: 100%;
        outline: none;
        border: 1px solid #b7b7b7;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

.checkout_container table select:focus,
.checkout_container table input[type="text"]:focus {
    outline:none;
    border:1px solid #373737;
}

.checkout_container table td.label {
    padding-top:6px;
}

.paymentselector th,
.paymentselector td,
.shippingselector td,
.shippingselector th {
    text-align:left;
    padding:5px 0;
}

.paymentselector th:last-of-type,
.paymentselector td:last-of-type,
.shippingselector th:last-of-type,
.shippingselector td:last-of-type {
    text-align:center;
}

.checkout_comment,
.checkout_payment_methods {
    margin-top:20px;
}

    .checkout_comment textarea {
        width: 100%;
        max-width: 400px;
        height: 100px;
        outline: none;
        border: 1px solid #b7b7b7;
        padding:5px;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
    }

.checkout_comment textarea:focus {
    height:150px;
    outline:none;
    border:1px solid #373737;
}

#checkout_step_four h3 {
    margin:20px 0 10px;
}

table.overview.basket th.image,
table.overview.basket td.image {
    width:100px;
}

table.overview.basket td.image img {
    position:relative;
    top:-5px;
}

table.terms {
    width:520px;
    margin: 21px auto 0;
    border:1px solid #37332f;
}

table.terms td {
    padding:10px;
    text-align:center;
}

table.terms td input[type="checkbox"] {
    position:relative;
    top:2px;
}

table.terms td a {
    display:block;
    font-weight:600;
}

table.terms td span {
    color:#9f221e;
    font-style:italic;
}

#checkout_step_four .checkout_control_buttons {
    margin-top: 50px;
}

/* #endregion CHECKOUT */

/* #region SHOP MISC */

.shopsearchtable {
    text-align:center;
}

.shopsearchtable input[type="submit"],
.shopsearchtable input[type="text"] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.shopsearchtable input[type="text"] {
    width:100%;
    max-width:300px;
}

.shopsearchtable input[type="submit"] {
    position:relative;
    left:-3px;
}

/* #endregion SHOP MISC */

/* #region LOGIN */

.userMenu {
    text-align:right;
    border-bottom:1px solid #d4d4d4;
    border-top:1px solid #d4d4d4;
    padding:8px 0;
}

.userMenu .innerWrap div {
    display:inline-block;
}

.userMenu .innerWrap span {
    margin:0 6px;
}

.userMenu .innerWrap .name span {
    margin:0;
}

.userMenu .innerWrap i {
    margin-right:5px;
}

.logInBox table td {
    padding: 5px;
}

.logInBox input[type="text"],
.logInBox input[type="password"] {
    background: #f5f5f5;
    padding: 2px 5px;
    border: 1px solid #797979;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.logInBox input[type="text"]:hover,
.logInBox input[type="text"]:focus,
.logInBox input[type="password"]:hover,
.logInBox input[type="password"]:focus {
    border-color: #797979;
    outline: none;
}

.btnRecover {
    background:#b7b7b7 !important;
    border-color: #a9a9a9 !important;
    margin-top:-41px;
    display:block;
}

.customermenu {
    list-style:none;
    padding:0;
    margin:0;
    border-bottom:1px solid #cecece;
    padding-bottom:20px;
}

.customermenu li {
    display:inline-block;
}

.customermenu li a {
    padding:6px 20px;
}

.customermenu li a.current {
    background:#373737;
    color:#fff;
}

.shop-customer-edit a {
    font-weight:bold;
}

/* #endregion LOGIN */

/* #region MISC */

.clearfix:before, .clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }
.clearfix { zoom:1; }

/* #endregion MISC */

/* #region RESPONSIVE */

@media only screen and (max-width: 1050px) {

    .innerWrap {
        padding-left:20px;
        padding-right:20px;
    }
    div#menu ul li > a {
        display: block;
        padding: 5px 15px;
        font-size: 15px;
    }
    .quickLinks {
        margin: 20px 0 0 80px;
    }

    .logo {
        max-width: 210px;
        margin-top: 20px;
    }

    div#menu ul li ul li {
        width: 140px;
    }

    div#menu ul li ul li a {
        font-size: 13px;
        padding: 0 20px;
    }

    div#menu ul li:nth-of-type(1n+4) ul li:nth-child(1n+11) {
    margin-left: -140px;
}

    div#menu ul li:nth-of-type(1n+4) ul li:nth-child(1n+21) {
        margin-left: -280px;
    }

    div#menu ul li ul li:nth-child(11),
    div#menu ul li ul li:nth-child(21) {
        margin-top: -380px;
    }

    div#menu ul li ul:before {
        left:40px;
    }

    div#menu ul li:nth-of-type(1n+4) ul:before {
         left:auto;
         right:40px;
    } 

}

@media only screen and (max-width: 900px) {

    .shop_related_products .shop_productlistcolumn_item {
        height: 270px;
    }

}

@media only screen and (min-width: 850px) and (max-width: 950px) {

    .shop_productlistcolumn_item {
        height: 360px;
    }
}

@media only screen and (min-width: 820px) and (max-width: 850px) {

    .shop_productlistcolumn_item {
        height: 310px;
    }
}

@media only screen and (max-width: 820px) {

    /* #region MobileMenu v2.0 (by MSN) */

    div#menu {
        display: none;
    }

    .mobileMenuIcon,
    .mobileMenu {
        display: block;
    }

    .mobileMenuIcon {
        color: #A4A5A8;
        float: right;
        margin-top: 29px;
        width: 35px;
        height: 35px;
        position: relative;
        cursor: pointer;
    }

    #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
        cursor: pointer;
        -moz-border-radius: 1px;
        -webkit-border-radius: 1px;
        border-radius: 1px;
        height: 5px;
        top: 10px;
        width: 35px;
        background: #373737;
        position: absolute;
        display: block;
        content: '';
        -moz-transition: all 500ms ease-in-out;
        -o-transition: all 500ms ease-in-out;
        -webkit-transition: all 500ms ease-in-out;
        transition: all 500ms ease-in-out;
    }

        #nav-toggle span:before {
            top: -10px;
        }

        #nav-toggle span:after {
            bottom: -10px;
        }

    #nav-toggle.active span {
        background-color: transparent;
    }

        #nav-toggle.active span:before, #nav-toggle.active span:after {
            top: 0;
        }

        #nav-toggle.active span:before {
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        #nav-toggle.active span:after {
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

    .mobileMenu ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: none;
    }

    .mobileMenu li {
        position: relative;
        background: #F9F9F9;
    }

        .mobileMenu li a {
            display: block;
            padding: 8px 0;
            text-align: center;
            border-bottom: 1px solid #EDEDED;
            font-size: 20px;
        }

        .mobileMenu li .sub {
            display: block;
            position: absolute;
            top: 4px;
            right: 5px;
            font-size: 40px;
            cursor: pointer;
            color: #373737;
            width: 50px;
            height: 40px;
            text-align: center;
        }

            .mobileMenu li .sub.selected {
                -moz-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                -o-transform: rotate(180deg);
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
            }

        .mobileMenu li li {
            background: #F1F1F1;
        }

            .mobileMenu li li a {
                border-bottom: 1px solid #E9E9E9;
            }

            .mobileMenu li li li {
                background: #E9E9E9;
            }

                .mobileMenu li li li a {
                    border-bottom: 1px solid #DEDEDE;
                }

    /* #endregion MobileMenu v2.0 (by MSN) */

    .quickLinks {
        margin: 23px 0 0 35px;
    }

    .top {
        padding: 10px 0 21px 0;
    }

        .top .infoBox {
            display: none;
        }

    .cartIcon {
        margin: 10px 20px 0 20px;
        top: 7px;
        width: 50px;
        height: 50px;
        padding-top: 13px;
    }

        .cartIcon i {
            font-size: 25px;
        }

    .normal .sidebar.left {
        display:none;
    }
    .normal .mainContent {
        width: 80%;
        width: calc((100% - 200px));
    }

    .shop_productlistcolumn_item {
        height: 370px;
    }

    .shop_related_products .shop_productlistcolumn_item {
        width: calc((100% - 20px) / 2);
        height: 345px;
    }

    .shop_related_products .shop_productlistcolumn_item:nth-of-type(3n+3) {
        margin-right:20px;
    }

    .shop_related_products .shop_productlistcolumn_item:nth-of-type(2n+2) {
        margin-right:0;
    }

    .footerWrap table td {
        float: none;
        width: 100%;
        text-align:center;
    }
    .footerWrap h3 {
        width:100%;
    }

    table.overview.basket th.price, table.overview.basket td.price {
        min-width: 88px;
    }
    .checkout_container .delivery_data {
        padding-left:0;
    }
    .checkout_container .delivery_data, 
    .checkout_container .customer_data {
        width: 100%;
    }
 
}

@media only screen and (max-width: 750px) {

    .shop_productlistcolumn_item {
        height: 330px;
    }

}

@media only screen and (max-width: 700px) {

    .sidebar.right {
        width:100%;
        padding:0;
        text-align:center;
    }
    .mainContent {
        width: 100% !important;
        padding:0 !important;
    }
    .shop_productlistcolumn_item {
        height: 410px;
    }

    .shop_related_products .shop_productlistcolumn_item {
        height: 390px;
    }

    table.overview.basket th.image, table.overview.basket td.image {
        width:auto;
    }

}

@media only screen and (max-width: 650px) {
    .logo {
        max-width: 170px;
        margin-top: 23px;
    }
}

@media only screen and (max-width: 600px) {

    .quickLinks {
        display:none;
    }
    .shop_productlistcolumn_item {
        height: 373px;
    }

     .shop_product_left, .shop_product_right {
        float: none;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .shop_related_products .shop_productlistcolumn_item {
        height: 340px;
    }

    table.terms {
        width: 100%;
    }

    .swiper-container .pager {
        display:none;
    }

}

@media only screen and (max-width: 500px) {

    .shop_productlistcolumn_item {
        height: 322px;
    }

    .shop_related_products .shop_productlistcolumn_item {
        height: 288px;
    }

    .vouchercodefield {
        float: none;
        margin: 43px auto 20px;
        display: block;
        text-align: center;
    }

        .vouchercodefield label {
            float: none;
            display: block;
            margin:1px 0 11px;
        }

    .buttons {
        width: 20%;
    }
    .priceWrap {
        width: 80%;
    }

    .megabasketupdate {
        margin-top: 30px;
        float: none;
        width: 100%;
    }

    .checkout_control_buttons {
        margin-top: 40px;
        margin-bottom: 30px;
    }

    .paymentselector, .shippingselector, 
    .checkout_container table {
        width: 100%;
        min-width:0;
    }

    table.overview.basket th.price, table.overview.basket td.price {
        min-width: 0;
    }

    .shopsearchtable input[type="text"] {
        width:80%;
        max-width:none;
        float: left;
        margin-bottom:20px;
    }

    .shopsearchtable input[type="submit"] {
        width:20%;
        float: left;
        margin-bottom:20px;
    }

}

@media only screen and (max-width: 400px) {
    .logo {
        margin: 10px auto 0;
        float: none;
    }

    .top {
        text-align: center;
            padding: 13px 10px 23px;
    }

    .cartIcon,
    .mobileMenuIcon {
        float: none;
        display: inline-block;
    }

    .mobileMenuIcon {
        position: absolute;
        right: 20px;
        top: 26px;
        margin:0;
    }

    .cartIcon {
        margin: 0;
        width: 30px;
        height: 30px;
        padding-top: 5px;
        position: absolute;
        left: 20px;
        top: 26px;
    }

    .cartIcon i {
        font-size: 17px;
    }

    .cartIcon .cartCount {
        top: -9px;
        right: -8px;
        width: 20px;
        height: 20px;
        line-height: 12px;
        font-size: 12px;
        padding-top: 4px;
    }

    .shop_related_products .shop_productlistcolumn_item,
    .shop_productlistcolumn_item {
        width: 100%;
        height: auto;
        padding-bottom:40px;
    }

    .shop_related_products .shop_productlistcolumn_item {
        padding-bottom:0;
    }

    table.overview.basket th.price, table.overview.basket td.price {
        min-width: 0;
    }

    table.overview.basket td.item, table.overview.basket th.item {
        padding-left: 13px;
    }

    table.overview.basket td.actions a.removeitem:after {
        content:"X";
    }

    table.overview.basket td.actions span {
        display:none;
    }

    table.overview.basket a,
    table.overview.basket {
        font-size: 13px;
    }

    .checkout_control_buttons a, .megabasketupdate a {
        padding: 6px 15px;
    }

    .shopsearchtable input[type="text"] {
        width:70%;
    }

    .shopsearchtable input[type="submit"] {
        width: 30%;
    }

}

@media only screen and (max-width: 350px) {

    .mobileMenuIcon {
        right:10px;
    }

    .cartIcon {
        left:10px;
    }

}

/* #endregion RESPONSIVE */

/* #region TEMPLATE_REGION */
/* #endregion TEMPLATE_REGION */