@charset "utf-8";
/* CSS Document */


.right_side{
	width:100%;
/*	float:right;*/
	max-width: 1400px;
	margin: auto;
	color:#000;
	padding:50px 0px;
	box-sizing:border-box;
	margin-top:30px;
}
h2{
	font-size: 24px;
	color: black;
}
h2.after::after{
	width: 140px;
	height: 8px;
	border-radius: 8px;
}
.title h1{
	margin-top:50px;
	font-size:25px;
	font-weight:400;
	color:#372d3b;
}

#fu_input_middle_name{
	display:none;
}

.row_item {margin-top:0px;}
.row_item div.border1 {
	width:100%;
	padding:15px 0px 10px 0px;
	color:#6d6e71;
}

#list{

}

.input_container input,
.input_container SELECT,
.input_container textarea{
	width:100%;
	
	
	border:1px solid #000;
	padding:15px 0px 15px 10px;
	background:none;
	color:#000;
	box-sizing:border-box;
	font-family:Eina; 
	font-size:16px;
	margin-top:10px;
	outline: none;
	border-radius: 8px;
}

.content_container input[type="checkbox"] ,
 .content_container input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 25px;
    height: 25px;
    border: 1px solid #000; /* Border color */
    border-radius: 4px; /* Make it circular */
    outline: none;
    cursor: pointer;
	 	padding: 0px;

  }

  /* Style for checked radio inputs */
  input[type="radio"]:checked {
    background-color: #E5B80B; 
		
  }
.order_item_container input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 26px;
    height: 23px;
    border: 1px solid #E5B80B; /* Border color */
    border-radius: 4px; /* Border radius for square shape */
    outline: none;
    margin: 0;
    cursor: pointer;
    vertical-align: middle;
		margin-left: 10px;
  }


.checkbox-wrapper-30 .checkbox {
    --bg: #fff;
    --brdr: #d1d6ee;
    --brdr-actv: #1e2235;
    --brdr-hovr: #bbc1e1;
    --dur: calc((var(--size, 2)/2) * 0.6s);
    display: inline-block;
    width: calc(var(--size, 1) * 22px);
    position: relative;
  }
  .checkbox-wrapper-30 .checkbox:after {
    content: "";
    width: 100%;
    padding-top: 100%;
    display: block;
  }
  .checkbox-wrapper-30 .checkbox > * {
    position: absolute;
  }
  .checkbox-wrapper-30 .checkbox input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    background-color: var(--bg);
    border-radius: calc(var(--size, 1) * 4px);
    border: calc(var(--newBrdr, var(--size, 1)) * 1px) solid;
    color: var(--newBrdrClr, var(--brdr));
    outline: none;
    margin: 0;
    padding: 0;
    transition: all calc(var(--dur) / 3) linear;
  }
  .checkbox-wrapper-30 .checkbox input:hover,
  .checkbox-wrapper-30 .checkbox input:checked {
    --newBrdr: calc(var(--size, 1) * 2);
  }
  .checkbox-wrapper-30 .checkbox input:hover {
    --newBrdrClr: var(--brdr-hovr);
  }
  .checkbox-wrapper-30 .checkbox input:checked {
    --newBrdrClr: var(--brdr-actv);
    transition-delay: calc(var(--dur) /1.3);
  }
  .checkbox-wrapper-30 .checkbox input:checked + svg {
    --dashArray: 16 93;
    --dashOffset: 109;
  }
  .checkbox-wrapper-30 .checkbox svg {
    fill: none;
    left: 0;
    pointer-events: none;
    stroke: var(--stroke, var(--border-active));
    stroke-dasharray: var(--dashArray, 93);
    stroke-dashoffset: var(--dashOffset, 94);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2px;
    top: 0;
    transition: stroke-dasharray var(--dur), stroke-dashoffset var(--dur);
  }
  .checkbox-wrapper-30 .checkbox svg,
  .checkbox-wrapper-30 .checkbox input {
    display: block;
    height: 100%;
    width: 100%;
  }

input[type="checkbox"]:checked {
    background-color: #E5B80B;  Background color when checked 
}
.footer_container .gdpr a{
	color: white;
}
label.checkbox-label{
	color: black;
	display: block;
	margin-left: 20px;
	font-size: 13px!important;
	font-style: normal;
}
.input_container input::placeholder,
.input_container textarea::placeholder{
/*	opacity:1;*/
}
.input_container .input{
	width:100%;
}
.gdpr a{
	color:#000;
}
.payment_container .pay_option label img {
	position: absolute;
	bottom: 30px;
}
.payment_container .pay_option label {
  display: block;
  border: 1px solid #c2c2c2;
  padding: 20px 25px;
  height: 275px;
  font-size: 15px;
  margin-bottom: 10px;
  text-align: left;
  color: #A0A0A0;
  cursor: pointer;
	position: relative;
}



