/* General */
* 										{margin:0; padding:0; border:0;}

body									{font-family:'Open Sans', sans-serif; font-weight:400;}

ul, ol									{margin:0; padding:0;}
.asideTableWrap ul li, 
.asideTableWrap ol li					{list-style:none;}

a, a:hover, a:focus                     {text-decoration:none;}

img                                     {width:100%;}


.fleft									{float:left;}
.fright									{float:right;}
.clear									{clear:both;}
.clearfix:after 						{content:""; height:0; display:block; clear:both;}
.relative								{position:relative;}
.wht	                             	{background:#fff;}
.block                              	{display:block;}
.nopadding                         		{padding:0 !important;}
.nomargin                          		{margin:0 !important;}

.pagepadd								{padding:60px 0 60px 0;}
.pagemarg								{margin:60px auto;}

.poscenter								{text-align:center;}
.posleft								{text-align:left;}
.posright								{text-align:right;}

.easing, .easing:hover, 
.prdBoxDesc i, .prdBoxDesc i:hover      {-webkit-transition: all 0.5s ease;		
										-moz-transition: all 0.5s ease-out;
										-o-transition: all 0.5s ease-out;
										transition: all 0.5s ease-out;}




/* Section */
.tx-productfilter h2                              {margin:0 0 40px 0;}
.tx-productfilter h2 span                         {font-weight:600;}



/* -> Article */
.prdBox                                 {margin-bottom:20px;opacity: 0;-webkit-transform: translateY(200px);transform: translateY(200px);}
.prdBox .imgWrap                        {background: #eeeeee;overflow:hidden; 
/*                                        background: -moz-linear-gradient(top,  #eeeeee 0%, #ffffff 52%, #eeeeee 100%);
                                        background: -webkit-linear-gradient(top,  #eeeeee 0%,#ffffff 52%,#eeeeee 100%);
                                        background: linear-gradient(to bottom,  #eeeeee 0%,#ffffff 52%,#eeeeee 100%);
                                        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 )*/;}
.imgWrap img                            {width:100%; height:auto;}
.prdBox:hover .imgWrap img                  {cursor:pointer; -webkit-transform: scale(1.1); 
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);}
.prdBox, .prdBox .imgWrap img			{-webkit-transition: all 0.5s ease-in-out;
										-moz-transition: all 0.5s ease-in-out;
										-ms-transition: all 0.5s ease-in-out;
										-o-transition: all 0.5s ease-in-out;}
