@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
/*-----------------------------------------------------------------------------------*/
/* General styles 
/*-----------------------------------------------------------------------------------*/
 body {
     font-family: 'Mulish', sans-serif;
     background-color: #f2f2f2;
     width: 100vw;
     font-weight: 400;
     line-height: 24px;
     overflow-x: hidden;
     font-size: 15px;
}
/* Typographie */
 h1 {
     font-weight: 200;
     color: #283067;
     font-size: 2rem;
}
 h2 {
     font-size: 1.5rem;
     font-weight:200;
     color:#283067;
     margin-bottom:20px;
}
 h3 {
     color: #919396;
     font-size: 14px;
     font-weight: 400;
     line-height: 22px;
}
 a {
     color:#283067;
}
 a:hover {
     text-decoration: none;
}
 p {
     line-height: 26px;
}
 ul, ol {
     list-style:none;
     padding:0px;
     margin:0px;
}
/* Form */
 select {
     background-color: #FFFFFF;
     border: 1px solid #CCCCCC;
     width: 220px;
}
 select, input[type="file"] {
     height: 30px;
     line-height: 30px;
     padding:4px 6px;
}
 input[type="image"] {
     vertical-align:middle;
}
 select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"],input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="tel"], input[type="color"], .uneditable-input {
     padding:5px 5px;
}
 textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
     border-color:#ddd;
}
 .required {
     color:red;
     margin-left:5px;
}
/*-----------------------------------------------------------------------------------*/
/* End General styles 
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/* Layout 
/*-----------------------------------------------------------------------------------*/
/* General */
 .wrapperOut {
     margin-top: 70px;
}
 .bgLayer {
    background: url(http://www.swiss-frigo.ch/img/service-wartung-pixa-gros.png);
    background-position: center center;
    height: 100vh;
    z-index: 0;
    background-size: cover;
    background-repeat: no-repeat;
}
 .overlayed {
   	 z-index: 1;
}
/*-----------------------------------------------------------------------------------*/
/* End Layout 
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/* Buttons 
/*-----------------------------------------------------------------------------------*/
button:focus {
    outline: none;
}
 .btn {
     background-color:#F5F5F5;
     background-image:none;
     border:1px solid #eee;
     padding:5px 8px;
     font-size:11px;
     color:#333;
     text-shadow:none;
     box-shadow:none;
     border-radius:0px;
     transition:all 0.4s ease 0s;
}
 .btn:hover {
     background-color:#283067;
     color:#fff;
}
 .btn-primary {
     width: 100%;
     background: #28306700;
     color: #283067;
     font-size: 14px;
     border: solid 1px #283067;
     border-radius: 0;
     transition: all 0.3s;
}
 .btn-primary:hover{
     background: #283067;
     color: #fff;
}
 .buttons .right {
     text-align: right;
}
 #button-review {
     margin-bottom:20px;
}
 .btn.selectpicker {
     background: transparent;
}
 select.selectpicker {
     left: 220px;
     width: 20px !important;
     opacity: 1 !important;
}

 .product .addcart {
     text-align:center;
     height:45px;
     display:none;
}
 .product .addcart a {
     background:#283067;
     padding:8px 15px;
     color:#fff;
     font-weight:600;
     font-size:11px;
}
 .product .addcart a:hover {
     text-decoration:none;
     color:#fff;
     background:#aaa;
}
.arrowGo {
    right: 0;
    bottom: 5px;
    color: white;
    font-size: 70px;
    z-index: 3;
}
/*-----------------------------------------------------------------------------------*/
/* End Buttons 
/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/* Navbars 
/*-----------------------------------------------------------------------------------*/
.navbar {
  min-height: 70px;
} 
.navbar-toggler {
	right: 15px;
    top: 15px;
  	outline: none;
}
.logoText {
     transform: translate(-50%);
     left: 50%;
     pointer-events: none;
}
 .logoText a {
     pointer-events: all;
}
 .logoText img {
     width: 150px;
     float: left;
}
.nav-link {
    font-size: 18px;
}
/* filter navbar */
 .filterNav .navbar-header {
     width: 18vw;
     background: transparent;
}
 .widget.widget_price_filter {
     margin-bottom: 15px;
}
 .filterHeader {
     height: 45px;
}
 .filterHeader button {
     width: 100%;
}
/* Navbar Cart */
 #cartButton {
     width: 110px;
}
 #cartButton .addToCart {
     background-image: url(../img/cart2.png);
     background-repeat: no-repeat;
     background-position: 15px 16px;
     font-weight: 400;
     padding-left: 20px;
     line-height: 22px;
     z-index: 1;
     padding-top: 15px;
}
 #cartButton a span {
     background: #283067;
     border-radius: 0;
     font-weight: 400;
     color: #fff;
     margin-left: 20px;
}
 #cartButton .dropdown-toggle::after {
     margin-top: -15px !important;
     float: right;
}
/* Breadcrumb */
 .breadcrumb {
     border-radius: 0px;
     color: #777;
     font-size: 11px;
     float: left;
     background: #ffffff;
     padding-left: 0px !important;
     width: 100%;
     margin-bottom: 20px;
     margin-left: 0;
     margin-right: 0;
     padding: 2px 35px;
     border-top: #283067 1px solid;
}
 .breadcrumb a {
     color: #283067;
}
 .breadcrumb a:hover {
     color:#333;
     text-decoration:none;
}
 .breadcrumb li {
     padding-right: 5px;
}
/*-----------------------------------------------------------------------------------*/
/* End Navbars 
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/* Filter 
/*-----------------------------------------------------------------------------------*/
/* General */
 .activeFilter {
     color: red;
}
/* Amount */
 .amount-range-price form {
     margin: 60px 0 0 0 !important;
}
 .amount-range-price .ui-slider .ui-btn-inner {
     padding: 4px 0 0 0 !important;
}
 .amount-range-price .ui-slider-popup {
     position: absolute !important;
     width: 64px;
     height: 64px;
     text-align: center;
     font-size: 36px;
     padding-top: 14px;
     z-index: 100;
     opacity: 0.8;
}
 .amount-range-price input[type=range] {
     -webkit-appearance: none;
     margin: 18px 0;
     width: 100%;
}
 .amount-range-price input[type=range]:focus {
     outline: none;
}
 .amount-range-price input[type=range]::-webkit-slider-runnable-track {
     width: 100%;
     height: 2px;
     cursor: pointer;
     box-shadow: none;
     background: #283067;
     border-radius: 0px;
     border: none;
}
 .amount-range-price input[type=range]::-webkit-slider-thumb {
     box-shadow: none;
     border: none;
     height: 16px;
     width: 16px;
     border-radius: 30px;
     background: #283067;
     cursor: pointer;
     -webkit-appearance: none;
     margin-top: -7px;
}
 .amount-range-price input[type=range]:focus::-webkit-slider-runnable-track {
     background: #283067;
}
 .amount-range-price input[type=range]::-moz-range-track {
     width: 100%;
     height: 2px;
     cursor: pointer;
     box-shadow: none;
     background: #283067;
     border-radius: 0;
     border: none;
}
 .amount-range-price input[type=range]::-moz-range-thumb {
     box-shadow: none;
     border: none;
     height: 16px;
     width: 16px;
     border-radius: 30px;
     background: #283067;
     cursor: pointer;
}
 .amount-range-price input[type=range]::-ms-track {
     width: 100%;
     height: 2px;
     cursor: pointer;
     background: transparent;
     border-color: transparent;
     border-width: 16px 0;
     color: transparent;
}
 .amount-range-price input[type=range]::-ms-fill-lower {
     background: #283067;
     border: none;
     border-radius: 0px;
     box-shadow: none;
}
 .amount-range-price input[type=range]::-ms-fill-upper {
     background: #283067;
     border: none;
     border-radius: 0px;
     box-shadow: none;
}
 .amount-range-price input[type=range]::-ms-thumb {
     box-shadow: none;
     border: none;
     height: 16px;
     width: 16px;
     border-radius: 30px;
     background: #283067;
     cursor: pointer;
}
 .amount-range-price input[type=range]:focus::-ms-fill-lower {
     background: #283067;
}
 .amount-range-price input[type=range]:focus::-ms-fill-upper {
     background: #283067;
}
/*-----------------------------------------------------------------------------------*/
/* End Filter 
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/* Index
/*-----------------------------------------------------------------------------------*/
.offerWrapperSlide .offerOverlay {
    width: 99%;
}
.offerWrapperSlide {
    min-height: 600px;
    background-size: 100% auto !important;
    background-repeat: no-repeat;
  	transition: background-size 1s
}
.offerWrapper {
    min-height: 307px;
    background-size: 100% auto !important;
    background-repeat: no-repeat;
  	transition: background-size 1s
}
.offerWrapperSmall {
    min-height: 150px;
    background-size: 100% auto !important;
    background-repeat: no-repeat;
  	transition: background-size 1s
}
.offerWrapperSlide:hover, .offerWrapper:hover, .offerWrapperSmall:hover {
    background-size: 110% auto !important;
}
.offerOverlay h2, .offerOverlay h3 {
    color: white;
	font-size: 1.5rem;
    font-weight: 200;
    margin-bottom: 20px;  
}
.offerOverlay {
  	color: #fff;
    bottom: 0;
    background-color: rgba(40, 48, 103, 0.62);
    z-index: 3;
    right: 0;
    width: calc(100% - 10px);
}
.offerWrapper .offerOverlay {
  	width: 94%;
}
.priceOverlay {
    color: #fff;
    top: 0;
    left: 0;
    background-color: rgba(40, 48, 103, 0.62);
    z-index: 3;
}
.priceOverlayInner {
    font-size: 35px;
    font-weight: 700;
}
.homeH1 {
    background: rgba(255, 255, 255, 0.62);
    position: absolute;
    top: -78px;
    left: 0;
}
/*-----------------------------------------------------------------------------------*/
/* End Index 
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/* Product 
/*-----------------------------------------------------------------------------------*/
/* Product Box Contents */
 .product-contents {
     text-align: left;
}
 .product-contents h2 {
     font-size: 12px;
     font-weight: 500;
     letter-spacing: 0.025em;
     line-height: 18px;
     margin-bottom: 22px;
     width: 50%;
     margin-top: 0;
}
 .product-contents h2 a {
     color: #283067;
     transition: all 0.3s ease 0s;
}
 .product-contents h2 a:hover {
     color: #283067;
}
/* Price */
 .price {
     color: #ffffff;
     font-size: 18px;
     font-weight: 400;
     width: 200px;
     background: #283067;
}
 .price strike {
     color:#949494;
     font-size:18px;
}
 .price .price-old {
     text-decoration:line-through;
}
 .minimum {
     margin-bottom: 10px;
}
 .strike {
     text-decoration:line-through;
}
.inSaleTag {
    background: red;
    color: white;
    padding: 5px;
    margin-right: 5px;
    position: absolute;
    left: 39px;
    top: 0;
}
/* Product info */
.leftBlue {
  background: #283067;
  color: white;
  margin-top: 5px;
}
.rightGrey {
  background: #e1e1e1;
  margin-top: 5px;  
}
/* Product box */
 .product-info .col-md-6:first-child {
     padding:0px;
}
 .product-info .image-additional img {
     max-width:74px;
     height:74px;
}
 .product-info input[type="text"] {
     text-align:left;
     float:none;
     padding:6px 8px;
     border:1px solid #ddd;
}
 #wf-product-add-to-cart-quantity-container input {
     width: 500px;
}
/* Product Image */
 .cloud-zoom {
     position: relative;
     display: block;
     width: 100%;
     height: 225px;
}
 .cloud-zoom img {
     width: auto !important;
     height: auto !important;
     max-height: 225px;
}
 .product-img {
     max-height: 300px;
     background: #fff;
     border: 2px solid #ebebeb;
}
 .product-img img {
     max-height: 250px;
     max-width: 100%;
     padding: 15px;
     margin: auto;
}
 .product-action button {
     width: 100%;
     background: #28306700;
     color: #283067;
     font-size: 25px;
     border: solid 1px #283067;
     border-radius: 0;
     transition: all 0.3s;
}
 .product-action button:hover, .product-action button:active, .product-action button:focus {
     width: 100%;
     background: #283067;
     color: #fff;
     font-size: 25px;
     border: solid 1px #283067;
     border-radius: 0;
}


