/* here you can put your own css to customize and override the theme */

@font-face {
    font-family: 'gothambold';
    src: url('fonts/gotham-bold-webfont.eot');
    src: url('fonts/gotham-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gotham-bold-webfont.woff') format('woff'),
         url('fonts/gotham-bold-webfont.ttf') format('truetype'),
         url('fonts/gotham-bold-webfont.svg#gothambold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gothambook';
    src: url('fonts/gotham-book-webfont.eot');
    src: url('fonts/gotham-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gotham-book-webfont.woff') format('woff'),
         url('fonts/gotham-book-webfont.ttf') format('truetype'),
         url('fonts/gotham-book-webfont.svg#gothambook') format('svg');
    font-weight: normal;
    font-style: normal;
}

/******* ********************** **********/
/******* generic template stuff **********/
/******* ********************** **********/

.alert-error {
	color: #b94a48;
	background-color: #f2dede;
	border-color: #ebccd1;
}

body {
	font-family: 'gothambook' !important;
	background-color: #fbfbf3;
	color: #6c4e31;
}

a,a:hover {
	text-decoration: none;
}

.bold {
	font-family: 'gothambold';
}

.account-choice {
	background-color: #6c4e31;
	height: 30px;
}

.account-choice a {
	background-color: #dfcaaf;
	width: 100px;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	color: #a16933;
	text-align: center;
}

.account-choice a.active {
	background-color: #f9f3e4;
}

.header {
	background-color: #f9f3e4;
}

.container {
	padding: 0 15px;
}

.header {
	box-shadow: none;
}

.header .container {
	min-height:110px;
}

.header .navbar-collapse {
	border-color: #6c4e31;
}

.container>.navbar-header {
	margin-bottom: 10px;
}

.header .navbar-btn{
	background-color: #8b643f;
}

.header .navbar-btn:hover{
	background-color: #dfcaaf !important;
}

.header .nav.navbar-order-nav li:last-child {
	margin-right: 0;
}

.header .nav li > a {
	color: #755536;
	text-transform: uppercase;
}

.header .nav li > a:hover, .header .nav li.active > a, .header .nav li.active:hover > a {
	background: none !important;
	color: #a16933;	
}

.header .nav li > a,.header .nav li > a:hover, .header .nav li.active > a, .header .nav li.active:hover > a {
	padding-top: 55px;
	border-top: none;
}

.header .nav.navbar-order-nav li > a {
	padding-left: 10px;
	padding-right: 10px;
	font-size: 16px;
	color: #a7b72b;
	display: inline-block;
}

.header .nav.navbar-order-nav li.active > a {
	color:#6c4e31;
}

.header ul.user-menu {
	float: right;
	margin-right: 0;
}

.header .navbar-user {
	height: 110px;
	z-index: 101;
	margin-left: 110px;
	text-align: right;
}

.header .navbar-user a {
	text-align: center;
	margin-top: 30px;
}

.header .navbar-user div {
	float: right;
	margin-top: 30px;
	text-align: center;
}

.navbar-header a.cart {
	margin-right: 15px;
}

.header .navbar-user a.cart,.navbar-header a.cart{
	position: relative;
	margin-left: 15px;
}

.header .navbar-user .block-account {
	background: url(/images/front/user_loggedout.png);
	background-repeat: no-repeat;
	display: block;
	height: 45px;
	padding-left: 50px;
	text-align: left;
	padding-top: 5px;
	margin-top: 7px;
}

.header .navbar-user a.account {
	margin-top: 20px;
}

.header .navbar-user .logout-link {
	color: #a7b72b;
	font-family: 'gothambold';
}

.header .navbar-user .username {
	color: #6c4e31;	
	font-family: 'gothambold';
	font-size: 14px;
}

.header .navbar-user .cart-count,.navbar-header .cart-count {
	background-color: #a7b72b;
	color: #fbfbf3;
	font-family: 'gothambold';
	font-size: 15px;
	padding: 2px 6px;
	position: absolute;
	bottom: -20px;
	right: -1px;
}
.header a.logo-v1 img {
	margin-top: 0;
}

.header .navbar-brand {
	display: inline-block;
	position: relative;
	z-index: 101;
	padding-bottom: 0;
}

.header .franchise {
	display: block;
	color: #6c4e31;
	text-transform: uppercase;
	top: 5px;
	position: relative;
	font-size: 14px;
	width: 130px;
	text-align: right;
	z-index: 100;
}

.header .franchise img {
	margin-top: 0;
	margin-right: 5px;
}

.header .dropdown-menu-franchises {
	border: none;
	background-color: transparent;
	text-align: left;
	min-width: 0;
	margin-left: 17px;
	margin-top: 10px;
}

.header .dropdown-menu-franchises li {
	border-bottom: 1px solid transparent;
}

.header  .dropdown-menu-franchises li a,.header  .dropdown-menu-franchises li a:hover {
	color: #f9f3e4 !important;
	font-size: 14px !important;
	text-transform: uppercase !important;
	background: #a16933 !important;
}

.footer {
	background-color: #6c4e31;
	text-transform: uppercase;
}

.footer .col-md-2 {
	margin-right: 60px;
}

.footer p {
	color: #946a43;
	font-size: 16px;
}

.footer h3 {
	color: #fbfbf3;
	font-size: 16px;
}

.footer ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	font-size: 16px;
	color: #946a43;
}

