.case-studies .triptics {
	background: white;
	margin-top: 0px;
	padding-top: 0px;
}

.triptics {
    background: #000000;
    padding: 0;
    width: 100%; /*max-width: 90%;*/ max-width: 1289px; height: auto;
    margin: 0 auto;
    overflow: hidden;
    /*cursor: pointer;*/
    padding-top: 38px;
}
.triptics .tripticMobile { display: none; }
.triptics .contentTriptics{
    overflow: hidden;
    height: 383px;
}
.triptics .contentTriptics .titleContent {
    height: 100%;
    overflow: hidden;
    position: relative;
}
.triptics .contentTriptics .triptic .image.mobile { display: none; }
.triptics .contentTriptics .titleContent .image {
    position: absolute;
    z-index: 50;
    left: 0
}
.triptics .contentTriptics .triptic {
    width: 100%; max-width: 33.2%; height: 383px; max-height: 100%; min-height: 50%;
    float: left;
    overflow: hidden;
    transition: max-width 1s;
    -moz-transition: max-width 1s;
    -webkit-transition: max-width 1s;
    -o-transition: max-width 1s;
}
.triptics .contentTriptics .triptic .image.inactive {
    opacity: 1;
    filter:alpha(opacity=100);
    transition: opacity 1s;
    -moz-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
}
.triptics .contentTriptics .triptic .image.active {
    opacity: 0;
    filter:alpha(opacity=0);
    transition: opacity 1s;
    -moz-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
}
.triptics .contentTriptics .triptic .titleContent .title {
    width: 425px;
    float: left;
    margin: 137px 0 0 20px;

    position: relative;
    z-index: 100;
    transition: opacity 1s;
    -moz-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
}
.triptics .contentTriptics .triptic .titleContent .content {
    opacity: 0;
    filter:alpha(opacity=0);
    background: #000000;
    width: 348px;
	height: 383px;
    padding: 0 19px 0 19px;
    position: absolute;
    right: 0;
    z-index: 100;
    /*cursor: pointer;*/
    transition: opacity 1s;
    -moz-transition: opacity 1s;
    -webkit-transition: max-width 1s;
    -o-transition: opacity 1s;
}

.triptics .contentTriptics .triptic .titleContent .content h3 {
    margin: 20px 0 0 0;
    line-height: 35px;
}
.triptics .contentTriptics .triptic .titleContent .content p {
    margin: 18px 0 0 0;
    line-height: 22px;
}
.triptics .contentTriptics .triptic .titleContent .content a {
    margin: 25px 0 0 0;
    display: block;
    text-decoration: none;
}

.triptics .contentTriptics .triptic .titleContent .content .read-more {
	margin: 0;
	cursor: pointer;
	position: absolute;
	bottom: 19px;
	left: 19px;
}

.triptics .contentTriptics .triptic .titleContent .content .read-more p {
	display: block;
	line-height: 30px;
	float: left;
	background: url(../images/sinal+_bkg.png) #b1b1b1;
	margin-right: 1px;
	margin-top: 0px;
	font-size: 14px;
	color: white;
	text-decoration: none;
	padding: 0px 10px 0px 10px;
}

.triptics .contentTriptics .triptic .titleContent .content .read-more img {
	background: #b1b1b1;
}

.triptics .contentTriptics .triptic.active .titleContent .title,
.triptics .contentTriptics .triptic.inactive .titleContent .title {
    opacity: 0;
    filter:alpha(opacity=0);
    transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
}

.triptics .contentTriptics .triptic.right {
    max-width: 33.6%;
    transition: max-width 1s;
    -moz-transition: max-width 1s;
    -webkit-transition: max-width 1s;
    -o-transition: max-width 1s;
}

.triptics .contentTriptics .triptic.left .titleContent .title {

}

.triptics .contentTriptics .triptic.left.active,
.triptics .contentTriptics .triptic.center.active,
.triptics .contentTriptics .triptic.right.active {
    max-width: 75.2%;
    transition: max-width 1s;
    -moz-transition: max-width 1s;
    -webkit-transition: max-width 1s;
    -o-transition: max-width 1s;
}

.triptics .contentTriptics .triptic.left.inactive .image.inactive,
.triptics .contentTriptics .triptic.left.active .image.active,
.triptics .contentTriptics .triptic.center.inactive .image.inactive,
.triptics .contentTriptics .triptic.center.active .image.active,
.triptics .contentTriptics .triptic.right.inactive .image.inactive,
.triptics .contentTriptics .triptic.right.active .image.active {
    opacity: 1;
    filter:alpha(opacity=100);
    transition: opacity 1s;
    -moz-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
}

.triptics .contentTriptics .triptic.left.active .image.inactive,
.triptics .contentTriptics .triptic.left.inactive .image.active,
.triptics .contentTriptics .triptic.center.active .image.inactive,
.triptics .contentTriptics .triptic.center.inactive .image.active,
.triptics .contentTriptics .triptic.right.active .image.inactive,
.triptics .contentTriptics .triptic.right.inactive .image.active {
    opacity: 0;
    filter:alpha(opacity=0);
    transition: opacity 1s;
    -moz-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
}

.triptics .contentTriptics .triptic.active .titleContent .content {
    opacity: 1;
    filter:alpha(opacity=100);
    transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
}

.triptics .contentTriptics .triptic.left.inactive,
.triptics .contentTriptics .triptic.center.inactive,
.triptics .contentTriptics .triptic.right.inactive {
    background-position: right 0;
    max-width: 12.4%;
    transition: max-width 1s;
    -moz-transition: max-width 1s;
    -webkit-transition: max-width 1s;
    -o-transition: max-width 1s;
}

.triptics .contentTriptics .triptic.inactive .titleContent .content {
    opacity: 0;
    filter:alpha(opacity=0);
    transition: opacity 1s;
    -moz-transition: opacity 1s;
    -webkit-transition: max-width 1s;
    -o-transition: opacity 1s;
}


.dark-bg,
.dark-bg #social {
    background: #000;
}