.btn {
	font-size: var(--font-xsmall) !important;
}
.btn:not(.btn-small) {
	border-radius: 5px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
select.form-control:not(.input-sm):not(.input-lg) {
	padding-bottom: 8px;
	padding-top: 8px;
}
.bg-white {
	background-color: #fff;
}
.bg-green {
	background-color: var(--shop-color);
}
.bg-gray {
	background-color: var(--gray-light);
}
.br-10 {
	border-radius: 10px;
}
.font-xsmall {
	font-size: var(--font-xsmall);
}
.text-white,
.text-white a {
	color: #fff;
}
.gap-y-15 {
	row-gap: 15px;
}
.slick-arrow {
	cursor: pointer;
}

/* HEADER */
.header-top-bar {
	background-color: var(--shop-color);
	color: #fff;
	font-size: var(--font-xsmall);
	padding-top: 10px;
	text-align: center;
}
.navbar {
	border: none;
}
@media screen and (max-width: 767px) {
	.navbar-form .wrapper .btn.search {
		background-color: var(--gray-light);
		border-radius: 0 5px 5px 0;
		width: 40px;
	}
	.navbar-form .wrapper .form-control {
		background-color: var(--gray-light);
		border-radius: 5px 0 0 5px;
	}
}
@media screen and (max-width: 991px) {
	body.front #sideMenu {
		margin-left: -15px;
		margin-right: -15px;
	}
}
@media screen and (min-width: 768px) {
	.navbar-brand {
		display: flex;
		align-items: center;
		height: calc(var(--header-height) - var(--navbar-height));
	}
	.navbar-form .wrapper {
		border-bottom: #bdbdbd solid 1px;
	}
	.navbar-form .form-control {
		padding-left: 0;
	}
}
.navbar-form .form-control {
	border: none;
	box-shadow: none;
	color: var(--shop-color-2);
	font-size: var(--font-xsmall);
}
.navbar-form .form-submit {
	border: none;
	display: flex;
	align-items: center;
	height: 40px;
	padding: 0;
}
#user-menu.navbar-nav > li > a {
	color: var(--shop-color-2);
	display: flex;
	align-items: center;
	column-gap: 6px;
}
#user-menu.navbar-nav > li > a .title {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	font-size: 11px;
	line-height: 1.1;
	text-transform: uppercase;
}
#user-menu.navbar-nav > li > a .title .cart-price {
	color: var(--shop-color);
	font-size: 10px;
	font-weight: 700;
}
#user-menu.navbar-nav > li.active > a *,
#user-menu.navbar-nav > li > a:focus *,
#user-menu.navbar-nav > li > a:hover * {
	color: #fff !important;
}
@media all and (max-width: 767px) {
	.navbar-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.navbar-header .text-white {
		font-size: 12px;
	}
	.fa-bars:before, .fa-navicon:before {
		content: "\f0c9";
	}
}
.hamburger-toggle {
	display: flex;
	align-items: center;
	justify-content: center;
}
.hamburger-toggle .icon-bars {
	display: flex;
	align-items: stretch;
	flex-direction: column;
	justify-content: space-between;
	height: 18px;
	width: 26px;
}
.hamburger-toggle .icon-bars > span {
	background-color: #fff;
	display: block;
	height: 2px;
}

/* FOOTER */
.scrollToTop:hover {
	color: #fff;
}