.footer ul a {
	color:#946a43;
}

.footer .social-link {
	font-size: 16px;
	margin-top: 20px;
}

.footer .social-link a {
	width: 140px;
	float: right;
	background-color: #fff;
	padding: 11px 9px;
	margin-bottom: 3px;
	color: #63472d;
}

.footer .social-link a.facebook {
	background: #8b643f url(/images/front/f.png) no-repeat 120px center;
}

.footer .social-link a.message {
	background: #8b643f url(/images/front/message.png) no-repeat 111px center;
}

.page-container {
	padding-top: 35px;
	padding-bottom: 35px;
}

.page-container .container h1 {
	margin-top: 0px;
	font-family: 'gothambook';
	text-transform: uppercase;
	color: #6c4e31;
	font-size: 30px;
}

.page-container .container h3 {
	margin-top: 0px;
	text-align: center;
	font-family: 'gothambold';
	text-transform: uppercase;
	color: #6c4e31;
}

.line-separator {
	border-bottom: 1px solid #ded8cc;
}

.close {
display: inline-block;
margin-top: 0px;
margin-right: 0px;
width: 9px;
height: 9px;
background-repeat: no-repeat !important;
text-indent: -10000px;
outline: none;
background-image: url("/images/metronic/remove-icon-small.png") !important;
}

.alert {
	margin-bottom: 0;
}

/******* ********************** **********/
/******* prehome                **********/
/******* ********************** **********/
.prehome-features {
	padding-bottom: 70px;
	padding-top: 50px;
}

.prehome-feature {
	text-align: center;
	color: #6c4e31;
}

.prehome-feature h2 {
	color: #6c4e31;
}

.prehome-feature p {
	font-size: 16px;
}

.prehome-feature a {
	background-color: #6c4e31;
	padding: 10px;
	color: #fbfbf3;
	padding-top: 10px;
	display: inline-block;
}
/******* ********************** **********/
/******* cart                   **********/
/******* ********************** **********/
.cart-container {
	border: 1px solid #ded8cc;
	padding-bottom: 30px;
}

.cart-column {
	color: #6c4e31;
}

.cart-rows {
	padding:7px;
	margin-bottom: 30px;
}

.cart-close {
	position: absolute;
	cursor: pointer;
	display: none;
	top:15px;
	right:0;
}

.row-cart {
	height: 45px;
	display: table;
}

.row-cart-data {
	width: 210px;
	position:relative;
	float: right;
}

.row-cart-name {
	display: table-cell;
	width: 170px;
	vertical-align: middle;
	color: #6c4e31;
	height: 45px;
	vertical-align: middle;
}

