.single-product .product .product-desc.container .box
{
	padding: 0;
}

.siteobject_webshop_productdetails .container
{
	padding: 0;
}

.siteobject_webshop_productdetails .row
{
	margin:0;
}

.siteobject_webshop_productdetails .col-sm
{
	padding: 0;
}



.product-image {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;

}
/*.single-product .product-image, .single-product .product .product-desc {
	width: 48%;
	float: left;
}*/

.single-product .product .product-desc {
	
	padding-left: 50px;
}

.single-product .product .price{
	padding-top: 17px;
}

.single-product .product .product_title
{
    clear: none;
    margin-top: 0;
    padding: 0;
    font-size: 24px;
	text-transform: uppercase;
	font-family: "FuturaBold";
}

#amount
{
	width: 70px;
	margin: 0 10px 0 0;
}

.disabled
{
	background-color: #f7f6f7 !important;
	cursor: not-allowed !important;
}


.single-product .product div.thumbnails a {
    float: left;
    width: 30.75%;
    margin-right: 3.8%;
}

.single-product .product div.images img
{
    display: block;
    width: 100%;
    height: auto;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.flex-control-nav.flex-control-thumbs {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    margin: 2px -2px -2px 0;
    height: 75px;
}

.flex-control-nav.flex-control-thumbs li, .flex-control-nav.flex-control-thumbs li img {
    display: block;
    width: 100px !important;
    height: auto !important;
}

.flex-control-nav.flex-control-thumbs li {
    margin: 0 2px 2px 0;
}

.flex-control-nav.flex-control-thumbs li:hover img, .flex-control-nav.flex-control-thumbs li img.flex-active {
    border-width: 0;
    opacity: 1;
}

.flex-control-nav.flex-control-thumbs li img {
    cursor: pointer;
    text-indent: -9999px;
    border: 0;
    border-radius: 0;
    margin: 0;
    opacity: 0.5;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

@media (max-width: 767px) {
	
	.single-product .product-image
	{
		
		   /* margin-bottom: 50px !important;*/
	}
	
	.single-product .product .product-desc {
	
	padding-left: 28px;
}
	
	.flex-control-nav.flex-control-thumbs li, .flex-control-nav.flex-control-thumbs li img
	{
		width: 88px !important;
	}

}


.extraOptions .col, .extraOptions .col-1
{
	padding:0;
}


.extraOptions .col .show_selected {
    display: none;
}

.extraOptions.selected .show_selected {
    display: block;
}



.counter_plus, .counter_min {
    display: inline-block;
    width: 25px;
    text-align: center;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
	float: left;
}

.counter_value, input[type=text].counter_value {
    padding: 2px;
    width: 20px;
    text-align: center;
    background: #f2f2f2;
    font-size: 0.8em;
    border: solid 1px #c6c6c6;
    font-size: 12px;
    border-radius: 0px;
    -webkit-appearance: none;
	float: left;
}


/* Popups */
.white-popup { position: relative; margin: 20px auto; padding: 20px; width: auto; max-width: 500px; background: #FFF; }

#text-popup textarea { display:inline-block; width:100%; height:100px; padding:5px; }
#photo-popup #result { padding: 0 0 20px 0; }
#photo-popup .photo-popup-loader { text-align: center; }
#photo-popup .use_photo { display: none; margin: 0 0 0 15px; }

#message-popup { width: 450px; }



.product-option .col
{
	padding:0;
}

input[type=radio].with-font,
input[type=checkbox].with-font {
    border: 0;
    clip: rect(0 0 0 0);
    /*height: 1px;*/
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
   /* width: 1px;*/
	
}

input[type=radio].with-font ~ label:before,
input[type=checkbox].with-font ~ label:before{
    font-family: 'Font Awesome 5 Free';
    /*display: inline-block;*/
    content: "\f111";
    letter-spacing: 10px;
    font-size: 1em;
    color: gainsboro;
    width: 1.4em;
	font-weight: 400;
	display: block;
	float: left;
	padding-top: 2px;
}

input[type=radio].with-font:checked ~ label:before,
input[type=checkbox].with-font:checked ~ label:before  {
    content: "\f058";
    font-size: 1em;
    color: darkgreen;
    letter-spacing: 5px;
	font-weight: 400;
	padding-top: 2px;
}
input[type=checkbox].with-font ~ label:before {        
    content: "\f111";
	font-weight: 400;
}
input[type=checkbox].with-font:checked ~ label:before {
    content: "\f058";        
    color: darkgreen;
	font-weight: 400;
}
input[type=radio].with-font:focus ~ label:before,
input[type=checkbox].with-font:focus ~ label:before,
input[type=radio].with-font:focus ~ label,
input[type=checkbox].with-font:focus ~ label
{                
    /*color: green;*/
	font-weight: 400;
}



/**** TextPopup ***/
.subheading {
    display: inline-block;
    margin: 0 0 10px 0;
    color: #000;
    font-size: 2em;
    line-height: 1;
	text-transform: uppercase;
}

form .buttons {
    text-align: right;
}

.mfp-close-btn-in .mfp-close
{
	color:black !important;
}

/*** Photo popup ***/

#photo-popup #result {
    padding: 0 0 20px 0;
}

.file-wrapper {
    position: relative;
    display: inline-block;
    border: 2px solid #d7d7d7;
}

.file-wrapper .file-wrapper-button {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    margin: 0;
    padding: 9px;
    width: 39px;
    height: 39px;
    min-width: 0;
    color: #a3a3a3;
    border: 2px solid #a3a3a3;
    text-decoration: none;
    cursor: pointer;
}

.file-wrapper .file-wrapper-value {
    display: inline-block;
    width: 276px;
    line-height: 39px;
    margin: 0;
    padding: 0 0 0 10px;
    color: #525050;
    font-size: 12px;
    white-space: nowrap;
    /* overflow: hidden; */
}

.file-wrapper input[type=file] {
    position: absolute;
    top: 0;
    left: -9999px;
}


.extraOptions .optionPrice
{
	padding: 0.3em 0 0.5em 0;
}


/*** custom checkboxes ***/

/*input[type=checkbox] { display:none; } 
input[type=checkbox] + label:before {
  font-family: FontAwesome;
  display: inline-block;
}

input[type=checkbox] + label:before { content: "\f111"; } 


input[type=checkbox]:checked + label:before { content: "\f058"; } */


@media screen and (max-width: 736px) {
	.extraOptions .name
	{
		flex-basis: 30%;
	
	}
	
	.extraOptions .optionPrice
	{
		padding: 0.3em 0 0.5em 0;
	}
}

@media (max-width: 991.98px) {
.extraOptions .name
	{
		flex-basis: 30%;
	
	}
}