html{padding:0 0 170px 0;}
body,html{
  height:100%;
}
.row-offcanvas {
  height:100%;
}
body {
  padding-top: 0px;
  color:#555;
  font-size:13px;
}
textarea:focus, input:focus{
    outline: 0;
}

h1{font-size:22px;font-weight:300;}
h2{font-size:20px;font-weight:300;}
h3{font-size:18px;font-weight:300;}
p, a, li{font-weight:300;}
sup{color:#EB0000; margin-left:3px;}

a{
    transition: all 0.2s ease-in-out 0s;
}
a,a:hover, a:active, a:focus {
  outline: 0;
  text-decoration: none;
}
address{font-weight:300;}

ul{list-style:none;}
.header {
    position: relative;
    z-index: 99;
}

.header-top {
    background-color: #f1f1f1;
    border-bottom: 1px solid #dadada;
    box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.03) inset;
}
.header-top-dropdown .dropdown-menu {
    margin-top: 0;
    min-width: 280px;
    padding: 20px;
    right:-100px;
}
.topbar .right-topbar li:first-child {
    margin-left: 0;
}
.topbar {
    background:#f1f1f1;
    padding: 3px 0;
    position: relative;
    z-index: 100;
}

.topbar ul{
	margin:7px 0;	
}
.topbar .right-topbar li{
	padding:0 10px;
}

.topbar .right-topbar li, .topbar .right-topbar li a {
    color: #7f7f7f;
    font-size: 12px;
}


.header-top-dropdown .btn-group .small-buttons {
    background-color: transparent;
    box-shadow: none !important;
    color: #878787;
    font-size: 12px;
    margin: 0;
    min-width: 0;
    padding: 8px 10px;
    text-align: center;
    text-transform: none;
    border-left: 1px solid transparent;
    border-right: 1px solid #e3e3e3;
    border-top:none;
    border-bottom:none;
    border-radius:0;
}
.header-top-dropdown .btn-group.open > button, 
.header-top-dropdown .btn-group > button:hover {
    background-color: #ffffff;
    border-right-color: #e3e3e3;
    color: #428bca;
}
.header-top-dropdown .btn-group:last-child > button {
    border-right-color: transparent;
}
.header-top-dropdown .dropdown-menu{
	border-radius: 0 0 4px 4px;	
	border:none;
	box-shadow:0 4px 7px rgba(0, 0, 0, 0.176);
}

.header-top-dropdown .form-control {
    background-color: #ffffff;
    border-color: #e4e4e4;
    height: 40px;
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.12);
}

.header-top-dropdown .open .fade-in {    
    animation: 0.4s ease 0s normal none 1 running header-menu-drop-down;
    -webkit-animation: 0.4s ease 0s normal none 1 running header-menu-drop-down;
    -moz-animation: 0.4s ease 0s normal none 1 running header-menu-drop-down;
    -ms-animation: 0.4s ease 0s normal none 1 running header-menu-drop-down;
    -o-animation: 0.4s ease 0s normal none 1 running header-menu-drop-down;
}
.header-top-dropdown .login-form p {
    padding: 7px 0;
    margin:0;
    font-size:12px;
}

.header-top-dropdown .open .cart{
	font-size: 11px;
    min-width: 350px;
    padding: 0;
    right: -1px;
}
.header-top-dropdown .open .cart .product .small {
    color: #8f8f8f;
    display: block;
}
.header-top-dropdown .open .cart .amount,
.header-top-dropdown .open .cart .total-amount {
    font-weight:600;
}
.header-top-dropdown .open .panel-body{
	padding-top:0;
}
.header-top-dropdown .open table{
margin-bottom:10px;
}

.form-control-feedback {
    height: 40px;
    line-height: 42px !important;
    top: 0;
    width: 40px;
}
.form-control{
    color: #737373;
    border: 1px solid #ccc;
}


.config-panel{
    font-size: 18px;
    position: relative;
    left: 100;
    top: 5;
    z-index: 5;
}

.btn-config{
	background-color:#555555;
	border-color: #cccccc;
	border-width:1px 1px 1px 0;
	color: #FFFFFF;
	border-radius:0 4px 4px 0;
}
.btn-config:focus, .btn-config:active, .btn-config:hover{
	color: #FFFFFF;
	background-color:#FFA600;
}


.logo{margin:5px 0;}

.navbar {
    margin-bottom: 0;
    border-radius:0;
    z-index:10;
}

#sidebar {
  width: inherit;
  min-width: 220px;
  max-width: 220px;
  background-color:#f0f0f0;
  float: left;
  height:100%;
  position:relative;
  overflow-y:auto;
  overflow-x:hidden;
}

.main, .main-2 {
  height:100%;
  overflow:auto;
  padding:10px 0 0 0;
}

.main .main-container{
	margin:0px 0 0 0;
}
.main-2 .main-container{
	margin:-30px 0 0 0;
}
.main-container2{
	padding:20px 0;
}

.product-main,
.page-main{
	padding:20px;
}
.navbar-form-custom{
	margin-left: 0;
    margin-right: 0;
    padding: 0;
}

.row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    width:calc(100% + 220px);
   /* width:100%;*/
}
    
.row-offcanvas-left
{
   left: -220px;
}

.row-offcanvas-left.active {
   left: 0px;
}
 
.row-offcanvas-right
{
   right: -220px;
}

.row-offcanvas-right.active {
   right: 0px;
}

.sidebar-offcanvas {
   position: absolute;
   top: 0;
}

.slider-text{position: absolute;}

/* Carousel Header Styles */
.carousel-1 .item .header-text,
.carousel-2 .item .header-text
{
    position: absolute;
    top: 0%;
    left: 5%;
    right: auto;
    width: 96.66666666666666%;
    color: #fff;
}

.carousel-1 .item .header-text .header-text-1
 {
  	color: #fff;
	font-size: 66px;
	width: 50%;
	top: 90px;
	left:150px;
	white-space: nowrap;
	z-index: 10;
	font-weight: 700;
	position: absolute;
	opacity: 0;
}
.carousel-1 .item .header-text .header-text-2
{
  	color: #fff;
	font-size: 66px;
	width: 50%;
	top: 140px;
	left:150px;
	white-space: nowrap;
	z-index: 10;
	position: absolute;
	opacity: 0;
}
.carousel-1 .item .header-text .header-link
{
	color: #fff;
	font-size: 66px;
	top: 200px;
	left:150px;
	white-space: nowrap;
	z-index: 10;
	position: absolute;
	opacity: 0;
}
.carousel-2 .item .header-text .header-text-1
 {
  	color: #fff;
	font-size: 66px;
	width: 50%;
	top: 20px;
	left:200px;
	white-space: nowrap;
	z-index: 10;
	font-weight: 700;
	position: absolute;
	opacity: 0;
}
.carousel-2 .item .header-text .header-text-2
{
  	color: #fff;
	font-size: 66px;
	width: 50%;
	top: 70px;
	left:200px;
	white-space: nowrap;
	z-index: 10;
	position: absolute;
	opacity: 0;
}
.carousel-2 .item .header-text .header-link
{
	color: #fff;
	font-size: 66px;
	top: 120px;
	left:200px;
	white-space: nowrap;
	z-index: 10;
	position: absolute;
	opacity: 0;
}
.carousel-1 .item.active .header-text .header-text-1,
.carousel-2 .item.active .header-text .header-text-1
{
    -webkit-animation: slide-text-in 0.6s ease-in-out 0.8s both;
	-moz-animation: slide-text-in 0.6s ease-in-out 0.8s both;
	-o-animation: slide-text-in 0.6s ease-in-out 0.8s both;
	-ms-animation: slide-text-in 0.6s ease-in-out 0.8s both;
	animation: slide-text-in 0.6s ease-in-out 0.8s both;
  	opacity: 0;
}
.carousel-1 .item.active .header-text .header-text-2,
.carousel-2 .item.active .header-text .header-text-2
{
	-webkit-animation: slide-smalltext-in 0.6s ease-in-out 1.2s both;
	-moz-animation: slide-smalltext-in 0.6s ease-in-out 1.2s both;
	-o-animation: slide-smalltext-in 0.6s ease-in-out 1.2s both;
	-ms-animation: slide-smalltext-in 0.6s ease-in-out 1.2s both;
	animation: slide-smalltext-in 0.6s ease-in-out 1.2s both;
  	opacity: 0;
}
.carousel-1 .item.active .header-text .header-link,
.carousel-2 .item.active .header-text .header-link
{
	-webkit-animation: slide-link-in 0.8s ease-in-out 1.2s both;
	-moz-animation: slide-link-in 0.8s ease-in-out 1.2s both;
	-o-animation: slide-link-in 0.8s ease-in-out 1.2s both;
	-ms-animation: slide-link-in 0.8s ease-in-out 1.2s both;
	animation: slide-link-in 0.8s ease-in-out 1.2s both;
  	opacity: 0;
}