.row-cart-price {
	display: table-cell;
	text-align: right;
	height: 45px;
	vertical-align: middle;
	width: 45px;
	color: #6c4e31;
}

.row-cart-quantity {
	width: 20px;
	text-align: center;
	font-family: 'gothambold';
	display: table-cell;
	height: 45px;
	vertical-align: middle;
	font-size: 14px;
	color: #a16933;
}

.cart-column #cart-details,#cart-total {
	padding: 10px;
}

#cart-subtotal .subtotal-label,#cart-subtotal .subtotal-value,#cart-total .total-subtitle,#cart-total .total-value {
	font-family: 'gothambold';
	font-size: 16px;
	margin-top: 20px;
}

#cart-subtotal .subtotal-label,#cart-total .total-subtitle,#cart-total .promocode-subtitle,#cart-total-final .total_final-subtitle {
	float: left;
}

#cart-total .promocode-subtitle {
	font-family: 'gothambold';
	font-size: 16px;
	text-transform: uppercase;
}


#cart-total .promocode-subtitle .promocode-subtitle-description {
	color: #a06938;
	font-family: 'gothambold';
	font-size: 16px;
}

#cart-total .total-subtitle span {
	font-size: 12px;
	margin-left: 5px;
}


#cart-subtotal .subtotal-value,#cart-total .total-value,#cart-total-final .total_final-value {
	float: right;
}

#cart-subtotal {
	margin-bottom: 10px;
	padding: 10px;
}

#cart-subtotal .subtotal-subtitle {
	font-size: 14px;
	display: block;
}

#cart-subtotal .delivery-subtitle {
	margin-bottom: 5px;
	float: left;
}

#cart-subtotal .delivery-value,#cart-total .promocode-value {
	float: right;
	color: #a16933;
	font-family: 'gothambold';
}

#cart-subtotal .renew-subtitle {
	margin-bottom: 5px;
	float: left;
}

#cart-subtotal .renew-value {
	float: right;
	color: #a16933;
	font-family: 'gothambold';
}

#cart-total-final {
	/*display: none;*/
	background-color: #6c4e31;
	color:#ffffff;
	padding: 25px 10px;
}

#cart-action {
	text-align: center;
	margin-top: 20px;
}

#cart-action .submit-order {
	color: #ffffff;
	background-color: #a7b72b;
	display: inline-block;
	text-align: center;
	padding: 10px;
	border-radius: 3px !important;
}

.btn-submit,.btn-submit:hover {
	color: #ffffff;
	background-color: #a7b72b;
	display: block;
	text-align: center;
	padding: 10px 0;
	border-radius: 3px !important;
}

.btn-submit-brown {
	background-color: #8b643f;
}

.btn-submit-gray,.btn-submit-gray:hover {
	background-color: #999999;
}

.btn-submit-facebook {
	background-color: #3b5998;
	margin-top: 50px;
}

.cart-column .clear-cart {
	font-size: 16px;
	font-family: 'gothambold';
	text-align: center;
	display: block;
	color: #6c4e31;
	margin-top: 15px;
}



/******* ********************** **********/
/******* packs display          **********/
/******* ********************** **********/


.pack {
	width: 100%;
	display: block;
	color: #8b643f;
	font-size: 16px;
}

.product {
	text-align: center;
	margin-bottom: 40px;
	background-color: #ffffff;
	padding-bottom: 20px;
	border-radius: 3px !important;
	border: 1px solid #ece9df;
}

.product-detail {
	padding-left: 5px;
	padding-right: 5px;
}

.article-name {
	text-transform: uppercase;
	text-align: center;
	margin-top: 10px;
}

.pack-name {
	display: none;
}

.article-media {
	max-width: 100%;
	max-height: 200px;
}

.article-name {
	color: #8b643f;
	font-size: 15px;
	margin-top: 15px;
	display: block;
	min-height: 60px;
}