.thumbnails {
  width: 300px;

}

.primary {
  width: 100%;
  height: 350px;
  background-color: #cccccc;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.thumbnail:hover .thumbnail-image, .selected .thumbnail-image {
  border: 4px solid blue;
}

.thumbnail-image {
  width: 90px;
  height: 90px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border: 4px solid transparent;
}
/* Related products */
 .related + .row {
     overflow-x: hidden;
     overflow-y: auto;
     height: 75vh;
     position: absolute;
     left: 0;
}
/*-----------------------------------------------------------------------------------*/
/* End Product 
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/* Footer 
/*-----------------------------------------------------------------------------------*/
 footer a, footer a:hover{
     color: #fff;
}
 footer{
     background: #283067;
     min-height: 250px;
     padding: 5%;
     color:#fff;
}
/* Footer Shop */
 #footerShop {
     background: #313131;
     color: #fff;
     padding: 40px;
     font-size: 30px;
}
 #footerShop h4 {
     color: #fff;
     font-size: 15px;
}
 #footerShop a, #footerShop a:visited {
     color: #fff;
     font-size: 15px;
     font-weight: 400;
}
 #footerShop a:hover, #footerShop a:active, #footerShop a:focus {
     color: #fff;
}
 .payment-icons li {
     display:inline;
}
 .payment-icons img {
     height:20px;
}
/*-----------------------------------------------------------------------------------*/
/* End Footer 
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/* Search 
/*-----------------------------------------------------------------------------------*/
 #search {
     float:right;
}
 #search input {
     border-radius:0px;
     box-shadow:none;
     border:1px solid #eee;
     padding:9px 8px;
     color:#999;
     font-size:12px;
     width:30px;
     display:inline-block;
     background:#fff;
     visibility:hidden;
}
 #search button {
     margin-top:-10px;
     height:32px;
}
 .button-search {
     background: url("../img/search.png") no-repeat scroll center center transparent;
     cursor: pointer;
     height: 18px;
     margin-left: -35px;
     margin-top: -27px;
     left:100%;
     position: relative;
     width: 35px;
}
 .results {
     margin-top: 30px;
     float: right;
     padding: 8px 20px 8px;
     color:#777;
     font-size:11px;
}
 .search {
     background:#fbfbfb;
     padding:35px 0 25px 15px;
     border:1px solid #eee;
}
 .search select {
     font-size:12px;
}
 .search select option {
     color:#888;
     line-height:50px;
     font-size:12px;
}
 .search .category {
     margin-left:15px;
     color:#777;
     font-size:12px;
}
 .search input[type="checkbox"] {
     font-size:12px ;
     color:#777;
}
 .search .checkbox.inline {
     vertical-align:text-top;
     padding-top:0px;
     margin-left:5px;
}
 .search-btn {
     text-align:right;
     margin-top:25px;
}
 h2.search-criteria {
     font-size:16px;
     color:#888;
     background:#f7f7f7;
     border:1px solid #f3f3f3;
     padding:0px 15px;
     margin-bottom:20px;
}
 #search input.autocomplete-loading {
     background-image:url(/catalog/view/theme/sapphire/img/loading.gif);
     background-position: right 10px center;
     background-repeat:no-repeat;
}
 ul.autocomplete {
     position: absolute;
     overflow: hidden;
     background-color: #fff;
     margin: 0px;
     padding: 0px;
     list-style: none;
     color: #000;
     display:none;
     z-index:1000;
     border: 1px solid #eee;
}
 ul.autocomplete li {
     display: block;
     padding: 5px;
     overflow: hidden;
     width: 100%;
     cursor:pointer;
     font-size:12px;
}
 ul.autocomplete li.selected {
     background-color: #283067;
     color: #fff;
}
 ul.autocomplete li strong {
     color: #283067;
     font-weight:600;
}
 ul.autocomplete li.selected strong {
     color:#fff;
}
 ul.autocomplete li img {
     max-width:50px;
     vertical-align:middle;
     margin-right:5px;
}
 .magazi-search-page {
    left: 50%;
    top: 70px;
    z-index: 9999;
    height: 70vh;
    border: 1px solid #283067;
    transform: translateX(-50%);
    margin-top: -100vh;
    transition: all 0.5s;
}
 .magazi-search-page.active {
     margin-top: 0;
}
 .magazi-search-page .container {
     width: 980px;
     margin:0 auto;
}
 .magazi-search-page h2 {
     margin: 0;
     margin-bottom: 100px;
}
 .magazi-search-page form {
     position: relative;
}
 .magazi-search-page input {
     width: 75%;
     height: 50px;
     border-bottom: 1px solid #dbdbdb;
     color: #bababa;
     font-size: 20px;
     border-top: 0;
     border-left: 0;
     border-right: 0;
     text-align: center;
     padding-bottom: 30px;
     font-weight: 300;
     outline: none;
     padding-top: 19px;
}
 .magazi-search-page button {
     background: none;
     position: absolute;
     top: 0;
     left: 0;
     border: 0;
}
 .magazi-close-search {
     position: absolute;
     top: 0;
     right: 15px;
     cursor: pointer;
}
 .magazi-close-search h4 {
     color: #bababa;
     font-size: 14px;
     font-weight: 400;
}
/*-----------------------------------------------------------------------------------*/
/* End search 
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/* Cart 
/*-----------------------------------------------------------------------------------*/
 .cart-info {
     background: #fff;
}
 .table {
     background:#fff;
     border:none;
}
 .table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
     border:none;
}
 .cart .cart-info {
     width: 300px !important;
}
 .empty {
     padding: 10px 10px 20px;
     text-align: center;
     font-size:12px;
}
 .table thead > tr > th {
     padding:20px 10px;
     background: #fafafa;
}
 .cart-totals .table td {
     text-align: right;
}
 .cart-info tbody .quantity input[type="text"] {
     width:auto;
}
 .cart-info tbody .quantity input[type="image"] {
     vertical-align:text-top;
}
 .cart-info thead tr {
     background:#FBFBFB;
     border-top:1px solid #f3f3f3;
}
 .cart-info table.table th, table.table td {
     border:1px solid #f3f3f3;
}
 .cart-info thead th {
     color:#888;
     font-size:12px;
     font-weight:600;
}
 .cart-info tbody .name a {
     font-size:14px;
     color:#3A3A3A;
}
 .cart-info tbody .name a:hover {
     color:#336699;
}
 .cart-info tbody td {
     color:#777;
     font-size:12px;
     vertical-align:middle;
}
 td.image {
     text-align: center;
}
 td.image img {
     max-width:100px;
}
 .cart-info.dropdown-menu, .cart-info.dropdown-menu .table tbody {
     border:none;
     font-size:12px;
}
 .cart-info.dropdown-menu table {
     margin:0px;
}
 .cart-info.dropdown-menu > table td {
     border:none;
     border-bottom:1px solid #eee;
}
 .cart-info.dropdown-menu {
     border:1px solid #eee;
     box-shadow:none;
     z-index: 10001;
     background:#fff;
     padding-top:10px;
     right: 0;
     left: unset;
}
}
 .cart-info.dropdown-menu tbody .name a {
     font-size:12px;
}
 .cart-total {
     padding:10px;
     background:#fafafa;
     text-align:right;
}
 .cart-total, .cart-total .checkout {
}
 .cart-total table {
     display:inline-block;
}
 .cart-totals table.table tr , table.table td {
     border:1px solid #f3f3f3;
}
 .cart-totals .table th, .table td {
     border-top:none;
     color:#777;
     font-size:12px;
}
 .cart-totals p {
     text-align:right;
}
 .cart-totals .btn {
     padding:12px 35px;
}
/*-----------------------------------------------------------------------------------*/
/* End Cart 
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/* Checkout 
/*-----------------------------------------------------------------------------------*/
 .show-login {
     font-size:12px;
     color:#777;
     background:#fbfbfb;
     border:1px solid #f5f5f5;
     height:30px;
     padding-left:10px;
     padding-top:10px;
}
 .show-login a {
     color:#283067;
     font-size:12px;
}
 .show-login a:hover {
     color:#444;
}
 .error.col-md-12 {
     color: #FF0000;
     display: block;
     margin: 20px;
}
 .box {
     background: #FFFFFF;
     margin: 0;
     padding: 0;
}
 .box.padding {
     padding:20px 20px;
}
 .registerbox {
     padding:20px 20px;
     background: #FFFFFF;
     margin-bottom: 15px;
     padding-bottom: 15px;
}
 .loginbox {
     border:1px solid #eee;
     padding:20px 20px;
     background: #FFFFFF;
}
 .order-notes p {
     font-size:12px;
     color:#888;
}
 .shiptobilling {
     text-align:right;
}
 .shiptobilling h3 {
     float:left;
}
 .shiptobilling label {
     float:right;
     margin:10px 10px 0;
     line-height:40px;
}
 .shiptobilling input[type="checkbox"] {
     margin:13px 5px 0px;
}
 .shipping-address {
     display:none;
}
 input:-moz-placeholder, textarea:-moz-placeholder {
     font-size:12px;
}
 label {
     color:#888;
     font-size:12px;
     line-height:18px;
}
 .form-horizontal .control-label {
     text-align:left;
}
 .your_order h3 {
     font-size:14px;
     color:#333;
     font-weight:400;
     line-height:22px;
}
/*.your_order table {
     border:1px solid #f6f6f6;
}
 .your_order thead {
     background:#fdfdfd;
}
 .your_order table.table th, table.table td {
     border-left:1px solid #f6f6f6;
     border-top:1px solid #f6f6f6;
     font-weight:normal;
}
 .your_order td {
     font-size:12px;
     color:#888;
}
 .your_order thead th {
     text-align:center;
}
 .your_order tbody td {
     text-align:center;
}
 .your_order td span {
     color:#283067;
}
 .your_order .subtotal {
     background:#FEFEFE;
}
 .your_order p {
     border-top:1px solid #f0f0f0;
     margin-top:10px;
}
*/
 .your_order .btn {
     float:right ;
     margin-top:10px;
}
 .your_order label {
     color:#888;
     font-size:12px;
     line-height:18px;
}
 .your_order .radio {
     cursor:pointer;
     color:#888;
}
 .your_order .radio:hover {
     color:#283067;
}
 .your_order .radio img {
     margin-left:5px;
}
 .paypal p, .cheque p, .transfer p {
     font-size:12px;
     color:#777;
     border:none;
}
 .paypal,.cheque,.transfer {
     background:#f5f5f5;
     padding:3px 10px;
}
 .your_order .transfer,.your_order .cheque, .your_order .paypal {
     display:none;
}
.product-thumbnail_image {
    height: 50px;
    width: 50px;
}
/*-----------------------------------------------------------------------------------*/
/* End Checkout 
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/* My account 
/*-----------------------------------------------------------------------------------*/
 .my_account p {
     font-size:22px;
     font-weight:normal;
     color:#333;
     line-height:40px;
}
 input[type="text"],label {
     color:#999;
     font-size:12px;
}
 .form-vertical .control-label {
     font-size:12px;
     color:#888;
}
 .controls a {
     font-size:12px;
     color:#888;
}
 .controls a:hover {
     color:#283067;
}
/*-----------------------------------------------------------------------------------*/
/* End My account 
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/* Forgot password 
/*-----------------------------------------------------------------------------------*/
 .forgotten h3 {
     background:#fbfbfb;
     border:1px solid #F3F3F3;
     padding:5px 15px;
     font-size:12px;
     color:#333;
     font-weight:600;
}
 p.forgotten-password {
     color:#888;
     font-size:14px;
     line-height:24px;
}
 .forgotten .form-horizontal .control-label {
     padding-left:15px;
}
 .forgotten .btn-primary {
     float:right;
}
/*-----------------------------------------------------------------------------------*/
/* End Forgot password 
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/* Sitemap 
/*-----------------------------------------------------------------------------------*/
 .sitemap ul {
     padding:5px 15px;
}
 .sitemap ul li a {
     font-size:13px;
     color:#333;
     line-height:30px;
}
 .sitemap ul.subtitle a {
     font-size:12px;
     color:#888;
     font-weight:normal;
     line-height:26px;
}
 .sitemap .subtitle a:hover {
     color:#283067;
}
 .sitemap ul li a:hover {
     text-decoration:none;
}
/*-----------------------------------------------------------------------------------*/
/* End Sitemap 
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/* 404 
/*-----------------------------------------------------------------------------------*/
 h1.e404 {
     margin:20px 0px 35px 50px;
     font-size:130px;
     line-height:120px;
     color:#888;
}
 h1.page {
     font-size:28px;
     font-weight:normal;
     color:#444;
}
 h6.e404 {
     font-weight:normal;
     color:#888;
     font-size:13px;
     line-height:24px;
     margin-bottom:15px;
}
/*-----------------------------------------------------------------------------------*/
/* End 404 
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/* Hacks 
/*-----------------------------------------------------------------------------------*/
 .text-white{
     color: #fff !important;
}
.bg-light {
  background-color: white !important
}
/*-----------------------------------------------------------------------------------*/
/* End Hacks 
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/* Media queries 
/*-----------------------------------------------------------------------------------*/