.carousel-1 .item .header-text .header-text-1 span,
.carousel-2 .item .header-text .header-text-1 span
{
    background-color: #2980b9;
	padding: 10px;
    font-size: 40px;
}
.carousel-1 .item .header-text .header-text-2 span,
.carousel-2 .item .header-text .header-text-2 span
{
    background-color: #2980b9;
	padding: 10px;
    font-size: 14px;
}
.carousel-1 .item .header-text .header-link a,
.carousel-2 .item .header-text .header-link a
{
    background-color: rgba(153, 153, 153, 0.8);
	padding: 10px;
    font-size: 14px;
    padding:5px 20px;
    border-radius:20px;
    border:5px solid #ffffff;
    color:#ffffff;
}

.carousel .item .header-text .header-text-2 span {
	background-color: rgba(0, 0, 0, 0.6);
	padding: 15px;
}
.col-filter-options .panel-heading{
	padding:0;
}

.col-filter-options .panel-group h2 a {
    color: #687074;
    display: block;
    font-size: 16px;
    padding: 15px 15px;
}
.col-filter-options .panel-group h2 a:hover{
	text-decoration:none;
}
.col-filter-options .panel-group h2 a span:after {
    right: 35px;
    font-size: 16px;
    content: "\f107";
    color:#000000;
    position: absolute;
    font-weight: normal;
    display: inline-block;
    font-family: FontAwesome;
}
.col-filter-options .panel-group h2 a.collapsed span:after {
    right: 35px;
    font-size: 16px;
    content: "\f105";
    color:#000000;
    position: absolute;
    font-weight: normal;
    display: inline-block;
    font-family: FontAwesome;
}
.col-filter-options .panel-group h2 i {
    float: right;
    font-size: 18px;
    margin-top: 0px;
}
.filter-header-container{
	width:100%;    
	position: relative;
}
.filter-header-container {
	background-color:#6A5E56;
}