.pack-media {
	width: 100%;
	height: 200px;
	background: url('/images/front/default_pack.jpg');
	background-size: cover;
	background-repeat: no-repeat;
}

.pack-prices,.product-prices {
	text-align: center;
	margin-top: 15px;
}

.pack-prices span,.product-prices span {
	height: 25px;
	display: inline-block;
	line-height: 25px;
}

.pack-prices .normal-price{ 
	text-decoration: line-through;
	color: #8b643f;
	font-size: 14px;
	margin-right: 10px;
}

.pack-prices .actual-price,.product-prices .actual-price {
	background-color: #8b643f;
	font-size: 16px;
	color: #fbfbf3;
	border-radius: 3px !important;
	padding: 2px 8px;
	margin-right: 10px;
}

.discount .product-prices .actual-price {
	background-color: #d74a05;
	color: #fbfbf3;
}

.discount .product-prices .normal-price {
	text-decoration: line-through;
	color: #d74a05;
	font-size: 14px;
	margin-right: -2px;
}

a.product-plus span{
	background-color: #a7b72b;
	color: #fbfbf3;
	font-size: 20px;
	border-radius: 3px !important;
	padding: 0px 6px;
}

/******* ********************** **********/
/******* block address ****/
/******* ********************** **********/
.block {
		background-color: #f9f3e4;
		height: 255px;
		border-radius: 3px !important;
	}

.block .btn-submit {
	margin-left: 15px;
	margin-right: 15px;
	padding: 15px 0;
	font-family: 'gothambold';
	margin-bottom: 20px;
}

.block-address {
	margin-bottom: 20px;
	position: relative;
}

.block-address .block-action{
	position: absolute;
	bottom: 5px;
	width: 100%;
}

.block-address .address-modify,.block-address .address-delete {
	text-transform: uppercase;
	font-family: 'gothambold';
	font-size: 14px;
	color:#a16933;
}

.block-address .address-delete {
	color: #a32514;
}

.block-address .btn-submit {
	text-transform: uppercase;
}

.block h3 {
	font-size: 16px;
	color: #6c4e31;
	font-family: 'gothambold';
	text-transform: none !important;
	padding-top: 20px;
	margin-bottom: 15px;
}

.block p {
	text-align: center;
}

.block-new-address {
		cursor: pointer;
    	text-align: center;
	}

.block-new-address .block-content {
	display: inline-block;
	color: #a16933;
}

.block-content {
	padding: 15px;
	font-size: 16px;
}

#big-plus {
	font-size: 120px;
}

#add-address {
	font-family: 'gothambold';
	color: #a16933;
	display: block;
	position: relative;
	margin-top: -30px;
}

#address-modal * {
		color: #6c4e31;
	}

#address-modal .modal-header {
	border-bottom: none;
}

#address-modal .modal-footer {
	border-top: none;
	margin-top: 0;
}

#address-modal .modal-title {
	text-transform: uppercase;
	color: #6c4e31;
	font-size: 28px;
	text-align: center;
}

#address-modal .modal-content {
	background-color: #f9f3e4;
}

#address-modal input[type="text"] {
	border-color: #dfcaaf;
	border-radius: 3px !important;
}

#address-modal input[type="submit"],#address-modal input[type="button"],#menu-login input[type="submit"]{
	border: none;
	width: 100%;
	color: #fff;
	font-family: 'gothambold';
	text-transform: uppercase;
}

/*login menu*/
#menu-login {
	background-color: #6c4e31;
	height: 0px;
	overflow: hidden;
}

#menu-login * {
	color: #ffffff;
}

#menu-login .login-container {
	height: 345px;
	text-align: center;
}

#menu-login .login-container-account {
	margin-top: 50px;
}

#menu-login .login-container-account img {
	margin-bottom: 40px;
}

#menu-login .login-container-login {
	margin-top: 60px;
}

#menu-login .login-container-facebook {
	margin-top: 100px;
}

#menu-login .login-block {
	line-height: normal;
	vertical-align:middle;
	display:inline-block;
	width: 240px;
}