/* Custom CSS */
 .tab-content .btn-red {
     margin: 0 15px;
     padding: 0;
     width: 200px;
     height: 30px;
     background: #ffffff;
     color: #283067;
     border-radius: 0;
     border: 1px solid #283067;
     float: right;
}
 .cart-product-img {
     height: 90px !important;
}
 .wf-shopping-cart-item td {
     vertical-align : middle !important;
     height: 90px !important;
}
 .cart-product td > * {
     vertical-align : middle !important;
}
 #cartButton a span {
     padding: 0px !important;
}
 .nav-cart-size {
     height: 21px;
     width: 50px;
     display: block;
     text-align: center;
     padding: 0px;
     font-size: 14px;
     border-radius: 5px;
}
 .serch-container {
     float: right;
     margin: 15px;
     cursor: pointer;
}
 .product-area {
     background: #dee9eb;
     margin-top: 30px;
     margin-bottom: 30px;
}
 .results-container .product-content {
     border: none;
     margin-top: 20px;
}
 .results-container .product-content a {
     color: red;
}
 .results-container .product-img {
     max-height: 250px;
     background: #fff;
     border: 2px solid #ebebeb;
     min-height: 250px;
}
 .strikeThrough {
     text-decoration: line-through;
}

 @media (min-width: 993px) {
     .navbar-collapse.collapse {
         display: block!important;
    }
        .filterNav .navbar-header {
         width: 18vw;
         background: transparent;
         display: none;
    }
}

 @media (max-width: 992px) {
   .navbar-collapse {
    padding-top: 70px;
}
.dropdown-toggle::after {
    display: none;
}
 .navbar-toggler ion-icon {
    font-size: 59px;
    margin-top: -13px;
    color: #283067;
}
   .nav-item {
     text-align: right;
   }
   .homeH1 {
    background: rgba(255, 255, 255, 0.62);
    position: absolute;
    top: -104px;
    left: 0;
}
.serch-container {
    position: absolute;
    top: 10px;
    transition: all 0.5s;
    right: 200px;
}
   #cartButton {
    width: 110px;
    position: absolute;
	top: 12px;
    right: 85px;
}
   .dropdown-menu {
    border: none;
    padding: 0;
    margin: 0;
    text-align: right;
}
.dropdown-item {
    padding: .25rem 0;
}   
     .pt-xs-75 {
         padding-top: 75px;
    }
     .desktop {
         display: none;
    }
     .mobile {
         display: block;
    }
     .pagination>li:last-child>a, .pagination>li:last-child>span {
         display:none;
    }
     .col-xs-0 {
         display: none;
    }
     .product-info {
         margin-left: 0;
    }
    /* Search Page */
     #search-results {
         margin-top: 50px;
    }
     .product-wrapper {
         height: 350px !important;
    }
     .magazi-search-page.active {
         opacity: 1;
         visibility: visible;
         z-index: 99;
         overflow-y: auto;
         overflow-x: hidden;
    }
     .magazi-search-page .container {
         width: 980px;
         margin:0 auto;
    }
     .magazi-search-page h2 {
         margin: 0;
         margin-bottom: 100px;
    }
     .magazi-search-page form {
         position: relative;
    }
     .magazi-search-page input {
         width: 75%;
         height: 50px;
         border-bottom: 1px solid #dbdbdb;
         color: #bababa;
         font-size: 20px;
         border-top: 0;
         border-left: 0;
         border-right: 0;
         text-align: center;
         padding-bottom: 30px;
         font-weight: 300;
         outline: none;
         padding-top: 19px;
    }
     .magazi-search-page button {
         background: none;
         position: absolute;
         top: 0;
         left: 0;
         border: 0;
    }
     .magazi-close-search {
         position: absolute;
         top: 0;
         right: 15px;
         cursor: pointer;
    }
     .magazi-close-search h4 {
         color: #bababa;
         font-size: 14px;
         font-weight: 400;
    }   
   .logoText {
    top: 0;
}
   .offerWrapperSlide {
    min-height: 321px;
}
#katNav {
    min-height: 70px;
    position: absolute;
    z-index: 4;
}
#katNav .navbar-toggler {
    margin-right: 47px;
    margin-top: 17px;
    margin-left: auto;
    padding: 5px;
    border: solid 1px #283067;
    border-radius: 0;
    width: 55px;
    height: 55px;
}
#katNav .navbar-toggler ion-icon {
    font-size: 40px;
    margin-top: 0;
}
}
 @media (min-width: 768px) {
     .nav>li>a {
         color: #919396!important;
         font-weight: 400;
         font-size: 16px;
    }
     .nav>li>a:focus, .nav>li>a:focus:before, .nav>li>a:hover, .nav>li>a:hover:before {
         text-decoration: none;
         background-color: #fff;
         color: #283067!important 
    }
     .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
         background-color: #fff;
         border-color: #fff 
    }
     .dropdown-menu {
         margin-top: 4px!important;
         background: #FFF!important;
         border: none;
         border-top: 1px solid #283067;
         box-shadow: 0 2px 0 rgba(0, 0, 0, .1)!important;
         border-radius: 0!important;
         padding: 0!important;
         width: 355px!important;
    }
     .dropdown-menu li {
         float: none!important;
         margin: 0!important;
         padding: 0!important;
         border-top: 0!important;
         background: 0 0!important;
         line-height: 25px!important;
         height: auto!important;
         width: 100%!important;
         border-bottom: 1px solid #eee!important 
    }
     .dropdown-menu li:last-child {
         border-bottom: 0!important 
    }
     .dropdown-menu li a {
         color: #B2B2B6!important;
         font-size: 14px!important;
         height: 40px!important;
         width: auto!important;
         font-weight: 400!important;
         line-height: 40px!important 
    }
     .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
         background: #f8f8f8!important;
         border: none!important 
    }   
     #mRefundPolicy .modal-dialog, #mPrivacyPolicy .modal-dialog, #mTOS .modal-dialog {
         width: 600px;
         margin: 136px auto;
    }
     .desktopSmall {
         display: block !important;
    }
     .mobileSmall {
         display: none !important;
    }
     #mRefundPolicy .modal-content, #mPrivacyPolicy .modal-content, #mTOS .modal-content {
         max-height: 75vh;
         overflow: scroll;
    }
     .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
         margin-right: 0;
         margin-left: 0;
    }
}
 @media (max-width: 767px) {
     a#zoom1 {
         position: absolute;
         display: block;
    }
     .mousetrap {
         width: 350px;
         height: 350px;
         top: 0px;
         left: 0px;
         position: absolute;
    }
     .center-image {
         height: 100%;
         display: block;
         align-items: center;
         justify-content: center;
    }
     #footerShop .fa {
         margin-bottom: 25px;
    }   
     #mRefundPolicy .modal-dialog, #mPrivacyPolicy .modal-dialog, #mTOS .modal-dialog {
         margin-top: 250px;
    }
     #mRefundPolicy .modal-content, #mPrivacyPolicy .modal-content, #mTOS .modal-content {
         max-height: 50vh;
         overflow: scroll;
    }
     .filterNav .navbar-header, .navbar-toggle {
         display: block !important;
    }
     .wrapperOutHome {
         margin-top: 135px;
         left: 0;
         margin-left: 0;
         width: 100vw;
         position: relative;
    }
     .wrapperOutProduct {
         margin-top: 90px;
         left: 0;
         width: calc(100% - 30px);
         position: fixed;
         margin-left: 15px;
    }
     .breadcrumb {
         margin-top: 1px;
         padding: 2px 5px;
         width: calc(100% - 30px);
         margin-left: 14px;
         border: none;
    }
     .filterNav .navbar-toggle .icon-bar {
         background-color: #283067!important;
    }
     .shop-all-widget {
         width: 100%;
         margin-top: -20px;
         margin-left: -5px;
    }
     .shopCont {
         top: 40px;
    }
     .shopNav button .row div {
         transition: all 0.5s;
    }
     .wrapperStep {
         width: calc(100% - 30px);
    }
     #shopMenu {
         height: inherit;
    }
     #wkMenu {
         margin-top: 0;
         position: fixed;
         top: 30px;
         z-index: 999999;
         width: 100px;
         left: 45px;
         border: 1px solid #283067;
         height: 52px;
         overflow: hidden;
    }
     .dropdown .cart-info {
         display: none;
    }
     .cart .dropdown>a:before {
         display: none;
    }
     .shopNav {
         border-bottom: none !important;
         background: white !important;
         position: fixed !important;
         top: 105px;
         z-index: 999 !important;
         left: 0;
         width: 100% !important;
         padding: 15px;
         border: none;
    }
     body {
         margin-left: 0px;
         padding-left: 0;
    }
     .product-tab {
         position: relative;
         margin-right: 0;
         height: unset;
         padding-right: 15px;
         margin-left: 0;
         right: 0;
         left: 0;
         width: 100% !important;
         margin-top: -55px;
    }
     .filterNav {
        top: 1px !important;
        position: relative !important;
        left: 0px !important;
    }
     .product-info {
         margin-left: 0;
         padding-top: 0;
         margin-top: -35px;
         margin-right: 30px;
    }
     #shopMenu .dropdown {
         margin-top: 0px;
         margin-left: 0px;
         padding-right: 0px;
    }
     .desktopSmall {
         display: none;
    }
     .mobileSmall {
         display: block;
    }
   .priceOverlayInner {
    font-size: 22px;
}
}
 @media (max-width: 550px) {
.homeH1 {
    font-size: 25px;
}
}

 @media (max-width: 489px) {
     .col-xxs-12 {
         width: 100%;
    }
   .arrowGo {
    right: 14px;
    bottom: 73px;
    font-size: 45px;
}
   .primary {
  height: 250px;
}
.offerWrapperSlide {
    min-height: 321px;
}
   .offerOverlay h2, .offerOverlay h3 {
    font-size: 1.2rem;
}
   p {
    line-height: 19px;
}
   .homeH1 {
    font-size: 20px;
}
}
 @media (max-width: 360px) {
.homeH1 {
    font-size: 20px;
}
 .offerOverlay p {
    line-height: 12px;
    font-size: 12px;
}
}
 @media (max-width: 3240px) {
.cart-info tbody .name a {
    font-size: 10px;
}
}
/*-----------------------------------------------------------------------------------*/
/* Scrollbar 
/*-----------------------------------------------------------------------------------*/
/* width */
 ::-webkit-scrollbar {
     width: 5px;
}
/* Track */
 ::-webkit-scrollbar-track {
     background: #F5F7F9;
     border: solid 1px #F5F7F9;
}
/* Handle */
 ::-webkit-scrollbar-thumb {
     background: #28306759;
     border: solid 1px #ffffff;
}
/* Handle on hover */
 ::-webkit-scrollbar-thumb:hover {
     background: #283067;
}
/*-----------------------------------------------------------------------------------*/
/* End Scrollbar 
/*-----------------------------------------------------------------------------------*/