.filter-header-container:before {
	background: none repeat scroll 0 0 rgba(125, 125, 125, 0.1);
	content: " ";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.filter-list-header-text{
	position: relative;
    top: 0%;
    left: 0%;
    right: auto;
    width: 96.66666666666666%;
    color: #fff;
	z-index: 10;
	padding:10px 0;
	min-height:150px;
}

.filter-list-header-text h1{
	color: #fff;
	font-size: 30px;
	width: 40%;
	left:10%;
	margin:0;
	white-space: nowrap;
	opacity: 0;
	-webkit-animation: slide-text-in 0.6s ease-in-out 0.2s both;
	-moz-animation: slide-text-in 0.6s ease-in-out 0.2s both;
	-o-animation: slide-text-in 0.6s ease-in-out 0.2s both;
	-ms-animation: slide-text-in 0.6s ease-in-out 0.2s both;
	animation: slide-text-in 0.6s ease-in-out 0.2s both;
}
.filter-list-header-text p{
	color: #fff;
	font-size: 12px;
	width: 40%;
	white-space:wrap;
	opacity: 0;
	-webkit-animation: slide-text-in 0.6s ease-in-out 0.5s both;
	-moz-animation: slide-text-in 0.6s ease-in-out 0.5s both;
	-o-animation: slide-text-in 0.6s ease-in-out 0.5s both;
	-ms-animation: slide-text-in 0.6s ease-in-out 0.5s both;
	animation: slide-text-in 0.6s ease-in-out 0.5s both;
}
.filter-list-header-text .breadcrumbs {
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
	opacity: 0;
	font-size: 12px;
	-webkit-animation: slide-text-in 0.6s ease-in-out 0.5s both;
	-moz-animation: slide-text-in 0.6s ease-in-out 0.5s both;
	-o-animation: slide-text-in 0.6s ease-in-out 0.5s both;
	-ms-animation: slide-text-in 0.6s ease-in-out 0.5s both;
	animation: slide-text-in 0.6s ease-in-out 0.5s both;
}
.filter-list-header-text .breadcrumbs > li {
    color: #428bca;
    display: inline-block;
    font-size: 12px;
}
.filter-list-header-text .breadcrumbs > li + li:before {
    color: #fff;
    content: "\f105";
    font-family: FontAwesome;
    margin-left: 7px;
    padding-right: 8px;
}
.filter-list-header-text .breadcrumbs > li a{
    color: #fff;
}


.panel-group .panel {
    border-radius: 0px;
    margin-bottom: 0;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #eee;
}
.grid-list-options {
    float: right;
}
.grid-list-options a:hover {
   text-decoration: none;
}
.sort-list-btn {
    float: left;
}
.grid-list-options i {
    background:#428bca;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    height: 30px;
    line-height: 20px;
    padding: 6px;
    text-align: center;
    width: 30px;
}
.grid-list-options a:hover i{
	background:#74bdfc;
}

.sort-list-btn .btn-default {
    border-color: #dedede;
    color: #999;
    font-size: 12px;
    border-radius:0;
}
.sort-list-btn h3 {
    color: #555;
    float: left;
    font-size: 12px;
    margin: 10px 0px;
}

.filter-results{
border-top:1px solid #dedede;	
margin-top:10px;
}

.noUi-horizontal{
	height:30px;
	margin:10px;
}
.noUi-horizontal .noUi-handle{
	top: 0px;
}
.noUi-handle{
	border-color:#428bca;
}
.noUi-horizontal .noUi-handle-upper{
	
}
.noUi-connect{
	background-color:#428bca;
}
.slide-price-range, .slide-price-filter{
	font-size:14px;
	display:block;
	margin-bottom:10px;
}

.slide-price-range span {
    color: #737373;
    font-weight: 700;
    padding: 0 ;
    position: relative;
}
/*.slide-price-range span:after {
	content: "£";
    left: 0;
    position: absolute;
    top: -2px;
    color:#a3a3a3;
    font-weight:700;
}
.slide-price-range span:first-child:after {
    content: "£";
    left: 0;
    position: absolute;
    top: 4px;
    color:#a3a3a3;
    font-size:12px;
    font-weight:700;
}
.slide-price-range span:last-child:after {
    content: "£";
    left: 0;
    position: absolute;
    top: 4px;
    color:#a3a3a3;
    font-size:12px;
    font-weight:700;
}*/


.tooltip {
	display: block;
	position: absolute;
	border: 1px solid #D9D9D9;
	font: 400 12px/12px Arial;
	border-radius: 3px;
	background-color: #fff;
	top: -43px;
	padding: 5px;
	left: -9px;
	text-align: center;
	width: 50px;
}
.tooltip strong {
	display: block;
	padding: 2px;
}

.frm .tooltip {
	background-color:transparent;
	border:none;
	width: auto;
}

.caption {
    height: 60px;
    overflow: hidden;
    position: relative;
}

.caption h4 {
    white-space: nowrap;
}

.thumbnail img {
    width: 100%;
}

.thumbnail {
    padding: 0;
}

.thumbnail .caption-full {
    padding: 9px;
    color: #333;
}
.product-list-wrapper{display: block;padding:10px 0;width: 100%;}
.product-list-container{display: block;padding:10px 0;width: 100%;}
.headline {
    border-bottom: 1px dotted #e4e9f0;
    display: block;
    margin: 10px 0 5px;
}
.headline2 {
    display: block;
    margin: 10px 0 15px;
    text-align:center;
}
.headline3 {
    border-bottom: 1px dotted #e4e9f0;
    display: block;
    margin: 10px 0 10px;
    text-align:center;
}
.headline h1, .headline h2, .headline h3, .headline h4 {
    border-bottom: 2px solid #428bca;
    display: inline-block;
    margin: 0 0 -2px;
    padding-bottom: 5px;
}
.headline2 h1, .headline2 h2, .headline2 h3, .headline2 h4 {
    display: inline-block;
    margin: 0;
	padding:0;
    font-size:2.3em;
}
.headline3 h1, .headline3 h2, .headline3 h3, .headline3 h4 {
	border-bottom: 2px solid #428bca;
    display: inline-block;
    margin: 0;
	padding:0;
    font-size:2.0em;
}

.headline-divider1{
    border-bottom: 1px dotted #e4e9f0;
    display: block;
    margin: 30px 0 10px;
}
.headline-divider1 h1, .headline-divider1 h2, .headline-divider1 h3, .headline-divider1 h4 {
    border-bottom: 2px solid #000;
    display: inline-block;
    margin: 0 0 -2px;
    padding-bottom: 5px;
}

.strapline1{
	color: #333;
    font-style: italic;
    font-size:22px;
    font-weight: 300;
    margin: 0 0 15px;
}
.strapline2{
    font-style: italic;
    font-size:18px;
    font-weight: 300;
    margin: 0 0 15px;
}


.list-style1{
	margin-left:0;
	padding-left:0;
	margin-bottom:20px;
}
.list-style1 li:before{
	margin-right:5px;
	content:"\f00c";
	font-family:FontAwesome;
	color:#428bca;
}
.list-style1 li{
	padding:0 0 0 10px;
	line-height: 1.6em;
}

.col-slider-box{padding:15px;}

.col-product-box,
.col-category-box{
	padding:15px;
	-webkit-animation: fade-in 0.6s ease-in-out 0.2s both;
	-moz-animation: fade-in 0.6s ease-in-out 0.2s both;
	-o-animation: fade-in 0.6s ease-in-out 0.2s both;
	-ms-animation: fade-in 0.6s ease-in-out 0.2s both;
	animation: fade-in 0.6s ease-in-out 0.2s both;
	height:320px;
}
.col-special-offer-box{
	float:left;
	padding:15px;
	background-color:#7ac3ff;
	border-radius:4px;
	color:#fff;
	text-align:center;
}
.col-product-box-list{
	padding:15px;
	margin-bottom:10px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
	-webkit-animation: fade-in 0.6s ease-in-out 0.2s both;
	-moz-animation: fade-in 0.6s ease-in-out 0.2s both;
	-o-animation: fade-in 0.6s ease-in-out 0.2s both;
	-ms-animation: fade-in 0.6s ease-in-out 0.2s both;
	animation: fade-in 0.6s ease-in-out 0.2s both;
}

.col-product-box .item,
.col-product-box-list .item,
.col-category-box .item,
.col-special-offer-box .item,
.team-style2 .item{
    overflow: hidden;
    position: relative;
    width: 100%;
}

.col-special-offer-box p{
font-size:12px;	margin:0;
}
.col-special-offer-box h4{
margin:0;
}

.col-product-box .item .thumb,
.col-product-box-list .item .thumb,
.col-category-box .item .thumb,
.team-style2 .item .thumb
 {
    display: block;
    position: relative;
    text-decoration: none;
}
.col-product-box .item .overlay,
.col-category-box .item .overlay,
.team-style2 .item .overlay
{
    background: none repeat scroll 0 0 #f2f4f5;
    left: 0;
    min-height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity 0.3s ease 0s;
    width: 100%;
    z-index: 2;
}
.col-product-box .item:hover .overlay,
.col-category-box .item:hover .overlay,
.team-style2 .item:hover .overlay{
	opacity:0.9;	
}

.col-product-box .item .description,
.col-category-box .item .description,
.team-style2 .item .description{
	visibility: hidden;
	opacity: 0;
    transform: translate(100%, 0px);
    transition: all 0.4s ease 0s;
    left: 0;
}

.col-product-box .item .description,
.col-category-box .item .description,
.team-style2 .item .description
{
    padding: 16px 15px 16px;
    top: 0;
    z-index: 3;
    position:absolute;
}
.col-product-box-list .item .description
{
    padding: 0px;
    top: 0;
    z-index: 3;
}
.col-product-box .item .description h3,
.col-product-box-list .item .description h3,
.col-category-box .item .description h3{
	margin-bottom: 10px;
    margin-top: 0px;
	font-size:16px;
}
.col-product-box .item .description p,
.col-product-box-list .item .description p,
.col-category-box .item .description p{
	font-size:12px;
}
.col-product-box .item:hover .description,
.col-category-box .item:hover .description,
.team-style2 .item:hover .description{
	opacity:1;	
	visibility: visible;
    transform: translate(0px, 0px);
}

.col-product-box-list .tagwrapper{
    bottom: 0;
    margin: 0;
    position: absolute;
    right: 0;
    text-transform: capitalize;
    z-index: 1;
    width:150px;
    height:80px;
}

.product-ratings {
    overflow: hidden;
    color: #8FC0EB;
}
.product-ratings li .selected-rating {
    color: #428bca;
    font-size: 14px;
}
.product-ratings li{
    margin-right:0;
    padding-right:0;
}


.my-account-box{
	background-color:#fff;
	border:1px solid #e6e6e6;
	text-align:center;
    transition: all 0.2s ease-in-out 0s;
}
.my-account-box:hover{
	background-color:#3C9ADE;
	border:1px solid #3C9ADE;
	text-align:center;
	color:#fff;
}
.my-account-box:hover i{
	color:#fff;
	border-color:#fff;
}

/*Boxes*/
.box-1{
	margin:0;
	padding:10px;
}
.box-2{
	margin:0;
	padding:20px;
}
.box-3{
	margin:0;
	padding:30px;
}

/*Box styles*/
.box-style-1{
	background-color:#fff;
	border:1px dotted #dedede;
}
.box-style-2{
	background-color:#fff;
	border:1px solid #e6e6e6;
}
.box-style-3{
	background-color:#fff;
    border-width: 1px 1px 1px 1px;
    border-color: #ddd #ddd #428bca #ddd;
    border-style:solid;
}
.box-style-4{
	background-color:#7ac3ff;
}

/*Box Shadows*/
.box-shadow:after, .box-shadow:before {
    background-color:#555;
    bottom: 15px;
    content: "";
    left: 25px;
    position: absolute;
    top: 90%;
    width: 50%;
    z-index: -1;
}
.box-shadow-1{
	box-shadow:3px 3px 0px rgba(0, 0, 0, 0.05);
}
.box-shadow-2{
	box-shadow:0px 24px 24px -26px rgba(0, 0, 0, 0.5);
}
.box-shadow-3:after,
.box-shadow-3:before
{
    -webkit-box-shadow:0 13px 10px rgba(0, 0, 0, 0.5);
       -moz-box-shadow:0 13px 10px rgba(0, 0, 0, 0.5);
            box-shadow:0 13px 10px rgba(0, 0, 0, 0.5);
    transform: rotate(-3deg);
}
.box-shadow-3:after {
    left: auto;
    right: 25px;
    transform: rotate(3deg);
}
.box-shadow-4:before
{
    -webkit-box-shadow:0 13px 10px rgba(0, 0, 0, 0.5);
       -moz-box-shadow:0 13px 10px rgba(0, 0, 0, 0.5);
            box-shadow:0 13px 10px rgba(0, 0, 0, 0.5);
    transform: rotate(-3deg);
}
.box-shadow-5:after
{
    -webkit-box-shadow:0 13px 10px rgba(0, 0, 0, 0.5);
       -moz-box-shadow:0 13px 10px rgba(0, 0, 0, 0.5);
            box-shadow:0 13px 10px rgba(0, 0, 0, 0.5);
    transform: rotate(-3deg);
    left: auto;
    right: 25px;
    transform: rotate(3deg);
}
.box-shadow-6
{
  	position:relative;       
}
.box-shadow-6:before, .box-shadow-6:after
{
	content:"";
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    border-radius: 100px / 31px;
    bottom: 5px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    content: "";
    left: 17px;
    position: absolute;
    right: 16px;
    top: 88%;
    z-index: -1;
}

/*info-boxes*/
.info-box1,
.info-box2 {
    margin-bottom: 20px;
}
.info-box3 {
    background-color:#428bca;
    color:#fff;
    padding:10px;
    border:2px solid #fff;
}
.info-box1 h3,
.info-box2 h3{
    font-size:20px;
}
.info-box1 i {
    border: 2px solid #428bca;
    color: #428bca;
    display: inline-block;
    font-size: 25px;
    height: 50px;
    padding: 10px;
    left: 20px;
    text-align: center;
    top: 15px;
    width: 50px;
}
.info-box2 i {
    border: 2px solid #428bca;
    background-color:#428bca;
    color: #fff;
    display: inline-block;
    font-size: 25px;
    height: 50px;
    padding: 10px;
    left: 20px;
    text-align: center;
    top: 15px;
    width: 50px;
}
.info-box3 i {
    border: 2px solid #fff;
    background-color:#428bca;
    color: #fff;
    display: inline-block;
    font-size: 25px;
    height: 50px;
    padding: 10px;
    left: 20px;
    text-align: center;
    top: 15px;
    width: 50px;
}

/*Rounded styles*/
.rounded{
	border-radius:4px;
}

/*Icons styles*/
i.icon-style-1 {
    border: 1px solid #666666;
    color: #666666;
    display: inline-block;
    font-size: 24px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 5px;
    text-align: center;
    width: 40px;
}

/*Heading styles*/
.heading-lg{
	font-size:22px;
	margin:0;
}
.heading-md{
	font-size:18px;
	margin:0;
}
.heading-sm{
	font-size:16px;
	margin:0;
}

/*Form checkboxes*/
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 0px;
}

