/*
Ebit IT Screen Stylesheet 
version:   1.0 
date:      01/07/2013 
author:    [Ebit IT] 
email:     [info@ebit.hr] 
website:   [www.ebit.hr] 
*/

html, body {
	margin: 0;
	padding: 0;
	border: 0;
	height: 100%;
}

body {
	font: sans-serif;
	-webkit-font-smoothing: antialiased;
    overflow-y: scroll;
    overflow-x: hidden;
}

/* Headline Formatting */
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-family: sans-serif;
}
h1 { 
    font-size: 2.2em; 
} 

h2 { 
    font-size: 2.0em;     
} 

h3 { 
    font-size: 1.8em; 
} 

h4 { 
    font-size: 1.6em;     
} 

h5 { 
    font-size: 1.4em;     
} 

/* Plain Text Formatting */
p, th, td, li, dd, dt, ul, ol, blockquote, q, acronym, abbr, a, input, select, textarea {
	margin: 0;
	padding: 0;
	font: normal normal normal sans-serif;
}

p { 
    font-size: 1.2em;
    margin: 5px 0;
}

blockquote {
	margin: 1.25em;
	padding: 1.25em
}

q {
	font-style: italic;
}

acronym, abbr {
	cursor: help;
	border-bottom: 1px dashed;
}

small {
	font-size:.85em;
}

big {
	font-size:1.2em;
}

/* Tables */

table {
	margin: 5px 0;
}

th {
	font-weight: bolder;
}

th, td { 
	padding: 1px 3px;
}

/* Forms */

form {
	margin: 0;
	padding: 0;
	display: table;
	width: 100%;
}

label {
	cursor: text;
}

/*Lists*/

ol, ul {
	padding: 5px 0 5px 25px;
}

/*left submenu*/

.main_container nav {
	width: 225px;
	float: left;
	margin: 0;
	padding: 0;
}

.main_container nav ul {
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	display: table;
}

.main_container nav ul li {
	width: 100%;
	display: table;
	float: none;
	margin: 0;
	padding-bottom: 1px;
}

.main_container nav ul li a {
	font-family: "roboto_condensedbold", Arial, Tahoma, Calibri, Verdana serif;
	font-size: 12px;
	color: #414141;
	font-weight: 400;
	text-transform: uppercase;
	margin: 0;
	padding: 9px 10px;
	display: block;
	background: url("../../templates/img/sub-navigation-arrow.png") no-repeat center right #ebebeb;
}

.main_container nav ul li a:hover, .main_container nav ul li a.active {
	font-size: 12px;
	color: #fff;
	background-color: #e10f0f;
}

.main_container nav ul li:first-of-type a {
	border-radius: 3px 3px 0 0;
}

.main_container nav ul li:last-of-type a {
	border-radius: 0 0 3px 3px;
}

/*sub navigation*/

.main_container nav ul li ul {
	width: 100%;
	margin: 5px 0;
}

.main_container nav ul li ul li {
	width: 100%;
	display: table;
	padding: 0;
	margin: 0;
	border-bottom: 1px dotted #cdcdcd;
}

.main_container nav ul li ul li:last-of-type {
	border: none;
}

.main_container nav ul li ul li a {
	font-family: inherit;
	font-size: 12px;
	color: #555;
	text-transform: none;
	background: transparent;
	padding: 5px 10px;
}

.main_container nav ul li ul li a:hover, .main_container nav ul li ul li a.active {
	font-size: 12px;
	color: #e10f0f;
	background: none;
}









/*paging style*/

.paging_content {
	width: 705px;
	float: right;
	margin: 40px 0 0;
	padding: 15px 0 0;
	border-top: 1px dashed #cdcdcd;
}

.paging {
	width: auto;
	float: left;
	margin: 0;
	padding: 0;
}

.paging p {
	display: none;
	border-left: 1px solid #e10f0f;
	color: #8d8d8d;
	float: left;
	font-size: 12px;
	font-weight: 400;
	margin: 2px 10px 0 0;
	padding: 5px 0 5px 10px;
	text-transform: uppercase;
}

.paging a {
	font-family: "roboto_condensedbold", Arial, Tahoma, Calibri, Verdana serif;
	font-size: 12px;
	color: #6d6d6d;
	font-weight: 400;
	margin: 0;
	padding: 6px 12px 7px 12px;
	float: left;
	
	background-color: #fff;
	border: none;
	box-shadow: 0 0 0 rgba(0,0,0,0.0) inset;
	border-radius: 3px;
	transition: all .2s linear;
}

.paging a:hover, .paging a.active {
	font-size: 12px;
	color: #fff;
	background-color: #e10f0f;
	border: none;
	border-radius: 3px;
}

.paging span {
	font-family: "roboto_condensedbold", Arial, Tahoma, Calibri, Verdana serif;
	font-size: 12px;
	color: #6d6d6d;
	font-weight: 400;
	margin: 0;
	padding: 6px 12px 7px 12px;
	float: left;
	
	background-color: #fff;
	border: none;
	box-shadow: 0 0 0 rgba(0,0,0,0.0) inset;
	border-radius: 3px;
	transition: all .2s linear;
}

.paging span:hover, .paging span.active {
	font-size: 12px;
	color: #fff;
	background-color: #e10f0f;
	border: none;
	border-radius: 3px;
}

.paging_info {
	width: auto;
	margin: 0;
	padding: 10px 9px 9px;
	float: right;
	
	font-family: "roboto_condensedbold", Arial, Tahoma, Calibri, Verdana serif;
	font-size: 10px;
	color: #6d6d6d;
	font-weight: 400;
	background: #fff;
}

/*contact form*/

.contact_form {
	width: 420px;
	margin: 0;
	padding: 0;
	display: table;
}

.contact_form dt {
	width: 150px !important;
	font-size: 15px;
	margin: 5px 0 0 !important;
	padding: 0 !important;
	border-bottom: none !important;
	float: none;
	text-align: left;
}

.contact_form dt label {
	font-size: 13px;
	color: #6d6d6d;
	padding: 0 0 5px;
	margin: 0;
	display: block;
}

.contact_form dd {
	width: auto !important;
	font-size: 14px;
	margin: 0 0 10px !important;
	float: none;
	position: relative;
}

.contact_form dd:nth-of-type(6) .formInfo {
	right: inherit;
	left: 190px;
	top: 15px;
	margin: 0 !important;
}

