@import "bootstrap/bootstrap.min.css";
@import url('unite-gallery.css');

body{
	background:#fff;
	font-size: 14px !important;
    color:#383838;
    overflow-x:hidden;
}
p{
	font-size:14px;
}
h1{
	font-size: 20px;
}
.inc-vat{
   font-size: 16px !important;
   margin-top:35px !important;
}

.ex-vat{
   font-weight: bold !important;
   font-size: 26px !important;
}

.no-padding{
	padding:0;
}
.no-padding-left{
	padding-left: 0;
}
.no-padding-right{
	padding-right: 0;
}
.no-padding-side {
    padding-left: 0;
    padding-right: 0;
}


.logo{
	width:auto;
    background-color:#fff;
	height:auto;
	display:block;
	float:left;
	border:none;
    margin-top:0px;
    border-radius:15px;padding:1px 10px;
}
    .logo img {
        width: 100%;
    }
.opening-times{
	text-align:right;
	color:#0d4c93;
	border-right:1px solid #f4f4f4;
	top:10px;
}

.opening-times span{
	font-size:23px;
	margin-bottom: 10px;
}

.opening-times p{
	font-size:12px;
	line-height:8px;
}
.basket{
	color:#0d4c93;
	margin-top:10px;
	top:10px;
}
.basket p:hover{
    color:#F77C00 !important;
}
.basket p{
	float:right;
	line-height:12px;
	display: block;
	width:auto;
	padding-left:15px;
	font-size:12px;
    color:#4ccaf5;
	}
.basket i{
	float:left;
	margin-top:-5px;
	}
.basket p:nth-child(3) {
    font-size:16px;
    color:#4ccaf5;
    padding-top:5px;

}
.basket p:nth-child(4) {
    font-size:12px;
    color:#4ccaf5;
    padding-top:5px;

}
.basket:hover{
	color:#F77C00;
}
.navbar{
	background: #13418B;
    margin-bottom:0px;
}
.navbar a{
	color:#fff;
}
.nav > li > a:hover, .nav > li > a:focus{
	background:#28A8E0;;
}
.search-box{
	padding-top:10px;
	padding-bottom:7px;
}

.search-box i{
    color:#fff !important;
}
.search-box input{
    border:1px solid #13418B !important;
}
.header-icon{
    text-align:center;
    top:10px;
}
.header-icon p{
    padding:5px 0px 10px 0px;
    line-height: 16px;
    text-align: center;
    font-weight:bold;
}
}
.slideshow-background{
	background-color:#28A8E0;
}
.carousel h3{    
    font-size:3em;
    text-align:left;
    text-shadow:3px 3px 3px #222;
}
.carousel h3 span{
    display:block;
    font-size:1.6em;
}
.carousel{
	margin:0 auto;
}
.carousel-indicators{
	right: 13px;
	text-align: right;
	left:auto;
}
@media screen and (min-width: 768px) {
    .carousel-caption {
        left:23%;
    }
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #28A8E0;
    border: none;
}
.top-product{
	border:1px solid #ccc;
}
.top-product{
	min-height: 200px;
	}
	
.top-product h3{
	font-size:20px;
	font-weight:bold;
	text-align:left;
	display: block;
	margin-top:0;
    background-color: #13418B;
    padding:7px 10px;
    color:#fff;
}
.top-product p{
    padding:5px;
}
.top-product a{
    padding-left:5px;
}
.top-product p{
	font-size:12px;
}
.top-product a{
	font-size:14px;
	font-weight:bold;
	float: left;
	color:#000;
	margin-top:40px;
}
.top-product a:hover{
color:#F77C00;
}
.top-product img{
	float:right;
}
.bulkbuy{
	top:20px;
	right:20px;
	background:#28A8E0;
	width:65px;
	height:50px;
	display: block;
	position: absolute;
	z-index:9;
	color:#fff;
	font-size:20px;
	padding:5px;
	text-align: center;
	line-height: 20px;
	font-family: arial;
	font-weight: bold;
}
.bulkbuy:hover{
	background:#F77C00;
}
.bulkbuy span{
	font-size:14px;
}
.top-products-holder{
	margin-top:25px;
}
.top-products-holder-2 img{
    max-width: 100%;
    margin-top:10px;
}
.col-product-home{
	padding:0px 3px 0px 3px !important;
}
.feat-img-home{
	padding:0px 5px 0px 5px;
	text-align:center;
}
}
.search-box{
	width:100%;
}
nav .glyphicon{
	font-size:26px;
	color:#fff;
	margin: 0;
}

.navbar-default{
	border:none;
}
.navbar-header{
	padding-left: 15px;
}
.product-filter h4{
	font-size: 1.17em;
	color:#000;
	font-weight: bold;
}

.product-filter ul{
	padding-left:15px;
	font-size: 12px;
}
.product-filter ul li a{
	color:#000;
}
.product-filter ul li{
	content: "•";
    color: #F77C00; 
}
.product-filter ul li a:hover{
	color:#F77C00;
	text-decoration: none;
}
.product-desc h1{
	font-size: 2em;
}

.product-desc hr {
    border-top: 1px solid #bbb;
}

.product .top-product a{
	margin-top:10px;
}
.product-desc{
	padding-bottom: 0px;
}
.form-control, #searchform #s{
	display: inline-block;
	width:auto;
} 
.sort-by-holder{
	background:#f5f5f5;
	margin:0px 0px 10px 0px;
    padding:0px 10px;
    padding-top:15px;
}
.right{
	text-align:right;
}
.carousel-indicators li{
	border-radius: 0px;
	border:none;
	background:#fff;
    border:1px solid #13418B;
}
.carousel-indicators .active{
	background-color:#F77C00;
}

.product-image-list {
	min-height: 130px;
}

.product-image-list img{
    padding-top:5px;
    max-height:130px;
}
.product-list h2{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    color: #383838;
    font-weight: 700;
    margin-bottom:0px;
    margin-top: 0px;
    min-height: 68px;
    text-overflow:ellipsis;
}
.product-list{
	padding-top: 5px;
}
.search .product-list{
	padding-top: 12px;
}
.product-list p{
	font-size: 12px;
    margin-bottom:0px;
}
.product-list-add-to-basket {
    text-align: center;
}

.product-list-add-to-basket a{
    background-color: #F77C00;
    padding:5px 10px;
    color:#fff !important;
    -webkit-transition: background-color .5s ease-out;
    -moz-transition: background-color .5s ease-out;
    -o-transition: background-color .5s ease-out;
     transition: background-color .5s ease-out;
     width:100%;
     border:0;
     border-radius:2px;
     font-size:16px;
     font-family: 'Source Sans Pro', sans-serif;
     font-weight:500;
	}
.product-list-add-to-basket a:hover{	
	background-color:#4CCAF5;
    color:#fff;
}
.search-box .btn{
	background-color:#F77C00;
	color:#fff;
	border:none;
	border-radius: 0px;
}
.search-box .btn:hover{
	background-color:#4CCAF5;
}
.search-box .form-control{
	border:none;
}
.product-list-price p{
	font-size: 12px;
}
.product-list-price span{
	font-weight: 700;
    font-size:16px;
    margin-left:2px;
}
.product-desc article{
    display: inline-block;
}
.product-list-container{
	display: block;
}
.product-list-review{
    height: 16px;
    padding-left: 0px;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
	background-color:#fff;
	color:#13418B;
}
.product-desc a {
    text-decoration: none;
    color: #337ab7;
}
.product-desc a:hover{
    text-decoration: none;
    color: #4675AD;
}
.customer-servcies-block{
	padding:0;
}
.customer-servcies-block img{
	max-width:50px;
	}
.customer-servcies-block h3{
	font-size: 14px;
	font-weight: bold;
}
.customer-servcies-block ul{
	padding-left:0px;
	list-style: none;
}
.main-image {
  width: 380px;
  margin-bottom: 0.75em;
}
.thumbnails li {
  display: inline;
  max-width: 100px;
}
.thumbnails li img{
  max-width: 100px;
}
.prodcut-gallery ul{
	padding-left:0;
}
.main-image img{
	padding:5px;
	border:1px solid #ccc; 
	margin-top:25px;
	box-shadow: 4px 4px 4px #ccc;
	background:#f4f4f4;
	max-width: 310px;
}
.main-image p{
	color:#999;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td, #wp-calendar > thead > tr > th, #wp-calendar > tbody > tr > th, #wp-calendar > tfoot > tr > th, #wp-calendar > thead > tr > td, #wp-calendar > tbody > tr > td, #wp-calendar > tfoot > tr > td, table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td{
	    padding: 5px 3px;
}

.product-price p{
	font-weight: bold;
	margin-top: 15px;
	font-size: 14px;
}

.price{
	background: #28A8E0;
	color:#fff;
	width:100%;
	text-align: center;
	padding:10px;
}
.price p{
	font-weight: normal;
}
.price span{
	font-size:30px;
	padding:8px 0px;
}

.buy-btn{
    background-color: #F77C00 !important;
    border:0;
    color:#fff !important;
    padding:10px 12px;
    font-size:20px;
    display: block;
    margin:0 auto;
    width:100%;
    margin-top:20px;	
    -webkit-transition: background-color .4s ease-out;
    -moz-transition: background-color .4s ease-out;
    -o-transition: background-color .4s ease-out;
     transition: background-color .4s ease-out;
     text-shadow: 0px !important;
	}

.buy-btn:hover{
    background-color: #28A8E0 !important;
    }	    

.product-about ul li{
	font-size:14px;
} 

.product-about .line{
	width:100%;	
	border-bottom: 1px solid #383838;
	margin:-10px 0px 25px 0px;
}

.product-more-info img {
	float:left;
	padding: 0px 15px 0px 0px ;
	max-width: 160px;
}
.product-more-info .row{
	margin-top: 5px;
    margin-bottom:0px;
}
.product-more-spec table{
	margin-left:10px;
}
.product-more-spec table tr:nth-child(even){
    background-color: #eeeeee;
}

.product-more-downloads img{
    float: left;
    margin-right: 15px;
}
.product-more-downloads p{
    padding:25px 10px;
    font-weight: bold;
}

.product .row{
	margin-left: 0px;
	margin-right:0px;
}
.stars .top{
	color:#FFDE00;
	font-size: 26px;
}
.stars .top p{
	color:#888;
	padding:0px;
	margin:0px 0px;
}
.star-rating{
	float:left;
	margin-right: 15px;
	font-weight: bold;
}
.top-reviews h3{
	font-size: 20px;
}
.top-reviews i{
	color:#FFDE00;
	font-size: 18px;
	float:left;
	padding-top: 10px;
}

.product-more-delivery p{
	margin:15px 0px ;
}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group #searchform #s:last-child{
	height:50px;
	border:1px solid #fff;
	color:#fff;
	text-shadow: NONE !IMPORTANT;
}
.search-button{
	background: #F77C00 !important;
}
.btn{
	border:none !important;
}
.ui-input-text input, .ui-input-search input{
	background: #fff !important;
}
.ui-btn{
	text-shadow: none !important;
}
.product-more-spec table{
	width:100%;
	margin-bottom: 40px;
}
.product-table table tr:nth-child(even){
    background-color: #eeeeee;
}
.stars p{
	font-size:14px;
}
.review-img{
	width:80%;
}
button.ui-btn, .ui-controlgroup-controls button.ui-btn-icon-notext{
	width:auto !important;
}
.navbar-nav ul li  a{
	font-weight:normal ;
	}

.navbar-nav > li:hover{
	background:#F77C00;
}
.navbar-default .navbar-nav .fa-home{
	font-size:3em !important;
} 
.navbar{
	border-radius: 0;
}
.navbar-nav > li > a {
    padding-top: 25px;
    padding-bottom: 22px;
}
.product-more-info p strong{
	font-size:16px;
}
/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left:0;
  top: 2px;
  width: 22px; 
  height: 22px;
  border: 1px solid #aaa;
  background: #f8f8f8;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.3)
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: '✔';
  position: absolute;
  top: 5px; left: 4px;
  font-size: 22px;
  line-height: 0.8;
  color:#F77C00;
  transition: all .2s;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
[type="checkbox"]:disabled + label {
  color: #aaa;
}
/* accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  border: 1px dotted blue;
}

/* hover style just for information */
label:hover:before {
    border: 1px solid #4778d9!important;
}
.filter span{
    font-size:16px;
    font-weight:bold;
	margin-top: 15px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight:700;
}
.filter a{
	font-size:13px;
	font-weight: normal;
	margin-top:5px;
	padding-top:2px;
	width:100%;
    color:#313131 ;
    letter-spacing:0px;
}
.filter img{
	width:18px;
    height:18px;
}