.process .nav-pills > li > a {
    border: 1px solid transparent;
    border-radius: 0;
    color: #666666;
    font-size: 16px;
    font-weight: 300;
    padding: 10px 15px;
}
.process .nav-pills > li + li {
    margin-left: 60px;
    position: relative;
}
.process .nav-pills > li + li:after {
    background-color: #fff;
    content: "\f0a9";
    font-family: "FontAwesome";
    font-size:26px;
    left: -38px;
    position: absolute;
    top: 5px;
    color:#ccc;
    width: 10px;
}
.process .nav-pills > li + li.active:after {
    background-color: #fff;
    content: "\f0a9";
    font-family: "FontAwesome";
    font-size:26px;
    left: -38px;
    position: absolute;
    top: 5px;
    color: #428bca;
    width: 10px;
}
.process .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, .nav-pills > li > a:hover, .nav-pills > li > a:focus {
    background-color: #fff;
    border: 1px solid #fff;
    color: #428bca;
}
.process .nav-pills > li.active > a:after {
    color: #428bca;
}

.col-order-history-list{
	font-weight:300;
	padding:15px;
	color:#737373;
	margin-bottom:10px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
	-webkit-animation: fade-in 0.6s ease-in-out 0.2s both;
	-moz-animation: fade-in 0.6s ease-in-out 0.2s both;
	-o-animation: fade-in 0.6s ease-in-out 0.2s both;
	-ms-animation: fade-in 0.6s ease-in-out 0.2s both;
	animation: fade-in 0.6s ease-in-out 0.2s both;
}
.col-order-history-list thead tr th{
	vertical-align: baseline;
}
.col-order-history-list tbody tr td{
	vertical-align: baseline;
}
.col-order-history-list .label {
    font-size: 100%;
}

.jquery-ratings-star {
width: 26px;
height: 30px;
position: relative;
font-size:20px;
float: left;
margin-right: 2px;
padding:0;
}
.jquery-ratings-star:after{
content:"\f006";
font-family:FontAwesome;
}
.jquery-ratings-full:after{
color:#5cb85c;
content:"\f005";
font-family:FontAwesome;
}

.col-product-box .item .description ul.list-inline,
.col-product-box-list .item .description ul.list-inline
{
    margin-left:0;
}
.col-product-box .item .description ul.list-inline li,
.col-product-box-list .item .description ul.list-inline li{
    padding: 0;
    margin:0;
}

.col-product-box .item footer {
    padding: 7px 0;
    right: 0;
    transition: right 0.4s ease 0s;
    width: 200%;
    height: 50px;
    position: relative;
}
.col-category-box .item footer {
    padding: 7px 0;
    right: 0;
    transition: right 0.4s ease 0s;
    width: 200%;
    height: 45px;
    position: relative;
}
.col-product-box .item footer .info,
.col-category-box .item footer .info
{
    position: relative;
}
.col-product-box .item footer .info, .col-product-box .item footer .tools {
    width: 50%;
}
.col-product-box .item footer .tools {
    margin-top: -20px;
    padding-right: 13%;
    position: absolute;
    right: 0;
    top: 50%;
    width: 100%;
    text-align: right;
}

.col-product-box .item footer .info h4,
.col-category-box .item footer .info h4{
	white-space: nowrap;
	padding:0; margin:0;
}
.col-product-box .item footer .info p,
.col-category-box .item footer .info p
{
	font-size:12px;
}

.col-product-box .item:hover footer,
.col-category-box .item:hover footer
 {
    right:78%;
}
.col-product-box .item footer:after,
.col-category-box .item footer:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}

.shop-tabs-default .nav-tabs {
    border-bottom-color: #dedede;
}
.shop-tabs-default .nav-tabs > li {
    margin-right: 50px;
}
.shop-tabs-default .nav-tabs > li > a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: -moz-use-text-color -moz-use-text-color transparent;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    color: #687074;
    font-size: 16px;
    margin-right: 0;
    padding: 6px 0;
    text-transform: uppercase;
}

.shop-tabs-default .nav-tabs > li > a:hover{
	border-bottom:2px solid #428bca;
}
.shop-tabs-default .nav-tabs > li.active > a, 
.shop-tabs-default .nav-tabs > li.active > a:hover, 
.shop-tabs-default .nav-tabs > li.active > a:focus {
    border-color: #428bca;
    border-style: none none solid;
    border-width: 2px;
}
.shop-tabs-default .tab-content {
    padding: 30px 0;
}

.shop-tabs-default .product-tab-description ul,
.shop-tabs-default .product-tab-specification ul,
.shop-tabs-default .product-tab-delivery ul
{
	margin:0;
	padding:0;
}
.shop-tabs-default .product-tab-description li:before,
.shop-tabs-default .product-tab-specification li:before,
.shop-tabs-default .product-tab-delivery li:before{
	margin-right:5px;
	content:"\f105";
	font-family:FontAwesome;
	color:#428bca;
}
.shop-tabs-default .product-tab-description li,
.shop-tabs-default .product-tab-specification li,
.shop-tabs-default .product-tab-delivery li{
	padding:0 0 0 10px;
}

.product-tab-review {
    margin: 20px 0;
}
.product-tab-review .product-review-block {
    overflow: hidden;
    padding: 20px;
    margin: 20px 0;
    background-color:#fff;
}
.product-tab-review .product-review-block h4 {
    color: #555;
    font-size: 18px;
	margin-top:0;
	padding-top:0;
}
.quick-search {
    animation: 0.4s ease 0s normal none 1 running fade-in-up;
    -webkit-animation: 0.4s ease 0s normal none 1 running fade-in-up;
    -moz-animation: 0.4s ease 0s normal none 1 running fade-in-up;
    -ms-animation: 0.4s ease 0s normal none 1 running fade-in-up;
    -o-animation: 0.4s ease 0s normal none 1 running fade-in-up;    
    height: 200px;
    padding: 44.4444px 15px 0;
    position: absolute;
    text-align: center;
    transition: all 0.4s ease 0s;
    visibility: hidden;
    width: 100%;
    z-index: 91;
}
.quick-search.open {
    animation: 0.4s ease 0s normal none 1 running fade-in-down;
    -webkit-animation: 0.4s ease 0s normal none 1 running fade-in-down;
    -moz-animation: 0.4s ease 0s normal none 1 running fade-in-down;
    -ms-animation: 0.4s ease 0s normal none 1 running fade-in-down;
    -o-animation: 0.4s ease 0s normal none 1 running fade-in-down;
    visibility: visible;
}
.quick-search .overlay {
    background: none repeat scroll 0 0 #6F635B;
    left: 0;
    min-height: 100%;
    opacity: 0.95;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.quick-search .search-field {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #fff;
    display: block;
    font-size: 3.75em;
    font-weight: 300;
    height: 72px;
    line-height: 1;
    margin: auto;
    max-width: 780px;
    opacity: 0.4;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;
}
.quick-search span {
    color: #fff;
    display: inline-block;
    font-size: 1.25em;
    font-weight: 300;
    margin-top: 16px;
    position: relative;
    z-index: 1;
}

.special-offer-products{
	padding:15px;
	margin-top:10px;
}
.special-offer-products .col-product-box .info{
font-size:13px;
}
.special-offer-products .col-product-box .info a{
color:#555;
}

.sign{
width: 100%;
font-size: 4.00em;
color: #45c2f5;
text-align: center;
font-weight: 600;
padding-top: 80px;
}
@media(max-width:990px) {
	.sign{
	padding-top: 0px;
	}
}


.tagwrapper {
    margin: 0 0 0 0;
    position: absolute;
    text-transform: capitalize;
    z-index: 1;
    bottom:50px;
    right:0;
}
.circle-tags {
    border-radius: 50% 50% 0;
    content: "";
    display: block;
    height: 0;
    padding-bottom: 100%;
    width: 70px;
}
.tag-outof-stock {
    height: 0;
    padding-bottom: 50%;
    width: 100px;
    bottom:0px;
}
.tag1-circle {
    background: none repeat scroll 0 0 #72c02c;
}
.tag2-circle {
    background: none repeat scroll 0 0 #4ec0e3;
}
.tag3-circle {
    background: none repeat scroll 0 0 #E30000;
}
.tag4-circle {
    background: none repeat scroll 0 0 #FFB300;
}
.tag1, .tag2, .tag3, .tag4 {
    color: #ffffff;
    float: left;
    font-size: 14px;
    /* line-height: 1em; */
    /* margin-top: -0.5em; */
    padding-top: 49%;
    text-align: center;
    width: 100%;
    z-index: 1;
}


.margin-bottom-5, .margin-bottom-10, .margin-bottom-15, .margin-bottom-20, 
.margin-bottom-25, .margin-bottom-30, .margin-bottom-35, .margin-bottom-40, 
.margin-bottom-45, .margin-bottom-50, .margin-bottom-55, .margin-bottom-60 {
    clear: both;
}

#owl-brands {
    margin-bottom: 20px;
}
#owl-brands .item {
    border: 1px solid #e4e2e2;
    margin: 0 10px;
    padding: 7px 0;
    position: relative;
    text-align: center;
}
#owl-brands .item img {
    display: block;
    /* width: 100%; */
    height: auto;
}