/* MAIN PAGE */
.carousel-inner > .item {
	border-radius: 5px;
	overflow: hidden;
}
.carousel-caption {
	bottom: 0;
	left: 0;
	right: auto;
	padding: 15px;
	max-width: 100%;
	width: 750px;
}
.carousel-caption .title {
	color: #fff;
	font-size: var(--font-xlarge);
	margin: 0;
}
.carousel-caption .btn {
	background-color: var(--shop-color);
	border: none;
	max-width: 100%;
	width: 230px;
}
#main-carousel .carousel-caption {
	display: flex;
	align-items: flex-start;
	flex-direction: column-reverse;
}
#main-carousel .carousel-caption .link {
	margin-bottom: 25px;
	text-align: left;
}
#main-carousel .carousel-indicators {
	display: flex;
	gap: 10px;
	bottom: auto;
	left: 0;
	top: 0;
	margin: 15px;
	width: auto;
	z-index: 4;
}
#main-carousel .carousel-indicators li {
	border: none;
	border-radius: 10px;
	height: 20px !important;
	margin: 0 !important;
	width: 20px !important;
}
#main-carousel .carousel-indicators li:not(.active) {
	background-color: var(--gray-light);
}
.carousels .carousel-caption {
	bottom: auto;
	top: 50%;
	left: 50%;
	max-height: 100%;
	transform: translate(-50%, -50%);
}
.carousels .carousel-caption .title {
	margin-bottom: 25px;
}
@media screen and (max-width: 479px) and (orientation: portrait) {
	#main-carousel .carousel-indicators {
		left: 50%;
		margin: var(--main-block-padding) 0;
		transform: translateX(-50%);
	}
	.carousel-inner .item {
		padding-bottom: 35px;
	}
	.carousel-inner .item > img {
		object-fit: cover;
		object-position: right;
		min-height: 250px;
	}
	#main-carousel .item .carousel-caption  {
		padding-bottom: 65px;
	}
	.carousels .carousel-inner .item .carousel-caption {
		padding-bottom: 50px;
		top: 0;
		bottom: 0;
		transform: translate(-50%, 0);
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.carousel-inner .item .link a {
		position: absolute;
		bottom: 0;
		height: 40px;
		left: 0;
		width: 100%;
	}
}
.product-slider-by-group,
.product-slider-by-category {
	position: relative;
	z-index: 1;
}
/*.tab-content .product-slider,*/
.product-slider-tab-nav .product-tab {
	margin-left: -15px;
	/*margin-right: -15px;*/
}
@media screen and (max-width: 767px) {
	.product-slider-tab-nav:not(.product-tab-box) {
		padding-bottom: 50px;
	}
	.product-slider-tab-nav .js-tab-arrow-box {
		position: absolute;
		left: 15px;
		top: calc(100% + 25px);
		transform: translateY(-50%);
	}
	.product-slider-tab-nav .more {
		position: absolute;
		right: 0;
		top: calc(100% + 25px);
		transform: translateY(-50%);
	}
}
@media all and (min-width: 1300px) {
	.carousel-caption {
		padding: var(--main-block-padding);
	}
	#main-carousel .carousel-indicators {
		margin: var(--main-block-padding);
	}
	#main-carousel .carousel-caption .link {
		margin-bottom: calc(var(--main-block-padding) * 0.75);
	}
	.carousels .carousel-caption .title {
		margin-bottom: var(--main-block-padding);
	}
}
.green-block.main-block {
	padding-bottom: calc(var(--main-block-padding) - -10px);
	padding-top: calc(var(--main-block-padding) - -10px);
}
.green-block {
	color: #fff;
	margin-bottom: -10px;
	margin-top: -10px;
	min-height: 100px;
}
.green-block .left {
	display: flex;
	align-items: flex-start;
	justify-content: space-around;
	column-gap: 30px;
}
.green-block .block-content {
	text-align: center;
}
.green-block .block-content img {
	margin: 0 auto;
}
.green-block .right .block-content {
	font-size: var(--font-medium);
	font-weight: 300;
	text-align: left;
}
.green-block .right .block-content a {
	color: #fff;
	text-decoration: underline;
}
@media screen and (max-width: 767px) {
	.green-block .left {
		align-items: center;
		flex-direction: column;
	}
}
@media screen and (max-width: 767px) {
	.green-block .left {
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: space-between;
		row-gap: 15px;
	}
	.green-block .left .title {
		font-size: 14px !important;
		margin-top: 10px;
		margin-bottom: 0;
	}
	.green-block .right .block-content {
		font-size: 13px !important;
		height: 100%;
		display: flex;
		align-items: flex-start;
		flex-direction: column;
		justify-content: space-between;
	}
}
@media screen and (min-width: 768px) {
	.green-block .left .block-content {
		margin: 15px 0;
	}
}
.blog-list .left {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
}
.blog-list .left .block-content {
	flex: 1;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: column;
}
.blog-list .left .block-content .title {
	color: var(--shop-color);
	font-size: var(--font-xlarge);
	font-weight: 700;
	margin: 0;
}
.blog-list .left .block-content .text {
	line-height: 2em;
}
.blog-list .left .footer {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	column-gap: var(--main-block-padding);
	margin-top: 25px;
}
.blog-list .left .footer > a {
	font-size: var(--font-base);
	font-weight: 700;
}
.blog-list .left .footer .arrows {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	column-gap: 30px;
}
@media screen and (max-width: 991px) {
	.blog-list .left .footer {
		align-items: center;
		flex-direction: row-reverse;
		justify-content: space-between;
		margin-bottom: 25px;
		margin-top: 5px;
		width: 100%;
	}
}
.blog-list .slick-track {
	display: flex;
	justify-content: flex-start;
}
.blog-list .slick-track .blog-box {
	height: inherit;
}
.blog-box {
	display: flex !important;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: column;
	padding: 0 15px;
}
.blog-box > img {
	border-radius: 5px;
}
.blog-box > header {
	padding: 12px;
}
.blog-box > header time {
	color: var(--shop-color-2);
	font-size: var(--font-xsmall);
	font-weight: 600;
}
.blog-box > header .title {
	margin: 0;
}
.blog-box > header .title a {
	color: var(--shop-color);
	font-size: var(--font-medium);
	font-weight: 700;
}
/* ---- /blog lista oldal (prefix: .gk-blog-list) ---------------------------
   A kártyák a flex-align-stretch miatt egyforma magasak; a .blog-box alap
   szabálya justify-content: space-between, ami 2 gyereknél (kép + header) a
   dátumot/címet a doboz aljára nyomja, így kártyánként eltérő magasságba
   esnek. Itt felülírjuk: a header közvetlenül a kép alá kerül (flex-start),
   és a képek egységes magasságúak → a dátumok és címek egy vonalban állnak.
   Csak a .gk-blog-list konténerre hat, a főoldali blog-slidert nem érinti. */