.filter p{
	font-size:12px;
	font-weight: normal;
	display: inline;
}
.filter p:before{
	content: "(";
}
.filter p:after{
	content: ")";
}
.filter .buy-btn{
	margin:15px 0px 30px 0px;
	width:100%;
}
.filters{
	display: inline-block;
	width:100%;
	background:#e9e9e9;
	padding-left:10px;
}
.filters select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  border: 0 !important;
  background: #eee;
  background-image: none;
}
/* Custom Select */
.filters .select {
  position: relative;
  display: block;
  width: 100%;
  height: 38px;
  line-height: 36px;
  background: #eee;
  overflow: hidden;
  float: left;
}
.filters select {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0 0 0 .5em;
  color: #000;
  cursor: pointer;
  font-size:16px; 
}
.filters select::-ms-expand {
  display: none;
}
/* Arrow */
.filters .select::after {
  content: '\25BC';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0 1em;
  background: #eee ;
  pointer-events: none;
  color:#0d4c93;
}
/* Transition */
.filters .select:hover::after {
  color: #28A8E0;
}
.filters .select::after {
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
}
.filters span{
	font-weight: bold;
	font-size: 16px;
	padding:10px 0px;
}
.navbar-text .badge{
	margin-top:-38px;
	background-color: red;
	margin-left: -11px;
}

.dropdown-toggle ul li a{
	color:#0d4c93;
}

.basket .badge{
    margin-top: -21px;
    margin-left: -13px;
    background-color: red;
    font-size: 8px;
}

.ui-page-theme-a .ui-btn, html .ui-bar-a .ui-btn, html .ui-body-a .ui-btn, html body .ui-group-theme-a .ui-btn, html head + body .ui-btn.ui-btn-a, .ui-page-theme-a .ui-btn:visited, html .ui-bar-a .ui-btn:visited, html .ui-body-a .ui-btn:visited, html body .ui-group-theme-a .ui-btn:visited, html head + body .ui-btn.ui-btn-a:visited{
	border-radius: 0 !important;
}
.input-group .form-control, .input-group #searchform #s {
    position: relative;
    z-index: 2;
    float: left;
    height: 50px;
    width: 80%;
    margin-bottom: 0;
}
.right{
	float:right;
}

@media (max-width: 768px){
.filter .ui-checkbox label:nth-child(2) {
	display: None !important;
}
}
.triangle{
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 15px solid #13418B;
	margin-top:-20px;
	margin:0 auto;
}
.product-head{
    background:#13418B;
}
.filter-box{
    width:100%;
    padding:0px 20px;
    margin-top:10px;
}

@media (min-width:769px) {
.filter span{
}
.filters-padding{
	padding-left: 10px;
	padding-right: 10px; 
	padding-bottom:20px;
}
.filter .buy-btn{
	display: none;
}
.filter span:first-of-type{
	margin-top:0px;
}
.filter label{
	font-size:12px;
	padding-top:6px;
}
}
.basket img{
    position:absolute;
}

.basket-img{
    position:absolute;
}
.breadcrumb{
    padding:5px;
    background:#fff;
    margin-top:15px;
    margin-bottom:10px;
    padding-left:15px;
}
.breadcrumb a{
    color:#28A8E0;
}
.form-group span{
    font-size:14px ;
}
.form-control select:before {
    content: "";
    position: absolute;
    right: 10px;
    top: 8px;
    width: 0; 
    height: 0; 
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #f00;
}
.form-control select:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 3px;
    width: 0; 
    height: 0; 
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #333;
}

.filter a:last-of-type{
    margin-bottom: 15px;
}
.prodcut-gallery img{
    max-width:95%;
}
.product-about h4{
    font-size:16px;
    font-weight:500;
}

.product-about h3{
    font-size: 18px;
    font-weight: 500;
}
    .gridTable tr {
        line-height: 25px;
    }

        .gridTable tr td {
            border-bottom: 1px dotted #d2cdc9;
        }
    .gridTable2 tr {
        line-height: 40px;
    }
    .gridTable2 tr:nth-child(odd) {
        background-color: #F5F5F5;
    }

    .gridTable2 tr:nth-child(even) {
        background-color: #FFFFFF;
    }

    .gridTable2 tr td {
        border-bottom: 1px dotted #d2cdc9;
    }
.search h1{    
    padding: 10px 10px;
    color: #383838;
}
.cf:before, .cf:after {
  content: ' ';
  display: table;
}
.cf:after {
  clear: both;
}
.product-list{ 
    font-size: 14px;
    line-height: 14px;
    min-height: auto;
}
.title {
  padding: 50px 0;
  font: 24px 'Open Sans', sans-serif;
  text-align: center;
}
.inner {
  max-width: 1038px;
  margin: 0 auto;
}
.breadcrumbs {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #f5f5f5;
  margin-bottom: 25px;
  height:48px;
}
.breadcrumbs ul {
  margin-bottom:5px;
}

.breadcrumbs li {
  float: left;
  width: auto;
  list-style:none;
  padding-left:20px;
}

.breadcrumbs a {
  position: relative;
  display: block;
  padding: 15px 20px;
  /* important overrides media queries */
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  color: #337ab7;
  cursor: pointer;
}

.breadcrumbs a:hover {
  background: #eee;
}

.breadcrumbs a.active {
  color: #F77C00;
}

.breadcrumbs a:before,
.breadcrumbs a:after {
  content: '';
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1;
  display: block;
  width: 0;
  height: 0;
  border-top: 23px solid transparent;
  border-bottom: 23px solid transparent;
  border-left: 16px solid transparent;
}

.breadcrumbs a:before {
  margin-left: 1px;
  border-left-color: #d5d5d5;
}

.breadcrumbs a:after {
  border-left-color: #f5f5f5;
}

.breadcrumbs a:hover:after {
  border-left-color: #eee;
}

.breadcrumbs a.active:after {
  border-left-color: #fafafa;
}

.breadcrumbs li:last-child a:before,
.breadcrumbs li:last-child a:after {
  display: none;
}

@media (max-width: 720px) {
  .breadcrumbs a {
    padding: 15px;
  }

  .breadcrumbs a:before,
  .breadcrumbs a:after {
    border-top-width: 26px;
    border-bottom-width: 26px;
    border-left-width: 13px;
  }
}
@media (max-width: 620px) {
  .breadcrumbs a {
    padding: 10px;
    font-size: 12px;
  }

  .breadcrumbs a:before,
  .breadcrumbs a:after {
    border-top-width: 22px;
    border-bottom-width: 22px;
    border-left-width: 11px;
  }
}
@media (max-width: 520px) {
  .breadcrumbs a {
    padding: 5px;
  }

  .breadcrumbs a:before,
  .breadcrumbs a:after {
    border-top-width: 16px;
    border-bottom-width: 16px;
    border-left-width: 8px;
  }

  .breadcrumbs li a span:first-child {
    display: block;
    margin: 0 auto;
  }

  .breadcrumbs li a span:last-child {
    display: none;
  }
}
.cf{
    padding-left:0px;
}

.breadcrumbs li:first-of-type {
   padding-left:0px;
}
.pro-list{
    min-height: 255px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom:20px;
    padding-right:10px;
}
.product-list-add-to-basket button{
    float:right;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}
.dropdown-menu{
    border:none;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
.dropdown-menu>li>a{
    color:#fff;
    font-weight:300;
}
.dropdown-menu li a:first-child{
    border-top:0px solid #f4f4f4;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #fff;
    text-decoration: none;
    /*background-color: #F77C00;*/
}
.product-categories h2{
    margin-bottom:0px;
}
#main_inner input[type=button],  input[type=submit]{
    border: 0px;
    padding: 10px 25px;
    font-weight: bold;
    background-color: #4CCAF5;
    color: #fff;
}
.dropdown-menu li a{
    font-size:14px !important;
    padding:2px 5px !important;
}
.footer-second{
    margin-top:50px;
}
.chat{
    width:200px;
    height:124px;
    display:block;
    position:fixed;
    right:50px;
    bottom:0px;
    background:url('images/chat.jpg');
    z-index:9999;
}
.product-title{
    margin:0px 0px 15px 0px;
    font-size:22px;
}
.pro-title{
    margin:0px;
    font-size:36px !important;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight:100;
}
.top-nav{
    text-align:right;
    color:#13418B;
    font-size:16px;
    padding:2px 10px ;
}
.top-nav a{
    color:#13418B;
}
.nav-bg{
    background:#13418B;
}
header{
    background:#fff;
    color:#13418B;
}
header i{
    color:#13418B;
}
.carousel-content {
  position: absolute;
  bottom: 10%;
  left: 5%;
  z-index: 20;
  color: white;
  text-shadow: 0 1px 2px rgba(0,0,0,.6);
}
.cart .badge{
    background: #F77C00;
    padding: 4px 6px;
    font-size: 12px;
    margin-left: -15px;
    position: absolute;
}
.search-box form{
    width:100%;
}
.second-nav{
    padding:10px 0px 0px 0px ;
}
.mega-dropdown {
  position: static !important;
}
.mega-dropdown-menu {
    padding: 20px 0px;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.dropdown-header {
    display: block;
    padding: 3px 0px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap;
}
.btn-header{
    background:#28A8E0;
    color: #fff;
    padding: 6px 8px;
}
.btn-header i {
        font-size: 1em !important;
        color:#fff;
    }
.view-col{
    background:#F77C00;
    color:#fff;
}
.view-col:hover{
    background:#F77C00 !important;
    color:#fff;
}
.view-col a {
    color:#fff !important;
    }

/*.mega-dropdown-menu:before {
    content: "";
    border-bottom: 15px solid #fff;
    border-right: 17px solid transparent;
    border-left: 17px solid transparent;
    position: absolute;
    top: -15px;
    left: 285px;
    z-index: 10;
}
.mega-dropdown-menu:after {
    content: "";
    border-bottom: 17px solid #ccc;
    border-right: 19px solid transparent;
    border-left: 19px solid transparent;
    position: absolute;
    top: -17px;
    left: 283px;
    z-index: 8;
}*/
.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}
.mega-dropdown-menu > li > ul > li {
  list-style: none;
}
.mega-dropdown-menu > li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #555555;
  white-space: normal;
}
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
  color: #444;
}
.mega-dropdown-menu .dropdown-header {
  color: #428bca;
  font-size: 14px;
}
.mega-dropdown-menu form {
    margin:3px 20px;
}
.mega-dropdown-menu .form-group {
    margin-bottom: 3px;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
} 
.footer-top{
    background:#13418B;
    color:#fff;
    text-align:center;
    padding:10px 0px;
    font-size:20px;
}
footer{
    background:#242424; 
    margin-top:40px;
}
.footer-middle{
    background:#28A8E0;
    color:#fff;
    text-align:center;
    padding:10px 0px;
    font-size:18px;
}
.footer-middle img {
    max-width:175px;
    }