#owl-brands .item img.color-img {
    display: none;
    position: absolute;
}
.header .mega-menu .col-footer-banner{
	padding:0;
}

.header .mega-menu .col-footer-banner img{
	width:100%;
}
.header .mega-menu .col-footer-banner .menu-banner{
	padding:5px;
}


.overflow-h {
    overflow: hidden;
}

.scale-banner img{
	transition: all 0.4s ease-in-out 0s;
}
.scale-banner:hover img{
transform:scale(1.20) rotate(-2deg);
}
.section{
	width:100%;
}

.white-bg{
	background-color:#fff;
}
.gray-bg{
	background-color:#f1f1f1;
}

.team-style1 .team-member-image{
	float:left;
}
.team-style1 .team-member-text{
	padding:10px 20px;
	float:left;
	width:45%;
	font-size:14px;
}
.team-style1 .team-member-text h3{
	margin-top: 0;
	margin-bottom: 10px;
}
.team-style1 .team-member-text i{
	width:18px;
	font-size:14px;
	text-align:center;
}
.team-style2 .team-member {
padding:0;
}

.newsletter-subscribe-panel {
    background: none repeat scroll 0 0 #428bca;
    padding: 20px;
}
.newsletter-subscribe-panel h2 {
    padding: 7px 0 0 20px;
    margin:0;
    color:#ffffff;
    font-weight:300;
}
.newsletter-subscribe-panel .form-control {
    font-size: 14px;
    font-weight: 200;
}
.newsletter-subscribe-panel input {
    background:#fff;
    border-color: #fff;
    border-width:0px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .5);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .5);
}
.newsletter-subscribe-panel input:focus {
    border-color: #fff;
}

.col-side-banner{
	padding:0 !important;
	display:block !important;
}

.footer-1 .footer {
    background: #323232;
    padding: 20px;
    margin:20px 0 10px 0;
}
.footer-1 .footer p {
    color: #eee;
    font-size:12px;
}
.footer-1 .footer h2 {
	color:#eee;
}
.footer-1 .quick-link-list li:first-child {
    border-top:none !important;
}
.footer-1 .quick-link-list li {
    border-top: 1px solid #434343;
}
.footer-1 address, .footer-1 .quick-link-list a, .footer-1 .quick-link-list i {
    color: #eee;
    font-size:12px;
}
.quick-link-list a {
    color: #eee;
    display: inline-block;
    font-size: 12px;
    padding: 6px 0;
}
.quick-link-list li i {
    color: #bbb;
    float: right;
    margin-top: 7px;
}


.product-main .breadcrumbs,
.page-main .breadcrumbs {
    list-style: outside;
    margin-bottom: 0;
    padding: 0 10px;
	opacity: 0;
	font-size: 12px;
	-webkit-animation: slide-text-in 0.6s ease-in-out 0.5s both;
	-moz-animation: slide-text-in 0.6s ease-in-out 0.5s both;
	-o-animation: slide-text-in 0.6s ease-in-out 0.5s both;
	-ms-animation: slide-text-in 0.6s ease-in-out 0.5s both;
	animation: slide-text-in 0.6s ease-in-out 0.5s both;
}
.product-main .breadcrumbs > li,
.page-main .breadcrumbs > li {
    color: #428bca;
    display: inline-block;
    font-size: 12px;
}
.product-main .breadcrumbs > li:first-child:before,
.page-main .breadcrumbs > li:first-child:before {
    color: #555555;
    content: "\f015";
    font-family: FontAwesome;
    margin-left: 0px;
    padding-right: 0px;
    font-size:16px;
}
.product-main .breadcrumbs > li + li:before,
.page-main .breadcrumbs > li + li:before {
    color: #555555;
    content: "\f105";
    font-family: FontAwesome;
    margin-left: 7px;
    padding-right: 8px;
}
.product-main .breadcrumbs > li a,
.page-main .breadcrumbs > li a{
    color: #555555;
}

.page-content{
border-top:1px solid #dedede;	
margin-top:10px;
}
.scrollToTop{
	width:35px; 
	height:35px;
	padding:5px; 
	text-align:center; 
	background:#000;
	font-weight: bold;
	color: #444;
	position:fixed;
	bottom:40px;
	right:40px;
	display:none;
	z-index: 100;
	font-size:16px;
	font-weight:300;
	border-radius:4px;
}
.scrollToTop:after{
	content:"\f077";
	color:#fff;
	font-family:FontAwesome;
}

.scrollToTop:hover{
	text-decoration:none;
}

.replace{overflow:hidden; text-indent:-9000px;}
.footerlogo{float:left; margin:1px;}
.logo_visa{background:url(../images/card_logos_sprite.png) -318px 0px no-repeat; width:51px;height:32px;}
.logo_mastercard{background:url(../images/card_logos_sprite.png) -106px 0px no-repeat; width:51px;height:32px;}
.logo_electron{background:url(../images/card_logos_sprite.png) -370px 0px no-repeat; width:51px;height:32px;}
.logo_amex{background:url(../images/card_logos_sprite.png) 0px 0px no-repeat; width:51px;height:32px;}
.logo_solo{background:url(../images/card_logos_sprite.png) -212px 0px no-repeat; width:51px;height:32px;}
.logo_maestro{background:url(../images/card_logos_sprite.png) -53px 0px no-repeat; width:51px;height:32px;}
.logo_paypal{background:url(../images/card_logos_sprite.png) -159px 0px no-repeat; width:51px;height:32px;}
.logo_visadebit{background:url(../images/card_logos_sprite.png) -425px 0px no-repeat; width:51px;height:32px;}

.payment-logo-wrapper{width:100%;text-align:center; display:block;}
.payment-logo{margin:1px;display:inline-block;}
.payment-logo.visa32{background:url('../../images/payment_logos/visa-straight-32px.png') top left no-repeat; width:51px;height:32px;}
.payment-logo.visadebit{background:url('../../images/payment_logos/visa-debit-32px.png') top left no-repeat; width:51px;height:32px;}
.payment-logo.mastercard32{background:url('../../images/payment_logos/mastercard-straight-32px.png') top left no-repeat; width:51px;height:32px;}
.payment-logo.amx32{background:url('../../images/payment_logos/american-express-straight-32px.png') top left no-repeat; width:51px;height:32px;}
.payment-logo.maestro32{background:url('../../images/payment_logos/maestro-straight-32px.png') top left no-repeat; width:51px;height:32px;}
.payment-logo.paypal32{background:url('../../images/payment_logos/paypal-straight-32px.png') top left no-repeat; width:51px;height:32px;}
.payment-logo.paypal64{background:url('../../images/payment_logos/paypal-straight-64px.png') top left no-repeat; width:51px;height:32px;}
.payment-logo.paypal128{background:url('../../images/payment_logos/paypal-straight-128px.png') top left no-repeat; width:51px;height:32px;}
.payment-logo.account{background:url('../../images/payment_logos/account-payment.png') top left no-repeat; width:150px;height:32px;}
.payment-logo.clickandcollect{background:url('../../images/payment_logos/click-and-collect.png') top left no-repeat; width:150px;height:32px;}
.payment-logo.telephoneorder{background:url('../../images/payment_logos/telephone-order.png') top left no-repeat; width:150px;height:32px;}
.payment-logo.v12finance{background:url('../../images/payment_logos/v12-finance-option.png') top left no-repeat; width:150px;height:32px;}
.payment-logo.paymentsense32{background:url('../../images/payment_logos/secured-by-paymentsense-32px.png') top left no-repeat; width:98px;height:32px;}