.prdBoxDesc                             {padding:12px 0 0 0; background:#fff;}
.prdBoxDesc span                        {display:block; float:left; font-weight:600; color:#333;font-size:1.171rem;}
.prdBoxDesc i                           {float:right; cursor:pointer; background:#333; height:20px; width:20px; line-height:20px; color:#fff; font-size:14px; text-align:center;}
.prdBoxDesc i:hover                     {background: #91c232;}


/* -> Aside */
.asideBox 								{transform: translateX(200px);-webkit-transform: translateX(200px);opacity:0;margin-bottom:30px;padding-bottom:15px;background: #ffffff;box-shadow:0 2px 2px #EAEAEA;
                                        background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
                                        background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 100%);
                                        background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 100%);
                                        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );-webkit-transition: all 0.5s ease-in-out;
										-moz-transition: all 0.5s ease-in-out;
										-ms-transition: all 0.5s ease-in-out;
										-o-transition: all 0.5s ease-in-out;}
.asideBox .teaser                       {margin:0 0 4px 0;padding:0 15px;}

.asideTableWrap                         {padding:15px; }
.TableRow                               {margin:0 0 20px 0;}
.TableRow:last-child                    {margin:0;}
.TableRow span                          {display:block; font-size:15px; font-weight:600; margin:0 0 5px 0;}
.TableRow .half                         {width:50%; float:left;}
#contentMain .TableRow .half ul         {padding:0 0 0 16px;margin:0;}
#contentMain .TableRow ul.halfSplit     {-webkit-column-count:2; -webkit-column-gap:0px;margin:0;}
.TableRow ul.halfSplit li   {display:block; float:left; padding:0 0 0 16px;width:130px; font-size:14px; -webkit-column-break-inside:avoid; white-space:nowrap;}
.contentRow{								background:#f0f0f0;border-top:1px solid #fff;}


.TableRow ul.half                       {width:50%; float:left; padding:0 0 0 16px;}
.TableRow ul.half:nth-child(even)       {float:right;}

#contentMain .TableRow ul li            {position:relative; line-height:20px;font-size:0.95rem;font-weight:400;margin:0;}
.TableRow ul li a                       {color:#333;}
.TableRow ul li a:hover                 {text-decoration:underline;}

/*.TableRow ul li.active:before           {content:"\f00c"; font-family:'fontawesome'; color:green; height:14px; width:14px; position:absolute; left:-1px; top:0px;}
*/

.asideBox #resetBtn 					{background: #91c232;padding: 5px 18px;border: 1px solid #fff;border-radius: 3px;color:#fff;}
.asideBox input[type="checkbox"],
.asideBox input[type="radio"]			{position: absolute; clip: rect(0,0,0,0);}
.asideBox label							{font-weight: normal; cursor:pointer; font-size: 12px; white-space:nowrap;margin-bottom:0;}
.asideBox label:hover					{text-decoration: underline;}
.asideBox input[type="radio"]:checked + label:before
										{content:" ";background: url("/fileadmin/templates/icons/schwing_icon.png") no-repeat; font-family:'fontawesome'; color:green; height:13px; width:13px; position:absolute; left:-16px; top:4px;}
.asideBox ul.halfSplit input[type="radio"]:checked + label:before
										{left:-1px;}


/* Footer */
footer                                  {background:#333; height:120px;}

.prdBox.animate {
    animation: 0.65s ease 0s normal forwards 1 running moveUp;

}

.prdBox.animateReverse {
    animation: 0.65s ease 0s normal forwards 1 running moveDown;

}

.asideBox.animate{
    animation: 1s ease 0s normal forwards 1 running moveLeft;

}
#contentMain .spDetailView .detail{margin-top:15px;font-size:1.171rem;}

@keyframes moveUp {
0% {-webkit-transform: translateY(0);	-o-transform: translateY(200px);transform: translateY(200px);}
100% {
    opacity: 1;
	-webkit-transform: translateY(0px);
	-o-transform: translateY(0px);
    transform: translateY(0px);
}
}

@keyframes moveDown {
0% {-webkit-transform: translateY(200px);	-o-transform: translateY(0);transform: translateY(0);}
100% {
    opacity: 1;
	-webkit-transform: translateY(200px);
	-o-transform: translateY(200px);
    transform: translateY(200px);
}
}


@keyframes moveLeft {
0% {opacity:0;-webkit-transform: translateX(0px);transform: translateX(-200px);}
100% {
    opacity: 1;
    transform: translateX(0px);
	-webkit-transform: translateX(0px);
}
}


/* Style the tab */
div.tab {
    overflow: hidden;
    border-bottom: 1px solid #ccc;
	font-size:1.171rem;
    
}

/* Style the buttons inside the tab */
div.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab button.active {
    background-color: #007053;
	color:#fff;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 12px 12px;
    border-top: none;
	min-height: 300px;
	border: 1px solid #ccc;
	border-top:0;
}

.tabcontent figure{padding-top:12px;padding-right:12px;}
.desc{margin-bottom:0;}
.desc span{display:inline-block;width:200px;}
.spDetailView h4.headline{margin-top: 0.5em;}

.button {
    border: 1px solid #fff;
    color: #fff;
	display:block;
	text-align: center;
	transition: 0.3s;
    background: #007053;
    padding: 5px 10px;
    border-radius: 2px;
    text-transform: uppercase;
    font-weight: 700;
}

.button:hover{color:#007053;background:#fff;border: 1px solid #007053;}

.card {background:#f2f2f2}
.card .text{padding:10px;}
.productImages {padding: 7.5px;}
.buttonLine {padding: 0 7.5px;}
.buttonLine > div,.productImages > div {
    padding: 7.5px;
}

#sellProduct .table {font-size: 1.171rem;}
#sellProduct .table td:first-of-type{width:50%;}
#sellProduct .table tr:hover{background:#f2f2f2;}

#sellProduct .mainImagesDetail{margin-top:57px;}