#menu-login .login-container-account .login-block {
	width: auto;
}

#menu-login .login-block .login-title {
	display: block;
	font-size: 16px;
	font-family: 'gothambold';
}

#menu-login .login-container-login .login-title {
	margin-bottom: 30px;
}

#menu-login .login-container-account .btn-submit {
	margin-top: 65px;
}

#menu-login .login-container-login .btn-submit {
	margin-top: 30px;
}

#menu-login .login-block .btn-submit {
	text-transform: uppercase;
	font-size: 14px;
	padding: 14px 0;
}


#menu-login input[type=text],#menu-login input[type=password]{
	border-radius: 3px !important;
	color: #6c4e31 !important;
	padding: 12px;
	height: auto;
}

/**** uniform overload *****/
.radio input[type="radio"] {
	margin-left: 0;
}
div.radio span {
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased; }
div.radio{
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  /* Keeping this as :focus to remove browser styles */ }
  div.radio:focus{
    outline: 0; }
div.radio, div.radio *{
  margin: 0;
  padding: 0; }
/* Radio */
div.radio {
  position: relative; }
  div.radio, div.radio span, div.radio input {
    width: 24px;
    height: 24px; }
  div.radio span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    background-position: 0 0; background-image: url(/images/front/checkbox-r-off.png);}
    div.radio span.checked {
      background-position: 0 0; background-image: url(/images/front/checkbox-r-on.png);}
  div.radio input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center; }
  div.radio.active span {
    background-position: 0 0; }
    div.radio.active span.checked {
      background-position: 0 0; }
  div.radio.hover span, div.radio.focus span {
    background-position: 0 0; }
    div.radio.hover span.checked, div.radio.focus span.checked {
      background-position: 0 0; }
  div.radio.hover.active span, div.radio.focus.active span {
    background-position: 0 0; }
    div.radio.hover.active span.checked, div.radio.focus.active span.checked {
      background-position: 0 0; }
  div.radio.disabled span, div.radio.disabled.active span {
    background-position: 0 0; }
    div.radio.disabled span.checked, div.radio.disabled.active span.checked {
      background-position: 0 0; }
      div.radio {
  margin-right: 3px; }

  div.checker span{
    background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased; }
div.checker{
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  /* Keeping this as :focus to remove browser styles */ }
  div.checker:focus{
    outline: 0; }
div.checker, div.checker *{
  margin: 0;
  padding: 0; }
div.checker input{
  -moz-appearance: none;
  -webkit-appearance: none; }
div.checker {
  position: relative; }
  div.checker, div.checker span, div.checker input {
    width: 26px;
    height: 29px; }
  div.checker span {
  	background-image: url(/images/front/checkbox_off.png);
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    background-position: 0 0; }
    div.checker span.checked {
      background-image: url(/images/front/checkbox_on.png);
      background-position: 0 0; }
  div.checker input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1; }
  div.checker.active span {
    background-position: 0 0; }
    div.checker.active span.checked {
      background-position: 0 0; }
  div.checker.hover span, div.checker.focus span {
    background-position: 0 0; }
    div.checker.hover span.checked, div.checker.focus span.checked {
      background-position: 0 0; }
  div.checker.hover.active span, div.checker.focus.active span {
    background-position: 0 0; }
    div.checker.hover.active span.checked, div.checker.focus.active span.checked {
      background-position: 0 0; }
  div.checker.disabled, div.checker.disabled.active {
    background-position: 0 0; }
    div.checker.disabled span.checked, div.checker.disabled.active span.checked {
      background-position: 0 0; }

/***** accordion overload ******/
.panel-default {
	border: none;
}

.panel-body {
	border-right:1px solid #e6e1d6;
	border-left:1px solid #e6e1d6;
	border-top: none;
}

.panel-group .panel+.panel {
	margin-top: 1px;
}

.panel-default>.panel-heading {
	background-color: #e0cfb9;
	border: none;
	color: #ffffff;
	text-transform: uppercase;
}