.social-media-icons{
	margin-top: 5px;
	padding:0;
}
.social-media-icons li{
	padding:0;
	display: inline-block;
    text-indent: -9999px;
}
.social-media-icons li a {
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 28px;
    transition: all 0.3s ease-in-out 0s;
    width: 28px;
}
.social-media-icons li a:hover {
    opacity: 1;
    background-position: 0 -38px !important;
    background-color:#ffffff;
}
.social-media-facebook {
    background: url('../../images/social_media/facebook.png') no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.social-media-twitter {
    background: url('../../images/social_media/twitter.png') no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.social-media-linkedin {
    background: url('../../images/social_media/linkedin.png') no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.social-media-youtube {
    background: url('../../images/social_media/youtube.png') no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.social-media-googleplus {
    background: url('../../images/social_media/googleplus.png') no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.md-margin-left-10{margin-left:10px;}
.md-margin-left-20{margin-left:20px;}
.md-margin-left-30{margin-left:30px;}
.md-margin-left-40{margin-left:40px;}

.md-padding-left-5{padding-left:5px;}
.md-padding-left-10{padding-left:10px;}
.md-padding-left-20{padding-left:20px;}
.md-padding-right-5{padding-right:5px;}
.md-padding-right-10{padding-right:10px;}
.md-padding-right-20{padding-right:20px;}

.md-margin-top-10{margin-top:10px;}
.md-margin-bottom-10{margin-bottom:10px;}
.md-margin-top-20{margin-top:20px;}
.md-margin-bottom-20{margin-bottom:20px;}
.md-margin-top-30{margin-top:30px;}
.md-margin-bottom-30{margin-bottom:30px;}
.md-margin-top-40{margin-top:40px;}
.md-margin-bottom-40{margin-bottom:40px;}
.md-margin-top-50{margin-top:50px;} 
.md-margin-bottom-50{margin-bottom:50px;}



@media (max-width: 970px) {
	
.navbar-inverse .navbar-togle-custom{
	background-color:#428bca;
	border-color:#428bca;
}
.col-centered{
    text-align:center;
}
.topbar .right-topbar li {
    padding: 0 3px;
}
.col-side-banner{
	display:none !important;
}
.main-container2{
	padding:20px;
}
.filter-list-header-text h1{
	width: 80%;
}
.filter-list-header-text p{
	width: 100%;
}
}

.pagination.pagination-default{padding:0;margin:0;}
.pagination.pagination-default > li > a, .pagination.pagination-default > li > span {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 4px 12px;
    border-color: #dedede;
    color:#555;
}
.pagination.pagination-default > .active > a
{
    color:#fff;
    border-color: #428bca;
}

.main-container2 .form-control {
    background: transparent;
    border-radius: 5px;
    box-shadow: none;
    display: block;
    font-size: 1em;
    font-weight: 300;
    line-height: 1.42857;
    padding: 6px 12px;
}
.col-filter-options .price-slider input{
	width:73px;
	display:inline-block;
}

.clear-both{clear: both;}

.rounded-x {
    border-radius: 50%;
}

.label-as-badge{
	border-radius: 50%;
	top:-3px;
	padding: 3px 6px;
	position:relative;
}


/*SIDE MENU*/
.side-menu ul.nav-list {
    border: 1px solid #e6e6e6;
}
.side-menu ul.nav-list {
    margin-left: 0;
    padding: 0;
}
.side-menu ul.nav-list li.nav-header {
    color: #999;
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    padding: 5px;
    text-transform: uppercase;
}
.side-menu ul.nav-list li a.first {
    border-top: 1px solid #e6e6e6;
}
.section-menu ul.nav-list li a {
    background: #fafafa;
    border-right: 1px solid #e6e6e6;
    border-width: medium 1px 1px;
    box-shadow: 1px 1px 1px #fff;
    font-size: 18px;
    font-weight: bold;
    margin: 0 -1px 0 3px;
    padding: 8px 15px;
    position: relative;
}
.side-menu ul.nav-list li.active > a, .section-menu ul.nav-list li.active > a:hover {
    background:#fff;
    border-left: 1px solid #428bca;
    color: #428bca;
    margin: 0 0 0 0;
}
.side-menu ul.nav-list li a.first {
    border-top: 1px solid #e6e6e6;
}

.side-menu .nav > li > a:hover{
	background-color:#effcfc;
}

/*ATTRIBUTE LISTS*/
.attrbute-list-size li, .attrbute-list-colour li{
	display: inline-block;
	padding-right: 5px;
}
.attrbute-list-size input, .attrbute-list-colour input {
    left: -9999px;
    position: absolute;
}
.attrbute-list-size label, .attrbute-list-colour label {
    transition: color 0.3s ease 0s;
}

.attrbute-list-size .radio, .attrbute-list-colour .radio {
padding-left: 0; 
}

.attrbute-list-size label {
    background: none repeat scroll 0 0 #ffffff;
    border: 2px solid #dedede;
    color: #cdcdcd;
    display: block;
    float: right;
    font-size: 24px;
    height: 50px;
    padding: 6px 0;
    text-align: center;
    text-transform: uppercase;
    width: 50px;
}
.attrbute-list-size input[type="radio"]:checked + label {
    border-color: #3B3B3B;
    color: #3B3B3B;
}
.attrbute-list-size .radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  margin-left: 11px;
  margin-top: 28px;
  height: 24px;
  width: 24px;
  -webkit-transition: border 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out;
  transition: border 0.15s ease-in-out; 
}
.attrbute-list-size .radio label::after {
  display: inline-block;
  position: absolute;
  background-color:transparent;
  left: 3px;
  top: 3px;
  margin-left: 8px;
  margin-top: 23px;
  content:"\f058";
  color:#3B3B3B;
  position: absolute;
  font-weight: normal;
  font-size:28px;
  display: inline-block;
  font-family: FontAwesome;
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.8, -0.13, 0.2, 1.33);
  -moz-transition: -moz-transform 0.2s cubic-bezier(0.8, -0.13, 0.2, 1.33);
  -o-transition: -o-transform 0.2s cubic-bezier(0.8, -0.13, 0.2, 1.33);
  transition: transform 0.2s cubic-bezier(0.8, -0.13, 0.2, 1.33); 
	
}

.attrbute-list-colour label {
    border: 2px solid #ccc;
    color: #cdcdcd;
    display: block;
    float: right;
    font-size: 24px;
    height: 50px;
    padding: 6px 0;
    text-align: center;
    text-transform: uppercase;
    width: 50px;
}
.attrbute-list-colour input[type="radio"]:checked + label {
    border-color: #3B3B3B;
    color: #3B3B3B;
}
.attrbute-list-colour .radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  margin-left: 11px;
  margin-top: 28px;
  height: 24px;
  width: 24px;
  -webkit-transition: border 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out;
  transition: border 0.15s ease-in-out; 
}
.attrbute-list-colour .radio label::after {
  display: inline-block;
  position: absolute;
  background-color:transparent;
  left: 3px;
  top: 3px;
  margin-left: 8px;
  margin-top: 23px;
  content:"\f058";
  color:#3B3B3B;
  position: absolute;
  font-weight: normal;
  font-size:28px;
  display: inline-block;
  font-family: FontAwesome;
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.8, -0.13, 0.2, 1.33);
  -moz-transition: -moz-transform 0.2s cubic-bezier(0.8, -0.13, 0.2, 1.33);
  -o-transition: -o-transform 0.2s cubic-bezier(0.8, -0.13, 0.2, 1.33);
  transition: transform 0.2s cubic-bezier(0.8, -0.13, 0.2, 1.33); 
	
}
.attrbute-list-colour .radio-black label {
    background:#000000;
}
.attrbute-list-colour .radio-blue label {
    background:#0077D9;
}
.attrbute-list-colour .radio-green label {
    background:#3DB800;
}
.attrbute-list-colour .radio-red label {
    background:#E60505;
}
.attrbute-list-colour .radio-gray label {
    background:#8F8F8F;
}

.attrbute-list .radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 40px;
  height: 40px;
  left: 0;
  margin-left: 0;
  border-radius: 4px;
  background-color: transparent;
  -webkit-transition: border 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out;
  transition: border 0.15s ease-in-out; 
}
.attrbute-list .radio label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 34px;
  height: 34px;
  left: 3px;
  top: 3px;
  margin-left: 0px;
  border-radius: 4px;
  background-color: #555555;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); 
}
.attrbute-list .radio input[type="radio"] 
{
  opacity: 0; 
}
.attrbute-list .radio input[type="radio"]:focus + label::before {
  content:"ss";
}
.attrbute-list .radio input[type="radio"]:checked + label::after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1); 
  z-index:10;
}
.attrbute-list .radio input[type="radio"]:checked + label::after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1); 
  z-index:10;
}
.attrbute-list .radio input[type="radio"]:disabled + label {
  opacity: 0.65; 
}
.attrbute-list .radio input[type="radio"]:disabled + label::before {
cursor: not-allowed; 
}
.attrbute-list .radio.radio-inline {
margin-top: 0; 
}

