﻿/* tabs */


.tabs {
    position: relative;
    margin: 0px auto 40px;
    width: 100%;
    text-align: left;
}
	
.tabs label {
	display: inline-block;
    font-family: OpenSans-Bold, Calibri, Tahoma;
    font-size: 17px;
    font-weight: 400;
    border-bottom: 2px solid #fff !important;
    margin: 0px 25px 20px 0%;
	padding: 0 0px;
	color: #23232c;
	cursor: pointer;
	position: relative;
	top: 0px;
	min-width: 30px;
	height: 45px;
	line-height: 45px;
	text-align: left;
	z-index: 1;
}

.tabs label:last-child {
    margin: 20px 0px 20px 0 !important;
}
	

.tab-img
{
    height: 30px;
    width: 30px;
    margin: 0px 5px 0px 0%;
    float: left;
    display: none;
}

.tab-img img
{
    width: 100%;
}
	
.tabs label:hover
{
    border-bottom: 2px solid #f4f6f4;
}
	
.tabs input {
	position: absolute;
	left: -9999px;}
#tab_1:checked  ~ #tab_l1,
#tab_2:checked  ~ #tab_l2,
#tab_3:checked  ~ #tab_l3
{
    border-bottom: 2px solid #ff1a1a !important;
	color: #23232c;
    padding: 0 0px;
    top: 0;
    z-index: 3;
}

.tabs_cont {
	padding: 0px 0 0 0;
    margin: 10px 0 0 0;
	position: relative;
	z-index: 2;
}

.tabs_cont > div {
	position: absolute;
	left: -9999px;
	top: 0;
	opacity: 0;
	width: 100%;
    -moz-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
}

.tabs_cont p {
    font-family: OpenSans-Regular, Calibri, Tahoma;
    font-size: 17px;
    margin: 0 0 25px 0;
    color: #000;
    font-weight: 400;
    line-height: 140%;
}

.tabs_cont_img img {
    width: 126.8%;
	box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 30px;
    border-radius: 20px;
}

.tabs_cont_img_mini img {
    width: 100%;
	box-shadow: none;
    border-radius: 0px;
}

#tab_1:checked ~ .tabs_cont #tab_c1,
#tab_2:checked ~ .tabs_cont #tab_c2,
#tab_3:checked ~ .tabs_cont #tab_c3
{
	position: static;
	left: 0;
	opacity: 1;}



@media screen and (max-width: 900px) {

.tabs label {
    font-size: 0px;
}

.tab-img {
    margin: 0px 0px 0px 0%;
}

.tabs label {
    margin: 20px 10px 20px 0%;
}

}