.gk-blog-list .blog-box {
	justify-content: flex-start;
}
.gk-blog-list .blog-box > img {
	width: 100%;
	height: 220px;
	object-fit: cover;
}
/* ---- Termékoldal: kapcsolódó blogbejegyzések ("Ezeket olvastad már?") -----
   A lábléc fölött jelenik meg (page_bottom.php). Fehér, keretes kártyák
   (.gk-blog-card) a szürke szekció-háttéren; minden szabály .gk-product-blog-ra
   scoppolva → a /blog listát és a főoldali blog-slidert NEM érinti. */
.gk-product-blog {
	margin-top: 40px;
	padding-bottom: 30px;
}
.gk-product-blog > .container-box > .gk-product-blog-header {
	margin-bottom: 24px;
}
.gk-product-blog > .container-box > .gk-product-blog-header h2 {
	color: var(--shop-color);
	font-weight: 700;
	margin: 0;
}
/* a .blog-box itt csak az oszlop-burkoló (gutter); a kártya a belső wrapper */
.gk-product-blog .blog-box {
	align-items: stretch; /* a belső kártya teljes szélességű legyen */
	margin-bottom: 24px;
}
.gk-product-blog .gk-blog-card {
	display: flex;
	flex-direction: column;
	height: 100%;
	background: #fff;
	border: 1px solid #e2e5e9;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .07);
}
.gk-product-blog .gk-blog-card > img {
	width: 100%;
	height: 220px;
	object-fit: cover;
}
.gk-product-blog .gk-blog-card > header {
	padding: 14px 16px 0;
}
.gk-product-blog .gk-blog-card > header time {
	color: var(--shop-color-2);
	font-size: var(--font-xsmall);
	font-weight: 600;
}
.gk-product-blog .gk-blog-card > header .title {
	margin: 6px 0 0;
}
.gk-product-blog .gk-blog-card > header .title a {
	color: var(--shop-color);
	font-size: var(--font-medium);
	font-weight: 700;
}
.gk-product-blog .gk-blog-card-text {
	padding: 10px 16px 16px;
}
.gk-product-blog .gk-product-blog-footer {
	margin-top: 10px;
	text-align: center;
}
.product-tab li.more ~ li:not(:last-of-type):after {
	background-color: var(--gray-middle);
	content: '';
	display: inline-block;
	height: 20px;
	position: absolute;
	right: -1px;
	top: calc(50% - 10px);
	width: 1px;
}
.gray-block {
	border-radius: 10px 10px 0 0;
	margin-bottom: -10px;
}
.gray-block .wrapper {
	display: flex;
	flex-direction: column;
	row-gap: var(--main-block-padding);
}
.gray-block .block-content .title {
	color: var(--shop-color);
	font-size: var(--font-large);
	font-weight: 700;
	margin-bottom: 25px;
	margin-top: 0;
}
.gray-block .block-content .text {
	font-weight: 500;
	line-height: 2em;
}