.footer-bottom{
    padding:25px 0px;
}
.footer-bottom ul{
    padding-left:0;
}
.footer-bottom ul li a{
    color:#fff;
}
.footer-bottom ul li{
    list-style:none;
}
.footer-bottom h4{
    color:#fff;
}
.payment-info img{
    max-width:185px;;
}
.payment-info{
    margin-top:25px;
}
.footer-last{
    background:#2a2a2a;
    color:#fff;
    padding:25px 0px;
}
.social-links p{
    display:inline-block;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
    background-color:none !important;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{
    background-color:transparent !important;
    color:#fff !important;
}
.navbar-nav>li>.dropdown-menu{
    box-shadow:3px 3px 6px #9f9f9f;
    border-right:3px solid #13418B;
    border-left:3px solid #13418B;
    border-bottom:3px solid #13418B;
}
.mob-cat-hp img{
   width:100%;
   transition: all .2s ease-in-out; 
   box-shadow:2px 2px 2px #ccc;
}
.mob-cat-hp img:hover{
    opacity:0.7;
}
.mob-cat-hp p {
    text-align: center;
    margin:5px 0px;
    line-height:20px;
    font-weight:bold;
    font-size:20px;
    color:#fff;
    background:#F77C00;
    position:absolute; 
    padding:10px 10px 10px 5px;
    margin-top:-280px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight:300;
}

.mob-cat-hp span{
    text-align: center;
    margin:5px 0px;
    line-height:20px;
    font-weight:500 !important;    
    font-size:20px;
    color:#fff;
    background:#13418B;
    position:relative;
    padding: 5px 10px 5px 10px;
    top:-230px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight:300;
}
.mob-cat-hp {
    margin-top: 20px;
    min-height: 100px;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
    color:#fff;
}
.mega-dropdown .carousel-inner button:first-of-type{
    background:#28A8E0;
    color:#fff;
}
.mega-dropdown .carousel-inner button{
    background:#F77C00;
    color:#fff;
}
.sub-cat{
    font-size:18px;
    background:#13418B;
    color:#fff;
    font-weight:bold;
    padding:15px 10px;
}
.sort-by-holder .ui-collapsible-heading-toggle{
    padding-top:10px ;
}
.price-product{
    color:#fff; 
    background-color: #28A8E0;
    text-align:center;
    padding:5px;
}
.price-product h1{
    margin:5px 5px;
    font-size:28px;
}
.price-product p{
    margin:0px;
    font-size:12px;
}
.price-product span{
    margin:0px;
    font-size:10px;
}
.quantity{
    background:#13418B;
    color:#fff;
    padding:15px;
    font-size:16px;
    min-height:84px;
    text-align:center;
    padding-top:28px;
}
.quantity input{
    background:#13418B;
    line-height: inherit;
    padding: 2px;
    border: 2px solid #fff;
    float:right;
    width:50%;
    display:inline-block;
}
.quantity p{
    text-align:center;
    font-size:16px;
    margin:0px;
    display:inline-block;
    font-weight:normal;
    float:left;
    padding-top:5px;
}
.quantity .triangle-right {
    display: inline-block;
    right:-19px;
    top:0px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 43px 0 41px 20px;
    border-color: transparent transparent transparent #13418B;
    position:absolute;
    z-index:99;
}
.price-product .triangle-right {
    display: inline-block;
    right:-19px;
    top:0px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 43px 0 41px 20px;
    border-color: transparent transparent transparent #28A8E0;
    position:absolute;
    z-index:99;
}
.product-add-to-basket{
    background:#F77C00 !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border:0;
    
    padding:10px 25px 10px 25px !important;
    font-size:20px;
    width:100%;
    margin-top:20px;
}
.product-add-to-basket:hover {
        background: #28A8E0 !important;
    }
.ui-input-text {
    background: none;
    border-bottom: none;
}
.ui-body-a, .ui-page-theme-a .ui-body-inherit, html .ui-bar-a .ui-body-inherit, html .ui-body-a .ui-body-inherit, html body .ui-group-theme-a .ui-body-inherit, html .ui-panel-page-container-a{
    border-color:transparent !important;
}
.basket-title{
    font-size: 2em;
    color: #383838 !important;
    border-bottom: 1px solid #383838;
    padding-bottom: 5px;
    padding-top: 25px;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-weight: 300;
    text-align: left;
}
.basket-btns{
    margin:10px 0px;
}
.update-basket{
    background:#13418B;
    padding:10px 20px;
    border-radius:0px;
    font-size:14px;
    margin-top:25px;
}
.btn-checkout{
    background:#F77C00;
    color:#fff !important;
    padding:10px 20px;
    font-size:14px;
    float:right;
    margin-top:25px;
    border-radius:0px;
}
.btn-checkout:hover{
    color:#fff;
    opacity:0.7;
    }
.basket-row-titles{
    background:#fff;
    color:#555555;
    padding:15px 10px;
    border-bottom: 1px solid #e6e6e6;
}
.basket-row-titles h1 {
    margin:0;
    font-size:14px;
    font-weight:bold !important;
    }
.basketimg {
    padding: 15px;
}
.basketimg a{
    display: inline-block;
    margin-top: 10px;
    padding-left: 0px;
    font-size: 16px;
    color: #000 !important;
    max-width: 270px;
    font-weight:bold;
 }
.basketimg a span{
    font-size:12px;
    text-decoration:none;
    color:#555555;
}
.basket-quantity{
    padding:10px;
    margin-top:18px;
}
.basket-quantity input{
    padding:5px;
}
.basket-unit {
    margin-top: 30px;
    font-size:14px;
    font-weight:bold;
    color:#555;
}
.delivery span{
    padding:5px 0px;
    display:block;
    width:100%;
}
.delivery span p{
    float:left;
    }
.delivery option {
    display: inline-block;
}
.item-total{
    font-size:14px;
    font-weight:bold;
    margin-top:30px;
    color:#555;
}
.basket-pro-details{
    margin-bottom:20px;
}
.basket-pro-details h3{
    margin:0;
    padding:15px 15px;
    background:#13418B;
    color:#fff;
    font-size:14px;
}
.basket-pro-details p{
    border-bottom:1px dashed #ccc;
    font-size:14px;
    padding:7px 7px 0px 7px;
    margin-bottom:7px;
}
.basket-pro-details span{
    font-size:12px;
}
.basket-pro-details p b{
    font-size: 16px;
    color:#13418B;
}
.delivery{
    padding:0px;
    background:#f1f1f1;
}
.delivery span p{
    font-size:14px;
    padding-top:5px;
}
.delivery span b {
    font-size:14px;
    padding-left:5px;
    color:#000;
    }
.delivery select{
    display:inline-block;
}
.delivery-to{
    width:190px;
    padding:5px;
}
.delivery input{
    padding:3px;
    margin-left:5px;
}
.method{
   width:190px;
    padding:5px;
}
.delivery-price span p{
    padding-top:0px;
}
.basket-pro-details{
    background:#f1f1f1;
}
.btn-remove:before {
    font-size: 18px;
    font-weight: bold;
    float: right;
    content: "\f1f8 ";
    font-family: FontAwesome;
    color:#000;
}
.btn-remove{
    background: #fff;
    padding-top:0px;
}
.btn-remove:hover{
   color:#fff;
   opacity:0.7;
}
.delivery h3{
    margin:0px;
    background:#28A8E0;
    padding:10px 7px;
    color:#fff;
    font-size:16px;
    font-weight:bold;
}
.basket-quantity input{
        max-width:80px;
    }
.mega-dropdown-menu .col-sm-4{
    border-right:1px dashed #ddd;
}
.mega-dropdown-menu .col-sm-3{
    border-right:1px dashed #ddd;
}
.basket-product{
    margin-top:15px;
}
.delivery input{
    width:190px;
}
.basket-price{
    padding-right:0px;
    float:right;
}
.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}
.search-button{
    float:left;
    display:inline-block;
    left:0px;
}
.search-mobile{
    text-align:center;
}
.pro-title-mob {
    color:#555555;
}

footer a:visited{
    color:#fff !important;
}

.ui-icon-loading{
    display:none !important;
    background:none !important;
}
.page-of{
    font-size:12px;
    padding:0;
}
.displaying{
    padding:0px;
    font-size:12px;
    text-align:left;
}
.scroller{
    max-height:300px;
    overflow-y:auto;
    padding:5px 5px;
    margin:0px 0px ;    
}
.scroller::-webkit-scrollbar{
	width: 10px;
	background-color: #ccc;
}
.scroller::-webkit-scrollbar-thumb{
	background-color: #13418B;
	background-image: -webkit-gradient(linear, 0 0, 0 100%,
	color-stop(.5, rgba(255, 255, 255, .2)),
	color-stop(.5, transparent), to(transparent));
}
.product-list strong{
    color:#383838;
}
.product-list p{
    margin:8px 0px ;
}
.product-table{
    color:#555555 !important;
}
.product-table h1{
    font-family: 'Quicksand', sans-serif;
    font-size:20px;
    font-weight:700;
}
.product-data {
    font-size: 14px;
    font-weight: normal;
    padding-left: 0px !important;
}
.product-data span {
    font-weight: bold;
    float:left;
    padding: 0px !important;
    }
.product-data input{
    margin-top: 10px;
}
.product-data a{
    color:#F77C00;
    font-weight:bold;
    font-size:14px;
}
.product-rating{
    width:100%;
    display:block;
    float:left;
    font-weight:bold;
    font-size:14px;
}
.product-rating i {
    color: #f2b01e;
    font-size:1.2em;
    padding:0px 2px;
    }
.full{
    width:100%;
}
.virtual-product-price{
    top:20px;
}
    .virtual-product-price select {
        padding: 6px 5px;
        display: inline-block;
        width: 180px;
        margin-top: 10px;
        text-align: left;
    }
.option-name{
    float:left;
    font-size:14px;
    padding:5px 10px 15px 0px;
    font-weight:bold;
    width:130px;
}
.product-data-holder{
    margin-bottom:10px;
}
.product-data{
    line-height:30px;
}
.ui-collapsible-heading-toggle{
    font-weight:700 !important;
    font-family: 'Quicksand', sans-serif !important;
}
.ui-btn-icon-left:after, .ui-btn-icon-right:after, .ui-btn-icon-top:after, .ui-btn-icon-bottom:after, .ui-btn-icon-notext:after{
    border-radius:0em !important;
}
.footer-bottom div{
    margin-top:25px;
}
.customer-tab{
    background:url('images/account.jpg');
    background-repeat:no-repeat;
    padding:15px 15px;
    border: 5px solid #fff;
    min-height:150px;
    margin-bottom:5px;
}
.customer-tab-password{ 
    background:url('images/keyboard.jpg');
    background-repeat:no-repeat;
    padding:15px 15px;
    border: 5px solid #fff;
     min-height:150px;
     margin-bottom:5px;
}
.customer-tab-orders{ 
    background:url('images/orders.jpg');
    background-repeat:no-repeat;
    padding:15px 15px;
    border: 5px solid #fff;
    min-height:150px;
}
.customer-tab-payment{ 
    background:url('images/card.jpg');
    background-repeat:no-repeat;
    padding:15px 15px;
    border: 5px solid #fff;
    min-height:150px;
}
.customer-tab-address{ 
    background:url('images/address.jpg');
    background-repeat:no-repeat;
    padding:15px 15px;
    border: 5px solid #fff;
    min-height:150px;
}
.customer-tab-logout{ 
    background:url('images/logout.jpg');
    background-repeat:no-repeat;
    padding:15px 15px;
    border: 5px solid #fff;
    min-height:150px;
}
.customer-area-home{
    text-align:center;
}
.customer-area-home a{
    color:#fff !important;
}
.customer-area-home a{
    font-size: 26px;
    color:#fff;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight:300;
    margin-top:10px;
    border-bottom:1px solid rgba(255, 255, 255, 0.3);
}
.customer-area-home a:hover{
    text-decoration:none;
}
.customer-area-home i{
    font-size:2em;
    color:#fff;
    margin-top:15px;
}
.customer-area-home h1{
    font-size: 1.6em !important;
    color: #383838 !important;
    border-bottom: 1px solid #a1a1a1;
    padding-bottom: 4px;
    padding-top: 19px;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-weight: 500;
    margin-bottom: 5px;
    text-align:left;
}
.customer-area-home a {
        color: #fff;
    }

.customer-area-home img{
 -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
.blur{
    -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
.blur:hover{
    -webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    -o-filter: blur(1px);
    -ms-filter: blur(1px);
    filter: blur(1px);
}
.panel-default{
    border:0;
}

.account-table td{
    padding:1em 1em 1em 1em !important;
    font-size:14px;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td, #wp-calendar > thead > tr > th, #wp-calendar > tbody > tr > th, #wp-calendar > tfoot > tr > th, #wp-calendar > thead > tr > td, #wp-calendar > tbody > tr > td, #wp-calendar > tfoot > tr > td, table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td{
    padding:0.5em 0.5em !important;
}
.account-table th {
    font-size: 14px;
}
.pass-change h1{
    font-size: 1.6em !important;
    color: #383838 !important;
    border-bottom: 1px solid #a1a1a1;
    padding-bottom: 4px;
    padding-top: 19px;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-weight: 500;
    margin-bottom: 5px;
}
}
.pass-change{
    padding:0;
    margin:0;
    text-align:center;
}
.pass-change i {
    font-size:1em;
    padding:0em 0.5em;
    }
.pass-change div{
    padding:0.5em 1em 1em 0em;
    text-align:left;
    font-size:14px;
}
.pass-change button{
    margin:10px 20px;
    border:0;
}
.acc-details h1 {
    font-size: 1.6em !important;
    color: #383838 !important;
    border-bottom: 1px solid #a1a1a1;
    padding-bottom: 4px;
    padding-top: 19px;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-weight: 500;
    margin-bottom: 5px;
}
.orders h1{
    font-size: 1.6em !important;
    color: #383838 !important;
    border-bottom: 1px solid #a1a1a1;
    padding-bottom: 4px;
    padding-top: 19px;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-weight: 500;
    margin-bottom: 5px;
}
.payments h1{
    font-size: 1.6em !important;
    color: #383838 !important;
    border-bottom: 1px solid #a1a1a1;
    padding-bottom: 4px;
    padding-top: 19px;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-weight: 500;
    margin-bottom: 5px;
}
.orders th{
    font-size:18px;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-weight: 300;
}
.addresses h1{
    font-size: 1.6em !important;
    color: #383838 !important;
    border-bottom: 1px solid #a1a1a1;
    padding-bottom: 4px;
    padding-top: 19px;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-weight: 500;
    margin-bottom: 5px;
}
.payments th{
    font-size:18px;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-weight: 300;
}
.phone-number{
    font-size:18px;
    font-weight: 300;
    padding:1em;
}
.phone-number a:nth-child(3) {
    padding-left:20px;
    }
.phone-number i{
    margin-right:5px;
    margin-left:15px;
}
.continue-shoping{
    font-size:18px;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-weight: 300;
    padding:10px 10px;
    text-align:right;
    float:right;
}

.section-header, .steps-header, .steps-name {
  color: #3498DB;
  font-weight: 400;
  font-size: 1.4em;
  margin-top:15px;
}
.steps-header {
  margin-bottom: 20px;
  text-align: center;
}
.steps-timeline {
  outline: 1px dashed rgba(255, 0, 0, 0);
}
@media screen and (max-width: 500px) {
  .steps-timeline {
    border-left: 2px solid #3498DB;
    margin-left: 25px;
  }
}
@media screen and (min-width: 500px) {
  .steps-timeline {
    border-top: 2px solid #13418B;
    padding-top: 20px;
    margin-top: 40px;
    margin-left: 1.65%;
    margin-right: 1.65%;
  }
}
.steps-timeline:after {
  content: "";
  display: table;
  clear: both;
}

.steps-one,
.steps-two,
.steps-three {
  outline: 1px dashed rgba(0, 128, 0, 0);
}
@media screen and (max-width: 500px) {
  .steps-one,
  .steps-two,
  .steps-three {
    margin-left: -25px;
  }
}
@media screen and (min-width: 500px) {
  .steps-one,
  .steps-two,
  .steps-three {
    float: left;
    width: 33%;
    margin-top: -50px;
  }
}
#Steps{
    margin-top:80px;
    margin-bottom:20px;
}
@media screen and (max-width: 500px) {
  .steps-one,
  .steps-two {
    padding-bottom: 40px;
  }
}