.panel-default>.panel-heading.active {
	background-color: #6c4e31;
}

button.anchor-cart {
	top: 75px;
	margin-right: 8px;
}

.navmenu.offcanvas h3 {
	margin-top: 20px;
}

.scroller {
	padding: 0px;
	margin: 0px;
	padding-right: 12px;
	overflow: hidden;
}

#responsive .modal-body {
	padding: 20px 0;
}

#responsive .cart-container{
	border: none;
}

/******* ********************** **********/
/******* media queries: large display ****/
/******* ********************** **********/
@media (max-width: 1200px){

}

@media (max-width: 1024px) {
	.header .nav.navbar-order-nav li > a {
		padding-left: 5px;
		padding-right: 5px;
	}

	.header .container {
		margin-right: 0;
		margin-left: -15px;
	}

	.bx-controls-direction {
		display: none;
	}

	.row-cart-data {
		width: 165px;
	}

	.count-label {
		padding: 0;
	}

	span.subtotal-label,span.total-subtitle {
		width: 125px;
	}
}

@media (min-width: 769px) {
	.header .navbar-user a.cart,.navbar-header a.cart{
		display: inline !important;
		margin-left: 70px;
	}

	.header .navbar-user a {
		display: inline !important;
	}
}

@media (min-width: 768px) {
	#responsive .modal-dialog {
		width: 330px;
	}
}


@media (max-width: 768px) {
	.header .nav li > a, .header .nav li > a:hover, .header .nav li.active > a, .header .nav li.active:hover > a {
		padding-top: 10px;
	}

	/*.header.navbar-default .navbar-nav > li > a:hover, .header.navbar-default .navbar-nav > .active > a, .header.navbar-default .navbar-nav > .active > a:hover, .header.navbar-default .navbar-nav > .active > a:focus {
		background: #6c4e31 !important;
		color: #fff !important;
	}*/

	.header .navbar-brand {
		margin-left: 15px;
	}

	.header .nav.navbar-order-nav li > a {
		font-size: 14px;
	}

	.navbar-fixed-top .navbar-toggle {
		display: block;
	}

	#menu-login .login-container-account {
		margin-top: 10px;
	}

	#menu-login .login-container-login {
		margin-top: 40px;
	}

	#menu-login .login-container-facebook {
		margin-top: 82px;
	}

	#team .team-picto.row {
		margin-right: 0;
		margin-left: 0;
	}

	.row-cart-data {
		width: 220px;
	}

	.cards-alias td.cell-card {
		width: 60px !important;
	}

	.cards-alias td.cell-alias {
		width: 230px !important;	
	}

	.scroller {
		height: 460px;
	}

	/*.navbar-user {
		display: none;
	}*/

	/*#cart-column {
		display: none;
	}*/


	/*.account-choice {
		padding-left: 60px;
		height: 50px;
	}

	.account-choice a {
		height: 50px;
		line-height: 50px;
	}*/
}

@media (max-width: 767px) {
	.header .navbar-user {
		float: none !important;
		margin-left: 15px;
		height: auto;
	}

	.header .navbar-user div {
		float: none;
	}

	.navmenu, .navbar-offcanvas {
		width: 280px;
	}

	.row-cart-data {
		width: 200px;
	}

	.delivery-block .delivery-info {
		display: block !important;
		float: none !important;
		top: 0 !important;
	}

	.scroller {
		height: 260px;
	}

	.block-create{
		margin-left: 0 !important;
	}

	.tag {
		margin-top: -20px;
	}

	.block-gift {
		height: auto !important;
	}

	.other-payments .btn-submit {
		display: block !important;
		margin-bottom: 20px;
	}

	.form-payment input[type="submit"] {
		width: 100% !important;
		margin-left: 0;
	}

	.block-new-card {
		margin-left: 15px;
		margin-right: 15px;
	}

	.block-card {
		width: 30% !important;
	}

	.block-card img {
		max-width: 100%;
	}
}