.payment_container .pay_option {
  width: 23.5%;
  float: left;
  margin-left: 2%;
/*  text-align: center;*/
/*	position: relative;*/
}
.payment_container .pay_option:first-child{
	margin-left: 0px;
} 

.payment_container .pay_option input:checked + label span ,
.payment_container .pay_option input:checked + label {
  border-color: #000 !important;
  color: #000000 !important;
}
.payment_container .pay_option input {
  position: absolute;
  bottom: 20px;
  display: none;
}
.payment_title{
	color:#808080;
	display: block;
	margin-bottom: 15px;
	font-size: 20px;
}
.content_content{
	padding: 50px 0px!important;
}
.input_container textarea{
	height:80px;
/*	margin-top:25px;*/
	width:100%;
	padding:10px;
	box-sizing:border-box;
/*	resize: none;*/
/*	font-family:"Source Sans Pro", sans-serif;*/
}

.info_container, .input_container{
	float:left;
}

.info_container{
	width:30%;
	color:#555555;
	padding-top:10px;
	font-size:16px;
}

.info_container span{
	color:#0076a3;
}

.info_title{
	font-size:20px;
	color:#9d9d9d;
	font-weight:bold;
	margin-bottom:40px;
}

.input_title{
	display:none;
	width:90px;
	padding-top:10px;
}

.input_container{
	width:100%;
	float:none !important;
	
}

.outer_border{
	padding:5px;
	border:1px solid #ebebeb;
}

.inner_border{
	border:1px solid #ebebeb;
	background-image:url(/images/dostava_bg.jpg);
	padding:15px 0;
}

.type_item{
	width:50%;
	text-align:center;
	float:left;
}

.type_item img{
	margin-bottom:10px;
}

.ptype_desc{
}

.payment_container{
	padding:0px;
	display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.payment_container input{
	position:absolute;
	bottom:20px;
	left:50%;
	margin-left:-6px;
}

.potrditev_button{
	color:#fff;
	background-color:#E5B80B;
	display:inline-block;
	padding:10px 25px;
	font-size:16px;
	font-weight:300;
	text-decoration:none;
	border-radius:100px;
	text-transform:uppercase;
}

.dostava{
	padding:15px 20px;
	text-align:center;
	border-top:1px solid #959595;
	margin-top:20px;
	color:#555555;
}

/*////////////////////*/
/*remove button*/
.row_item a.remove_button {
	font-size:11px;
	text-decoration:none;
	
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:14px;
}

.row_item a.remove_button:link, .row_item a.remove_button:visited, .row_item a.remove_button:active {
	background-image:url(/images/cart_icon_delete.gif);
	color:#666;
}
.row_item a.remove_button:hover {
	background-image:url(/images/cart_icon_delete_over.gif);
	color:rgba(229, 184, 11, 1);
}
/*remove button*/
/*////////////////////*/

.row_item .wrapper > div {
	width: 20%;
}

.row_item .wrapper > div:first-child {
	width: 20%;
	padding-right: 100px;
}
.row_item .wrapper {
	margin:0px;
	border-bottom:3px solid #DFDFDF59;
	padding:25px 0px;
	display: flex;
	align-items: center;
	height: 150px;
	border-radius: 4px;
}

/*////////////////////*/
/*art image*/
.row_item div.item_thumb {
	float:left;
}
/*////////////////////*/

/*////////////////////*/
/*list layout left*/

.row_item div.layout_left {
	float:left;

}

.titles_container{
	padding:5px 0px;
}

.titles_container_item{
	float:left;
	margin-left:160px;
	font-size:16px;
	color:#372d3b;
}

.row_item div.layout_left a.title {
/*	color:#6d6e71;*/
	font-weight:normal;
	text-decoration:none;
	display:block;
	float:left;
	margin-top:0px;
	font-size:22px;
	font-weight:600;
	font-family:'Niramit', sans-serif;
	line-height:22px;
}
.row_item div.layout_left div.price_container{ float:left;}
.row_item div.layout_left div.price_container span {
	font-weight:bold;
	margin-left:5px;
}
.row_item div.layout_left div.price_container div.price_left {float:left; margin-top:35px;}
.row_item div.layout_left div.price_container div.price_right {float:right;}

.row_item div.layout_left div.preview {margin-top:30px;}
.row_item div.layout_left div.preview .preview_title {
	float:left;
	width:78px;
}
.row_item div.layout_left div.preview .preview_container {
	float:left;
	width:632px;
}

.row_item div.layout_left div.preview a.thumb {
	display:block;
	float:left;
	
	width:36px;
	height:36px;
	overflow:hidden;
	
	margin-right:4px;
	margin-top:4px;
	
	border:1px solid;
	
	background-repeat:no-repeat;
	background-position:center center;
}
.row_item div.layout_left div.preview_container a.thumb:link, 
.row_item div.layout_left div.preview_container a.thumb:visited, 
.row_item div.layout_left div.preview_container a.thumb:active {
	border-color:#c6c6c6;
}
.row_item div.layout_left div.preview_container a.thumb:hover {
	border-color:#666;
}

/*list layout left*/
/*////////////////////*/

/*////////////////////*/
/*list layout right*/

.row_item div.layout_right {
	margin:6px 10px 0px 0px;
	float:right;
}

.row_item div.layout_right div.quantity {float:left; margin-right:80px}
.row_item div.layout_right div.price_container {
	float:left;
}
.row_item div.layout_right div.price_container .price_title {
	float:left;
	text-align:right;
}
.row_item div.layout_right div.price_container .price {
	float:left;
	padding-left:15px;
	text-align:right;
}

/*list layout right*/
/*////////////////////*/

/*////////////////////*/
/*sum*/
.sum_container {margin:20px 0px;}
.sum_container div.left {float:left;}
.sum_container div.right {float:right;}
/*sum*/
/*////////////////////*/

/*////////////////////*/
/*discount code*/
.discount_code_container {margin:10px 0px;}
.discount_code_container div {margin-right:5px;}
.discount_code_container div.text {float:left;}

.discount_code_container div.msg {
	float:left;
	margin-top:5px;
	
	font-size:11px;
	font-weight:bold;
}

.discount_code_container div.msg.ok {color:#1c9708;}
.discount_code_container div.msg.error {color:#ed1c24;}
/*discount code*/
/*////////////////////*/

.promo_container{
	text-align:center;
	background-color:#e5f1f6;
	padding:10px;
}

.promo_container label{
	font-size:14px;
	color:#555555;
}

.promo_content{
	display:none;
}

.promo_content input{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #8e999f;
    height: 32px;
    padding-left: 5px;
    width: 267px;
	margin-top:5px;
}

.promo_content #promo_code_msg{
	display:none;
	color:#f20000;
	font-size:14px;
	margin-top:5px;
}

a#promo_button{
	display:inline-block;
	background-color:#0076a3;
	color:#fff;
	padding:7px 20px 8px 20px;
	text-decoration:none;
}

#discount_container{
	display:none;
}