/* PAGES */
main {
	border-radius: 5px;
	margin-bottom: 20px;
	margin-top: 20px;
	padding-top: var(--main-block-padding);
}
#main-content {
	padding-bottom: var(--main-block-padding);
}
body.category main {
	padding-top: 25px;
}
body.category #main-content {
	padding-bottom: 25px;
}
@media all and (min-width: 1300px) {
	body.blog main,
	body.page main {
		font-size: var(--font-medium);
		line-height: 1.5;
		padding-left: 30px;
		padding-right: 30px;
	}
}
#content-page-bottom {
	background-color: var(--gray-light);
	border-radius: 5px 5px 0 0;
	margin-top: 10px;
}

/* PRODUCT LIST */
:root{
	--card-col-gap: 10px;
}
@media all and (min-width: 768px) and (max-width: 1299px) {
	:root{
		--card-col-gap: 15px;
	}
}
@media all and (min-width: 1300px) {
	:root{
		--card-col-gap: 30px;
	}
}
.card .data-container {
	background-color: #fff;
	height: inherit;
	padding: 15px;
}
@media all and (max-width: 767px) {
	.card .data-container .caption {
		margin-bottom: 25px;
	}
}
.card .data-container h3 {
	margin-top: 0;
	margin-bottom: 20px;
}
.card .data-container .middle-details {
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
}
.card .data-container .middle-details ul {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px 25px;
	justify-content: flex-start;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 0;
	padding-left: 5px;
	list-style-type: none;
}
.card .data-container .middle-details ul li {
	display: inline-flex;
	align-items: center;
	-webkit-column-gap: 5px;
	-moz-column-gap: 5px;
	column-gap: 5px;
}
.card .data-container .middle-details ul li:before {
	background-color: var(--shop-color);
	border-radius: 3px;
	content: '';
	display: block;
	height: 5px;
	width: 5px;
}
.card .data-container .bottom {
	display: flex;
	align-items: stretch;
	flex-direction: column;
	justify-content: space-between;
	row-gap: 20px;
	text-align: left;
}
.arajanlat {
	display: flex;
	align-items: stretch;
	gap: 15px;
	justify-content: space-between;
}
.arajanlat h5 {
	margin: 0;
}
.arajanlat .btn {
	flex: 0 0 125px;
	max-height: 50px;
}
.card .data-container .cart-box {
	display: flex;
	align-items: stretch;
	gap: 25px 10px;
	justify-content: flex-end;
}
.card .data-container .price-wrapper {
	flex: 0;
	margin-right: auto;
}
.card .data-container .price-label {
	color: var(--gray-base);
	font-size: var(--font-xsmall);
	font-weight: 600;
	line-height: 1;
	margin-bottom: 5px;
}
.card .data-container .form-to-cart {
	display: flex;
	align-items: stretch;
	justify-content: flex-end;
	column-gap: 10px;
	flex: 1;
}
.card .data-container .add-to-cart {
	flex: 0 0 125px;
}
@media all and (max-width: 767px) {
	.card .data-container .bottom {
		border-top: var(--gray-middle) solid 1px;
		margin-top: 15px;
		padding-top: 15px;
	}
}
@media all and (min-width: 480px) and (max-width: 767px) {
	.arajanlat .btn {
		flex: 0 0 175px;
	}
}
@media all and (min-width: 768px){
	.card .grid-container {
		display: grid;
		grid-template-columns: 25% 1fr 1fr 1fr 30%;
		flex: 1 0 auto;
		gap: 15px var(--card-col-gap);
	}
	body.front .card .grid-container {
		grid-template-rows: 1fr 170px;
	}
	.card .grid-container .single-attributes {
		align-self: start;
		grid-column: 1 / span 4;
		grid-row: 1 / 2;
	}
	.card .grid-container .image-container {
		grid-column: 1 / span 1;
		grid-row: 2 / 3;
	}
	.card .grid-container .caption {
		grid-column: 2 / span 3;
		grid-row: 2 / 3;
		overflow-y: auto;
	}
	.card .grid-container .bottom {
		grid-column: 5 / span 1;
		grid-row: 1 / 3;
	}
	.card .data-container .bottom {
		border-left: var(--gray-middle) solid 1px;
		padding-left: var(--card-col-gap);
	}
	.card .data-container .bottom .arajanlat {
		flex-direction: column;
	}
	.card .data-container .bottom .arajanlat .btn {
		flex-grow: 1;
	}
	.card .data-container .cart-box {
		flex-direction: column;
	}
	.card .data-container .add-to-cart {
		flex: 1 0 auto;
	}
}
@media all and (min-width: 1300px){
	.card .data-container {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		padding: var(--card-col-gap);
	}
	.card .data-container .image-container {
		flex: 1 0 31%;
	}
}
.card .more-info {
	border: none;
	margin-top: -10px;
	padding-top: 20px;
	position: relative;
	width: 100%;
}
.card .more-info:focus,
.card .more-info:hover {
	background-color: var(--shop-color-2);
}
.single-attributes {
	color: #fff;
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 10px;
	text-align: center;
	text-transform: uppercase;
}
.single-attributes > div {
	background-color: #999;
	border-radius: 5px;
	flex: 1 0 48%;
	min-width: 100px;
	padding: 5px;
}
@media all and (min-width: 480px){
	.single-attributes > div {
		flex: 0 1 auto;
	}
}
div.attribute-futes {
	background-color: var(--shop-color-4);
}
div.attribute-hutes {
	background-color: var(--shop-color-3);
}
div.attribute-hutokozeg {
	background-color: var(--shop-color-5);
}
div.attribute-energiaosztaly {
	background-color: var(--shop-color-6);
}
.single-attributes > div h6 {
	font-size: 10px;
	font-weight: 500;
	margin-bottom: 2px;
	margin-top: 5px;
}
.my-table {
	font-size: var(--font-small);
	font-weight: 500;
}
.my-table tr:first-of-type > td {
	border: none;
}
.my-table tr > td:last-of-type {
	text-align: right;
}
.product-basket {
	column-gap: 10px;
}
@media all and (min-width: 768px){
	.product-basket {
		column-gap: 15px;
	}
}
#product-datas .single-attributes,
.version-data .product-basket,
.version-data #middle-details {
	margin-bottom: 15px;
}
.product-control-bar {
	font-weight: 500;
	margin-top: auto;
}
.links,
#rating-box {
	justify-content: flex-start;
	column-gap: 30px;
	font-size: var(--font-xsmall);
}
#rating-box a {
	color: var(--shop-color);
}
.links a {
	color: var(--gray-base);
}
#tab-closed_group_description table {
	max-width: 100%;
}
#tab-closed_group_description table td {
	padding: 3px 10px;
}
#tab-closed_group_description table tr:nth-of-type(odd) > td {
	background-color: #fff;
}
.attributes-checkbox > .form-group {
	margin-bottom: 5px;
}
.attributes-checkbox > .form-group label {
	margin: 0 0 0 5px;
}
#modal-arajanlat .modal-content {
	max-height: calc(100vh - 100px);
}
#modal-arajanlat #form-arajanlat {
	display: flex;
	flex-direction: column;
	max-height: inherit;
}
#modal-arajanlat .modal-body {
	display: flex;
	flex-direction: column;
	flex: 0 1 auto;
	overflow: hidden;
}
#modal-arajanlat .modal-scollable {
	overflow-y: auto;
}
#modal-arajanlat .form-group {
	margin-bottom: 25px;
}
#modal-arajanlat .radio-group-wrapper {
	flex-basis: 100%;
	padding-left: 15px;
}
#modal-arajanlat .radio-group {
	display: flex;
	align-items: baseline;
	column-gap: 5px;
	justify-content: flex-start;
}
#modal-arajanlat .radio-group > label {
	font-weight: 400;
}
@media all and (min-width: 768px){
	.version-data .arajanlat .btn {
		flex-basis: 230px;
	}
}
@media all and (min-width: 480px){
	#modal-arajanlat .modal-content {
		max-height: calc(100vh - 100px);
	}
	#modal-arajanlat .form-group:not(.checkbox) {
		display: flex;
		align-items: baseline;
		flex-wrap: wrap;
	}
	#modal-arajanlat .form-group:not(.checkbox) > label:not(.wide) {
		flex-basis: 125px;
	}
	#modal-arajanlat .form-group .form-control:not(textarea) {
		flex: 1;
	}
	#modal-arajanlat .checkbox label input[type="checkbox"] {
		margin-right: 5px;
	}
}
/*#101 : űrlap css*/
#survey-table {
	font-family: Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 100%;
	border-color: var(--shop-color-2);
}
  