.attrbute-list .radio-primary input[type="radio"] + label::after {
  background-color: #428bca; 
}
.attrbute-list .radio-primary input[type="radio"]:checked + label::before {
  border-color: #428bca; 
}
.attrbute-list .radio-primary input[type="radio"]:checked + label::after {
  background-color: #428bca; 
  z-index: 1;
}
.attrbute-list .radio span{
 left:-10px;
}

.product-modal .row{
	margin-left:0;
	margin-right:0;
	text-align: left;
}
.product-modal .modal-header{
	border:none;
}

.form-control{
	background-color: #ffffff;
    border-color: #ccc;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12) inset;
}
.form-control:focus{
    border-color: #959595;
}

.video-responsive {
    height: 0;    
    padding-bottom: 56%;
    position: relative;
    margin:10px 0;
}

.video-responsive iframe {
    left: 0;
    top: 0;
    width: 100%;
    height:100%;
    position:absolute;
}

.notification-modal .row {
    margin-left: 0;
    margin-right: 0;
    text-align: left;
}
.notification-success{
	color:#4BBA06;
}
.notification-error{
	color:#BA061E;
}

.error-list{
	padding:15px 20px;
	margin:0;
	border:1px dashed #D9534F;
	color:#D9534F;
}
.done-success{
	
}
.done-error{
	color:#D9534F;
}

label.error{
	color:#D9534F;
}

/*Products page*/
.product-image-container img{border:2px solid white; width:100%; height:100%;} 
.product-multi-images-container{float:left;margin:10px 0 10px; 0; font-size:12px;}
.product-multi-images-container img{
	border:1px solid #e6e6e6;
	border-radius:4px;
	padding:3px;
}
.product-multi-images-container .active img{
	border:1px solid #a8a8a8;
	border-radius:4px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
}

.col-product-info h1{padding:5px 0;}

.headline .product-heading {
    border-bottom: 1px solid #dedede;
    margin-bottom: 12px;
    overflow: hidden;
}


.shop-product{
border-top:1px solid #dedede;	
margin-top:10px;
}

.shop-product .headline{
	-webkit-animation: slide-text-in 0.6s ease-in-out 0.5s both;
	-moz-animation: slide-text-in 0.6s ease-in-out 0.5s both;
	-o-animation: slide-text-in 0.6s ease-in-out 0.5s both;
	-ms-animation: slide-text-in 0.6s ease-in-out 0.5s both;
	animation: slide-text-in 0.6s ease-in-out 0.5s both;
}
.shop-product .product-ratings,
.shop-product .product-ratings-count,
.shop-product .product-prices{
	margin:10px 0;
}
.shop-product .product-ratings li{
	padding:0;
}
.shop-product .product-ratings-count{
	margin-left:10px;
	color:#888888;
}
.shop-product .product-prices{
	margin:10px 0;
}
.shop-product .product-code{
	font-size:12px;
	color:#888;
}
.shop-product .product-prices li:first-child {
    padding-left: 0;
}
.shop-product .product-prices li.price-now {
    font-size: 30px;
}
.shop-product .product-prices li.price-was {
    font-size: 16px;
    text-decoration:line-through;
    color:#888;
}
.shop-product .form-wrapper,
.shop-product .quicklinks
{
    margin-top: 14px;
    border-top: 1px solid #dddddd;
    padding-top: 14px;
}
.shop-product .btn-quantity{
    cursor: pointer;
    display: inline-block;
    font-size: 27px;
    font-weight: normal;
    height: 50px;
    padding: 0;
    text-align: center;
    white-space: nowrap;
    width: 55px;
    margin-top: -4px;
}
.shop-product .quantity-field{
	border: 1px solid #dcdcdc;
    font-size: 20px;
    height: 50px;
    margin: 0 -1px;
    text-align: center;
    width: 55px;
}
.shop-product .btn-add{
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    font-weight: normal;
    height: 50px;
    padding: 0 10px;
    margin-left:10px;
    margin-top: -4px;
    text-align: center;
    white-space: nowrap;
}
.add-to-wishlist li{
	padding:0 15px 0 10px;
	border-right:1px solid #428bca;
	color:#428bca;
	font-size:12px;
}
.add-to-wishlist li a{
	color:#777;
}
.add-to-wishlist li:last-child{
	border-right:none;
	padding-left:5px;
}
.related-products .owl-theme .owl-buttons i{
  margin-top: 2px;
  font-size:15px;
}

.related-products .owl-theme .owl-controls .owl-buttons div {
  padding: 2px 15px;
  position: absolute;
}
.related-products .owl-theme .owl-controls .owl-buttons .owl-prev{
  right: 10px;
  top: -36px; 
}
.related-products .owl-theme .owl-controls .owl-buttons .owl-prev i{
  left:3px;
}
.related-products .owl-theme .owl-controls .owl-buttons .owl-next{
  right: 55px;
  top: -36px;
}
.special-offer-products .col-product-box{
	float: left;
	padding:0;
}

.col-sign {float: left;padding-right:0;padding-left:0; width:14px;}
.sign{
width: 100%;
font-size: 1.40em;
color: #45c2f5;
text-align: center;
font-weight: 600;
padding-top: 31px;
padding-bottom: 31px;
}


/*Shopping Cart*/
.col-shopping-list{
	font-weight:300;
	padding:15px;
	color:#737373;
	margin-bottom:10px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
	-webkit-animation: fade-in 0.6s ease-in-out 0.2s both;
	-moz-animation: fade-in 0.6s ease-in-out 0.2s both;
	-o-animation: fade-in 0.6s ease-in-out 0.2s both;
	-ms-animation: fade-in 0.6s ease-in-out 0.2s both;
	animation: fade-in 0.6s ease-in-out 0.2s both;
}
.col-shopping-list thead tr th{
	border-bottom:1px solid #428bca;
	padding:15px;
	font-size:16px;
	text-align: center;
	font-weight:300;
}
.col-shopping-list tbody tr td{
	padding:15px;
}

.col-shopping-list img{
	float:left;
	margin-right:10px;
}
.col-shopping-list .description{
	float:left;
	margin:35px 0 0 0;
}
.col-shopping-list .price{
	margin:35px 0;
	font-size:13px;
    text-align: center;
}
.col-shopping-list .quantity{
	margin:27px 0 0 0;
    text-align: center;
}
.col-shopping-list .quantity-readonly{
	margin:35px 0;
    text-align: center;
    font-size:13px;
}
.col-shopping-list .add{
	margin:25px 0;
	font-size:13px;
    text-align: center;
}
.col-shopping-list h3{
margin-top:0;	
font-size:13px;
}
.col-shopping-list p{
font-size:12px;
}

.col-shopping-list .form-wrapper
{
    margin-top: 0px;
    padding-top: 0;
}
.col-shopping-list .btn-quantity{
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    height: 33px;
    padding: 0;
    text-align: center;
    white-space: nowrap;
    width: 23px;
    margin-top: 0px;
}
.col-shopping-list .quantity-field{
	border: 1px solid #dcdcdc;
    font-size: 14px;
    height: 33px;
    margin: 0 -1px;
    text-align: center;
    width: 33px;
}

.col-shopping-list .delete{
	color:#428bca;
	margin:32px 0;
	text-align:center;
}
.col-shopping-list .btn-delete {
    font-size:12px;
    padding: 2px 6px;
}
.col-shopping-list .btn-delete:hover{
    background-color: #428bca;
    border-color: #428bca;
    color: #fff;
}
.col-address{
	text-align:center;	
}
.col-address address{
	display: inline-block;
	text-align: left;
	padding:30px 50px;
	margin:30px 20px;
}
.col-address h3{
margin-top:0;
}
.shopping-list-totals-wrapper{
    padding: 0 20px;
}

.shopping-list-totals-wrapper table{
	margin-bottom:0;
}
.shopping-list-totals-wrapper table > tbody > tr:first-child > td{
	border-top:none;
}
.shopping-list-totals{
	color:#737373;	    
	font-weight: 300;
}
.shopping-list-totals .price {
    font-size: 14px;
    font-weight: bold;
}
.shopping-list-totals .total {
    font-size: 18px;
    font-weight: bold;
}
.shopping-list-totals .shipping {
    color: #999;
    font-size: 14px;
    font-weight: bold;
}