#cart_heading{
	padding: 10px;
	margin-top: 30px;
	font-size: 16px;
	display:flex;
	background: #DFDFDF59;
	border-radius: 6px;
	
/*	justify-content:space-between;*/
}
#cart_heading > div:first-child{
	width: 20%;
}
#cart_heading > div{
	width: 20%;
	text-transform:uppercase;
}
.right_side_content{
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
}
#list{
	width: 100%;
}
.totals{
	width: 25%;
	align-self: flex-end;
/*	background: #221F1F;*/
}
.totals .header{
	color: #FFF;
font-size: 18px;
font-style: normal;
font-weight: 600;
letter-spacing: 0.54px;
/*	padding: 30px;*/
	display: none;
/*	border-bottom: 2px solid #272727;*/
}
.quantity div{
	background: #ededed;
	border-radius: 18px; 
width: 90px !important;
  display: flex;
  justify-content: space-around;
  align-items: center;
	padding: 2px 10px;
}
.quantity input{
	background:transparent!important;
	border: none!important;
	color:#7E7E7E;
	font-size: 18px;
}

.totals .content_vat{
	padding: 5px 0px;
	display: flex;
  justify-content: flex-end;
  text-align: right;
}
.totals .content_vat .value{
/*	color:white;*/
}
.totals .content_vat .text{
	color: #000;
	padding-right: 5px;
}
.totals .full_price .text{
	color:#000;
/*	font-weight: 400;*/
}
.totals .full_price{
/*
	border-top: 2px solid #272727;
	padding: 20px 30px;
	padding-bottom: 40px;
	margin-top: 20px;
*/
	font-size: 20px;
	font-weight: 500;
}
.left_side{
	width:100%;
/*	float:left;*/
	color:#000;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	max-width: 1400px;
	margin: auto;
}
.left_side .small{
	width: 48%;
}
.pay_option#ptype_4 img.active{
	content: url("/images/po_povzetju_color.png");
}

.pay_option#ptype_4 img{
	content: url("/images/po_povzetju_grey.png");
}
.pay_option#ptype_2 img.active{
	content: url("/images/paypal_color.png");
}

.pay_option#ptype_2 img{
	content: url("/images/paypal_grey.png");
}
.pay_option#ptype_3 img.active{
	content: url("/images/bancno_nakazilo_color.png");
}

.pay_option#ptype_3 img{
	content: url("/images/bancno_nakazilo_grey.png");
}
.pay_option#ptype_5 img.active{
	content: url("/images/kreditne_color.jpg");
}

.pay_option#ptype_5 img{
	content: url("/images/kreditne_grey.jpg");
}



/*.left_side .small .title{margin-bottom:50px;}*/