#survey-table td, #survey-table th {
	border: 1px solid var(--shop-color-6);
	padding: 8px;
	text-align: center;
}
  
#survey-table tr:nth-child(even){
	background-color: #f2f2f2;
}
  
#survey-table tr:hover {
	background-color: #ddd;
}
  
#survey-table th {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: center;
	background-color: var(--shop-color);
	color: white;
}

#survey-table .survey-table-first-column{
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: left;
	background-color: var(--shop-color);
	font-weight: bold;
	color: white;
}

@media all and (max-width: 320px){
	#survey-table .survey-table-first-column{
		padding-top: 12px;
		padding-bottom: 12px;
		text-align: left;
		background-color: var(--shop-color);
		font-weight: bold;
		color: white;
		font-size: 10px;
	}
}

#survey-table .survey-table-first-rc{
	border: 0px;
	background-color: transparent;
}

#survey-table .survey-bended{
	border-radius: 6px 0 0;
}

.survey-required{
	color: red;
}

.radio_items{
	margin-bottom: 10px;
}

.radio_items label{
	padding-right: 10px;
	font-weight: normal;
}

.box {
    font-size: 2.15rem;
    background-color: var(--shop-color);
    position: relative;
    padding: 100px 20px;
}

.box.has-advanced-upload {
    outline: 2px dashed var(--shop-color-6);
    outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
}

