@import url(//fonts.googleapis.com/css?family=Montserrat:400,700);
@import url('custom.css');
body {
	background-color: rgba(255, 255, 255, 1) /*{body|background-colour}*/;
	background-image: none /*{body|background-image}*/;
	font-family: 'Montserrat', sans-serif;
	color: #666666 /*{body|text-colour}*/
}
a, a:hover {
	color: #497791 /*{primary-colour}*/;
}
.navbar-default, .wrapper-header .btn-default {
	background-color: #497791 /*{header|navigation-background-colour}*/;
	border-color: #497791 /*{header|navigation-background-colour}*/;
}
.navbar-default .navbar-nav > li > a,.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:active {
	color: #ffffff /*{header|navigation-text-colour}*/;
	font-size: 16px;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	background-color: rgba(255, 255, 255, 0.09);
	color: #ffffff /*{header|navigation-text-colour}*/;
	border-radius: 8px;
}
.navigation-list li a, .wrapper-header .btn-default {
	color: #ffffff /*{header|navigation-text-colour}*/;
}
.wrapper-footer {
	background-color: #ffffff /*{footer|background-colour}*/;
}
.wrapper-footer hr {
	border:none;
}
.wrapper-footer p, .wrapper-footer h4, .wrapper-footer {
	color: #666666 /*{footer|text-colour}*/;
}
.wrapper-footer a, .wrapper-footer a:hover, .wrapper-footer a:visited {
	color: #497791 /*{footer|link-colour}*/;
}
#n_product .qty {
	height: 65px;
}
.npopup .btn {
	padding: 12px 19px;
}
.wrapper-category-home {
	margin-bottom: 20px;
}
#main-content {
	padding-top: 15px;
}
.btn-primary {
  color: #FFFFFF;
  background-color: #497791 /*{primary-colour}*/;
  border-color: #497791 /*{primary-colour}*/;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #FFFFFF;
  background-color: #497791 /*{primary-colour}*/;
  border-color: #497791 /*{primary-colour}*/;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #497791 /*{primary-colour}*/;
  border-color: #497791 /*{primary-colour}*/;
}
.btn-default {
  color: #FFFFFF;
  background-color: #497791 /*{primary-colour}*/;
  border-color: #497791 /*{primary-colour}*/;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #FFFFFF;
  background-color: #497791 /*{primary-colour}*/;
  border-color: #497791 /*{primary-colour}*/;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #497791 /*{primary-colour}*/;
  border-color: #497791 /*{primary-colour}*/;
}
.btn-success {
  color: #FFFFFF;
  background-color: #dc1e32 /*{call-to-action-colour}*/;
  border-color: #dc1e32 /*{call-to-action-colour}*/;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #FFFFFF;
  background-color: #dc1e32 /*{call-to-action-colour}*/;
  border-color: #dc1e32 /*{call-to-action-colour}*/;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #dc1e32 /*{call-to-action-colour}*/;
  border-color: #dc1e32 /*{call-to-action-colour}*/;
}
/*.spendmore, .expressFree {color:#ffffff; background-color:#24A332; border: 1px solid #16671F; font-size:22px; margin:10px; padding:4px; border-radius: 8px; line-height:33px; box-shadow: 5px 5px #F0f0f0;  }
.spendmore, .expressFree {text-align:center;   animation-duration: 1.3s;
    animation-name: fadeAndScale; animation-iteration-count: 5;
    animation-timing-function: cubic-bezier(.71,.55,.62,1.57);}*/
.spendmore, .expressFree  {display:none;}
@keyframes fadeAndScale {
    from {
        opacity: 0;
        transform: scale(.9, .9);
    }
    to {
        opacity: 1;
        transform: scale(1, 1);
    }
}
 @-webkit-keyframes colorchange {
      0% {
        
        color: #ffffff;;
      }
      
      10% {
        
        color: #ffff00
      }
      
      20% {
        
        color: white;
      }
      
      30% {
        
        color: #ffff00;
      }
      
      40% {
        
        color: white;
      }
      
      50% {
        
        color: #ffff00;
      }
      
      60% {
        
        color: white;
      }
      
      70% {
        
        color: #ffff00;
      }
      80% {
     
        color: white;
      }
      
      90% {
     
        color: #ffff00;
      }
      
      100% {
        
        color: white;
      }
    }
@keyframes slidein {
  from {
    margin-left: 56%;
    width: 300%; 
  }
  to {
    margin-left: 0%;
    width: 100%;
  }
}
@keyframes blinker {
  50% {
    opacity: 0.4;
  }
}