.contact_form dl input.form_reset {
	background: linear-gradient(#ebebeb, #e1e1e1) !important;
	background: -webkit-linear-gradient(#ebebeb, #e1e1e1) !important;
	border: 1px solid #d7d7d7 !important;
	border-radius: 3px !important;
	box-shadow: none !important;
	font-size: 12px !important;
	color: #4d4d4d !important;
	font-weight: 600 !important;
	margin: 0 5px 0 0 !important;
	padding: 5px 8px 6px 8px !important;
	text-shadow: none !important;
	width: auto !important;
	cursor: pointer;
	text-transform: capitalize !important;
}

.contact_form dl input.form_reset:hover, .contact_form dl input.form_reset:focus {
	opacity: 0.75;
}

.contact_form dl input.form_submit {
	background: linear-gradient(#e52828, #e10f0f) !important;
	background: -webkit-linear-gradient(#e52828, #e10f0f) !important;
	border: 1px solid #e10f0f !important;
	border-radius: 3px !important;
	box-shadow: none !important;
	font-size: 12px !important;
	color: #fff !important;
	font-weight: 600 !important;
	margin: 0 !important;
	padding: 5px 8px 6px 8px !important;
	text-shadow: none !important;
	width: auto !important;
	cursor: pointer;
	text-transform: capitalize !important;
}

.contact_form dl input.form_submit:hover, .contact_form dl input.form_submit:focus {
	opacity: 0.75;
}

.contact_form dl a{
	color: #e10f0f;
}

.contact_form dl input,
.contact_form dl select,
.contact_form dl textarea {
	width: 100%;
	max-width: 100%;
	padding: 9px 10px 11px 10px;
	margin: 0 !important;
	box-sizing: border-box;
	
	background: linear-gradient(rgba(0,0,0,0.010), rgba(0,0,0,0.020));
	border-radius: 3px;
	border: 1px solid #cdcdcd;
	
	transition: all .2s linear;
	color: #4d4d4d;
	font-size: 12px !important;
	opacity: 1;
}

.contact_form dl input:hover,
.contact_form dl select:hover,
.contact_form dl textarea:hover {
	opacity: 0.85;
	border: 1px solid #b9b9b9;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.12);
}

.contact_form dl input:focus,
.contact_form dl select:focus,
.contact_form dl textarea:focus {
	opacity: 0.85;
	border: 1px solid #b9b9b9;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.12);
}

.formInfo {
	margin: 0;
	color: #C20E24;
	font-size: 15px;
	cursor: help;
	position: absolute;
	right: 5px;
	top: -17px;
}

.FormButton{
	width: auto!important;
}

.CaptchaInput {
	float:left;
	width:70px !important;
}

#CaptchaImg2 {
	margin: 7px 0 0 5px;
	border: 1px solid #b4b4b4;
}

.contact_form dd img{
	border: none;
}

#reload_ecaptcha_contact{
	border: none;
}

.buttons_action {
	padding: 20px 0 0 !important;
}

/*sorter content*/

.sorter {
	width: auto;
	float: none;
	border: none;
	padding: 0;
	margin: 0 auto;
	display: table;
}

.sorter form {
	display: table;
	margin: 0;
	padding: 0;
}

.sorter form div {
	width: auto;
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	display: table;
}

.sorter form label {
	font-size: 12px;
	color: #696969;
	font-weight: 400;
	width: auto !important;
	margin: 6px 8px 0 0;
	padding: 0;
	float: left;
}

.sorter form div select {
	width: 200px !important;
	margin: 0;
	float: left;
	padding: 4px 5px;
	margin: 0;
	transition: all .3s linear;
	
	background-color: #fff;
	border: 1px solid #ebebeb;
	border-radius: 3px;
}

.sorter form div select[name="per_page"] {
	width: 65px !important;
}

.sorter form div select:hover {
	opacity: 0.75;
	border: 1px solid #d7d7d7;
	box-shadow: 0 0 5px rgba(0,0,0,0.050);
}

/*filter content*/

.filter {
	width: 700px;
	box-sizing: border-box;
	padding: 10px;
	display: table;
	margin: 0 0 15px;
	border-radius: 3px;
	
	border: 1px solid #d7d7d7;
	background: linear-gradient(#f5f5f5, #f0f0f0);
	background: -webkit-linear-gradient(#f5f5f5, #f0f0f0);
	box-shadow: none;
	position: relative;
}

.filter form {
	width: 100%;
	margin: 0;
	padding: 0;
	display: table;
}

.filter aside {
	width: 162px;
	float: left;
	margin: 0 9px 10px 0;
	padding: 0;
}

.filter aside:nth-of-type(4n) {
	margin-right: 0;
}

.chzn-container {
	width: 100%;
	box-sizing: border-box;
}

/*
.filter aside:first-child:nth-last-child(1) {
	width: 100%;
}

.filter aside:first-of-type:nth-last-child(2),
.filter aside:first-of-type:nth-last-child(2) ~ aside {
	width: 50%;
}

.filter aside:first-of-type:nth-last-child(3),
.filter aside:first-of-type:nth-last-child(3) ~ aside {
	width: 100%;
	margin-right: 0;
}

.filter aside:first-of-type:nth-last-child(4),
.filter aside:first-of-type:nth-last-child(4) ~ aside {
	width: 48.5%;
}

.filter aside:first-of-type:nth-last-child(5),
.filter aside:first-of-type:nth-last-child(5) ~ aside {
	width: 20%;
}
*/

.filter .filter_buttons_cnt {
	width: auto !important;
	float: right;
	clear: both;
	margin: 0;
}

.filter select {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box;
	margin: 0;
	padding: 5px 8px 6px 8px;
	display: table;
	background: #fff;
	border: none;
	font-size: 13px !important;
	color: #414141;
	font-weight: 400;
	box-shadow: -1px -1px 1px 0 rgba(0,0,0,0.20);
	transition: all .2s linear;
}

.filter select:hover, .filter select:focus {
	background: #fff;
	border: none;
	opacity: 0.75;
}

input.filter_reset {
	font-size: 11px !important;
	color: #4d4d4d !important;
	font-weight: 400 !important;
	text-transform: uppercase !important;
	margin: 0 5px 0 0 !important;
	padding: 5px 6px !important;
	cursor: pointer !important;
	transition: all .2s linear;
	
	background: linear-gradient(#e1e1e1, #d7d7d7) !important;
	background: -webkit-linear-gradient(#e1e1e1, #d7d7d7) !important;
	border: 1px solid #d7d7d7 !important;
	border-radius: 3px !important;
}

input.filter_reset:hover, input.filter_reset:focus {
	opacity: 0.75;
}

input.filter_submit {
	font-size: 11px !important;
	color: #ffffff !important;
	font-weight: 400 !important;
	text-transform: uppercase !important;
	margin: 0 !important;
	padding: 5px 6px !important;
	cursor: pointer !important;
	transition: all .2s linear;
	float: right;
	
	background: linear-gradient(#505050, #3c3c3c) !important;
	background: -webkit-linear-gradient(#505050, #3c3c3c) !important;
	border: 1px solid #3c3c3c !important;
	border-radius: 3px !important;
}

input.filter_submit:hover, input.filter_submit:focus {
	opacity: 0.75;
}

.filter_info_text {
	font-size: 11px;
	color: #2d2d2d;
	font-weight: 400;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 17px;
	left: 10px;
}

/*content images*/

.basic_site_inner_content figure {
	display: table;
	overflow: hidden;
	vertical-align: middle;
	text-align: center;
	background: #fff;
	border-radius: 3px;
	box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.10);
	position: relative;
	
	margin: 4px 20px 20px 0;
	padding: 0;
	box-sizing: border-box;
}

.basic_site_inner_content figure img {
	text-align: center;
	vertical-align: middle;
}

/*error content*/

.error_content {
	color: #4d4d4d !important;
	margin: 20px 0;
}

.msg_content {
	color: #4d4d4d !important;
	margin: 20px 0;
}

/*basic site inner content*/

.basic_site_inner_content {
	width: 960px;
	margin: 40px auto 0;
	padding: 0;
	clear: both;
	display: table;
}

.basic_site_inner_content article {
	width: 960px;
	margin: 0;
	padding: 0;
	display: table;
}

.basic_site_inner_content h1 {
	border-bottom: 1px solid #d7d7d7;
	padding: 0 0 10px;
	margin: 0 0 20px;
}

.basic_site_inner_content h1, .basic_site_inner_content h1 a {
	font-family: "roboto_condensedbold", Arial, Tahoma, Calibri, Verdana serif;
	font-size: 26px;
	color: #414141;
	font-weight: 400;
	text-transform: none;
}

.basic_site_inner_content h1 a:hover {
	font-size: 26px;
	color: #e10f0f;
}

.basic_site_inner_content h2, .basic_site_inner_content h2 a {
	font-size: 22px;
	color: #2d2d2d;
	text-transform: none;
	border: none;
	margin: 0;
	padding: 0 0 15px;
}

.basic_site_inner_content h2 a:hover {
	font-size: 22px;
	color: #e10f0f;
}

.basic_site_inner_content h3, .basic_site_inner_content h3 a {
	font-size: 20px;
	color: #2d2d2d;
	text-transform: none;
	border: none;
	margin: 0;
	padding: 0 0 10px;
}

.basic_site_inner_content h3 a:hover {
	font-size: 20px;
	color: #e10f0f;
}

/*basic site inner content two columns*/

.basic_site_inner_content_two_columns {
	width: 960px;
	margin: 40px auto 0;
	padding: 0;
	clear: both;
	display: table;
}

.news_right_articles {
	width: 705px;
	float: right;
	margin: 0;
	padding: 0;
}

.basic_site_inner_content_two_columns article {
	width: 100%;
	box-sizing: border-box;
	margin: 0 0 40px;
	padding: 0;
	clear: both;
	display: table;
}

.basic_site_inner_content_two_columns article:last-of-type {
	margin: 0;
}

.basic_site_inner_content_two_columns article figure {
	max-width: 240px;
	max-height: 180px;
	display: table-cell;
	overflow: hidden;
	vertical-align: middle;
	text-align: center;
	background: #fff;
	border-radius: 3px;
	box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.10);
	position: relative;
	
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
}

.basic_site_inner_content_two_columns article figure img {
	max-width: 240px;
	max-height: 180px;
	vertical-align: middle;
	text-align: center;
}

.basic_site_inner_content_two_columns article figcaption {
	width: auto;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: left;
}

.basic_site_inner_content_two_columns article time {
	font-family: "roboto_condensedbold", Arial, Tahoma, Calibri, Verdana serif;
	font-size: 10px;
	color: #fff;
	font-weight: 400;
	margin: 0;
	padding: 6px 10px 7px 10px;
	display: table;
	background: #e00f0f;
	border-radius: 3px;
}

.basic_site_inner_content_two_columns article h1 {
	margin: -5px 0 10px 0;
	padding: 0;
	line-height: 26px;
}

.basic_site_inner_content_two_columns article h1, .basic_site_inner_content_two_columns article h1 a {
	font-family: "roboto_condensedbold", Arial, Tahoma, Calibri, Verdana serif;
	font-size: 22px;
	color: #2d2d2d;
	font-weight: 400;
	text-transform: none;
}

.basic_site_inner_content_two_columns article h1 a:hover {
	font-size: 22px;
	color: #e10f0f;
}

.basic_site_inner_content_two_columns article em, .basic_site_inner_content_two_columns article p {
	font-size: 14px;
	color: #5f5f5f;
	font-weight: 400;
	margin: 0;
	padding: 0;
}

/*basic site inner content two columns details*/

.basic_site_inner_content_two_columns_details {
	width: 960px;
	margin: 40px auto 0;
	padding: 0;
	clear: both;
	display: table;
}

.basic_site_inner_content_two_columns_details article {
	width: 705px;
	float: right;
	margin: 0;
	padding: 0;
}

.basic_site_inner_content_two_columns_details h1 {
	border-bottom: 1px solid #d7d7d7;
	padding: 0 0 10px;
	margin: 0 0 20px;
}

.basic_site_inner_content_two_columns_details h1, .basic_site_inner_content_two_columns_details h1 a {
	font-family: "roboto_condensedbold", Arial, Tahoma, Calibri, Verdana serif;
	font-size: 26px;
	color: #414141;
	font-weight: 400;
	text-transform: none;
}

.basic_site_inner_content_two_columns_details h1 a:hover {
	font-size: 26px;
	color: #e10f0f;
}

.basic_site_inner_content_two_columns_details h2, .basic_site_inner_content_two_columns_details h2 a {
	font-size: 22px;
	color: #2d2d2d;
	text-transform: none;
	border: none;
	margin: 0;
	padding: 0 0 15px;
}

.basic_site_inner_content_two_columns_details h2 a:hover {
	font-size: 22px;
	color: #e10f0f;
}

.basic_site_inner_content_two_columns_details h3, .basic_site_inner_content_two_columns_details h3 a {
	font-size: 20px;
	color: #2d2d2d;
	text-transform: none;
	border: none;
	margin: 0;
	padding: 0 0 10px;
}

.basic_site_inner_content_two_columns_details h3 a:hover {
	font-size: 20px;
	color: #e10f0f;
}

.basic_site_inner_content_two_columns_details article em {
	font-size: 20px;
	line-height: 24px;
}

.basic_site_inner_content_two_columns_details figure {
	max-width: 335px;
	max-height: 250px;
	display: table-cell;
	overflow: hidden;
	vertical-align: middle;
	text-align: center;
	background: #fff;
	border-radius: 3px;
	box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.10);
	position: relative;
	
	float: left;
	margin: 4px 15px 15px 0;
	padding: 0;
	box-sizing: border-box;
}

.basic_site_inner_content_two_columns_details figure img {
	max-width: 335px;
	max-height: 250px;
	vertical-align: middle;
	text-align: center;
}

.basic_site_inner_content_two_columns_details section {
	display: table;
	margin: 0 0 5px;
}

.basic_site_inner_content_two_columns_details section p,
.basic_site_inner_content_two_columns_details section time,
.basic_site_inner_content_two_columns_details section a {
	font-family: "roboto_condensedbold", Arial, Tahoma, Calibri, Verdana serif;
	font-size: 14px;
	color: #555;
	font-weight: 400;
	margin: 0;
	padding: 0;
}

.basic_site_inner_content_two_columns_details section p,
.basic_site_inner_content_two_columns_details section time {
	float: left;
	margin: 0 15px 0 0;
}

.basic_site_inner_content_two_columns_details section a,
.basic_site_inner_content_two_columns_details section a:hover {
	font-size: 14px;
	color: #e10f0f;
}

/*basic site inner content contact*/

.basic_site_inner_content_contact {
	width: 960px;
	margin: 15px auto 0;
	padding: 0;
	clear: both;
	display: table;
}

.basic_site_inner_content_contact article {
	width: 460px;
	margin: 0;
	padding: 0;
	float: left;
}

.basic_site_inner_content_contact h1 {
	border-bottom: 1px solid #d7d7d7;
	padding: 0 0 10px;
	margin: 0 0 20px;
}

.basic_site_inner_content_contact h1, .basic_site_inner_content_contact h1 a {
	font-family: "roboto_condensedbold", Arial, Tahoma, Calibri, Verdana serif;
	font-size: 26px;
	color: #414141;
	font-weight: 400;
	text-transform: none;
}

.basic_site_inner_content_contact h1 a:hover {
	font-size: 26px;
	color: #e10f0f;
}

.basic_site_inner_content_contact h2, .basic_site_inner_content_contact h2 a {
	font-size: 22px;
	color: #2d2d2d;
	text-transform: none;
	border: none;
	margin: 0;
	padding: 0 0 15px;
}

.basic_site_inner_content_contact h2 a:hover {
	font-size: 22px;
	color: #e10f0f;
}

.basic_site_inner_content_contact h3, .basic_site_inner_content_contact h3 a {
	font-size: 20px;
	color: #2d2d2d;
	text-transform: none;
	border: none;
	margin: 0;
	padding: 0 0 10px;
}

.basic_site_inner_content_contact h3 a:hover {
	font-size: 20px;
	color: #e10f0f;
}

.right_column_contact {
	border-top: 1px solid #d7d7d7;
	float: right;
	margin: 46px 0 0;
	padding: 15px 0 0 60px;
	width: 440px;
}

.basic_site_inner_content iframe {
	margin: 20px 0 0;
	padding: 0;
	max-width: 958px;
	display: inline-block;
	clear: both;
	border: 1px solid #ebebeb;
	border-radius: 3px;
}

/*SHOP STEPS*/

.HeadShop {
	width: 100%;
	margin: 0 0 10px;
	padding: 0;
	clear: both;
	display: table;
}

.HeadShop dt {
	font-size: 13px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 1px 0 0;
	padding: 9px 15px 10px 15px;
	float: left;
	cursor: pointer;
	transition: all .2s linear;
	background: #919191;
	border-radius: 0;
	width: 19.91%;
	box-sizing: border-box;
}

.HeadShop dt:last-of-type {
	margin: 0;
}

.HeadShop dt:hover {
	font-size: 13px;
	color: #fff;
	background: #696969;
}

.HeadShop dt a {
	font-size: 13px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	transition: all .2s linear;
}

.HeadShop dt a:hover {
	font-size: 13px;
	color: #fff;
}

.HeadShop dt.sel {
	font-size: 13px;
	color: #fff;
	background: #e10f0f;
}

.HeadShop dt.sel:hover {
	font-size: 13px;
	color: #fff;
}

.HeadShop dt.sel a {
	font-size: 13px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	transition: all .2s linear;
}

.HeadShop dt.sel a:hover {
	font-size: 13px;
	color: #fff;
	opacity: 0.75;
}

/*ListTop*/

.ListTop {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	clear: both;
	display: table;
	background: #fff;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.20);
	position: relative;
	z-index: 70;
}

.ListTop dt {
	font-size: 12px;
	color: #414141;
	font-weight: 600;
	margin: 0;
	padding: 9px;
	display: table-cell;
	vertical-align: middle;
	box-sizing: border-box;
	
	background: linear-gradient(to right, #fafafa, #fff);
	background: -webkit-linear-gradient(to right, #fafafa, #fff);
}

.ListTop dt {
	border-right: 1px solid #cdcdcd;
	box-shadow: 1px 0 0 #fff;
}

.ListTop dt:last-of-type {
	border: none;
	box-shadow: none;
}

/*List Bottom Darker*/

.ListBottomDarker, .ListBottomLighter {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	clear: both;
	display: table;
	border-bottom: 2px solid #d7d7d7;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.20);
	transition: all .2s linear;
}

.ListBottomLighter {
	background: linear-gradient(#fff, #fafafa);
	background: -webkit-linear-gradient(#fff, #fafafa);
}

.ListBottomDarker {
	background: linear-gradient(#f5f5f5, #f0f0f0);
	background: -webkit-linear-gradient(#f5f5f5, #f0f0f0);
}

.ListBottomDarker:hover, .ListBottomLighter:hover {
	box-shadow: 1px 1px 3px rgba(0,0,0,0.20), 0 0 30px 0 rgba(0,0,0,0.120) inset;
}

.ListBottomDarker dd, .ListBottomLighter dd {
	font-size: 12px;
	color: #414141;
	font-weight: 400;
	margin: 0;
	padding: 9px;
	display: table-cell;
	vertical-align: middle;
	box-sizing: border-box;
}

.ListBottomDarker dd, .ListBottomLighter dd {
	border-right: 1px solid #cdcdcd;
	box-shadow: 1px 0 0 #fff;
}

.ListBottomDarker dd:last-of-type, .ListBottomLighter dd:last-of-type {
	border: none;
	box-shadow: none;
}

.ListTop dt.cart_number, .ListBottomLighter dd.cart_number, .ListBottomDarker dd.cart_number {
	width: 30px;
	text-align: center;
	padding: 9px 0;
}

.ListTop dt.cart_product, .ListBottomLighter dd.cart_product, .ListBottomDarker dd.cart_product {
	width: 240px;
}

.ListTop dt.cart_unit, .ListBottomLighter dd.cart_unit, .ListBottomDarker dd.cart_unit {
	width: 40px;
	text-align: center;
}

.ListTop dt.cart_unit_price, .ListBottomLighter dd.cart_unit_price, .ListBottomDarker dd.cart_unit_price {
	width: 80px;
	text-align: right;
}

.ListTop dt.cart_quantity, .ListBottomLighter dd.cart_quantity, .ListBottomDarker dd.cart_quantity {
	width: 92px;
}

.ListTop dt.cart_price_without_tax, .ListBottomLighter dd.cart_wholesale_price, .ListBottomDarker dd.cart_wholesale_price,
.ListTop dt.cart_total_without_tax, .ListBottomLighter dd.cart_wholesale_total, .ListBottomDarker dd.cart_wholesale_total,
.ListTop dt.cart_value_tax, .ListBottomLighter dd.cart_ratal, .ListBottomDarker dd.cart_ratal {
	width: 80px;
	text-align: right;
}

.ListTop dt.cart_total, .ListBottomLighter dd.cart_total, .ListBottomDarker dd.cart_total {
	width: 80px;
	text-align: right;
}

.artikl-img {
	width: auto;
	float: left;
	margin: 0 15px 0 0;
	padding: 0;
}

.artikl-img img {
	max-width: 150px;
	margin: 0 0 5px;
	padding: 0;
}

.artikl-info {
	width: 220px;
	float: left;
	margin: 0;
	padding: 0;
}

.artikl-info h2 {
	font-size: 17px;
	color: #414141;
	font-weight: 600;
	margin: 0;
	padding: 0;
	text-align: left;
	
	line-height: 23px;
	overflow: hidden;
	height: 50px;
	min-height: 50px;
}

.artikl-info p, .artikl-info em {
	font-size: 13px;
	color: #696969;
	font-weight: 400;
	margin: 0;
	padding: 0;
	text-align: left;
	
	overflow: hidden;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 220px;
	display: block;
}

.artikl-info p.notice {
	font-size: 13px;
	color: #e10f0f;
	font-weight: 400;
	margin: 0;
	padding: 0;
	
	overflow: inherit;
	text-overflow: inherit;
	white-space: inherit;
	max-width: 100%;
}

/*quantity*/

.cart_quantity input {
	background: #fafafa;
	border: 1px solid #cdcdcd;
	border-radius: 0;
	box-shadow: none;
	padding: 6px 5px 5px;
	margin: 0 0 5px;
	width: 100%;
	transition: all .2s linear;
	
	font-family: sans-serif;
	font-size: 11px !important;
	color: #3d3d3d !important;
	display: table;
}

.cart_quantity input:hover, .cart_quantity input:focus {
	opacity: 0.75;
	background: #fafafa;
	border: 1px solid #cdcdcd;
	border-radius: 0;
	box-shadow: none;
	padding: 6px 5px 5px;
	margin: 0 0 5px;
	width: 100%;
	transition: all .2s linear;
	
	font-family: sans-serif;
	font-size: 11px !important;
	color: #3d3d3d !important;
}

.cart_quantity div {
	display: table;
	clear: both;
}

.cart_quantity a {
	display: flex;
	cursor: pointer;
	float: left;
	margin: 3px 5px 0 0;
	padding: 0;
	transition: all .2s linear;
}

.cart_quantity a:hover {
	opacity: 0.75;
}

.cart_quantity a:last-of-type {
	margin: 3px 0 0;
}

/*promo pdv content*/

.promo_pdv_content {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	clear: both;
	display: table;
}

.promo_pdv_content .PDVList {
	margin: 20px auto 0px;
}

form[name="check_coupon"] {
	width: auto;
	display: table;
	float: right;
	margin: 0;
	padding: 0;
}

form[name="check_coupon"] input#order_coupon {
	background: #fff !important;
	border: 1px solid #d7d7d7 !important;
	border-right: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	font-size: 12px !important;
	color: #8d8d8d !important;
	margin: 0 !important;
	padding: 8px 9px 8px 9px !important;
	cursor: text !important;
	width: 160px !important;
	max-width: 160px !important;
	transition: all .2s linear !important;
	float: left;
}

form[name="check_coupon"] input#order_coupon:hover, form[name="check_coupon"] input#order_coupon:focus {
	color: #6d6d6d !important;
	background: #fff !important;
	border: 1px solid #cdcdcd !important;
	box-shadow: 0 0 8px rgba(0,0,0,0.060) !important;
	border-right: none !important;
	transition: all .2s linear !important;
}

form[name="check_coupon"] input[name="coupon_button"] {
	background: linear-gradient(#f5f5f5, #ebebeb) !important;
	background: -webkit-linear-gradient(#f5f5f5, #ebebeb) !important;
	border: 1px solid #d7d7d7 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	font-size: 13px !important;
	font-weight: 300 !important;
	color: #6d6d6d !important;
	margin: 0 !important;
	padding: 6px 9px 7px !important;
	cursor: pointer !important;
	width: auto !important;
	max-width: inherit !important;
	transition: all .2s linear !important;
	float: right;
}

form[name="check_coupon"] input[name="coupon_button"]:hover, form[name="check_coupon"] input[name="coupon_button"]:focus {
	font-size: 13px !important;
	font-weight: 300 !important;
	color: #3d3d3d !important;
}

/*PDV*/

.PDVList {
	width: auto;
	max-width: 960px;
	margin: 20px auto 40px;
	padding: 0;
	float: right;
}

.PDVList h2 {
	font-size: 18px;
	color: #4d4d4d;
	font-weight: 400;
	margin: 0;
	padding: 0 0 15px;
	text-align: right;
}

.PdvListTop {
	width: auto;
	margin: 0 auto;
	padding: 0;
	clear: both;
	display: table;
	background: #fff;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.20);
	position: relative;
	z-index: 150;
}

.PdvListTop dt {
	font-size: 12px;
	color: #414141;
	font-weight: 600;
	margin: 0;
	padding: 9px;
	display: table-cell;
	vertical-align: middle;
	box-sizing: border-box;
	
	background: linear-gradient(to right, #fafafa, #fff);
	background: -webkit-linear-gradient(to right, #fafafa, #fff);
}

.PdvListTop dt {
	border-right: 1px solid #cdcdcd;
	box-shadow: 1px 0 0 #fff;
}

.PdvListTop dt:last-of-type {
	border: none;
	box-shadow: none;
}

.PdvListBottomDarker, .PdvListBottomLighter {
	width: auto;
	margin: 0 auto;
	padding: 0;
	clear: both;
	display: table;
	border-bottom: 2px solid #d7d7d7;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.20);
	transition: all .2s linear;
}

.PdvListBottomLighter {
	background: linear-gradient(#fff, #fafafa);
	background: -webkit-linear-gradient(#fff, #fafafa);
}

.PdvListBottomDarker {
	background: linear-gradient(#f5f5f5, #f0f0f0);
	background: -webkit-linear-gradient(#f5f5f5, #f0f0f0);
}

.PdvListBottomDarker:hover, .PdvListBottomLighter:hover {
	box-shadow: 1px 1px 3px rgba(0,0,0,0.20), 0 0 30px 0 rgba(0,0,0,0.120) inset;
}

.PdvListBottomDarker dd, .PdvListBottomLighter dd {
	font-size: 12px;
	color: #414141;
	font-weight: 400;
	margin: 0;
	padding: 9px;
	display: table-cell;
	vertical-align: middle;
	box-sizing: border-box;
}

.PdvListBottomDarker dd, .PdvListBottomLighter dd {
	border-right: 1px solid #cdcdcd;
	box-shadow: 1px 0 0 #fff;
}

.PdvListBottomDarker dd:last-of-type, .PdvListBottomLighter dd:last-of-type {
	border: none;
	box-shadow: none;
}

.PdvListTop dt.delivery_service, .PdvListBottomDarker dd.delivery_service, .PdvListBottomLighter dd.delivery_service {
	width: 180px;
}

.PdvListTop dt.stopa, .PdvListBottomDarker dd.stopa, .PdvListBottomLighter dd.stopa {
	width: 80px;
}

.PdvListTop dt.osnovica, .PdvListBottomDarker dd.osnovica, .PdvListBottomLighter dd.osnovica {
	width: 120px;
	text-align: right;
}

.PdvListTop dt.iznos, .PdvListBottomDarker dd.iznos, .PdvListBottomLighter dd.iznos {
	width: 120px;
	text-align: right;
}

/*List Top Confirm*/

.ListTopConfirm {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	clear: both;
	display: table;
	background: #fff;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.20);
	position: relative;
	z-index: 150;
}

.ListTopConfirm dt {
	font-size: 12px;
	color: #414141;
	font-weight: 600;
	margin: 0;
	padding: 9px;
	display: table-cell;
	vertical-align: middle;
	box-sizing: border-box;
	
	background: linear-gradient(to right, #fafafa, #fff);
	background: -webkit-linear-gradient(to right, #fafafa, #fff);
}

.ListTopConfirm dt {
	border-right: 1px solid #cdcdcd;
	box-shadow: 1px 0 0 #fff;
}

.ListTopConfirm dt:last-of-type {
	border: none;
	box-shadow: none;
}

/*List Bottom Darker*/

.ListBottomconfirmDarker, .ListBottomconfirmLighter {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	clear: both;
	display: table;
	border-bottom: 2px solid #d7d7d7;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.20);
	transition: all .2s linear;
}

.ListBottomconfirmLighter {
	background: linear-gradient(#fff, #fafafa);
	background: -webkit-linear-gradient(#fff, #fafafa);
}

.ListBottomconfirmDarker {
	background: linear-gradient(#f5f5f5, #f0f0f0);
	background: -webkit-linear-gradient(#f5f5f5, #f0f0f0);
}

.ListBottomconfirmDarker:hover, .ListBottomconfirmLighter:hover {
	box-shadow: 1px 1px 3px rgba(0,0,0,0.20), 0 0 30px 0 rgba(0,0,0,0.120) inset;
}

.ListBottomconfirmDarker dd, .ListBottomconfirmLighter dd {
	font-size: 12px;
	color: #414141;
	font-weight: 400;
	margin: 0;
	padding: 9px;
	display: table-cell;
	vertical-align: middle;
	box-sizing: border-box;
}

.ListBottomconfirmDarker dd, .ListBottomconfirmLighter dd {
	border-right: 1px solid #cdcdcd;
	box-shadow: 1px 0 0 #fff;
}

.ListBottomconfirmDarker dd:last-of-type, .ListBottomconfirmLighter dd:last-of-type {
	border: none;
	box-shadow: none;
}

.ListTopConfirm dt.cart_number, .ListBottomconfirmLighter dd.cart_number, .ListBottomconfirmDarker dd.cart_number {
	width: 30px;
	text-align: center;
	padding: 9px 0;
}

.ListTopConfirm dt.cart_product, .ListBottomconfirmLighter dd.cart_product, .ListBottomconfirmDarker dd.cart_product {
	width: 240px;
}

.ListTopConfirm dt.cart_unit, .ListBottomconfirmLighter dd.cart_unit, .ListBottomconfirmDarker dd.cart_unit {
	width: 40px;
	text-align: center;
}

.ListTopConfirm dt.cart_unit_price, .ListBottomconfirmLighter dd.cart_unit_price, .ListBottomconfirmDarker dd.cart_unit_price {
	width: 80px;
	text-align: right;
}

.ListTopConfirm dt.cart_quantity, .ListBottomconfirmLighter dd.cart_quantity, .ListBottomconfirmDarker dd.cart_quantity {
	width: 92px;
}

.ListTopConfirm dt.cart_price_without_tax, .ListBottomconfirmLighter dd.cart_wholesale_price, .ListBottomconfirmDarker dd.cart_wholesale_price,
.ListTopConfirm dt.cart_total_without_tax, .ListBottomconfirmLighter dd.cart_wholesale_total, .ListBottomconfirmDarker dd.cart_wholesale_total,
.ListTopConfirm dt.cart_value_tax, .ListBottomconfirmLighter dd.cart_ratal, .ListBottomconfirmDarker dd.cart_ratal {
	width: 80px;
	text-align: right;
}

.ListTopConfirm dt.cart_total, .ListBottomconfirmLighter dd.cart_total, .ListBottomconfirmDarker dd.cart_total {
	width: 80px;
	text-align: right;
}

/*Iznos Bottom*/

.IznosBottom {
	width: 960px;
	margin: 0 auto;
	padding: 20px 0;
	clear: both;
	display: table;
	border-top: 1px dashed #d7d7d7;
	border-bottom: 1px dashed #d7d7d7;
}

.IznosBottom span {
	font-size: 14px;
	color: #6d6d6d;
	font-weight: 300;
	text-transform: uppercase;
	margin: 0 auto;
	padding: 0 0 5px;
	display: table;
}

.IznosBottom p {
	font-size: 21px;
	color: #e10f0f;
	font-weight: 700;
	text-transform: none;
	margin: 0 auto;
	padding: 0;
	display: table;
}

/*checkout content main*/

.MiddleOrderForm {
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	background: #fff;
	border: 1px solid #d7d7d7;
	clear: both;
	display: table;
}

.MiddleOrderForm h1, .MiddleOrderForm h2 {
	font-family: inherit;
	font-size: 16px;
	color: #2d2d2d;
	font-weight: bold;
	text-transform: uppercase;
	background: linear-gradient(#ffffff, #f5f5f5);
	background: -webkit-linear-gradient(#ffffff, #f5f5f5);
	border-bottom: 1px solid #d7d7d7;
	margin: 0;
	padding: 10px 15px 12px 15px;
	width: 100%;
	box-sizing: border-box;
}

.MiddleOrderForm h3 {
	font-size: 18px;
	color: #414141;
	font-weight: normal;
	padding: 0;
	margin: 0;
}

.MiddleOrderForm form {
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 25px 15px;
	display: table;
	clear: both;
}

#second_step_form .middle_order_form_left_column,
#second_step_form .middle_order_form_right_column {
	width: 50%;
}

#second_step_form .middle_order_form_right_column h2 {
	border-left: 1px solid #d7d7d7;
}

#second_step_form .ButtonBox {
	padding: 25px 0;
}

#payment_type .middle_order_form_left_column,
#payment_type .middle_order_form_right_column {
	width: 50%;
}

#payment_type .middle_order_form_right_column h2 {
	border-left: 1px solid #d7d7d7;
}

#payment_type .ButtonBox {
	padding: 25px 0;
}

.second_step_inner_padding {
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 25px 15px;
	display: table;
	clear: both;
}

.MiddleOrderForm fieldset.customer_type {
	width: 100%;
	box-sizing: border-box;
	margin: 0 0 25px !important;
	padding: 0 0 10px;
	display: table;
	border-bottom: 1px solid #e1e1e1;
}

.MiddleOrderForm fieldset.customer_type input[type="radio"] {
	width: auto !important;
	max-width: inherit !important;
	float: left;
	margin: 3px 5px 0 0;
	height: auto !important;
}

.MiddleOrderForm .customer_type label {
	font-size: 13px;
	color: #555;
	text-transform: uppercase;
	float: left;
	margin: 0 30px 0 0;
}

.middle_order_form_left_column {
	width: 47.5%;
	float: left;
	margin: 0;
	padding: 0;
}

.middle_order_form_right_column {
	width: 47.5%;
	float: right;
	margin: 0;
	padding: 0;
}

/*checkout content main form*/

.MiddleOrderForm fieldset {
	width: 100%;
	box-sizing: border-box;
	margin: 0 0 15px;
	padding: 0;
	display: table;
	position: relative;
}

.MiddleOrderForm fieldset:last-of-type {
	margin: 0;
}

.MiddleOrderForm label {
	font-size: 15px;
	color: #414141;
	font-weight: 400;
	margin: 0 0 5px;
	padding: 0;
	display: table;
	box-sizing: border-box;
}

.MiddleOrderForm input, .MiddleOrderForm select, .MiddleOrderForm textarea {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box;
	margin: 0;
	padding: 8px 10px 10px !important;
	display: table;
	background: #fff;
	border: 1px solid #d7d7d7;
	box-shadow: 0 -1px 1px 0 rgba(0,0,0,0.10) inset;
	font-size: 13px !important;
	color: #555;
	font-weight: 400;
	transition: all .2s linear;
	opacity: 1 !important;
	height: 38px !important;
}

.MiddleOrderForm input:hover, .MiddleOrderForm select:hover, .MiddleOrderForm textarea:hover {
	font-size: 13px !important;
	color: #2d2d2d;
	background: #fff;
	border: 1px solid  #b9b9b9;
	opacity: 1 !important;
}

.MiddleOrderForm input:focus, .MiddleOrderForm select:focus, .MiddleOrderForm textarea:focus {
	font-size: 13px !important;
	color: #2d2d2d;
	background: #fdefef;
	border: 1px solid  #b9b9b9;
	opacity: 1 !important;
}

.MiddleOrderForm select {
	padding: 7px 10px 9px !important;
}

.MiddleOrderForm select#delivery_service {
	height: auto !important;
}

.MiddleOrderForm input#billing_first_name,
.MiddleOrderForm input#billing_last_name {
	display: table !important;
}

.MiddleOrderForm input:invalid, .MiddleOrderForm select:invalid, .MiddleOrderForm textarea:invalid {
	border-bottom: 2px solid #e10f0f !important;
}

.MiddleOrderForm input:valid, .MiddleOrderForm select:valid, .MiddleOrderForm textarea:valid {
	border-bottom: 2px solid #179d0a !important;
}

.MiddleOrderForm input:valid:focus, .MiddleOrderForm select:valid:focus, .MiddleOrderForm textarea:valid:focus {
	background: #edf9ec;
}

.MiddleOrderForm .bad input, .MiddleOrderForm .bad select, .MiddleOrderForm .bad textarea {
	border: 1px solid #e10f0f !important;
}

.MiddleOrderForm .bad input:focus, .MiddleOrderForm .bad select:focus, .MiddleOrderForm .bad textarea:focus {
	background: #fdefef;
}

.required_field_mark {
	font-size: 18px;
	color: #e10f0f;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 5px;
	top: 5px;
}

/*checkout company data*/

.company_details_form {
	width: 100%;
	margin: 0 0 15px;
	padding: 0;
	display: table;
}

/*delivery type*/

.delivery_type {
	width: 100%;
	margin: 0;
	padding: 0;
	display: table;
	list-style: none;
}

.delivery_type li {
	width: auto;
	float: left;
	margin: 0;
	padding: 0;
}

/*delivery cost*/

#delivery_cost p {
	font-size: 14px;
}

.Payment {
	width: 100%;
	margin: 0;
	padding: 0;
	display: table;
	list-style: none;
}

.Payment li {
	width: 100%;
	display: table;
	margin: 0;
	padding: 0 0 5px;
}

.Payment li:last-of-type {
	padding: 0;
}

/*Button Box*/

.ButtonBox {
	width: auto;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 25px 0 0;
	clear: both;
	display: table;
}

.ButtonBox input {
	width: auto !important;
	max-width: inherit !important;
	display: inherit !important;
	height: auto !important;
}

.ButtonBox input:invalid, .ButtonBox input:valid {
	border: none !important;
}

#back_to_shop {
	width: auto;
	margin: 0 1px 0 0;
	padding: 0;
	float: left;
}

#back_to_shop a {
	font-size: 13px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0;
	padding: 7px 10px 8px;
	float: left;
	cursor: pointer;
	transition: all .2s linear;
	
	background: #919191;
	border-radius: 0;
}

#back_to_shop a:hover {
	font-size: 13px;
	color: #fff;
	opacity: 0.75;
}

a.nextStep {
	font-size: 13px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0;
	padding: 7px 10px 8px;
	float: left;
	cursor: pointer;
	transition: all .2s linear;
	
	background: #179d0a;
	border-radius: 0;
}

a.nextStep:hover {
	font-size: 13px;
	color: #fff;
	opacity: 0.75;
}

input.nextStep {
	font-size: 13px !important;
	color: #fff !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	margin: 0 !important;
	padding: 7px 10px 8px !important;
	float: left !important;
	cursor: pointer !important;
	transition: all .2s linear;
	
	background: #179d0a !important;
	border: none !important;
	border-radius: 0 !important;
}

input.nextStep:hover {
	font-size: 13px !important;
	color: #fff !important;
	opacity: 0.75;
}

input.prevStep {
	font-size: 13px !important;
	color: #fff !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	margin: 0 1px 0 0 !important;
	padding: 7px 10px 8px !important;
	float: left !important;
	cursor: pointer !important;
	transition: all .2s linear;
	
	background: #919191 !important;
	border: none !important;
	border-radius: 0 !important;
}

input.prevStep:hover {
	font-size: 13px !important;
	color: #fff !important;
	opacity: 0.75;
}

a.prevStep {
	font-size: 13px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 1px 0 0;
	padding: 7px 10px 8px;
	float: left;
	cursor: pointer;
	transition: all .2s linear;
	
	background: #919191;
	border-radius: 0;
}

a.prevStep:hover {
	font-size: 13px;
	color: #fff;
	opacity: 0.75;
}

a.confirmStep {
	font-size: 13px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0;
	padding: 7px 10px 8px;
	float: left;
	cursor: pointer;
	transition: all .2s linear;
	
	background: #179d0a;
	border-radius: 0;
}

a.confirmStep:hover {
	font-size: 13px;
	color: #fff;
	opacity: 0.75;
}

/*Additional List*/

.AdditionalList {
	width: 647px;
	float: right;
	padding: 15px 0 0;
	clear: both;
}

.AdditionalList h2 {
	font-size: 20px;
	color: #2a2a2a;
	padding: 0 0 10px;
	float: right;
	margin: 0 2px 0 0;
}

dl.AdditionalTop {
	margin: 35px 0 0;
	padding: 0;
}

dl.AdditionalTop dt {
	list-style: none;
	float: left;
	padding: 5px;
	background-color: #e8e8e8;
	margin: 0;
	font-size: 13px;
	color: #555;
}

dl.AdditionalTop dt.naziv {
	width: 	240px;
	border: 1px solid #cacaca;
}

dl.AdditionalTop dt.cijena {
	width: 	120px;
	border-bottom: 1px solid #cacaca;
	border-right: 1px solid #cacaca;
	border-top: 1px solid #cacaca;
	text-align: right;
}

dl.AdditionalTop dt.porez {
	width: 	120px;
	border-bottom: 1px solid #cacaca;
	border-right: 1px solid #cacaca;
	border-top: 1px solid #cacaca;
	text-align: right;
}

dl.AdditionalTop dt.ukupno {
	width: 	120px;
	border-bottom: 1px solid #cacaca;
	border-right: 1px solid #cacaca;
	border-top: 1px solid #cacaca;
	text-align: right;
}

dl.AdditionalDarker {
	margin: 0;
	padding: 0;
}

dl.AdditionalDarker dd {
	list-style: none;
	float: left;
	padding: 5px;
	background-color: #f6f6f6;
	border-bottom: 1px solid #cacaca;
	border-right: 1px solid #cacaca;
	font-size: 15px;
	color: #555;
	height: auto;
}

dl.AdditionalDarker dd.naziv {
	width:  240px;
	border-left: 1px solid #cacaca;
}

dl.AdditionalDarker dd.cijena {
	width: 	120px;
	text-align: right;
}

dl.AdditionalDarker dd.porez {
	width: 120px;
	color: #282828;
	text-align: right;
}

dl.AdditionalDarker dd.ukupno {
	width: 120px;
	color: #282828;
	text-align: right;
}

dl.AdditionalLighter {
	margin: 0;
	padding: 0;
}

dl.AdditionalLighter dd {
	list-style: none;
	float: left;
	padding: 5px;
	background-color: #fcfcfc;
	border-bottom: 1px solid #cacaca;
	border-right: 1px solid #cacaca;
	font-size: 15px;
	color: #555;
	height: auto;
}

dl.AdditionalLighter dd.naziv {
	width:  240px;
	border-left: 1px solid #cacaca;
}

dl.AdditionalLighter dd.cijena {
	width: 	120px;
	text-align: right;
}

dl.AdditionalLighter dd.porez {
	width: 120px;
	color: #282828;
	text-align: right;
}

dl.AdditionalLighter dd.ukupno {
	width: 120px;
	color: #282828;
	text-align: right;
}

/* Brandovi */

dl.BrandoviTop {
	margin: 0;
	padding: 0;
}

dl.BrandoviTop dt {
	list-style: none;
	float: left;
	padding: 5px;
	background-color: #d6d6d6;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-top: 1px solid #aaa;
	margin: 0;
	font-size: 15px;
	color: #555;
}

dl.BrandoviTop dt.logo {
	width:  120px;
	border-left: 1px solid #cacaca;
}

dl.BrandoviTop dt.naziv {
	width: 	566px;
}

dl.BrandoviTop dt.web {
	width: 240px;
	color: #282828;
}

dl.BrandoviBottom {
	margin: 0;
	padding: 0;
}

dl.BrandoviBottom dd {
	list-style: none;
	float: left;
	padding: 5px;
	background-color: #fcfcfc;
	border-bottom: 1px solid #cacaca;
	border-right: 1px solid #cacaca;
	font-size: 15px;
	color: #555;
	height: auto;
}

dl.BrandoviBottom dd.logo {
	width:  120px;
	border-left: 1px solid #cacaca;
}

dl.BrandoviBottom dd.naziv {
	width: 	566px;
}

dl.BrandoviBottom dd.web {
	width: 240px;
	color: #282828;
}

dl.ListBottomWarning {
	clear: both;
	font-size: 13px;
	color: #ef140d;
	padding: 5px 0 0;
}

dl.ListBottomNotice {
	clear: both;
	font-size: 13px;
	color: #4d4d4d;
	padding: 5px 0 0;
}

/*multi faq content*/

.faq_content {
	display: table !important;
	width: 670px !important;
	margin: 0 0 30px !important;
	padding: 0 !important;
}

.basic_site_inner_content input.search_questions {
	width: 880px;
}

.faq_content h1 {
	font-size: 20px !important;
	color: #4d4d4d !important;
	font-weight: 400 !important;
	text-transform: none !important;
	
	border-bottom: 1px solid rgba(0,118,179,0.2) !important;
	padding: 0 0 10px !important;
	margin: 0 0 20px !important;
}

.faq_content h1 span.search_term {
	font-size: 20px !important;
}

.faq_content p span {
	font-size: 14px;
	color: #4d4d4d !important;
}

.search_term {
	color: #4d4d4d !important;
}

form[name="search_faq"] {
	margin: 0;
	padding: 0;
	display: table;
}

form[name="search_faq"] h3 {
	font-size: 16px;
	color: #5d5d5d;
	padding: 0 0 10px;
	margin: 0;
}

.basic_site_inner_content form[name="search_faq"] {
	margin: 0 0 30px !important;
	padding: 0 !important;
	display: table !important;
}

.basic_site_inner_content form[name="search_faq"] h3 {
	font-size: 15px !important;
	color: #6d6d6d !important;
	margin: 0 !important;
	padding: 0 0 8px !important;
	font-weight: 300px !important;
}


input.search_site {
	background: #f8f8f8;
	border: 1px solid #e1e1e1;
	border-radius: 3px;
	box-shadow: none;
	padding: 7px 38px 7px 10px;
	margin: 0;
	width: 620px;
	transition: all .2s linear;
	
	font-family: sans-serif;
	font-size: 11px !important;
	color: #6d6d6d !important;
}

input.search_site:hover {
	background-color: #f6f6f8;
}

input.search_site:focus {
	background-color: #fbfbfd;
}

input.search_button {
	background: url("../../templates/img/search-icon.png") no-repeat scroll right center transparent;
	border: medium none;
	box-shadow: none;
	border-radius: 3px;
	cursor: pointer;
	margin: 0 0 0 -32px;
	position: absolute;
	padding: 0;
	width: 32px;
	height: 32px;
}

/*input outline fixed FF*/

.login_box input[type="submit"] {
	outline: none !important;
}

.login_box input[type="submit"]::-moz-focus-inner {
	border: 0 !important;
}

.register_box input[type="submit"], .register_box input[type="reset"] {
	outline: none !important;
}

.register_box input[type="submit"]::-moz-focus-inner, .register_box input[type="reset"]::-moz-focus-inner {
	border: 0 !important;
}

/*social toolbar inside*/

.social_toolbar_inside {
	width: auto;
	clear: both;
	display: table;
	padding: 0;
	margin: 0 0 10px;
}

.social_toolbar_inside ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: table;
}

.social_toolbar_inside ul li {
	float: left;
	padding: 0;
	margin: 0;
}

.social_toolbar_inside ul li a {
	display: flex;
}

.social_toolbar_inside ul li img {
	margin: 0 0 0 1px;
	padding: 0;
	opacity: 1;
	transition: all .2s linear;
	max-height: 28px;
	border-radius: 3px;
}

.social_toolbar_inside ul li img:hover {
	opacity: 0.75;
}

.label {
	margin: 6px 10px 0 0 !important;
	font-size: 12px;
	color: #5d5d5d;
}

/*history back button*/

.hist_and_social {
	width: 100%;
	box-sizing: border-box;
	margin: 5px 0 0;
	padding: 19px;
	clear: both;
	display: table;
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.080) inset;
	border: 1px solid #ebebeb;
	border-radius: 3px;
}

.hist_and_social .social_toolbar_inside {
	float: right;
	margin: 4px 0 0;
}

.basic_site_inner_content_two_columns_details .hist_and_social {
	width: 705px;
	float: right;
	margin: 15px 0 0px;
}

#hist {
	width: auto;
	float: left;
	margin: 0;
	padding: 0;
	display: flex;
}

#hist a {
	background: linear-gradient(#fff, #f5f5f5);
	border: 1px solid #cdcdcd;
	border-radius: 3px;
	font-size: 13px;
	font-weight: 400;
	color: #4d4d4d;
	margin: 0;
	padding: 7px 9px 9px 9px;
}

#hist a:hover {
	opacity: 0.75;
}

/*ecms gallery box*/

.ecms_gallery_box {
	width: 960px;
	margin: 20px auto 10px;
	padding: 0;
	clear: both;
	display: table;
}

.ecms_gallery_box h1 {
	font-size: 22px;
	color: #414141;
	font-weight: 600;
	text-transform: none;
	margin: 0 0 15px;
	padding: 0;
	border: none;
}

.ecms_gallery_box a {
	width: 225px;
	float: left;
	margin: 0 20px 30px 0;
	padding: 0;
}

.ecms_gallery_box a:nth-of-type(4n) {
	margin: 0 0 30px;
}

.ecms_gallery_box img {
	margin: 0;
	padding: 0;
	max-width: 225px;
	max-height: 170px;
	
	background: #fff;
	border-radius: 3px;
	box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.10);
	box-sizing: border-box;
}

.ecms_gallery_box em {
	margin: 0;
	padding: 5px 0 0;
	font-size: 13px;
	color: #555;
	font-weight: 600;
	clear: both;
	transition: all .2s linear;
	
	overflow: hidden;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 100%;
	display: block;
}

.ecms_gallery_box em:hover {
	font-size: 13px;
	color: #f47421;
}

.ecms_gallery_box div {
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0;
	clear: both;
	display: table;
}

.ecms_gallery_box div a {
	background: linear-gradient(#fff, #f5f5f5);
	background: -webkit-linear-gradient(#fff, #f5f5f5);
	border: 1px solid #cdcdcd;
	border-radius: 3px;
	font-size: 12px;
	font-weight: 400;
	color: #555;
	text-transform: capitalize;
	margin: 0;
	padding: 8px 10px 8px 10px;
	width: auto;
	float: none;
}

.ecms_gallery_box div a:hover {
	opacity: 0.75;
}

/*published content*/

.published_content {
	width: auto;
	margin: 0;
	padding: 0;
	display: table;
}

.published_content time {
	font-size: 10px;
	color: #4d4d4d;
	font-weight: 400;
	margin: 0;
	padding: 5px 9px;
	clear: both;
	display: table;
	background-color: #e10f0f;
	border-radius: 3px;
}

.published_content time span {
	font-size: 10px;
	color: #4d4d4d;
	font-weight: 400;
}

/*send notification content form*/

.send_notification {
	width: 260px;
	margin: 0 0 15px;
	padding: 10px;
	display: table;
	background-color: rgba(0,118,179,0.05);
	border-radius: 3px;
}

.send_notification input {
	background: #f8f8f8;
	border: 1px solid #e1e1e1;
	border-radius: 2px 0 0 2px;
	box-shadow: none;
	padding: 7px 10px 7px 10px;
	margin: 0;
	width: 238px;
	transition: all .2s linear;
	
	font-family: sans-serif;
	font-size: 11px !important;
	color: #6d6d6d !important;
}

.send_notification input:hover {
	background-color: #f6f6f8;
}

.send_notification input:focus {
	background-color: #fbfbfd;
}

.send_notification input[name="send_to"] {
	margin: 10px 0 0;
}

.send_notification input[type="submit"] {
	font-family: sans-serif;
	border: 1px solid #cdcdcd; /* stroke */
	
	background: linear-gradient(#ebebeb, #dcdcdc);
	background: -webkit-linear-gradient(#ebebeb, #dcdcdc);
	
	border-radius: 3px;
	padding: 5px 7px 5px !important;
	margin: 6px 0 0;
	width: auto;
	float: none;
	display: block;
	cursor: pointer;
	
	color: #4d4d4d;
	font-size: 12px !important;
	font-weight: 400;
	transition: all .3s linear;
	text-shadow: 1px 0 1px #fff;
}

.send_notification input[type="submit"]:hover, .send_notification input[type="submit"]:focus {
	font-family: sans-serif;
	border: 1px solid #cdcdcd; /* stroke */
	
	background: linear-gradient(#ebebeb, #dcdcdc);
	background: -webkit-linear-gradient(#ebebeb, #dcdcdc);
	
	border-radius: 3px;
	padding: 4px 7px 6px !important;
	margin: 6px 0 0;
	width: auto;
	float: none;
	display: block;
	cursor: pointer;
	
	color: #4d4d4d;
	font-size: 12px !important;
	font-weight: 400;
	transition: all .3s linear;
	text-shadow: 1px 0 1px #fff;
	opacity: 0.75;
}

.send_notification input[type="radio"] {
	width: auto;
	padding: 0;
	margin: -2px 0 0 0;
	vertical-align: middle;
}

.send_notification label {
	font-family: sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: #5d5d5d;
	padding: 0 0 0 5px;
	margin: 0;
}

.send_notification label[for="type_email"] {
	margin: 0 10px 0 0;
}



/*user profile content*/

.profile_information {
	width: 960px;
	margin: 0 auto 25px;
	padding: 0;
	clear: both;
	display: table;
}

.profile_information ul {
	width: 930px;
	list-style: none;
	padding: 14px;
	margin: 0;
	display: table;
	
	border: 1px solid #e6e6e6;
	border-radius: 3px;
	background-color: rgba(255,255,255,0.50);
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.035) inset;
}

.profile_information ul li {
	min-width: 110px;
	width: auto;
	float: left;
	padding: 0 20px 0 0;
	margin: 0;
	
	font-family: sans-serif;
	font-size: 13px;
	color: #4d4d4d;
	font-weight: 600;
}

.profile_information ul li strong {
	font-family: sans-serif;
	font-size: 12px;
	color: #6d6d6d;
	font-weight: 400;
	display: block;
	border-bottom: 1px dotted #cdcdcd;
	margin: 0 0 7px;
	padding: 0 0 7px;
	text-transform: uppercase;
}

.profile_information ul li:last-child {
	padding: 0;
}


/*send refer*/

.send_refer {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	clear: both;
	display: table;
}

.send_refer form {
	clear: both;
	display: table;
	margin: 0;
}

.send_refer form label {
	font-family: sans-serif;
	float: left;
	padding: 0;
	margin: 10px 15px 0 0;
	font-size: 13px;
	color: #3d3d3d;
	font-weight: 400;
}

.send_refer form input[name="email"] {
	width: 360px;
	border:1px solid #a7a7a7;
	border-radius: 3px 0 0 3px;
	color:#333;
	margin: 3px 0;
	font-weight:lighter;
	padding: 7px 8px;
	font-size:12px;
	transition: all .5s ease;
	outline: none !important;
	float: left;
	
	-moz-box-shadow: 1px 2px 3px 0 rgba(0,0,0,.05); /* drop shadow */
	-webkit-box-shadow: 1px 2px 3px 0 rgba(0,0,0,.05); /* drop shadow */
	box-shadow: 1px 2px 3px 0 rgba(0,0,0,.05); /* drop shadow */
	
	background: linear-gradient(#f5f5f5, #ebebeb);
	background: -webkit-linear-gradient(#f5f5f5, #ebebeb);
}

.send_refer form input[name="email"]:hover, .send_refer form input[name="email"]:focus, .send_refer form input[name="email"]:active {
	opacity: 0.65;
}

.send_refer form input[name="submit"] {
	font-family: sans-serif;
	font-size: 13px;
	color: #4d4d4d;
	font-weight: 400;
	text-transform: uppercase;
	padding: 5px 6px;
	box-shadow: none;
	border-radius: 0 3px 3px 0;
	cursor: pointer;
	width: auto;
	display: inline-block;
	margin: 3px 0;
	transition: all .2s linear;
	float: left;
	
	background: linear-gradient(#2aa91d, #179d0a);
	background: -webkit-linear-gradient(#2aa91d, #179d0a);
	border: 1px solid #e10f0f;
}

.send_refer form input[name="submit"]:hover, .send_refer form input[name="submit"]:focus, .send_refer form input[name="submit"]:active {
	opacity: 0.75;
	font-family: sans-serif;
	font-size: 13px;
	color: #4d4d4d;
	font-weight: 400;
	text-transform: uppercase;
	padding: 5px 6px;
	box-shadow: none;
	border-radius: 0 3px 3px 0;
	cursor: pointer;
	width: auto;
	display: inline-block;
	margin: 3px 0;
	transition: all .2s linear;
	float: left;
	
	background: linear-gradient(#2aa91d, #179d0a);
	background: -webkit-linear-gradient(#2aa91d, #179d0a);
	border: 1px solid #e10f0f;
}

/*full edit profile*/

.full_edit_profile {
	width: 920px;
	margin: 0 auto;
	padding: 19px;
	clear: both;
	display: table;
	
	background: linear-gradient(#fff, #f5f5f5);
	background: -webkit-linear-gradient(#fff, #f5f5f5);
	border: 1px solid #e1e1e1;
	border-radius: 3px;
}

.full_edit_profile form {
	width: 920px;
	margin: 0 auto;
	padding: 0;
	clear: both;
	display: table;
}

.full_edit_profile fieldset {
	width: auto;
	margin: 0 0 15px;
	padding: 0;
	display: block;
	position: relative;
}

/*customer type*/

.full_edit_profile .customer_type {
	width: 920px;
	margin: -19px -19px 30px;
	padding: 15px 19px;
	display: table;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.10);
	border-bottom: 1px solid #e1e1e1;
}

.full_edit_profile .customer_type input[type="radio"] {
	width: auto !important;
	max-width: inherit !important;
	float: left;
	margin: 1px 5px 0 0 !important;
	padding: 0 !important;
}

.full_edit_profile .customer_type label {
	width: auto;
	float: left;
	font-size: 12px;
	color: #6d6d6d;
	font-weight: 300;
	text-transform: uppercase;
	margin: 0 40px 0 0;
	padding: 0;
}

.full_edit_profile fieldset label {
	display: block;
	margin: 0;
	padding: 0 0 5px;
	font-size: 12px;
	color: #8d8d8d;
	font-weight: 300;
}

.full_edit_profile fieldset input {
	width: 420px !important;
	max-width: 420px !important;
	font-size: 12px !important;
	color: #6d6d6d !important;
	font-weight: 400 !important;
	margin: 0 !important;
	padding: 9px 9px 10px !important;
	display: inline-block !important;
	transition: all .2s linear !important;
	
	background: linear-gradient(#fff, #fff) !important;
	background: -webkit-linear-gradient(#fff, #fff) !important;
	border: 1px solid #e1e1e1 !important;
	border-radius: 3px !important;
}

.full_edit_profile fieldset input:hover, .full_edit_profile fieldset input:focus {
	background: linear-gradient(#fff, #fff) !important;
	background: -webkit-linear-gradient(#fff, #fff) !important;
	border: 1px solid #d7d7d7 !important;
	border-radius: 3px !important;
	box-shadow: 0 0 5px rgba(0,0,0,0.10);
}

.full_edit_profile fieldset select {
	width: 440px !important;
	max-width: 440px !important;
	font-size: 12px !important;
	color: #6d6d6d !important;
	font-weight: 400 !important;
	margin: 0 !important;
	padding: 8px 9px 8px !important;
	display: inline-block !important;
	transition: all .2s linear !important;
	
	background: linear-gradient(#fff, #fff) !important;
	background: -webkit-linear-gradient(#fff, #fff) !important;
	border: 1px solid #e1e1e1 !important;
	border-radius: 3px !important;
}

.full_edit_profile fieldset select:hover, .full_edit_profile fieldset select:focus {
	background: linear-gradient(#fff, #fff) !important;
	background: -webkit-linear-gradient(#fff, #fff) !important;
	border: 1px solid #d7d7d7 !important;
	border-radius: 3px !important;
	box-shadow: 0 0 5px rgba(0,0,0,0.10);
}

.item div.alert {
	font-size: 10px;
	color: #e10f0f;
	font-weight: 300;
	text-transform: uppercase;
	margin: 0;
	padding: 12px 10px 12px 0px;
	background: none;
	border: none;
	border-radius: 3px;
	
	position: absolute;
	right: 0;
	bottom: 0;
}

.action_buttons_content {
	width: auto;
	max-width: 920px;
	margin: 0 auto;
	padding: 25px 0 0;
	clear: both;
	display: table;
}

.action_buttons_content input {
	float: right !important;
}

.action_buttons_content a {
	font-size: 12px;
	color: #6d6d6d;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0;
	padding: 10px 9px 11px 9px;
	float: left;
	cursor: pointer;
	transition: all .2s linear;
	
	background: linear-gradient(#f5f5f5, #ebebeb);
	background: -webkit-linear-gradient(#f5f5f5, #ebebeb);
	border: 1px solid #d7d7d7;
	border-radius: 3px;
}

.action_buttons_content a:hover {
	font-size: 12px;
	color: #4d4d4d;
	background: linear-gradient(#ebebeb, #e1e1e1);
	background: -webkit-linear-gradient(#ebebeb, #e1e1e1);
	border: 1px solid #cdcdcd;
	transition: all .2s linear;
}

/*password*/

.full_edit_profile fieldset.pass_field {
	width: 440px;
	float: left;
	margin: 0 40px 0 0;
	padding: 0;
	display: inherit;
}

.full_edit_profile fieldset.pass_field:last-of-type {
	margin: 0;
}

.full_edit_profile fieldset.pass_field .red_star {
	font-size: 12px;
	position: absolute;
	right: 0;
	top: 4px;
}

.full_edit_profile fieldset.pass_field .top_testresult {
	background: none;
	border: none;
	border-radius: 3px;

	width: auto;
	height: auto;
	font-size: 10px;
	color: #e10f0f;
	font-weight: 300;
	text-transform: uppercase;
	margin: 0 !important;
	padding: 12px 10px 12px 0px !important;
	
	position: absolute;
	right: 0;
	bottom: 0;
}

.full_edit_profile fieldset.pass_field .top_testresult span {
	padding: 0 !important;
	margin: 0 !important;
	font-size: 10px;
	color: #e10f0f;
	font-weight: 300;
	text-transform: uppercase;
}

.full_edit_profile fieldset.pass_field  .top_shortPass,
.full_edit_profile fieldset.pass_field  .top_badPass,
.full_edit_profile fieldset.pass_field  .top_goodPass,
.full_edit_profile fieldset.pass_field  .top_strongPass,
.full_edit_profile fieldset.pass_field  .top_strongPass {
	background: none;
	border: none;
	border-radius: 3px;
}

/*profile edit link*/

a.profile_edit_link {
	font-size: 12px;
	color: #6d6d6d;
	font-weight: 600;
	margin: 0 -1px 20px 0;
	padding: 8px 9px;
	float: left;
	transition: all .2s linear;
	
	background: linear-gradient(#fff, #f5f5f5);
	background: -webkit-linear-gradient(#fff, #f5f5f5);
	border: 1px solid #e1e1e1;
	border-radius: 3px;
}

a.profile_edit_link:hover {
	background: linear-gradient(#f5f5f5, #ebebeb);
	background: -webkit-linear-gradient(#f5f5f5, #ebebeb);
	border: 1px solid #d7d7d7;
	font-size: 12px;
	color: #4d4d4d;
	transition: all .2s linear;
}

/*table profile*/

table.profile {
	width: 960px;
	margin: 0 auto 20px;
	padding: 0;
	clear: both;
	display: table;
}

table.profile thead tr {
	display: table-row;
}

table.profile thead tr th {
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #e1e1e1;
	border-right: none;
	color: #8d8d8d;
	font-size: 12px;
	font-weight: 400;
	margin: 0;
	padding: 9px;
	text-transform: none;
	display: table-cell;
	vertical-align: top;
	transition: all .2s linear;
}

table.profile thead tr th:last-of-type {
	border-right: 1px solid #e1e1e1;
}

table.profile thead tr th a {
	color: #4d4d4d;
	font-size: 12px;
	font-weight: 400;
}

table.profile thead tr th a:hover {
	color: #e10f0f;
	font-size: 12px;
}

table.profile tbody td {
	font-size: 14px;
	color: #6d6d6d;
	font-weight: 400;
	margin: 0;
	padding: 9px;
	display: table-cell;
	vertical-align: top;
	transition: all .2s linear;
	
	background: #f5f5f5;
	border: 1px solid #e1e1e1;
	border-right: none;
}

table.profile tbody tr {
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.0);
	transition: all .2s linear;
}

table.profile tbody tr:hover {
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.10);
}

table.profile tbody td:last-of-type {
	border-right: 1px solid #e1e1e1;
}

table.profile tbody td a {
	font-size: 14px;
	color: #4d4d4d;
	font-weight: 400;
}

table.profile tbody td a:hover {
	color: #e10f0f;
	font-size: 14px;
}

/*product gallery*/

#product_gallery {
	background: rgba(0,0,0,0.85);
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: fixed;
	z-index: 99999;
	left: 0;
	top: 0;
}

#product_gallery .header {
	width: 760px;
	margin: 40px auto 0;
	padding: 20px;
	clear: both;
	display: table;
	
	background: linear-gradient(#fff, #f0f0f0);
	background: -webkit-linear-gradient(#fff, #f0f0f0);
	border-radius: 5px 5px 0 0;
	border-bottom: 1px solid #dcdcdc;
	
	position: relative;
}

#product_gallery .header span:before {
	content: "";
	position: absolute;
	display: block;
	
	background-color: #e10f0f;
	width: 30px;
	height: 2px;
	margin: 34px 0 0;
	padding: 0;
}

#product_gallery .header span {
	font-size: 18px;
	color: #4d4d4d;
	font-weight: 500;
	margin: 0;
	padding: 0;
	float: left;
}

#product_gallery .header a.close_gallery {
	font-size: 14px;
	color: #fff;
	font-weight: 500;
	margin: 0;
	padding: 23px 28px 23px 29px;
	
	background-color: #e10f0f;
	box-shadow: 0 0 30px 0 rgba(0,0,0,0.30) inset;
	border-radius: 0 5px 0 0;
	
	position: absolute;
	right: 0;
	top: 0;
	transition: all .2s linear;
}

#product_gallery .header a.close_gallery:hover {
	background-color: #fff;
	color: #e10f0f;
	box-shadow: 0 0 30px 0 rgba(0,0,0,0.30) inset;
	transition: all .2s linear;
}

#product_gallery .content {
	width: 800px;
	margin: 0 auto;
	padding: 0;
	clear: both;
	display: table;
}

#product_gallery .content .left {
	width: 480px;
	float: left;
	margin: 0;
	padding: 0;
}

#product_gallery .content .left .image {
	max-width: 480px;
	max-height: 360px;
	display: table-cell;
	overflow: hidden;
	vertical-align: middle;
	text-align: center;
	background: #fff;
	border: none;
	
	margin: 0;
	padding: 0;
	float: none;
}

#product_gallery .content .left .image img {
	max-width: 480px;
	max-height: 360px;
	text-align: center;
	vertical-align: middle;
}

#product_gallery .content .date_controls {
	width: 600px;
	margin: 0;
	padding: 10px 20px;
	clear: both;
	display: none !important;
	
	background: linear-gradient(#f0f0f0, #e1e1e1);
	background: -webkit-linear-gradient(#f0f0f0, #e1e1e1);
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}

#product_gallery .content .date_controls time {
	font-size: 12px;
	color: #6d6d6d;
	font-weight: 300;
	padding: 0;
	margin: 3px 0 0;
	float: left;
}

#product_gallery .content .arrows_controls {
	width: auto;
	float: right;
	margin: 0;
	padding: 0;
}

#product_gallery .content .arrows_controls p {
	font-size: 14px;
	color: #e10f0f;
	font-weight: 500;
	margin: 3px 10px 0 0;
	padding: 0;
	float: left;
}

#product_gallery .content .arrows_controls p span {
	font-size: 14px;
	color: #e10f0f;
	font-weight: 500;
}

#product_gallery .content .arrows_controls a {
	float: left;
	cursor: pointer;
}

#product_gallery .content .arrows_controls a:hover {
	opacity: 0.60;
}

a.gallery_left_arrow {
	display: flex;
	margin: 0 10px 0 0;
	padding: 0;
}

a.gallery_left_arrow img {
	max-width: 24px;
	max-height: 24px;
	transition: all .2s linear;
}

a.gallery_right_arrow {
	display: flex;
	margin: 0;
	padding: 0;
}

a.gallery_right_arrow img {
	max-width: 24px;
	max-height: 24px;
	transition: all .2s linear;
}

#product_gallery .content .gallery_description_bottom {
	width: 440px;
	margin: 0;
	padding: 20px;
	clear: both;
	display: table;
	
	background: linear-gradient(#e1e1e1, #d7d7d7);
	background: -webkit-linear-gradient(#e1e1e1, #d7d7d7);
	border-top: 1px solid #cdcdcd;
	border-radius: 0 0 0 5px;
	
	position: relative;
}

#product_gallery .content .gallery_description_bottom span {
	font-size: 16px;
	color: #4d4d4d;
	font-weight: 400;
	text-transform: none;
	margin: 0;
	padding: 0 0 10px;
	display: block;
	
	overflow: hidden;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 395px;
}

#product_gallery .content .gallery_description_bottom p {
	font-size: 13px;
	color: #90b374;
	font-weight: 300;
	margin: 0;
	padding: 0;
	
	width: 395px;
	float: left;
}

#product_gallery .content .gallery_description_bottom .image_description {
	min-height: 65px;
	max-height: 65px;
	overflow: hidden;
}

#product_gallery .content .gallery_description_bottom p:empty {
	display: none;
}

#product_gallery .content .gallery_socialization {
	width: auto;
	margin: 20px 0 0;
	padding: 0;
	display: table;
	clear: both;
}

#product_gallery .content .gallery_socialization p {
	color: #6d6d6d;
	float: left;
	font-size: 11px;
	font-weight: 400;
	margin: 9px 10px 0 0;
	padding: 0;
	text-transform: uppercase;
	width: auto;
}

#product_gallery .content .gallery_socialization ul {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
}

#product_gallery .content .gallery_socialization ul li {
	float: left;
	margin: 0 1px 0 0;
	padding: 0;
}

#product_gallery .content .gallery_socialization ul li a {
	display: flex;
}

#product_gallery .content .gallery_socialization ul li img {
	margin: 0;
	padding: 0;
	background: rgba(255,255,255,0.60);
}

#product_gallery .content .right {
	width: 318px;
	float: right;
	margin: 0;
	padding: 0;
	
	min-height: 486px;
	max-height: 486px;
	background-color: #fafafa;
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	border-radius: 0 0 5px 0;
}

#product_gallery .content .thumbnails {
	list-style: none;
	padding: 0;
	margin: 0;
	display: table;
	position: relative;
}

#product_gallery .content .thumbnails li {
	width: 300px;
	margin: 0;
	padding: 9px;
	display: table;
	cursor: pointer;
	
	background: linear-gradient(#fff, #f0f0f0);
	background: -webkit-linear-gradient(#fff, #f0f0f0);
	border-bottom: 1px solid #dcdcdc;
	transition: all .2s linear;
}

#product_gallery .content .thumbnails li:hover, #product_gallery .content .thumbnails li.active_img {
	/*box-shadow: 0 5px 30px 0px rgba(0, 0, 0, 0.15) inset;*/
	transition: all .2s linear;
}

#product_gallery .content .thumbnails li:hover:before, #product_gallery .content .thumbnails li.active_img:before {
	background-color: #e10f0f;
	content: "";
	height: 40px;
	margin: -10px 0 0 0;
	padding: 0;
	position: absolute;
	right: -1px;
	width: 10px;
	transition: all .2s linear;
}

#product_gallery .content .thumbnails li:hover > time, #product_gallery .content .thumbnails li.active_img > time {
	background-color: #e10f0f;
	color: #fff;
	transition: all .2s linear;
}

#product_gallery .content .thumbnails li:hover > span, #product_gallery .content .thumbnails li.active_img > span {
	color: #4d4d4d;
	transition: all .2s linear;
}

#product_gallery .content .thumbnails li img {
	max-width: 90px;
	max-height: 90px;
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	display: none;
}
/*
#product_gallery .content .thumbnails li figure {
	max-wdith: 90px;
	max-height: 90px;
	float: left;
	margin: 0;
	padding: 0;
}
*/
#product_gallery .content .thumbnails li time {
	display: none !important;
	background-color: #ebebeb;
	border-radius: 3px;
	color: #6d6d6d;
	display: table;
	font-size: 10px;
	font-weight: 300;
	margin: 0 0 5px;
	padding: 3px 5px;
	transition: all .2s linear;
}

#product_gallery .content .thumbnails li span {
	font-size: 14px;
	color: #e10f0f;
	font-weight: 500;
	margin: 0;
	padding: 0;
	float: left;
	transition: all .2s linear;
	
	overflow: hidden;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 290px;
	display: block;
}

#product_gallery .content .thumbnails li span:hover {
	font-size: 14px;
	color: #4d4d4d;
}



/*GDPR cookies*/

.gdpr_box,
.gdpr_infotext {
	width: 100%;
	margin: 0;
	padding: 0;
	display: table;
}

.gdpr_box form {
	width: 100%;
	display: table;
	margin: 20px 0;
}

.gdpr_box fieldset {
	width: 100%;
	margin: 0;
	padding: 15px 20px;
	display: table;
	background: #f5f5f5;
	border: 1px solid #cdcdcd;
	border-radius: 5px;
}

.gdpr_box fieldset legend {
	font-size: 17px;
	font-weight: bold;
}

.gdpr_box fieldset div {
	width: 20%;
	float: left;
	margin: 0 0 15px;
	padding: 0;
}

.gdpr_box fieldset div input {
	display: inline-block;
	vertical-align: middle;
	margin: -2px 5px 0 0;
}

.gdpr_box fieldset div input[type="checkbox"] {
	transform: scale(1.5) !important;
	-webkit-transform: scale(1.5) !important;
	-ms-transform: scale(1.5) !important;
	-moz-transform: scale(1.5) !important;
	-o-transform: scale(1.5) !important;
}

.ok_active {
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	margin: 20px 10px 0 0;
	padding: 7px 15px;
	float: left;
	background: green;
	border: 1px solid green;
	border-radius: 5px;
}

.ok_active:hover {
	font-size: 11px;
	color: #fff;
	background: #000;
	border-color: #000;
}

.ok_active:first-of-type {
	background: red;
	border-color: red;
	clear: left;
}

.ok_active:hover:first-of-type {
	background: #000;
	border-color: #000;
}

/*gdpr info box*/

.gdpr_info_box {
	width: 100%;
	margin: 0 0 30px;
}

.gdpr_info_box aside {
	width: 20%;
	height: 100%;
	display: table-cell;
	vertical-align: top;
	box-sizing: border-box;
	margin: 0;
	padding: 10px 20px;
	border-right: 1px solid #d7d7d7;
}

.gdpr_info_box aside:last-of-type {
	border: none;
}

.gdpr_info_box aside em,
.gdpr_info_box aside p {
	padding: 0;
}

.gdpr_info_box h2 {
	margin-bottom: 15px !important;
}

/*cookie ribbon*/

.cookie_ribon {
	width: 15%;
	margin: 0;
	padding: 15px;
	position: fixed;
	bottom: 0;
	left: 0;
	background: #fff;
	box-shadow: 5px -5px 0 0 rgba(0,0,0,0.10);
	z-index: 99999;
}

.cookie_ribon p {
	font-size: 14px;
	color: #2d2d2d;
	font-weight: 400;
	margin: 0;
	padding: 0;
}

.cookie_ribon a {
	font-size: 12px;
	color: #2d2d2d;
	font-weight: 700;
	text-transform: uppercase;
	margin: 10px 0 0;
	padding: 5px 10px;
	display: table;
	border: 1px solid #555;
	border-radius: 5px;
}

.cookie_ribon a:hover {
	font-size: 12px;
	color: #000;
}

/*gdpr contact form*/

.contact_form div.consent_data,
.consent_data {
	width: 100% !important;
	float: none !important;
	margin: 0 0 20px !important;
	padding: 0 0 20px !important;
	border-bottom: 1px dotted #cdcdcd;
	display: table;
}

.contact_form div.consent_data:last-of-type,
.consent_data:last-of-type {
	border: none;
	margin: 0 !important;
	padding: 0 !important;
}

.consent_data input[type="checkbox"] {
	transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	margin: 0 5px 0 0 !important;
	float: left !important;
	width: auto !important;
	max-width: inherit !important;
}

.box_data_register fieldset.lean_consent_data input[type="checkbox"] {
	transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	margin: 0 5px 0 0 !important;
	float: left !important;
	width: auto !important;
	max-width: inherit !important;
}

.contact_form div.consent_data dt,
.consent_data dt,
.contact_form div.consent_data dd,
.consent_data dd {
	padding: 0 5px !important;
}

.contact_form div.consent_data dt,
.consent_data dt {
	width: 10% !important;
	float: left;
}

.consent_data .formInfo {
	float: left !important;
	position: inherit !important;
	top: inherit !important;
	right: inherit !important;
}

.contact_form div.consent_data dd,
.consent_data dd {
	width: 85% !important;
	float: right;
}

.box_data_register fieldset.lean_consent_data label {
	width: 86% !important;
	float: left;
	padding: 0 0 0 5px;
}

.contact_form div.consent_data dd p:last-of-type,
.consent_data dd p:last-of-type {
	padding: 0;
}

/*cookie gdpr*/

/*
body {
	pointer-events: none;
}

body:before {
	content: "";
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	background: rgba(255,255,255,0.70);
	transition: all .3s linear;
}

.body_unblocked {
	pointer-events: all;
}

body.body_unblocked:before {
	position: inherit;
	z-index: inherit;
	left: inherit;
	top: inherit;
	background: inherit;
}
*/

.cookie_gdpr {
	width: 85%;
	margin: 0;
	padding: 1% 1.5%;
	background: #fff;
	box-shadow: 0px -2px 8px 0px rgba(0,0,0,0.20);
	position: fixed;
	z-index: 999999;
	bottom: 0;
	left: 7.5%;
	pointer-events: all;
}

.cookie_gdpr h1 {
	font-size: 14px;
	color: rgba(0,0,0,0,75);
	font-weight: bold;
	margin: 0;
	padding: 0 0 3px;
}

.cookie_gdpr em {
	font-size: 12px;
	color: rgba(0,0,0,0,50);
	margin: 0;
	padding: 0;
}

.cookie_gdpr form {
	padding-top: 15px
}

.cookie_gdpr form,
.cookie_gdpr form fieldset {
	width: 100%;
	display: table;
}

.cookie_gdpr form fieldset div {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

.cookie_gdpr form fieldset div,
.cookie_gdpr form fieldset div label {
	font-size: 14px;
	color: #000;
	font-weight: normal;
}

.cookie_gdpr form fieldset div input {
	appearance: checkbox !important;
	-webkit-appearance: checkbox !important;
	display: inline-block;
	vertical-align: middle;
	margin: -1px 0 0 !important;
}

.cookie_btn_accept_all,
.cookie_btn_accept,
.cookie_btn_refuse {
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	margin: 0 10px 0 0;
	padding: 6px 10px;
	border-radius: 3px;
	display: inline-block;
	vertical-align: middle;
}

.cookie_btn_accept_all,
.cookie_btn_accept_all:hover {
	color: #fff;
	background: green;
}

.cookie_btn_accept {
	color: #000;
	background: #b9b9b9;
}

.cookie_btn_refuse,
.cookie_btn_refuse:hover {
	color: #000;
	background: #b9b9b9;
	margin: 0 0 0 40px !important;
}

.cookie_btn_accept_all:hover,
.cookie_btn_accept:hover,
.cookie_btn_refuse:hover {
	font-size: 12px;
}

.cookie_btn_settings {
	font-size: 12px;
	color: #000;
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-decoration: underline !important;
}

.cookie_btn_settings:hover {
	font-size: 12px;
	color: #000;
}

@media only screen and (min-width: 0px) and (max-width: 800px) {

.gdpr_box fieldset {
	box-sizing: border-box;
}

.gdpr_box fieldset div {
	width: 50%;
	margin-bottom: 10px !important;
}

.gdpr_info_box aside {
	width: 100%;
	display: table;
}

.gdpr_info_box aside {
	padding: 20px;
	border-right: inherit;
	border-bottom: 1px solid #d7d7d7;
}

.ok_active {
	margin-right: 5px !important;
}

.contact_form div.consent_data dd,
.consent_data dd {
	width: 80% !important;
}

.cookie_gdpr {
	width: 90%;
	padding: 3.5%;
	left: 5%;
}

.cookie_gdpr form fieldset div {
	width: 48%;
	float: left;
	display: inherit;
	margin-bottom: 5px;
}

.cookie_gdpr form fieldset div:nth-of-type(2n) {
	margin: 0;
}

.cookie_gdpr form fieldset div input {
	margin: -2px 4px 0 0 !important;
}

.cookie_btn_accept_all {
	clear: left;
}

.cookie_btn_accept_all,
.cookie_btn_accept,
.cookie_btn_refuse {
	float: left;
	display: inherit;
	width: 48%;
	text-align: center;
}

.cookie_btn_accept_all,
.cookie_btn_accept {
	margin-top: 10px !important;
}

.cookie_btn_accept {
	margin-right: 0 !important;
}

.cookie_btn_settings {
	display: table;
	margin: 0 auto 20px;
	padding-top: 10px;
	clear: both;
}

.cookie_btn_refuse,
.cookie_btn_refuse:hover {
	margin: 0 auto !important;
	float: none;
	width: auto;
	display: table;
}

}



#complete_order .consent_data dt {
	width: auto !important;
}

#complete_order .consent_data dd {
	width: 93% !important;
}