.box-input{
	text-align: center;
}

.box-file {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.box.has-advanced-upload .box-icon {
    width: 100%;
    height: 80px;
    fill: var(--shop-color-6);
    display: block;
    margin-bottom: 40px;
}

.box-file + label {
    max-width: 80%;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
	color: var(--shop-color-6);
	text-align: center;	
}

#upload-file-list{
	margin-top: 10px;
	list-style: none;	
	padding-inline-start: 0 !important;
}

#upload-file-item{	
	line-height: 40px;
	
}

#upload-file{
	background-color: var(--shop-color);
	border: 1px solid var(--shop-color-6);
	color: var(--shop-color-6);
}

#survey-form input[type="text"]:hover{
	/*box-shadow: inset 1px 1px 1px var(--shop-color);*/
	outline: none;
    border-color: var(--shop-color);
    box-shadow: 0 0 10px var(--shop-color);
}

#survey-form input[type="radio"]{
	height: 20px;
	width: 20px;
}

#survey-form input[type="radio"]:hover{
	height: 20px;
	width: 20px;	
	outline: none !important;
    border-color: var(--shop-color);
    box-shadow: 0 0 10px var(--shop-color);
}

.upload-trash{
	float: right;
	width: 30px;
}

.upload-file-size{
	margin-left: 20px;
	font-weight: bold;
}

.upload-trash{
	color: var(--shop-color-6);
}

.upload-trash:hover{
	color: var(--shop-color-6);
}
@media screen and (max-width: 767px) {
	.product-tab:after {
		content: '';
		display: block;
		position: absolute;
		right: 34px;
		top: 0;
		height: 100%;
		width: 20px;
		background: rgba(239,239,239,0);/* Old Browsers */
		background: -moz-linear-gradient(left, rgba(239,239,239,0) 0%, rgba(239,239,239,1) 65%, rgba(239,239,239,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(239,239,239,0)), color-stop(65%, rgba(239,239,239,1)), color-stop(100%, rgba(239,239,239,1)));/* Chrome, Safari4+ */
		background: -webkit-linear-gradient(left, rgba(239,239,239,0) 0%, rgba(239,239,239,1) 65%, rgba(239,239,239,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left, rgba(239,239,239,0) 0%, rgba(239,239,239,1) 65%, rgba(239,239,239,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left, rgba(239,239,239,0) 0%, rgba(239,239,239,1) 65%, rgba(239,239,239,1) 100%); /* IE 10+ */
		background: linear-gradient(to right, rgba(239,239,239,0) 0%, rgba(239,239,239,1) 65%, rgba(239,239,239,1) 100%);/* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#efefef', GradientType=1 );/* IE6-9 */
	}
	.product-tab + img {

	}
}
.attribute-container > label {
	margin-right: 15px;
}
.installation-link {
	padding-bottom: 15px;
}
.installation-link a {
	text-decoration: underline;
}