@media screen and (min-width: 500px) {
  .steps-one {
    margin-left: -16.65%;
    margin-right: 16.65%;
  }
}

@media screen and (max-width: 500px) {
  .steps-three {
    margin-bottom: -100%;
  }
}
@media screen and (min-width: 500px) {
  .steps-three {
    margin-left: 16.65%;
    margin-right: -16.65%;
  }
}
.steps-img {
  display: block;
  margin: auto;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background:#13418B;
  color:#fff;
  padding:12px 19px;
  font-size:18px;
}
@media screen and (max-width: 500px) {
  .steps-img {
    float: left;
    margin-right: 20px;
  }
}
@media screen and (min-width: 500px) {
  .steps-name {
    text-align: center;
  }
}

.steps-description {
  overflow: hidden;
}
@media screen and (min-width: 500px) {
  .steps-description {
    text-align: center;
  }
}
.non-active{
    background:#fff;
    color:#13418B;
    border:2px solid #13418B;
}
.checkout footer img{
    margin-bottom:15px;
}
.checkout footer p{
    margin:30px 0px;
    color:#fff;
    font-size:12px;
}
.delivery-tab h3{
    padding:5px 0px;
    font-size:24px;
    color:#F77C00;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-weight: 300;
    border-bottom:1px solid #ccc;
}
.collection-tab h3{
    padding:5px 0px;
    color:#F77C00;
     font-family: 'Source Sans Pro', sans-serif !important;
    font-weight: 300;
    font-size:24px;
    border-bottom:1px solid #ccc;
}
.collection-tab i {
    font-size: 30px;
    padding-right:10px;
}
.delivery-tab i {
    font-size: 30px;
    padding-right:10px;
}
.delivery-page p{
    font-size:16px;
}
.delivery-page label{
    font-size:14px;
    display:inline-block;
}
.billing i{
    padding-right:15px;
}
.billing h3{
    color:#F77C00;
}
.billing td{
    font-size:16px;
}
.steps-name{
    color:#13418B !important;
}
.billing table{
    margin-top:20px;
}
.billing table tr:nth-child(odd) {
    background: #f5f5f5;
}
.tab-active{
    background:#F77C00;
}
.login h1{
    font-size: 2em;
    color: #383838 !important;
    border-bottom: 1px solid #383838;
    padding-bottom: 5px;
    padding-top: 25px;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-weight: 300;
    text-align: left;
}
.login input:-webkit-autofill{
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}
.login .form-control{
    height:50px;
    font-size:16px;
    width:40%;
    margin-top:25px;
}
.login button{
    background:#F77C00;
    color:#fff;
    padding:10px 20px;
    min-height:30px;
    border:0;
    font-size:18px;
    float:left;
}
.login button:hover{
    background:#28A8E0;
}
.new-register button{
    background:#F77C00;
    color:#fff;
    padding:10px 20px;
    min-height:30px;
    border:0;
    margin-top:10px;
    font-size:18px;
    float:left;
}
.new-register button:hover{
    background:#28A8E0;
}
.login .checkbox input{
    position:initial;
    margin-left:0px;
}
.login label{
    font-size:16px;
}
.login p{
    font-size:12px;
    float:left;
    margin-left:25px;
    margin-top:15px;
}
.pro-img{
    height:100% !important;
    width:auto !important;
}
.back-button{
    background:#13418B !important;
    font-size:18px;
    margin-top:20px;
}
.back-button:hover {
        background: #28A8E0 !important;
  }

.brand-page img{
	width:100%;
}

.brand-page .text{ 
  position: absolute;
  z-index: 30;
  top: 20px;
  left: 20px;
  font-size: 70px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  left: 0;
  right: 0;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 300;
  top: 40%;
}
.brand-page  .img-size{
	max-width:400px;
}
.brand-page .title{
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 100;
	text-align: center;
	margin:0px 0px 0px 0px;
	font-size:42px;
}
.brand-page .para-brand{
	font-size: 16px;
	margin-top:10px;
}
.brand-page .title{
    padding:10px 0px 10px;
}
.brand-page .header-title button{
	font-size:24px;
	background:none;
	border:2px solid #fff;
	padding:5px 25px;
	color:#ff0000;
	background:rgba(255, 255,255, 0.6);
	} 

.brand-page .header-title button:hover{
	background:rgba(255, 255,255, 0.8);
	color:#ff0000;
	} 	
.brand-page .header{
  height: 375px;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 auto;
  background-position: center;
}

.brand-page .header-title {
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  min-width: 50%;
  padding: 30px;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 22%;
  border: 3px solid #fff;
  border-top: none;
  display:none;
  background: rgba(255,255,255, 0.1);
}

.brand-page .header-title h1,
.brand-page .header-title h2 {
  letter-spacing: 0.05em;
}

.brand-page .header-title h1 {
  font-size: 3.5em;
  text-transform: uppercase;
  font-weight:bold;
  color:#ff0000;
}

.brand-page .header-title h2 {
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  font-style: oblique;
  font-size: 1.5em;
  overflow: hidden;
  margin: -30px -33px 0 -33px;
  position: absolute;
  width: calc( 100% + 6px);
  color:#fff;
  text-shadow: 2px 2px 2px #000;
}

.brand-page .header-title h2:before,
.brand-page .header-title h2:after {
  content: "";
  position: absolute;
  width: 100%;
  margin-top: -2px;
  border-top: 3px solid #fff;
  top: 50%;
}

.brand-page .header-title h2:before {
  -ms-transform: translate(-100%, 0);
  -webkit-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  margin-left: -30px;
}

.brand-page .row{
	margin-top:35px;
}

.brand-page .header-title h2:after {
  margin-left: 30px;
}

.brand-page .title h1 {
  padding: 20px;
}
.brand-page .title span{
	font-weight:500;
}
@media screen and (max-width: 1024px){
	.brand-page .header-title{
		min-width: 70%;
	}
    .brand-page h3{
        margin-top:30px;
    }
}
@media screen and (min-width: 768px) {
	.brand-page .header-title{
		top:400px;
	}
    .brand-page h3{
        margin-top:75px;
    }
    .cat-p h1{
        margin-top:0px;
    }
}
@media screen and (max-width: 768px) {
    .brand-page .header-title {
        top: 350px;
    }
    .brand-page .header-title h1{
        font-size:2.5em;
    }
    .brand-page .header-title {
    min-width: 85%;
    }
}

@media screen and (max-width: 425px) {
	.brand-page .header-title{
		top:10% !important;
	}
    .brand-page .img-size{
		max-width:250px !important;
	}
}





/*********************************************
					PRODUCTS
*********************************************/

.product{
	border: 1px solid #dddddd;
	height: 321px;
}

.product>img{
	max-width: 230px;
}

.product-rating{
	font-size: 16px;
}

.product-title{
	font-size: 20px;
}

.product-desc{
	font-size: 14px;
}

.product-price{
	font-size: 22px;
}

.product-stock{
	color: #74DF00;
	font-size: 20px;
	margin-top: 10px;
}

.product-info{
		margin-top: 50px;
}

/*********************************************
					VIEW
*********************************************/

.content-wrapper {
	max-width: 1140px;
	background: #fff;
	margin: 0 auto;
	margin-top: 25px;
	margin-bottom: 10px;
	border: 0px;
	border-radius: 0px;
}

.container-fluid{
	max-width: 1140px;
	margin: 0 auto;
}

.view-wrapper {
	float: right;
	max-width: 70%;
	margin-top: 25px;
}

.container {
	padding-left: 0px;
	padding-right: 0px;
	max-width: 100%;
}

/*********************************************
				ITEM 
*********************************************/

.service1-items {
	padding: 0px 0 0px 0;
	float: left;
	position: relative;
	overflow: hidden;
	max-width: 100%;
	width: 130px;
}

.service1-item {
	height: 107px;
	width: 120px;
	display: block;
	float: left;
	position: relative;
	padding-right: 20px;
}

.service1-item > img {
	max-height: 110px;
	max-width: 110px;
	opacity: 0.6;
	transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
}

.service1-item > img:hover {
	cursor: pointer;
	opacity: 1;
}

.service-image-left {
	padding-right: 50px;
}

.service-image-right {
	padding-left: 50px;
}

.service-image-left > center > img,.service-image-right > center > img{
	max-height: 155px;
}
.select-quantity{
    margin-top:10px;
}
.pro-price p{
    font-weight:bold;
    margin-top:25px;
}
.pro-price span{
    font-weight:bold;
    font-size:26px;
    float:left;
    margin:0;
}
.pro-price span{
    margin-top: 24px;
    float: left;
    margin-left:10px;
    font-size:14px;
    font-weight:normal;
}
.quantity-input{
    padding-left: 10px;
    width: 180px;
}
.price-info{
    background: #fbfbfb;
    padding-top: 10px;
    border: 1px solid #ccc;
    padding-bottom: 10px;
}
.ug-textpanel-textwrapper{
    display:none !important;
}
.ug-textpanel{
    display:none !important;
}
.alert-danger{
    margin:0px 0px 0px 5px;
    padding:10px;
}
.alert-danger h2{
    margin-top:0px !important;
}
.product-about a{
    color:#13418B !important;
}
.other-products{
    margin-top:10px;
}
.other-products h3{
    font-size:16px;
    border-bottom:1px solid #ccc;
    padding-bottom:5px;
    font-weight:bold;
}
.pro-desc{
    margin-bottom:25px;
    font-size:16px;
}
.gridTable2{
    text-align:left;
}
.product-data-value{
    text-align:right;
    padding: 0px;
}


.quantity-number-v2 {
    margin: 10px 0px;
}

.quantity-number-v2 #prodQuantity {
    width: 30px;
    height: 27px;
    border: 1px solid #222;
}

.quantity-number-v2 i {
    padding: 5px 6px;
    border: 1px solid #222;
}



.quantity-wrapper{
    float:left;
    display:inline-block;
}




#video-background {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
}

.hero1{
 
  background-size: cover;
  background-color: rgba(0, 0, 0, 0.5);
  background-blend-mode: multiply;
  height: 500px;
  width: 100%;
}