/* Pagination */
/*
 .pagination > li > a, .pagination > li > span{
     color: #283067;
}
 .pagination ul {
     border-radius:0px;
}
 .pagination ul > li:first-child > a, .pagination ul > li:first-child > span {
     border-radius:0px;
}
 .pagination ul > li:last-child > a, .pagination ul > li:last-child > span {
     border-bottom-right-radius:0px;
     border-top-right-radius:0px;
}
 .pagination {
     font-size: 12px;
     color:#999;
}
 .pagination {
     border-radius: 4px;
     display: inline-block;
     margin: 20px 0;
     padding-left: 0;
}
 .pagination > li {
     display: inline-block;
     vertical-align: middle;
}
 .pagination > li.active > span, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
     background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
     color: #2e2e2e !important;
}
 .pagination > li:first-child > a, .pagination > li:first-child > span {
     border-bottom-left-radius: 4px;
     border-top-left-radius: 4px;
     margin-left: 0;
}
 .pagination > li.active > span, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
     background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
     color: #283067 !important;
     font-size: 15px;
}
 .pagination > li > a, .pagination > li > span {
     background: #283067 !important;
     border: medium none;
     border-radius: 0 !important;
     color: #ffffff !important;
     font-size: 19px;
     line-height: 1;
     margin: 0px 5px;
     padding: 0 9px;
     text-align: center;
     height: 20px;
}
 .pagination {
     border-radius: 4px;
     display: inline-block;
     margin: 0;
     padding-left: 0;
}
 .pagination > li > a, .pagination > li > span {
     border:none;
}
 .pagination > .active > a, .pagination ul > .active > span {
     background:#fff;
     text-decoration: underline;
     color: #283067;
}
 .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
     color: #fff;
     text-decoration: underline;
     background:#283067;
}
 .pagination > li > a:hover {
     background:#283067;
     color:#fff;
}
*/
/* del? */
/*
 .links {
     padding: 10px;
     display: block;
     margin-bottom: 0px;
     margin-top: 20px;
     border-top:1px solid #eee;
}
 .links {
     float: left;
     padding: 0px 0 0;
}
 .links a {
     display: inline-block;
     padding: 5px 10px 5px;
     text-decoration: none;
     color: #888;
     line-height:20px;
     background:#fff;
}
 .links a:hover {
     background:#888;
     color:#fff;
}
 .links b {
     display: inline-block;
     background:#999;
     padding: 5px 10px 5px;
     font-weight: normal;
     text-decoration: none;
     color: #fff;
     font-weight:400;
     line-height:20px;
}
 .toolbar4 {
     border: 2px solid #ebebeb;
     clear: both;
     float: left;
     margin: 20px 0 0;
     padding: 20px;
     width: 100%;
     background: #fff;
}
 .toolbar4 .text-right {
     color: #8d8c8c;
     float: right;
     font-size: 12px;
     margin-top: 0;
     width: auto;
}
 .toolbar4 .col-sm-6 {
     line-height: 1;
     padding: 0;
     text-align:left;
}
*/
/*
 .row.category-info {
     margin-bottom: 30px;
}
 .category-info .col-md-12 .row {
     background: #fff;
     background: rgb(255, 255, 255);
     margin:0px;
}
 .category-info .col-md-10 {
     padding:20px;
}
 .category-info p {
     font-size: 12px;
}
 .cat_header {
     font-size:24px;
     margin-bottom:30px;
     margin-top:5px;
}
 .cat_header h2 {
     font-size:16px;
     color:#283067;
     line-height:24px;
     font-weight:400;
     margin:10px auto;
}
*/