.shopping-list-totals label{
	font-size:12px;
}

.discount-voucher-wrapper{
	padding:30px;
	margin-bottom:0;
}
.discount-voucher-box{
	text-align:center;
	width:280px;
	display:inline-block;
}
.calculate-delivery-wrapper{
	border-top:1px solid #cfcfcf;
	padding:30px;
}
.calculate-delivery-box{
	text-align:center;
	width:280px;
	display:inline-block;
}
.calculate-delivery-box h3,
.discount-voucher-box h3{
	margin-top:0;	
}

.delivery-options-wrapper{
	text-align:center;
}

.singlepage-checkout-delivery-options-wrapper{
	text-align:center;
	margin-bottom:20px;
}
.delivery-options{
	display:inline-block;
	text-align:left;shopping-list-footer
}
.totals-box{
	padding: 20px 30px;
	height:150px;
	text-align:center;
	margin-bottom:10px;
	background:#fff;
}
.totals-box h3{
	font-size:16px;	
}
.totals-box span.price{
	font-size:26px;	
}

.payment-type-box-container{
	text-align: center;
}
.payment-type-box{
	border:1px solid #ccc;
	border-radius:4px;
	height:120px;
	text-align:center;
	margin-bottom:10px;
	background:#fff;
	display:inline-block;
	float:none;
}
.reserve-and-collect-box{
	text-align:center;
	margin-bottom:10px;
	display:inline-block;
	float:none;
}

.shopping-list-footer {
    display: inline-block;
    padding: 20px;
    width: 100%;
}
.order-wizard{
	border:1px solid #dedede;
	padding:20px;
	text-align:center;
}
.order-wizard .number {
    float: left;
    font-size: 36px;
    margin-right: 15px;
    color:#989898;
    display: inline-block;
}
.order-wizard h3 {
    font-size: 22px;
    margin: 0 0 5px;
    color:#989898;
}
.order-wizard i {
    border: 2px solid #e0e0e0;
    color: #c4c4c4;
    display: inline-block;
    font-size: 20px;
    height: 40px;
    padding: 8px;
    left: 20px;
    text-align: center;
    top: 15px;
    width: 40px;
}
.order-wizard.current{
	background-color:#428bca;
    color:#fff;
}
.order-wizard.current a{
	color:#fff;
}
.order-wizard.current .number {
    color:#fff;
}
.order-wizard.current h3 {
    font-size: 22px;
    margin: 0 0 5px;
    color:#fff;
}


.order-wizard-long{
	border:1px solid #dedede;
	padding:20px;
	margin-left:-1px;
	text-align:center;
}
.order-wizard-long .number {
    float: left;
    font-size: 36px;
    margin-right: 15px;
    color:#989898;
    display: inline-block;
}
.order-wizard-long h3 {
    font-size: 22px;
    margin: 0 0 5px;
    color:#989898;
}
.order-wizard-long i {
    border: 2px solid #e0e0e0;
    color: #c4c4c4;
    display: inline-block;
    font-size: 20px;
    height: 40px;
    padding: 8px;
    left: 20px;
    text-align: center;
    top: 15px;
    width: 40px;
}
.order-wizard-long.current{
	background-color:#428bca;
    color:#fff;
}
.order-wizard-long.current a{
	color:#fff;
}
.order-wizard-long.current .number {
    color:#fff;
}
.order-wizard-long.current h3 {
    font-size: 22px;
    margin: 0 0 5px;
    color:#fff;
}
.table-striped > tbody > tr:nth-child(odd) > td, 
.table-striped > tbody > tr:nth-child(odd) > th {
background-color: #fbfbfb;
}

.panel-body{
	overflow:auto;
}

.panel-body.address{
	height:210px;
	overflow:auto;
}

.modal-body .personalisation-tab-content{
	padding: 30px 0;
}


@media(min-width:768px) {
	.row-offcanvas {
	 width:100%;
	}
	.row-offcanvas-left {
    left: 0;
  	}
  	.row-offcanvas-left.active {
    left: -220px;
    width:calc(100% + 220px);
  }
}



@keyframes header-menu-drop-down {
  from {
  	opacity: 0;
  	-webkit-transform:translate3d(0, -3%, 0);
	transform:translate3d(0, -3%, 0);
	}
  to {
  	opacity:1;
	-webkit-transform:none;
	transform:none
  }
}
@-moz-keyframes header-menu-drop-down {
  from {
  	opacity: 0;
  	-webkit-transform:translate3d(0, -3%, 0);
	transform:translate3d(0, -3%, 0);
	}
  to {
  	opacity:1;
	-webkit-transform:none;
	transform:none;
  }
}
@-webkit-keyframes header-menu-drop-down {
  from {
  	opacity: 0;
  	-webkit-transform:translate3d(0, -3%, 0);
	transform:translate3d(0, -3%, 0);
	}
  to {
  	opacity:1;
	-webkit-transform:none;
	transform:none;
  }
}

@keyframes fade-in-down {
  from {
  	opacity: 0;
	transform:translate3d(0, -10%, 0);
	}
  to {
  	opacity:1;
	transform:none;
  }
}
@-moz-keyframes fade-in-down {
  from {
  	opacity: 0;
	transform:translate3d(0, -10%, 0);
	}
  to {
  	opacity:1;
	transform:none
  }
}
@-webkit-keyframes fade-in-down {
 from {
   opacity: 0;
   -webkit-transform:translate3d(0, -20%, 0);
 }
 to {
  	opacity:1;
   -webkit-transform:none;
  }
}
 
@keyframes fade-in-up {
  from {
  	opacity: 1;
	transform:none;
	}
  to {
  	opacity:0;
	transform:translate3d(0, -10%, 0);
  }
}
@-moz-keyframes fade-in-up {
  from {
  	opacity: 1;
	transform:none;
	}
  to {
  	opacity:0;
	transform:translate3d(0, -10%, 0);
  }
}
@-webkit-keyframes fade-in-up {
  from {
  	opacity: 1;
	-webkit-transform:none;
	}
  to {
  	opacity:0;
  	-webkit-transform:translate3d(0, -10%, 0);
  }
}



@keyframes slide-text-in {
  from {
  	opacity: 0;
	transform:translate3d(0, -50%, 0);
	}
  to {
  	opacity:1;
	transform:none;
  }
}
@-moz-keyframes slide-text-in {
  from {
  	opacity: 0;
	transform:translate3d(0, -50%, 0);
	}
  to {
  	opacity:1;
	transform:none
  }
}
@-webkit-keyframes slide-text-in {
 from {
   opacity: 0;
   -webkit-transform:translate3d(0, -50%, 0);
 }
 to {
  	opacity:1;
   -webkit-transform:none;
  }
}

@keyframes slide-smalltext-in {
  from {
  	opacity: 0;
	transform:translate3d(0, -50%, 0);
	}
  to {
  	opacity:1;
	transform:none;
  }
}
@-moz-keyframes slide-smalltext-in {
  from {
  	opacity: 0;
	transform:translate3d(0, -50%, 0);
	}
  to {
  	opacity:1;
	transform:none
  }
}
@-webkit-keyframes slide-smalltext-in {
 from {
   opacity: 0;
   -webkit-transform:translate3d(0, -50%, 0);
 }
 to {
  	opacity:1;
   -webkit-transform:none;
  }
}

@keyframes slide-link-in {
  from {
  	opacity: 0;
	transform:translate3d(0, -30%, 0);
	}
  to {
  	opacity:1;
	transform:none;
  }
}
@-moz-keyframes slide-link-in {
  from {
  	opacity: 0;
	transform:translate3d(0, -30%, 0);
	}
  to {
  	opacity:1;
	transform:none
  }
}
@-webkit-keyframes slide-link-in {
 from {
   opacity: 0;
   -webkit-transform:translate3d(0, -30%, 0);
 }
 to {
  	opacity:1;
   -webkit-transform:none;
  }
}

@keyframes fade-in {
  from {
  	opacity: 0;
	transform:translate3d(3%, 0, 0);
	}
  to {
  	opacity:1;
	transform:none;
  }
}
@-moz-keyframes fade-in {
  from {
  	opacity: 0;
	transform:translate3d(3%, 0, 0);
	}
  to {
  	opacity:1;
	transform:none
  }
}
@-webkit-keyframes fade-in {
 from {
   opacity: 0;
   -webkit-transform:translate3d(3%, 0, 0);
 }
 to {
  	opacity:1;
   -webkit-transform:none;
  }
}