.inner-text {
  position: relative;
  top: 45%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 50px;
  text-align:center;
}
@media only screen and (min-width: 320px) {
  .inner-text {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 400px) {
  .inner-text {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 680px) {
  .inner-text {
    font-size: 75px;
  }
}
@media only screen and (min-width: 950px) {
  .inner-text {
    font-size: 100px;
  }
}

.p1 {
  display: inline-block;
  font-size: 1em;
  font-weight: 900;
  marign: 0;
  line-height: 1;
  color:#FCBA1B;
}
@media only screen and (max-width: 465px) {
  .p1 {
    display: block;
    position: absolute;
    top: -25%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.p2 {
  display: inline-block;
  font-size: 1em;
  font-weight: 100;
  marign: 0;
  line-height: 1;
  color: #fff;
}
@media only screen and (max-width: 465px) {
  .p2 {
    position: relative;
    top: 0.6em;
  }
}

.hero-down {
  position: absolute;
  bottom: 0;
  font-size: 2em;
  width: 2em;
  height: 2em;
  color: #f5f5f5;
  border-radius: 100%;
}
.hero-down:hover, .hero-down:focus {
  color: #ccc;
}
.hero-down:active {
  color: #f5f5f5;
}
.hero-down .btn-react {
  background-color: #f5f5f5;
  height: 100%;
  width: 100%;
  border-radius: 100%;
  opacity: 0;
  position: absolute;
}
.hero-down i {
  vertical-align: bottom;
  position: relative;
  top: 0.1em;
}




.title-section .hero {
  position: relative;
  min-height: 500px;
  width: 100%;
  background: url(https://images.unsplash.com/photo-1463392898715-3939d4ab1019?dpr=2&auto=format&crop=entropy&fit=crop&w=1199&h=797&q=80);
  background-size: cover;
  background-position: center;
}
.title-section .hero .hero-title {
  position: absolute;
  bottom: 0px;
  right: 0px;
  text-align: right;
  padding: 50px;
}
.title-section .hero .hero-title div span {
  display: inline-block;
  margin: 10px 5px;
  background: #f1404b;
  padding: 5px 10px;
  color: #fff;
  font-size: 50px;
  font-weight: 700;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .title-section .hero .hero-title div span {
    font-size: 40px;
  }
}
@media (max-width: 480px) {
  .title-section .hero .hero-title div span {
    font-size: 32px;
  }
}

.services-section .services-title {
  padding: 50px 0px;
}
.services-title h1{
    font-size:50px;
    text-align:center;
}
.services-title span{
    color:#FCBA1B;
    }
.services-section .services-content .section-help {
  text-align: center;
  position: relative;
  padding-bottom: 20px;
}
.services-section .services-content .section-help:nth-of-type(1) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.services-section .services-content .section-help:nth-of-type(2) {
  -webkit-animation-delay: 0.35s;
          animation-delay: 0.35s;
}
.services-section .services-content .section-help:nth-of-type(3) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.services-section .services-content .section-help:last-of-type {
  padding-bottom: 50px;
}
.services-section .services-content .section-help .section-image img {
  width: 100%;
}
.services-section .services-content .section-help .section-content .image-tagline {
  padding: 20px 0px 0px;
  margin: 0px;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  color: #252c41;
}
.services-section .services-content .section-help .section-content hr {
  width: 50px;
  height: 2px;
  border: none;
  border-top: 2px solid #FCBA1B;
}
.services-section .services-content .section-help .section-content .section-description {
  text-align: justify;
}

.testimonial-section {
  background: #131F2D;
  margin-bottom: 25px;
}
.testimonial-section .slider-container li {
  text-align: center;
  min-height: 300px;
}
.testimonial-section .slider-container li .testimonial-wrapper {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.testimonial-section .slider-container li .testimonial-wrapper .testimonial {
  font-size: 30px;
  color: #fff;
  margin-top: 235px;
}
@media (max-width: 480px) {
  .testimonial-section .slider-container li .testimonial-wrapper .testimonial {
    font-size: 20px;
  }
}
.testimonial-section .slider-container li .testimonial-wrapper hr {
  width: 50px;
}
.testimonial-section .slider-container li .testimonial-wrapper .author {
  width: 100%;
  display: block;
  color: #eee;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
}
@media (max-width: 480px) {
  .testimonial-section .slider-container li .testimonial-wrapper .author {
    font-size: 18px;
  }
}

h1.line {
  background: #fff;
}
h1.line span {
  z-index: 5;
  background: #fff;
  position: relative;
  padding: 0px 50px;
  display: inline-block;
  text-align: center;
}
h1.line.single-line::before {
  z-index: 1;
  content: "";
  display: block;
  border-top: solid 3px #f1404b;
  width: 90%;
  left: 5%;
  height: 1px;
  position: absolute;
  top: calc(50% - 1px);
  z-index: 1;
}
.column-section {
  margin-bottom: 50px;
}
.column-section .column {
  padding: 25px;
}
.column-section .column h3 {
  color: #131F2D;
  font-weight: 900;
  text-transform: uppercase;
}
.column-section .column p {
  padding: 20px 0px;
  color: #333;
  text-align: justify;
}

.input-rounded {
  background: #fff;
  padding: 10px 20px;
  border-radius: 25px;
  border: none;
  text-transform: uppercase;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.input-rounded.primary {
  background: #FCBA1B;
  color: #fff;
}
.input-rounded.primary:hover {
  background: #FCBA1B;
}

.side-by-side-section {
  border-top: 5px solid #131F2D;
}
.side-by-side-section .container-fluid .row > div {
  padding: 0px;
}
.side-by-side-section .content {
  height: 500px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.side-by-side-section .content h3 {
  font-weight: 300;
  padding: 0 50px;
}
.side-by-side-section .content.inverse {
  background: #131F2D;
  color: #FCBA1B;
  min-height: 500px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.side-by-side-section .content.inverse hr {
  width: calc(100% - 100px);
  border: none;
  height: 5px;
  border-top: 5px solid #fff;
  padding: 0px 50px;
  box-sizing: border-box;
}
.side-by-side-section .content.inverse p {
  padding: 0px 50px;
  font-size: 3em;
  text-align: center;
  letter-spacing: 1px;
}
@media (max-width: 1199px) {
  .side-by-side-section .content.inverse p {
    font-size: 2em;
  }
}
.side-by-side-section .image {
  height: 500px;
  background-size: cover !important;
}
.slider-container{
    height:250px;
}


.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
  border-bottom: 10px solid #13418B;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
/* Pagination Styles */
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}
.swiper-container-vertical > .swiper-pagination {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  -moz-transform: translate3d(0px, -50%, 0);
  -o-transform: translate(0px, -50%);
  -ms-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}
.swiper-container-horizontal > .swiper-pagination {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
  margin: 0 5px;
}
/* 3D Container */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
/* Coverflow */
.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
/* Cube */
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 100%;
  height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
}
.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow {
  z-index: 0;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}

    .swiper-container {
        width: 100%;
        max-height: 337px;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
.swiper-slide img{
    width:100% !important;
}

.title-review h1{
    font-size: 3em !important;
    color: #383838 !important;
    padding-bottom: 5px;
    padding-top: 15px;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-weight: 300;
}

.review-pay-table .pro-title-mob{
    font-size:14px;
    font-weight:bold;
}
.review-pay-table img{
    background:#fff;
    margin-top:5px;
}
.review-table-header th{
    font-size:14px;
}
.review-table-header thead{
    color:#000;
    border-bottom:1px solid #000;
}
.review-add img{
    float:left;
    margin:10px 10px 10px 0px;
}
.review-add a{
    color:#F77C00;
    font-weight:bold;
    text-decoration:underline;
}
.bill-pay{
    padding-bottom:15px;
    padding-top:5px;
}
.bill-pay label{
    padding:10px;
    font-size:14px;
}
.final-total h1{
      font-weight:bold;
      font-size:26px;
      margin-bottom:0;
}
.final-total p{
    font-size:10px;
}
.review-title{
    color:#000;
    font-weight:bold;
    font-size:16px;
    padding:10px 0px;
    border-bottom:1px solid #000;
    margin-bottom:5px;
    margin-top:10px;
    margin-bottom:10px;
}
.review-inner{
    padding:15px;
}
.review-inner span{
       margin:15px ;
       display:inline;
}
@-webkit-keyframes click-wave {
  0% {
    height: 40px;
    width: 40px;
    opacity: 0.35;
    position: relative;
  }
  100% {
    height: 200px;
    width: 200px;
    margin-left: -80px;
    margin-top: -80px;
    opacity: 0;
  }
}
@-moz-keyframes click-wave {
  0% {
    height: 40px;
    width: 40px;
    opacity: 0.35;
    position: relative;
  }
  100% {
    height: 200px;
    width: 200px;
    margin-left: -80px;
    margin-top: -80px;
    opacity: 0;
  }
}
@keyframes click-wave {
  0% {
    height: 40px;
    width: 40px;
    opacity: 0.35;
    position: relative;
  }
  100% {
    height: 200px;
    width: 200px;
    margin-left: -80px;
    margin-top: -80px;
    opacity: 0;
  }
}
.option-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  top: 7px;
  right: 0;
  bottom: 0;
  left: 0;
  height: 15px;
  width: 15px;
  -webkit-transition: all 0.15s ease-out 0s;
  -moz-transition: all 0.15s ease-out 0s;
  transition: all 0.15s ease-out 0s;
  background: #cbd1d8;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin-right: 0.5rem;
  outline: none;
  position: relative;
  z-index: 1000;
}
.option-input:hover {
  background: #9faab7;
}
.option-input:checked {
  background: #F77C00;
}
.option-input:checked::before {
    height: 15px;
    width: 15px;
    position: absolute;
    content: '\f00c';
    display: inline-block;
    font-size: 10px;
    text-align: center;
    line-height: 15px;
    font-family: 'FontAwesome';
    border: 0;
}
.option-input:checked::after {
  background: #F77C00;
  content: '';
  display: block;
  position: relative;
  z-index: 100;
  border:0;
}
.revpay label{
    margin-left:5px;
    font-size:14px;
}
.option-input.radio {
  border-radius: 50%;
}
.option-input.radio::after {
  border-radius: 50%;
}

.delivery-mobile label{
    display:inline-block !important;
}

.basket-total-price{
    padding-top:15px;
}
.basket-total-price .sub p{
    font-size:14px;
}
.basket-total-price .sub b{
    font-size:18px;
}
.basket-total-price .vat p {
    font-size: 12px;
    }
.basket-total-price .vat b{
    font-size: 14px;
    }
.basket-total-price .total p {
      font-size: 14px;
    }
.basket-total-price .total b {
    font-size: 26px;
    margin-left:5px;
    font-weight:800;
    }
.basket-buttons .update-basket{
    max-width:200px;
    color:#fff;
}
.basket-buttons .update-basket:hover {
    opacity: 0.7;
}
.basket-buttons .btn-checkout{
     max-width:220px;
     margin-left:15px;
}
.search .product-list-add-to-basket button {
    background-color: #F77C00;
    padding: 5px 10px;
    color: #fff !important;
    -webkit-transition: background-color .5s ease-out;
    -moz-transition: background-color .5s ease-out;
    -o-transition: background-color .5s ease-out;
    transition: background-color .5s ease-out;
    width: 100%;
    border: 0;
    border-radius: 2px;
    font-size: 16px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 500;
    float:left;
}
.search .product-image-list span{
    min-height:102px;
    display:block;
    width:auto;
}
.swiper-slide .container{
    position:absolute;
    text-align:left;
}
.register input{
    display:block;
    width:85%;
}
.register select{
    display:block;
}
.register .btn-checkout{
    display:block;
    float:left;
}
.checkout-top{
    background:#f7f7f7; 
    background-repeat:repeat;
     padding:10px 0px 25px;
}

.register .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td, #wp-calendar > thead > tr > th, #wp-calendar > tbody > tr > th, #wp-calendar > tfoot > tr > th, #wp-calendar > thead > tr > td, #wp-calendar > tbody > tr > td, #wp-calendar > tfoot > tr > td, table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td{
    padding:5px !important;
}
.returning-customers{
    margin-top:50px;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
    border-top:0px;
}
.continue-shoping i{
    font-size:10px;
}
.checkout .modal-body img{
    max-width:90px;
}
.account-menu{
    background:#f2f2f2;
    top:20px;
    margin-bottom:25px;
}
.account-menu h3{
    padding-bottom:7px;
    border-bottom:1px solid #a1a1a1;
    font-size:16px;
    font-weight:bold;
}

.account-menu ul{
    list-style:none;
    padding-left:0px;
}
.account-menu ul li {
    font-size:14px;
    padding:7px 0px;
    }
.account-menu ul li a{
    color:#383838;
    text-decoration:none;
}
.account-menu ul li a:hover {
    text-decoration:underline;
    }

.pass-change input{
    margin-top:10px;
    width:100%;
}

.orders th{
    font-weight:bold;
    font-size:14px;
    border-bottom:1px solid #ccc;
}
.payments th{
    font-weight:bold;
    font-size:14px;
    border-bottom:1px solid #ccc;
}
.addresses th{
    font-weight:bold;
    font-size:14px;
    border-bottom:1px solid #ccc;
}
.account-menu .active{
    font-weight:bold;
}
.customer-box{
    text-align:left;
    background:#fff;
    font-size:18px;
    padding:0px 0px 18px 0px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight:300;
    color:#000;
    background:#f1f1f1;
    border:8px solid #fff;
    transition: background-color 0.5s ease;
}
.customer-box:hover {
    text-decoration: underline;
    background:#e2e2e2;
}
.customer-box i {
    color: #13418B;
    padding:10px;
    font-size:40px;
    text-decoration:none;
}

.welcome{
    margin-bottom:0px;
}

.ui-collapsible-heading-toggle{
    font-family:Arial !important;
}
.ui-collapsible-heading-toggle{
    background-color: #13418B !important;
    border-color: #ddd;
    color: #fff !important;
    text-shadow: 0 1px 0 #f3f3f3;
    border-radius: 10px 10px !important;
    text-align: center !important;
    margin-bottom: 10px !important;
}


.addresses-table table {    
    width: 99%;
    margin:0;
    padding:0;
    border-collapse: collapse;
    border-spacing: 0;
  }

.addresses-table table tr {
    padding: 5px;
  }

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

.addresses-table table th {
    font-size: 14px;
    letter-spacing: 1px;
  }

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

.addresses-table table {
      border: 0;
    }

.addresses-table{
    margin:0;
}

.addresses-table table thead {
      display: none;
    }

.addresses-table table tr {
      margin-bottom: 10px;
      display: block;
      border-bottom: 2px solid #ddd;
    }

.addresses-table table td {
      display: block;
      text-align: right;
      font-size: 13px;
      border-bottom: 1px dotted #ccc;
      min-height: 30px;
    }

.addresses-table table td:last-child {
      border-bottom: 0;
    }

.addresses-table table td:before {
      content: attr(data-label);
      float: left;
      text-transform: uppercase;
      font-weight: bold;
    }
  }

.new-register strong{
    display:block;
}
.new-register input{
    width:40%;
    float:left;
    margin:10px 10px 10px 10px;
    padding:5px;
    font-size:16px;
}
.new-register select {
    margin-left: 10px;
    padding:10px;
    width:40%;
}
.new-register h1{
    font-size: 1.6em;
    color: #383838 !important;
    border-bottom: 1px solid #383838;
    padding-bottom: 5px;
    padding-top: 25px;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-weight: 300;
    text-align: left;
    margin-bottom:15px;
}
.new-register .alert{
    margin:15px 0px;
}

.new-delivery strong{
    display:block;
    font-size:14px;
}
.new-delivery input{
    width:90%;
    float:left;
    margin:10px 10px 10px 0px;
    padding:5px;
    font-size:16px;
}
.new-delivery select {
    width:40%;
}
.new-delivery h1{
    font-size: 1.6em;
    color: #383838 !important;
    border-bottom: 1px solid #383838;
    padding-bottom: 5px;
    padding-top: 25px;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-weight: 300;
    text-align: left;
    margin-bottom:15px;
}
.new-delivery .alert{
    margin:15px 0px;
}





.forgot-password input{
    width:40%;
    float:left;
    margin:10px 10px 10px 0px;
    padding:5px;
    font-size:16px;
}

.forgot-password h1{
    font-size: 1.6em;
    color: #383838 !important;
    border-bottom: 1px solid #383838;
    padding-bottom: 5px;
    padding-top: 25px;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-weight: 300;
    text-align: left;
    margin-bottom:15px;
}

.forgot-password .alert{
    margin:15px 0px;
}
.forgot-password button{
    background:#F77C00;
    color:#fff;
    padding:10px 20px;
    min-height:30px;
    border:0;
    font-size:18px;
    float:left;
    margin-left:0px;
    margin-top:15px;
}
.forgot-password button:hover{
    background:#28A8E0;
}
.slide1 h1{
    font-family: 'Source Sans Pro', sans-serif;
    font-weight:500;
    font-size:2.5em;
    margin-top:0px;
    color:#13418B;
    text-align:left;
    text-shadow:none;
}
.slide1 h2 {
    margin-top:0px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight:300;
    font-size:2.6em;
    color:#F77C00;
    text-align:left;
    text-shadow:none;
}
.slide1{
    top:55px;         
}
.slide1 button{
    padding:7px 15px;
    background:none;
    border:2px solid #13418B;
    color:#13418B;
    width:150px;
    margin-bottom:10px;
    font-size:20px;
    float:left;
}
.slide1 button:hover {
    background:#F77C00;
    color:#fff;
    }

.slide2 h1{
    font-family: 'Source Sans Pro', sans-serif;
    font-weight:500;
    font-size:2.5em;
    margin-top:0px;
    color:#13418B;
    text-align:left;
    text-shadow:none;
}
.slide2 h2 {
    margin-top:0px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight:300;
    font-size:2.6em;
    color:#F77C00;
    text-align:left;
    text-shadow:none;
}
.slide2{
    top:55px;         
}
.slide2 button{
    padding:7px 15px;
    background:none;
    border:2px solid #13418B;
    color:#13418B;
    width:150px;
    margin-bottom:10px;
    font-size:20px;
    float:left;
}
.slide2 button:hover {
    background:#F77C00;
    color:#fff;
    }
.basket-price select {
    padding:5px 10px;
    }
.basket-price input{
    padding:5px 10px;
}
.delivery-basket p{
    display:inline;
}
.delivery-basket b {
    font-size: 2em;
    padding-left:10px;
    padding-top:10px;
}
.delivery-basket{
    padding-top:12px;
}
.next-day{
    background: red;
    color: #fff;
    float: right;
    padding: 20px 35px;
    font-size:2em;
    border-radius: 10px;
    margin-top: 48px;
}
.slide-box{
    display:block;
    background:#fff;
    min-height:400px;
    box-shadow:1px 1px 1px #000;
}
.slide-box h1{
    font-family: 'Source Sans Pro', sans-serif;
    font-weight:300;
    font-size:2.2em;
    padding:0px;
    margin-top:120px;
    margin-bottom:0px;
}
.slide-box h2{
    font-family: 'Source Sans Pro', sans-serif;
    font-weight:500;
    margin-top:5px;
    margin-bottom:0px;
    font-size:2em;
    padding:0px;
}
.slide-box button{
    border:2px solid #F77C00;
    background:#fff;
    padding:10px 25px;
    color:#F77C00;
    margin-top:20px;
    width:100%;
}

.slide-box button:hover {
    background: #F77C00;
    color: #fff;
}



/* IE FIX */
.navbar ul li a{
    font-family: 'Source Sans Pro', sans-serif;
}
.ug-slide-wrapper

.product-about .alert{
    margin-right:10px;
}
.reveal-if-active {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
}

.showcard{
    display:none;
    margin-bottom:25px;
    background:#f9f9f9;
    padding-bottom:25px;
    margin-top:25px;
    border:1px solid #ccc;
}

.showcard span{
    margin-bottom:5px;
    font-size:14px;
    font-weight:bold;
    display:block;
}
   
.showcard h2{
    font-family: 'Source Sans Pro', sans-serif;
    font-weight:300;
    font-size:1.6em;
}

.showcard select{
    padding:4px 4px;
}
.showcard input {
    padding:4px 4px;  
    }

.review-pay-table{
    font-size:14px;
}
.review-table-header{
    font-size:14px;
}
.bill-pay{
    font-size:14px;
}
.text-center{
    text-align:center;
}
.text-right{
    text-align:right !important;
}
.order-confirmed{
    background:#f5f5f5;
    margin-top:50px;
    border: 1px solid #edecec;
}

.order-confirmed .text-center i{
    color:#F77C00;    
}
.order-confirmed .text-center h1{
    display:inline;
    font-size:3em;
    padding-right:10px;
    color:#13418B;
}

.thank-you{
    margin-top:50px;
}

.order-confirmed .text-center h4{
    color:#13418B;
    margin-top:30px;
}

.conf-contact h5{
    color:#13418B;
    margin-top:50px;
    text-align:left;
    margin-bottom:25px;
    font-size:18px;
    padding-left:15px;
    text-align:left;
}

.order-confirmed .text-center h4 b {
    color:#F77C00;
    }
.conf-contact{
    margin-top:50px;
    margin-bottom:50px;
    border-top: 1px solid #ccc;
}
.conf-contact p{
    font-size:16px;
    color:#13418B;
}

.conf-contact i {
    float: left;
    margin-right:10px;
    color:#F77C00;
    padding-top:4px;
    display:none;
}

.sister-sites-conf{
    text-align:center;
}
.sister-sites-conf h2{
    color:#28A8E0;
    margin-top:50px;
    font-size:22px;
}
.sister-sites-conf img{
    width:175px;
    margin-right:10px;
}

.checkout .alert{
    padding:0px;
    border:0;
    margin-top:25px;
    margin-bottom:25px;
}
.checkout .row{
    margin:0;
}
.choose-card{
       padding:10px;
       background:#f6f6f6;
       border:10px solid #fff;   
       text-align:center;   
}
.choose-card img{
    width:45px;
}
.choose-card label{
    margin-top:10px;
}
.choose-card label span:first-child{
    font-size:18px;
}

.choose-card label span:nth-child(3) {
    text-transform:uppercase;
    font-weight:500;
    font-size:14px;
}
.choose-card label span:nth-child(5) {
    font-size:14px;
    font-weight:300;
}
.table-bordered {
  border: 0;
}
.table-bordered tr{
    border:0;
}
.table-bordered td{
    border:0;
}
.payment-error{
    float:left;
    padding:10px 10px;
    margin-top:0px;
    margin-bottom:25px;
}
.alert>p+p {
    margin-top: 0px;    
}
.review-text{
    font-size:16px;
    font-weight:bold;
    margin-bottom:15px;
}
.review-table{
    font-size:14px;
}
.review-table{
    margin-bottom:35px;
}
.review-table span{
    font-size:16px;
    font-weight:bold;
    padding-bottom:25px;
}
.review-table a{
    font-weight:bold;
    margin:10px 0px 10px 0px;
}
.review-table .heading{
    margin-bottom:15px;
}
.review-table .line1{
    margin-top:0px;
    margin-bottom:10px;
}
.area{
    display:none;
} 
input[type=checkbox], input[type=radio] {
    margin: 0px 0 4px;
    margin-top: 1px\9;
    line-height: normal;
}
.pass-change .alert{
    padding-left:10px;
}

.basket-price .alert{
    margin:5px 0px 15px 0px;
    font-size:16px;
}

.login .alert{
    margin:5px 0px 15px 0px;
    font-size:16px;
}

.new-del-table div{
    min-height:75px;
}
#progressbar {
	margin-bottom: 30px;
	overflow: hidden;
	counter-reset: step;
    width: 500px;
	margin:0px auto;
    margin-top:50px;
}
#progressbar li {
	list-style-type: none;
	text-transform: uppercase;
	font-size: 12px;
	width: 33.33%;
	float: left;
	position: relative;
    text-align:center;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-weight:500;
    color:#383838;
}
#progressbar li:before {
	content: counter(step);
	counter-increment: step;
	width: 30px;
	line-height: 30px;
	display: block;
	font-size: 16px;
	color: #fff;
	background: white;
	border-radius: 3px;
	margin: 0 auto 5px auto;
    background:#13418B;
}
#progressbar li:after {
	content: '';
	width: 100%;
	height: 2px;
	background: #13418B;
	position: absolute;
	left: -50%;
	top: 15px;
	z-index: -1; 
}
#progressbar li:first-child:after {
	content: none; 
}
#progressbar li.active:before,  #progressbar li.active:after{
	background: #F77C00;
	color: white;
}
.search-mobile .input-group{
    display:inherit !important;
}

