/*#####################################################################################################################*/
/*GLOBAL STYLE */
html, body {font-family: Conv_ft91, Century Gothic, Verdana, Arial, helvetica, Calibri; color: #2a2a27; font-size: 18px; line-height: 20px; font-weight: normal; background-color: #fff3f3; height: 100%; width: 100%; margin: 0; padding: 0;}

a,a:visited {text-decoration: none; color: #9e1012; font-size: 18px; font-family: Conv_ft91, Century Gothic, Verdana, Arial, helvetica, Calibri; outline: none;}
a:hover,a:visited:hover {text-decoration: none; color: #9c9c9c; outline: none;}

.container-full {margin-right: 0; margin-left: 0; padding-left: 0; padding-right: 0;}
.pimage {
	height:185px;
	object-fit:contain;
}
.descrip {	
	height:125px;
	text-align:center;
	clear:both;
}
button {position: relative; margin: 0; padding: 1em; z-index: 1;}
@media (min-width:768px) {.container-full {width:100%}}
@media (min-width:992px) {.container-full{width:100%}}
@media (min-width:1200px) {.container-full {width:100%}}

.container {
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {width: 100%;}
}
@media (min-width: 992px) {
  .container {width: 100%;}
}
@media (min-width: 1200px) {
  .container {width: 1190px;  }
}
@media (min-width: 1520px) {
  .container {width: 1500px;  }
}
.row {margin-right: 0px; margin-left: 0px;}
.row-centered {text-align: center;}
.col-centered {margin: 0 auto;}

@font-face {
	font-family: 'Conv_ft91';
	src: url('../font/ft91/ft91.eot');
	src: url('../font/ft91/ft91.woff') format('woff'),
		url('../font/ft91/ft91.ttf') format('truetype'),
		url('../font/ft91/ft91.svg') format('svg');
	font-weight: 100;
	font-style: normal;
}
/*#####################################################################################################################*/
/*UPGRADE BROWSER PAGE*/
.container-ie{border:none;background:url('../images/sprite/browsers-sprite.png') -506px 0px;  height:126px;width:126px;}
.container-chrome{border:none;background:url('../images/sprite/browsers-sprite.png')  0px 0px;height:126px;width:126px;}
.container-firefox{border:none;background:url('../images/sprite/browsers-sprite.png') -127px 0px;height:126px;width:126px;}
.container-safari{border:none;background:url('../images/sprite/browsers-sprite.png') -256px 0px;height:126px;width:126px;}
/*#####################################################################################################################*/
/*TOP*/
.logo {padding: 17px 0 0 5px;}
/*navigation*/
.navbar-default {margin-bottom: 0px; z-index: 1000; border: none; border-radius: 10px; 
					background-color: #fff;
					background: -webkit-linear-gradient(#fff, #cccdcd); /* For Safari 5.1 to 6.0 */
					background: -o-linear-gradient(#fff, #cccdcd); /* For Opera 11.1 to 12.0 */
					background: -moz-linear-gradient(#fff, #cccdcd); /* For Firefox 3.6 to 15 */
					background: linear-gradient(#fff, #cccdcd); /* Standard syntax */
}
.navbar-default .navbar-nav > li > a {padding: 20px 15px 20px 15px; color: #2a2a27; outline: none; font-size: 28px; font-family: Conv_ft91, Century Gothic, Verdana, Arial, helvetica, Calibri;}
.moretoppad { padding: 10px 0 0 0;}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {color: #9e1012; outline: none;
					background-color: #c2c0c0;
					background: -webkit-linear-gradient(#fff, #c2c0c0); /* For Safari 5.1 to 6.0 */
					background: -o-linear-gradient(#fff, #c2c0c0); /* For Opera 11.1 to 12.0 */
					background: -moz-linear-gradient(#fff, #c2c0c0); /* For Firefox 3.6 to 15 */
					background: linear-gradient(#fff, #c2c0c0); /* Standard syntax */}

@media (max-width: 1280px) {
	.navbar-default .navbar-nav > li > a {padding: 18px 10px 18px 10px; font-size: 24px;}	
}
@media (max-width: 992px) {
	.navbar-default .navbar-nav > li > a {padding: 18px 10px 18px 10px; font-size: 20px;}
	.logo {padding: 17px 0 130px 5px;}	
}
@media (max-width: 768px) {
	.moretoppad { padding: 0 0 0 0;}
	.navbar-default .navbar-nav > li {padding: none;}
	.navbar-default .navbar-nav > li > a {padding: 4px 4px 4px 8px; margin: 0; font-size:16px; text-align: left;}
	.navbar-collapse {z-index: 1000; background-color: #f4f4f4;
					background: -webkit-linear-gradient(#f4f4f4, #cccdcd); /* For Safari 5.1 to 6.0 */
					background: -o-linear-gradient(#f4f4f4, #cccdcd); /* For Opera 11.1 to 12.0 */
					background: -moz-linear-gradient(#f4f4f4, #cccdcd); /* For Firefox 3.6 to 15 */
					background: linear-gradient(#f4f4f4, #cccdcd); /* Standard syntax */
}	
	.navbar-collapse.collapse {text-align: left; /* Set this */}
	.logo {padding: 17px 10px 15px 10px;}
}
/*mobile navbar*/
.navbar-toggle {position: relative; float: right; padding: 9px 7px; background-color: transparent; background-image: none; border: 0px solid transparent; border-radius: 4px; margin-top: 5px; margin-bottom: 5px; margin-right: 10px;}
.navbar-toggle .icon-bar {display: block; width: 28px; height: 5px; border-radius: 2px;}
.navbar-toggle .icon-bar + .icon-bar {margin-top: 5px;}
.navbar-default .navbar-toggle .icon-bar {background-color: #9e1012;}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {background-color: #2a2a27;}
.navbar-collapse {z-index: 1000; padding-right: 15px; padding-left: 15px; overflow-x: visible; -webkit-overflow-scrolling: touch; border-top: 0; -webkit-box-shadow: none; box-shadow: none;}
.navbar-collapse.in {overflow-y: auto;}
/*#####################################################################################################################*/
/*HEADINGS*/
h1 {color: #9e1012; font-size: 48px; font-family: Conv_ft91, Century Gothic, Verdana, Arial, helvetica, Calibri; margin: 0; padding: 0 25px 10px 25px; text-align:center; border-bottom:2px solid; margin-bottom:15px;}
h2 {color: #9e1012; font-size: 36px; font-family: Conv_ft91, Century Gothic, Verdana, Arial, helvetica, Calibri; margin: 0; padding: 0 0 25px 0; text-align:center;}
/*#####################################################################################################################*/
/*CONTENT STYLES*/
.clear {clear: both;}
.contentpad {padding: 50px 6.25% 25px 6.25%;}
.contentpad2 {padding: 25px 2%;}
.contentpad3 {padding: 25px 1.4%;}
.contentpad4 {padding: 25px 0;}

.sliderpad { padding: 10px 0;}

.whitebg {background-color: #fff; max-height: auto; overflow: hidden;}
.greybg {background-color: #eceaea; max-height: auto; overflow: hidden;}

.hover-zoom { overflow:hidden; cursor:pointer; height: 491px;}
.hover-zoom img { transition: all ease 2s; width: 100%; height: 100%; object-fit:cover; position:absolute; z-index: 999;}
.hover-zoom:hover img { transform: scale(1.2);}
.hover-zoom p { z-index:9999; position: absolute; bottom: 0; width: 100%; background-color: rgba(0,0,0,0.6); height:113px; line-height: 113px; color:#fff; margin: 0 !important; text-align:center; font-size: 24px; font-family: Conv_ft91, Century Gothic, Verdana, Arial, helvetica, Calibri;}

.hover-zoomprod { overflow:hidden; cursor:pointer; height: 300px; margin-bottom: 15px;}
.hover-zoomprod img { transition: all ease 2s; width: 100%; height: 100%; object-fit:cover; position:absolute; z-index: 999;}
.hover-zoomprod:hover img { transform: scale(1.2);}
.hover-zoomprod p { z-index:9999; position: absolute; bottom: 0; width: 100%; background-color: rgba(0,0,0,0.6); height:113px; line-height: 50px; color:#fff; margin: 0 !important; text-align:center; font-size: 24px; font-family: Conv_ft91, Century Gothic, Verdana, Arial, helvetica, Calibri;}

.zoompad { border-left: 15px solid #FFF; border-right: 15px solid #FFF;}
.salitanzlogotop { position: absolute; top:30px; right: 27px;}
.topbar { position: relative;}
.smpad { margin-top: 15px; text-align:right;}
.smpad a {
	display: inline-block;
    width: 49px;
    height: 49px;
	background-color:#000;
	border-radius:5px;
	position:relative;
}
.smpad a:hover img {
	opacity:0.7;
}
.cartbutton {
	background-color:#9e1012 !important;
}
.cartbutton:hover {
	background-color:#7e0000 !important;
}
.cartbutton img {
	width:80%;
	margin-top:5px;
	filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.7));
}
.prod {
	position:relative;
}
.prod p {
	text-align:center;
	margin:30px 0 10px 0;
}
.breadcrumb {
}
/*.breadcrumb:before {
	content:'Breadbrumbs: ';
}*/
.prodimg {
	width:90%;
}
.maintext{
	padding-bottom:68px;
	position:relative;
}
.btns {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:53px;
	padding-top:15px;
}
.addtocart  {
	position:relative;
}
.added {
	pointer-events:none;
	cursor:default !important;
	background-color:#DDD !important;
	color:#EEE !important;
}
.added:after {
    content: 'Added';
    display: block;
    position: absolute;
    left: 0;
    top: -30px;
    color: #9e1012;
    font-size: 28px;
    opacity: 0;
	animation:added 2s linear forwards;
}
#qty {
	position: absolute;
    z-index: 999999999999;
    width: 18px;
    height: 18px;
    border-radius: 18px;
    top: -3px;
    right: -3px;
    font-family: arial;
    color: #FFF;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
	overflow:hidden;
}
.redbg {
	background-color:#F00;
	width:100%;
	height:100%;
}

.item {
    width: 100%;
    border: 1px solid #999;
    background-color: #EEE;
    padding: 1% 1% 1% 10%;
    height: 80px;
    line-height: 25px;
    position: relative;
    border-top: none;
}
.descr {
    height: 30px;
    padding-top: 5px;
    bottom: 0;
    position: absolute;
    border-top: 1px solid #CCC;
    width: 89%;
    clear: both;
    font-size: 12px;
	overflow:hidden;
}
.thmb {
	width:8%;
	height:60px;
	position:absolute;
	left: 1%;
	top:10px;
	object-fit:cover;
}
.item:hover {
	background-color:#DDD;
}
.carttable {	
	color:#333;
}
.title {
	display:block;
	width:70%;
	float:left;
}
.qty {
	width:10%;
	float:left;
	position:relative;
	margin-top:-4px;
}
.priced {
	width:20%;
	text-align:right;	
}
.heads {
	background-color:#999; 
	color:#FFF !important;
	height:30px;
}
.heads div {
	padding:10px;
	line-height:10px;
	margin-top: 0;
}
.totalprice {
	text-align:right;
	font-weight:bold;
	border:1px solid #999;
	border-top: none;
	padding:10px;
}
.del {
	position:relative;
	margin-top:-2px;
	cursor:pointer;
}
.del:hover {
	filter:brightness(0.5);
}

.del:active {
	transform:scale(0.5);
}
.checkoutbtns {
	color:#DDD !important;
	background-color:#9e1012 !important;
	display:block;
	width:auto ;
	padding:0 10px;
	float:left;
	height:35px;
	line-height:35px;
	text-align:center;
	cursor:pointer;
	margin-right:25px;
	border: none;
}

.checkoutbtns:hover {
	background-color:#DDD !important;
	color:#9e1012 !important;
}
.catbtns {
    position: absolute;
    bottom: 40px;
	left:50%;
	margin-left:-55px;
}
.logged {
    position: absolute;
    top: 25px;
    right: 250px;
    z-index: 999;
	text-align:right;
}
.forg {
	font-size:12px;
	/*text-align:center;*/
	margin-right: 15px;
	display:block;
	width:200px;
	margin-top:1px;
	clear:both;
}

.accountinfo {
	width:100%;
	padding:10px 0;
	margin: 10px 0;
	border-bottom:1px solid #AAA;
	min-height: 40px;
}
.edit {
	cursor:pointer;
	/*float:right;*/
	margin-left:15px;
}
.save {
	cursor:pointer;
	/*float:right;*/
	margin-left:15px;
}
.editable {
	background-color:#FFF;
	border:1px solid #AAA;
	padding: 0 5px;
}
#savebutton, #resetbtn {
    width: auto !important;
    border: none !important;
    padding: 10px !important;
    margin-left: 0 !important;
	display:none;
	float:left;
	margin-right: 15px !important;
}

.accnt {
	margin-top:17px;
}
.short {
	width:100%;
	height: 35px;
	line-height:35px;
	color:#f8a33b;
	/*background-color:#0b7c38;*/
    animation: added ease 3s;
	text-align:center;
	position:absolute;
}
@keyframes added {
	0%{opacity: 0; transform:translateY(0px);}
	5%{opacity: 1; transform:translateY(-5px);}
	100%{opacity: 0; transform:translateY(-100px);}
}

.tellink {
   pointer-events: none !important;
   cursor: default !important;
   color: #2a2a27 !important;
}
.tellink:hover {color: #2a2a27;}

@media (max-width: 1520px) {
	.hover-zoom { overflow:hidden; cursor:pointer; height: 400px;}
	.centerpad { padding: 0 10px;}
}
@media (max-width: 1280px) {
	html, body {font-size: 16px; line-height: 18px;}
	a,a:visited {font-size: 16px;}
	h1 {font-size: 36px; padding: 0 15px 25px 15px;}
	h2 {font-size: 26px;}
	.contentpad {padding: 25px 6.25% 15px 6.25%;}
	.contentpad2 {padding: 15px 2%;}
	.contentpad3 {padding: 15px 1.4%;}
}
@media (max-width: 1200px) {
	.hover-zoom { overflow:hidden; cursor:pointer; height: 350px;}
}
@media (max-width: 992px) {
	html, body {font-size: 16px; line-height: 18px;}
	a,a:visited {font-size: 16px;}
	h1 {font-size: 36px; padding: 0 15px 25px 15px;}
	h2 {font-size: 26px;}
	.contentpad {padding: 25px 6.25% 15px 6.25%;}
	.contentpad2 {padding: 15px 2%;}
	.contentpad3 {padding: 15px 1.4%;}
	.salitanzlogotop { position: absolute; top:180px; right: calc(50% - 100px);}
	.smiconpad { padding: 0 1px;}
	.hover-zoom { overflow:hidden; cursor:pointer; height: 300px;}
	
	.hover-zoomprod { height: 300px;}
	.hover-zoomprod p { height:113px; line-height: 30px;  font-size: 20px;}
}
@media (max-width: 891px) {
	.logged {
    position: absolute;
    top: 25px;
    right: 180px;
    z-index: 999;
}
.forge {
    margin-right: 15px;
}
}
@media (max-width: 768px) {
	.centerpad { padding: 10px 0;}
	.zoompad { border-left: none; border-right: none; border-top: 5px solid #FFF; border-bottom: 5px solid #FFF;}
	.sliderpad { padding: 5px 0;}
	html, body {font-size: 14px; line-height: 16px;}
	a,a:visited {font-size: 14px;}
	
.prodimg {
	width:100%;
	margin-bottom:30px;
}

.logged {
    position: absolute;
    top: 15px;
    text-align: left;
    left: 20px;
    z-index: 999;
    width: 210px;
    display: inline-block;
}
.forg {
	text-align:left;
	display:inline-block;
	float:none;
	clear:none;
	margin-right:50px;
}
.tellink {
   pointer-events: auto !important;
   cursor: default !important;
   color: #2a2a27 !important;
}
}
button.close {
	font-family: Arial, Helvetica, sans-serif !important;
}
/*#####################################################################################################################*/
/*FONT STYLES*/	
.bold {font-weight: bold;}
.italic {font-style: italic;}
.white {color: white;}
/*#####################################################################################################################*/
/*FONTS COLORS*/
.text-danger {color: #000;}
/*#####################################################################################################################*/
/*CONTACT FORM*/
.form-control {border-radius: 5px; color: #000; font-size: 13px;}
.form-control:focus {border-color: #9e1012; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(158,16,18,.075), 0 0 8px rgba(158,16,18, .6); box-shadow: inset 0 1px 1px rgba(158,16,18,.075), 0 0 8px rgba(158,16,18, .6);}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #AAA !important;
}
::-moz-placeholder { /* Firefox 19+ */
	color: #AAA !important;
}
:-ms-input-placeholder { /* IE 10+ */
	color: #AAA !important;
}
:-moz-placeholder { /* Firefox 18- */
	color: #AAA !important;
}
input:placeholder { /* Firefox 18- */
	color: #AAA !important;
}
.btn-primary {
  color: #fff;
  background-color: #363636;
  border: none;
  font-size: 13px;
  padding: 9px;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #a1a1a1;
  border: none;
}
.btn {border-radius: 0px;}
.loading-form {
    width: 47px;
    height: 39px;
    background-image: url(../images/ico/loading.gif);
    background-repeat: no-repeat;
}
/*#####################################################################################################################*/
/*FOOTER*/
.bot-bar {	text-align:center;
			background-color: #a1a1a1;
			padding: 36px;
			background-color: #aeaeae;
			background: -webkit-linear-gradient(#aeaeae, #fff); /* For Safari 5.1 to 6.0 */
			background: -o-linear-gradient(#aeaeae, #fff); /* For Opera 11.1 to 12.0 */
			background: -moz-linear-gradient(#aeaeae, #fff); /* For Firefox 3.6 to 15 */
			background: linear-gradient(#aeaeae, #fff); /* Standard syntax */
}
.copytext {color: #9e1012; font-size: 16px; line-height: 18px; font-weight: normal; font-family: Conv_ft91, Century Gothic, Verdana, Arial, helvetica, Calibri;}
.copytext a {color: #9e1012; font-size: 16px; padding: 0 15px 0 15px;}
.copytext a:hover {color: #000; text-decoration:none;}

a.copytext,a.copytext:visited {text-decoration: none; color: #9e1012;  font-size: 16px; outline: none; font-family: Conv_ft91, Century Gothic, Verdana, Arial, helvetica, Calibri;}
a.copytext:hover,a.copytext:visited:hover {text-decoration: none; color: #000; outline: none;}
a.copyat, a.copyat:visited {text-decoration: none; color: #9e1012; outline: none; font-weight: normal;}

@media (max-width: 992px) {
	.copytext { font-size: 13px; line-height: 16px;}
	.copytext a {font-size: 13px;  padding: 0 10px 0 10px;}
	a.copytext,a.copytext:visited {font-size: 13px;}	
}
@media (max-width: 768px) {
	
.item {
	padding: 10px;
}
.descr {
	display:none;
}
.thmb {
	display:none;
}
}
/*#####################################################################################################################*/
.clearfix:before, .clearfix:after { content: ""; display: table;}
.clearfix:after { clear: both;}
.clearfix { *zoom: 1;}