.delivery-tab label{
    color:#F77C00;
}

.brand-category:before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-bottom: 1px solid #ccc
}

.brand-category{    
    border:5px solid #fff;
    text-align:center;
    padding:0;
    min-height: 300px;
}

.brand-category h3{
    font-size:20px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight:300;
    margin:5px;
    padding:10px;
    text-align:left;
    }

.brand-category img{
    padding-bottom:19px;
}
.back-btn{
    background-color:#13418B !important;
    width:100px !important;
    float:left;
    margin-top:15px;
}

.search .product-list-add-to-basket{
    margin-top:10px;
}

.line{
    height: 1px;
    display: block;
    width: 95%;
    margin: 0 auto;
    background:#ccc;
    margin-top:20px;
}
.clear{
    color: red !important;
}

@media screen and (max-width: 956px) {
    .cat-p h1 {
        margin-top: 15px;
    }
}
.basket-page .basket-title{
    padding-top:0px;
}

.no-items{
    text-align:center;
}
.no-items h1 {
    text-align: center;
    color:#13418B;
    font-size:2em;    
    margin:50px 0px;
}
.carousel-indicators{
    display:none;
}
.checkout .ui-page-theme-a .ui-btn, html .ui-bar-a .ui-btn, html .ui-body-a .ui-btn, html body .ui-group-theme-a .ui-btn, html head+body .ui-btn.ui-btn-a, .ui-page-theme-a .ui-btn:visited, html .ui-bar-a .ui-btn:visited, html .ui-body-a .ui-btn:visited, html body .ui-group-theme-a .ui-btn:visited, html head+body .ui-btn.ui-btn-a:visited{
    background-color:#F77C00 !important;
}

.carousel-inner>.item>a>img, .carousel-inner>.item>img{
    margin:0 auto;
    width:100%;
}
.account-menu ul li a{
    color:#000 !important;

}

.icon-link{
    min-height:30px;
}
.glyphicon-chevron-right:before{
    color:#fff !important;
}
.glyphicon-chevron-left:before{
    color:#fff !important;
}

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{
    right:12%;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-next{
    left:8%;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev{
    font-size:22px;
}
.cat-page .product-desc article{
    margin-bottom:0px;
    min-height: 315px;
    text-align: center;
}

.revpay .btn-checkout {
    background: #F77C00 !important;
    color: #fff !important;
    border:0;
    font-weight:500 !important;
}

.pro-price h1{
    float:right;
}
.pro-price span{
    float:right;
}
.review-header{
    text-align:center;
}
.review-header i{
    color:#F77C00;
    padding-right:10px;
    font-size:2.4em;
    padding-top:8px;
}
.review-header p{
    font-size:16px;
    margin-top:15px;
    color:#383838;
    display:inline-block;
}
.review-header .stars i{
    padding-right:2px;
    font-size:1.8em;
    padding-top:12px;
}
.review-header .stars h1{
    padding-left:2px;
    margin-top:15px
}
.header-review-bg{
    background-color:#f1f1f1;

}

#HomepageSlider{
    background:#13418B;
}
.breadcrumb>li+li:before {
    padding: 0px 4px;
    color: #F77C00;
    content: "/\00a0";
}

.cat-page .product-list{
     min-height: 16px;
}

.homepage-title{
    font-size: 3em !important;
    color: #383838 !important;
    border-bottom: 1px solid #c4c4c4;
    padding-bottom: 25px;
    margin-top: 25px;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-weight: 300;
    text-align:center;
    margin-top:45px !important;
}

.dropdown-menu .carousel-inner h1{
    margin:0;
    font-size:18px;
    font-weight:700;
    text-align:center;
    color:#F77C00;
}

.dropdown-menu .carousel-inner h2{
    margin:0;
    font-size:16px;
    margin-bottom:5px;
    color:#383838;
    text-align:center;
}

.dropdown-menu .item .active{
    text-align:center;
}

.mega-dropdown .carousel-inner button:first-of-type{
    background:#F77C00;
    width:100%;
    margin-top:10px;
}

.menu-logos{
    padding-top:10px;
    text-align:center;
}

.menu-logos img{
    min-height:50px;
    max-width:160px;
    padding:20px 20px 0px 20px;

}
/* Demo assets */
.touch .client-wrap .client.solid {
  opacity: 1;
  z-index: 5;
}

.touch .client-close.click-on {
  pointer-events: auto;
  z-index: 6;
}

.touch .client:hover .client-more-less::after {
  opacity: 0;
}

.toggle-container {
  text-align: center;
}

.toggle-wrap {
  margin: 0 auto 20px;
  display: inline-block;
  clear: both;
  text-align: center;
  padding: 10px;
  border-radius: 6px;
  font-weight: bolder;
}

.toggle {
  margin-right: 8px;
}

.touch div.minus.client-more-less::after {
  background-color: rgba(255, 255, 255, 0);
}

.toggle-switch {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  cursor: pointer;
  padding: 3px;
  border-radius: 25px;
  width: 42px;
  background-color: rgb(122, 212, 68);
  color: rgb(225, 225, 225);
  -webkit-transition: .4s ease all;
     -moz-transition: .4s ease all;
      -ms-transition: .4s ease all;
       -o-transition: .4s ease all;
          transition: .4s ease all;
}

.switch {
  float: right;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: rgb(255, 255, 255);
}

.switched-off {
  background-color: rgb(200, 200, 200);
}

.switched-off .switch {
  margin-right: 15px;
}

.switch {
  -webkit-transition: .2s ease all;
     -moz-transition: .2s ease all;
      -ms-transition: .2s ease all;
       -o-transition: .2s ease all;
          transition: .2s ease all;
}
/* End Demo Assets */

.client-wrap img[data-src] {
  opacity: 0;
}

.client-wrap img {
  opacity: 1;
}

.show-image{
  opacity: 1 !important;
}

.client-wrap {
  padding: 0;
  max-width: 1280px;
  width: 100%;
}

.client-wrap:hover > .client {
  opacity: .25;
}

.opacity-focus:hover > .client,
.solid.client {
  opacity: 1;
}

.opacity-focus .client {
  z-index: 0;
}

.client {
  vertical-align: middle;
  position: relative;
  margin: 5px;
  max-width: calc(20% - 20px);
  height: 100%;
  width: 100%;
  list-style-type: none;
  display: inline-block;
  text-align: center;
  transition: .2s ease all;
}

.no-touch .client:hover, 
.no-touch .opacity-focus .client:hover {
  opacity: 1;
  z-index: 2;
}

.client:hover .client-meta {
  opacity: 1;
  visibility: visible;
}

.client:hover .overflow-wrapper {
  z-index: 5;
  left: 0;
}

.touch .client:hover {
  opacity: 1;
  z-index: 2;
}

.client-meta {
  position: absolute;
  display: block;
  visibility: hidden;
  overflow: hidden;
  text-align: center;
  border-radius: 4px;
  opacity: 0;
  width: 100%;
  min-height: 200px;
  background-color: rgb(255, 255, 255);
  text-align: left;
  border: 1px solid rgb(228, 228, 228);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
  -webkit-transition: .2s ease all;
     -moz-transition: .2s ease all;
      -ms-transition: .2s ease all;
       -o-transition: .2s ease all;
          transition: .2s ease all;
}

.touch .client-more-less,
.touch .client-close {
  z-index: 2;
  position: absolute;
  left: calc(50% - 10px);
  text-align: center;
  top: 15px;
  height: 26px;
  width: 26px;
  text-align: center;
  border-radius: 50%;
  line-height: 1.3;
  font-weight: 600;
  transition: .2s ease all;
  display:none !important;
}

.touch .client.reset .client-meta{
  opacity: 0;
  visibility: hidden;
}

.touch .client-more-less {
  display: inline-block;
  pointer-events: none;
  z-index: 5;
  background-color: rgb(234, 236, 236);
  color: rgba(0, 0, 0, .5);
}

.touch .client-close {
  z-index: 6;
  background-color: transparent;
}

.client-close:hover ~ .client-meta {
  opacity: 0;
  visibility: hidden;
}

.client-close:hover ~ img.client-logo,
.client-more-less ~ img.client-logo {
  width: 80%;
}

.touch .client-more-less::before,
.touch .client-more-less::after {
  content: '';
  background-color: rgba(0, 0, 0, .25);
  padding: 0;
  display: block;
  border-radius: 3px;  
  position: absolute;
  margin: 0 auto;
}

.touch .client-more-less::before {
  margin: 11px 6px;
  width: 14px;
  height: 4px;
}

.touch .client-more-less::after {
  margin: 6px 11px;
  width: 4px;
  height: 14px;
}

/* Responsive Reset */
.reset {
  opacity: 1 !important;
}
.reset .client-logo {
  width: 80% !important;
}

.touch .reset .client-more-less::after {
  opacity: 1 !important;
}
/* End Responsive Reset */

.client:hover .client-logo {
  width: 76%;
}

img.reset-logo {
  width: 80%;
}

.project-list:hover .overflow-wrapper img,
.opaque {
  opacity: 1;
}

.overflow-wrapper {
  position: relative;
  padding-top: calc(100% - 45px);
  width: 100%;
  display: inline-block;
  z-index: 3;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: .2s ease all;
}

.overflow-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  padding: 1px;
  border-radius: 4px 4px 0 0;
  -webkit-transition: .15s ease all;
     -moz-transition: .15s ease all;
      -ms-transition: .15s ease all;
       -o-transition: .15s ease all;
          transition: .15s ease all;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
}

.client-logo {
  z-index: 1;
  position: absolute;
  transform: translateY(-50%) translateX(-50%);
  left: 50%;
  top: 50%;
  width: 80%;
  height: auto;
  transition: .2s ease all;
  -webkit-animation: fadein .8s;
     -moz-animation: fadein .8s;
      -ms-animation: fadein .8s;
       -o-animation: fadein .8s;
          animation: fadein .8s;
}

.white-bg {
  background-color: rgb(255, 255, 255);
}

.project-list {
  overflow: hidden;
  max-height: 230px;
  margin-top: calc(100% - 44px);
  padding: 0;
  margin-bottom: 0;
  line-height: 1;
  padding-top: 0;
  padding-bottom: 20px;
  text-align: center;
  border-bottom: 4px solid #13418B;
  transition: .2s ease all;
}

.project-list:hover {
  max-height: 270px;
}

.project-list:hover .bar {
  max-width: 100%;
  border-top: 4px solid #13418B;
}

.project-list:hover {
  border-bottom: 4px solid #F77C00;
}

.bar {
  margin: 0 auto;
  border: 0;
  border-top: 4px solid #F77C00;
  max-width: calc(100% - 30px);
  transition: .2s ease all;
}

.project-list li {
  cursor: pointer;
  display: block;
  text-align: center;
  padding: 8px 10px;
  font-size:14px;
}

.project-list li:hover {
  color: rgb(100, 100, 100);
}

/* Sizes for demo */
.square {
  padding: 20%;
}

.smaller {
  padding: 10%;
}
/* End Sizes for demo */

@media screen and (max-width: 1024px) {
  .client {
    max-width: calc(25% - 30px);
  }
}

@media screen and (max-width: 820px) {
  .client {
    max-width: calc(33.33% - 30px);
  }
}

@media screen and (max-width: 620px) {
  .client {
    max-width: calc(50% - 30px);
  }
}

@media screen and (max-width: 525px) {
  .client {
    float: none;
    max-width: 260px;
    width: 90%;
  }
  .client-wrap {
    text-align: center;
  }
}

/* Animation */
@-webkit-keyframes fadein {
  from {
    opacity: 0;
    width: 65%;
  }
  to {
    opacity: 1;
    width: 80%;
  }
}

@-moz-keyframes fadein {
  from {
    opacity: 0;
    width: 65%;
  }
  to {
    opacity: 1;
    width: 80%;
  }
}

@-ms-keyframes fadein {
  from {
    opacity: 0;
    width: 65%;
  }
  to {
    opacity: 1;
    width: 80%;
  }
}

@-o-keyframes fadein {
  from {
    opacity: 0;
    width: 65%;
  }
  to {
    opacity: 1;
    width: 80%;
  }
}

@keyframes fadein {
  from {
    opacity: 0;
    width: 65%;
  }
  to {
    opacity: 1;
    width: 80%;
  }
}
.touch .client-close{
    display:none ;
}

.small-slide img{
    max-width:1068px!important;
}
.homepage-mobile{
    margin-bottom:40px;   
}
.menu-logos a{
    padding:0px !important;
}
#whoson_chat_link img{
        bottom: 0;
        right: 10px;
        position: fixed;
        background:url(images/chat.png);
        z-index:999;       
    }

.popular-brands{
    background:#f4f4f4;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    display:block;
    margin-bottom:50px;
    margin-top:50px;
}

.a dropdown-header{
    padding:0;
}

.dropdown-header a{
    color:#13418B !important;
}
.review-header img{
    margin-top:-5px;
}

.product-categories h2{
    font-size:18px;
}
.review-header b{
    color:#F77C00;
}

.overlay{
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(255, 130, 45, 0.85) !important;
  font-family: 'Montserrat', sans-serif;
  color: #fff;
  z-index:999;
    margin-bottom:-50px;
}

.not-found {
  background: url('images/404.jpg');
  background-size: cover;
}

.not-found .error {
  text-align: center;
  padding: 50px;
  position: relative;
  top: 50%;
}

.not-found h1 {
  margin: -10px 0 -30px;
  font-size: calc(17vw + 40px);
  opacity: .8;
  letter-spacing: -17px;
}

.not-found p {
  opacity: .8;
  font-size: 20px;
  margin: 8px 0 38px 0;
  font-weight: bold
}

.not-found input {
  width: 300px;
  padding: 14px;
  max-width: calc(100% - 80px);
  border-radius: 6px 0 0 6px;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
  border:0;
  color:#000;
}

.not-found button {
  width: 46px;
  padding: 13px 16px 14.5px 12.5px;
  vertical-align: top;
  color: #13418B;
  background: #fff;
  cursor: pointer;
  transition: all 0.4s;
  border:0;
}

.not-found button:hover {
  color: white;
  background: #9A5C32
}

.not-found .fa-arrow-left {
  position: relative;
  top: 30px;
  left: 30px;
  font-size: 2em;
  color:white;
  text-decoration:none
}
.pagination{
    margin:0;
}

.cat-top{
    font-size:14px;
    margin:10px 10px 10px 0px;
    padding:0px;
    font-weight:bold;
    display:inline-block
}
.pagination>li>a, .pagination>li>span{
    border-color:#000;
}
.pagination>li>a, .pagination>li>span{
    color:#000;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{
    border-color:#000;
}
.cat-heading{
    margin-top:8px;
    font-size:1.5em !important;
    margin-bottom:0px;
    padding-bottom:10px;
}

.product-cat-title{
    /**background:#f4f4f4; */
}
.pagination-sm{
    float:right;
}
.pagination-sm > li > a {
    padding: 2px 10px;
    font-size: 14px;
    border: 1px solid #ddd;
}
/** ACTIVE **/
.pagination .page { 
    background: #13418B;
    color: #fff;
    font-size: 14px;
}
.search-pagging .pagination{
    padding-top:10px;
}
.search-page .pagination{
    margin-top:10px;
}
.product-desc .displaying{
    padding-top:10px;
}
.product-desc .page-of{
    text-align:right;
}

.stars h1 span{
    margin-top:10px;
}
.expander-trigger h3{
    padding:10px 10px;
    color:#fff;
    font-family:'Source Sans Pro', sans-serif;
    font-size:16px;
}

.expander {
  width: auto;
  background-color: #f6f6f7;
  cursor: pointer;
}
.expander span{
    font-size:16px;
    font-weight:bold;
    padding-bottom:5px;
    width:100%;
    display:block;
}
.expander h2{
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 11px;
    width: 100%;
    display: block;
    border-bottom: 1px solid #ccc;
}
.expander .expander-trigger {
  font-family: FontAwesome;
}
.expander .expander-trigger span {
  -webkit-transition: -webkit-transform 0.24s cubic-bezier(0.53, 1.26, 0.83, 0.67);
  -moz-transition: -moz-transform 0.24s cubic-bezier(0.53, 1.26, 0.83, 0.67);
  transition: transform 0.24s cubic-bezier(0.53, 1.26, 0.83, 0.67);
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  transform: rotateX(180deg);
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  float:right;
  top: -40px;

}
.expander .expander-trigger span.expanded {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  top:-55px;
  transform: rotateX(0deg);
}
.expander .expander-trigger span:after {
  content:"\f0ab";
  position: absolute;
  font-size:18px;
  color:#fff;
  border:0;
  font-family: FontAwesome;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
      top: 14px;
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  border-top-style: none;
  border-right-style: none;
}
.expander .expander-content {
    margin-bottom:25px;
}
.expander .expander-hidden {
  display: none;
}
.expander-content a {
    font-size:12px;
    padding-top:4px;
    color:#585858;
}
.expander-content img{
    padding-right:5px;
    width:20px;
}

.basket-page{
    margin-bottom:25px;
}
.project-list li a{
    color:#383838;
    text-decoration:none;
}
.product-tab thead{
    font-weight:bold;
}
 .dropdown-menu img:hover{
    background:none;
}
 .menu-advert a:hover{
     background-color:none !important;
 }
.dropdown-menu li img:hover{
    background-color:#fff !important;
}

.cms-content h1{
    font-size:2em;
}
.cms-content h2{
    font-size:1.7em;
    font-weight:bold;
}
.cms-content h3{
    font-size:1.5em;
}
.cms-content h4{
    font-size:1.3em;
}
.cms-content img{
    max-width:100%;
    height:auto;
}

.cms-content [type="checkbox"]:not(:checked), [type="checkbox"]:checked {
    position: absolute;
    left: auto;
}

.expander-trigger .product-head{
    background:#F77C00;
}
.search-page-of{
    float:right;
    margin-bottom:15px;
}

.cms-content button{
    background:#F77C00 !important;
    color:#fff !important;
    border:0 !important;
    transition: 0.5s;
    padding:10px 15px !important;
    font-size:18px;
    font-weight:bold;
}
.cms-content button:hover{
    background:#13418B !important;
}
.mobile-footer ul {
    list-style: none;
    margin-top: 10px;
    margin-bottom: 50px;
}
.mobile-footer li{
    padding:5px 10px;
    text-align:center;
    font-size:14px;
}
.no-products-found p{
    padding:10px 0px 10px 0px;
    margin-bottom:25px;
    font-size:1.4em;
    color:#383838;
}
.other-products-add{
    background:#F77C00 !important;
    color:#fff;
    font-size:18px;
    float:right;
    border-radius:50%;
    padding: 3px 9px !important;
    cursor:pointer;
}
.other-products-add:hover{
    background:#28A8E0 !important;
    cursor:pointer;
    color:#fff;
    text-decoration:none;
}

.min-order{
    font-weight:bold;
    color:red;
    margin-bottom:0px;
    padding-top:10px;
}

.min-order-basket{
    background: darkred;
    color:#fff;
    padding: 5px 5px;
    font-weight: normal;
    font-size:12px;
    width:auto;
    border-radius:5px;
    text-align:center;
}
.min-order-basket a:hover{
    text-decoration:none;
}
.blog h2{
    color:#F77C00;
    font-size:16px;
    font-weight:bold;
}

.blog .basket-title{
    margin-top:0px;
    padding-top:0px;
    margin-bottom:35px;
}

.blog h1:hover{
    color:#28A8E0;
    text-decoration:none;
}

.blog-item{
    background:#f5f5f5;
    padding:10px;
    border:5px solid #fff;
    min-height:210px;
}

.blog-item time{
    padding-top:10px;
    color:#13418B;
    display:block;
    font-weight:bold;
    font-size:10px;
}

.blog-item img{
    vertical-align:middle;
    max-width:100%;
}

.blog-read-more{
    color:#F77C00;
    display:block;
    margin-top:10px;
    font-weight:bold;
}

.blog-btn{
    background-color:#F77C00;
    padding:5px 10px;
    color:#fff;
    border:0;
}
.blog-btn:hover{
    background:#28A8E0;
}

.table-for-diff-prices {
    width: 100%;
}
.table-for-diff-prices td{
    width:102px;
}
.table-for-diff-prices .center{
    text-align:center;
}

.featured-products{
    padding:0px 16px;
    left: -1px;
}

.featured-products-title h2{
    font-size:16px;
    margin:0;
    padding-bottom:10px;
    padding-top:10px;
    font-weight:600;
}
.featured-products article img{
    text-align:center;
}

.featured-products article{
    min-height:50px !important;
    padding-bottom:20px;
}

.featured-products article .product-image-list img{
    height: 200px;
}

.featured-products .product-list h2{
    font-size:14px;
    margin-top:5px;
    margin-bottom:5px;
}

.featured-products .product-list h2{
    font-size:16px;
    font-weight:700;
    overflow: hidden;
    text-overflow: ellipsis;
}

.featured-products .product-image-list img{
    padding-top:10px;
}

.featured-products .product-list{
    line-height:0px;
}

.featured-products h2{
    padding:7px 0px;
    margin:0px;
    font-size:16px;
    color:#000;
    text-align:center;
}

.featured-products-item {
    border: 2px solid #e5e5e5;
    border-bottom: 4px solid #e5e5e5;
    text-align: center;
    padding-bottom: 10px;
    min-height: 300px;
    padding-right: 15px;
    padding-left: 15px;
}

    .featured-products-item:hover {
        border-color: #F77C00;
    }


.header-tel{
    font-size:18px;
    font-weight:bold;
    margin-left:12px;
    padding-top:2px;        
    padding-bottom:5px;
    display:block;
    float:right;
    padding-right:10px;
}

.page-showing{
    margin-top:10px;
}
.show-page {
    margin-bottom: 0px;
    padding-left: 0px;
    padding-bottom: 10px;
    padding-right: 0px;
    float: right;
}
.clear-all{
    font-style:italic;
    border:1px solid #F77C00;
    padding:8px 5px 8px 5px !important;
    margin:25px 10px !important;
    width:92% !important;
    text-align:center;
    color:#fff !important;
    background:#F77C00;
	float: right;
}

.basketimg img {
    max-height: 80px;
    max-width: 80px;
    position: relative;
    margin-top: 10px;
}

#results{
    position:absolute;
    z-index:9999;
    top:68px;
    width:346px;
    background-color:#fff;    
    max-height:300px;
    overflow-y:auto;
    overflow-x:hidden;
    text-align:left;
    font-weight:bold;
}

.search-item{
    padding: 10px 6px;
    margin-left:15px;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom:1px solid #ccc;
}
.search-item:hover{
    background-color:#eee;
}


.search-item a{
    color:#000;
}
.required{
    font-weight:bold;
    font-size:18px;
    color:#F77C00 !important;
}
.blog-date{
    margin-top:10px;
    margin-bottom:10px;
}
.secure-checkout{
    padding:15px 10px; 
    border:1px solid #dbdbdb;
    margin-top:25px;
    margin-bottom:40px;
}

.secure-checkout{
    text-align:center;
}

.recomended-products{
    padding:0px;
}


.recommended img {
    max-height: 65px;
}

.recommended .add-to{
    background: #F77C00 !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 0;
    padding: 5px 15px !important;
    font-size: 14px;
    float:left;
    width: auto;
    margin-top:10px;
    color:#fff;
}

.recommended span{
    margin-bottom:10px;
}

.recomended-products h2{
    margin-top:10px;
    padding-top:5px;
}

.product-upsell {
    padding:10px 10px;
    color:#ccc;
    border:1PX solid #CCC;
    font-size:14px;
    margin-top:10px;
    text-align:center;
}

.product-upsell a{
    color:#333;

}

.product-upsell i{
    color: #F77C00 !important;
    font-size:20px;
}

.recomended-product-title{
    font-weight:bold;
    font-size:12px;
    margin-top:10px;
    margin-bottom:0px;
}


.recomended-products h2{
    font-size: 16px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    font-weight: bold;
}

.other-quantity{
    margin-top:12px;
    float:left;
}

.other-quantity .input-number{
    height: 25px;
    width:45px;
}

    .other-quantity button {
        height: 25px !important;
        width: 30px !important;
        background: #727272;
        color: #fff;
        padding: 2px 5px;
    }

.other-quantity .glyphicon{
    font-size:10px;
    font-weight:normal;
}

.eco-background{
    background: url('~/Content/images/eco-background.jpg');
}

.white-top {
    background: #c8c8c8;
    min-height: 4px;
    border-bottom: 1px solid #a5a5a5;
    color: #646464;
    text-align: center;
    font-weight: 200;
}

/* Product Page review stars */
.fa-star {
    color: #FDD003;
}
.fa-star-half-o {
    color: #FDD003;
}

#overallRating {
    text-decoration: none;
}

#overallRating:hover {
    text-decoration: none;
}

#overallRating span:nth-child(2) {
    color: #0F4C8F;
    text-decoration: none;
}

#overallRating span:nth-child(2):hover {
    text-decoration: underline;
}

/* Side images */
.left-image {
    background: url('/Content/images/epdm-calculator2.png');
    display: block;
    left: 20px;
    margin-top: 18px;
    background-repeat: no-repeat;
    height: 490px;
    width: 226px;
    position: absolute;
    background-size: cover;
    border: 2px;
    border-style: solid;
    border-color: -moz-linear-gradient(top, #555555, #111111);
    border-radius: 15px;
}


.right-image {
    background: url('/Content/images/epdm-calculator2.png');
    display: block;
    right: 20px;
    margin-top: 18px;
    background-repeat: no-repeat;
    height: 490px;
    width: 226px;
    position: absolute;
    background-size: cover;
    border: 2px;
    border-style: solid;
    border-color: -moz-linear-gradient(top, #555555, #111111);
    border-radius: 15px;
}

#sortByContainer {
	
}

#sortByContainer span {
	font-size: 14px;
	font-weight: 700;
	clear: both !important;
}

    .cat-filter label {
        float: left;
        margin: 3px 5px 0 0;
        line-height: 25px;
        font-size: 13px;
    }

    .cat-filter ul {
        margin-top: 1px
    }

    .cat-filter select {
        float: left;
        max-width: 190px;
        margin-bottom: 10px;
        padding: 5px 6px 6px 8px;
        box-shadow: inset 0 3px 8px 0 #e5e6e6;
        border: 1px solid #d1d2d2;
        font-size: 15px;
        color: #636363;
    }

#lowerPageContainer {
	position: relative;
	bottom: 30px;
	padding: 20px;
}

#lowerPageContainer p {
	float: left;
}

.clickable:hover {
	cursor: pointer;
}

.showHide {
	float: right;
}

.page {
	color: #fff;
	background-color: #13418B;
}

.filter-box hr {
	border-top: 1px solid #bbb;
}

.fast-delivery-img {
	float: right;
}

.fast-delivery-img img{
	width: 100px;
	display: none;
}

article {
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 25px;
}





/** CATEGORY PAGE READ MORE **/
@keyframes fadeIn {
    0% {
        opacity: 0;
        background: #000
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 1;
        background: #fff
    }
}

/** CATEGORY PAGE BUTTONS **/
.cat-page-nav .btn {
    color: #000;
    background-color: #fff;
    border: 1px solid #bbb !important;
    font-size: 18px;
    height: 32px;
    padding: 3px 12px;
}

/** CEDRAL WEATHERBOARD CALCULATOR **/
#cedralInput {
    height: 30px;
    color: #000;
    border: 1px solid #ccc;
}

.cedral-calculator {
    border: 1px solid #ccc;
    box-shadow: 1px 1px 1px #888888;
    background-color: #fff;
    padding: 0px 20px 20px 20px;
    border-radius: 20px;
}

    .cedral-calculator .input-group-addon {
        color: #fff;
        background-color: #F77C00;
        font-size: 16px;
    }

    .cedral-calculator p {
        margin-bottom: 0px;
    }

    .cedral-calculator h2 {
        color: #F77C00;
    }

#cedralSubmit {
    margin-top: 10px;
    background-color: #F77C00;
    font-size: 16px;
    width: 155px;
}

.cedral-labels {
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    color: #F77C00;
}
/** CEDRAL WEATHERBOARD CALCULATOR **/