@media (max-width:767px){
	
}

@media(min-width:768px){
	
}

@media(min-width:992px){
	.animasyonCont{margin-left:5px; width:112%; margin-top:100px	; text-align:left}
.ObjectWH{
	width:22%;
	height:500px;	
	margin-right:0%;
	float:left;
	margin-bottom:0px;
	padding:0px
}
.paralelkenarPassive{
	width:20%;
	z-index:10;
	position:absolute;
	height:500px;		
}
.paralelkenar{
	cursor:pointer;
	width:20%;
	z-index:10;
	position:absolute;
	height:500px;
	background:#467035;
	transform: skew(14.5deg);
	float:right !important;
	color:#fff;
	display:block;
-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out; 		
}
.Layout:hover{
	background:#373a36;
-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out; 		
}
.paralelkenarClick{
	  -webkit-animation-name: left; /* Safari 4.0 - 8.0 */
	  -webkit-animation-duration: 1.2s; /* Safari 4.0 - 8.0 */
	  animation-name: left;
	  animation-duration: 1.2s;		
}
@-webkit-keyframes left {
  0%   {margin-left:0%;opacity:0.9;}
  50%  {opacity:0.9; height:400px; width:20%; margin-top:34px }
  100% {margin-left:-22%; display:none;opacity:0}
}

.paralelkenarClickPrev{
	  -webkit-animation-name: right; /* Safari 4.0 - 8.0 */
	  -webkit-animation-duration: 1.2s; /* Safari 4.0 - 8.0 */
	  animation-name: right;
	  animation-duration: 1.2s;			
}
@-webkit-keyframes right {
  0%   {margin-left:-22%;opacity:0;}
  50%  {opacity:1; }
  100% {margin-left:0%; display:none;opacity:1}
}

.opacity0{
	  -webkit-animation-name: Opac0; /* Safari 4.0 - 8.0 */
	  -webkit-animation-duration: 1.2s; /* Safari 4.0 - 8.0 */
	  animation-name: Opac0;
	  animation-duration: 1.2s;			
}
@-webkit-keyframes Opac0 {
  0%   {opacity:1;}
  100% {opacity:0}
}

.opacity1{
	  -webkit-animation-name: Opac1; /* Safari 4.0 - 8.0 */
	  -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
	  animation-name: Opac1;
	  animation-duration: 3s;			
}
@-webkit-keyframes Opac1 {
  0%   {opacity:0;}
  100% {opacity:1}
}

.transformTers{
	transform: skew(-14.5deg);	
}
.Title{
	color:#FFFFFF;
	font-size:13px;
	padding-left:60px
}
.Title_Sub{
	color:#898b90;
	padding-left:60px;
	font-size:12px;
	padding-top:10px;
}
.TitleA{
	font-size:13px;
	padding-top:10px
}	
.videowidth{width:160px;}	
}
@media(min-width:1200px){
	.animasyonCont{margin-left:5px; width:112%; margin-top:100px	; text-align:left}
.ObjectWH{
	width:22%;
	height:500px;	
	margin-right:0%;
	float:left;
	margin-bottom:0px;
	padding:0px
}
.paralelkenarPassive{
	width:21%;
	z-index:10;
	position:absolute;
	height:500px;		
}
.paralelkenar{
	cursor:pointer;
	width:21%;
	z-index:10;
	position:absolute;
	height:500px;
	background:#467035;
	transform: skew(14.5deg);
	float:right !important;
	color:#fff;
	display:block;
-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out; 		
}
.Layout:hover{
	background:#373a36;
-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out; 		
}
.paralelkenarClick{
	  -webkit-animation-name: left; /* Safari 4.0 - 8.0 */
	  -webkit-animation-duration: 1.2s; /* Safari 4.0 - 8.0 */
	  animation-name: left;
	  animation-duration: 1.2s;		
}
@-webkit-keyframes left {
  0%   {margin-left:0%;opacity:0.9;}
  50%  {opacity:0.9; height:400px; width:20%; margin-top:34px }
  100% {margin-left:-22%; display:none;opacity:0}
}

.paralelkenarClickPrev{
	  -webkit-animation-name: right; /* Safari 4.0 - 8.0 */
	  -webkit-animation-duration: 1.2s; /* Safari 4.0 - 8.0 */
	  animation-name: right;
	  animation-duration: 1.2s;			
}
@-webkit-keyframes right {
  0%   {margin-left:-22%;opacity:0;}
  50%  {opacity:1; }
  100% {margin-left:0%; display:none;opacity:1}
}

.opacity0{
	  -webkit-animation-name: Opac0; /* Safari 4.0 - 8.0 */
	  -webkit-animation-duration: 1.2s; /* Safari 4.0 - 8.0 */
	  animation-name: Opac0;
	  animation-duration: 1.2s;			
}
@-webkit-keyframes Opac0 {
  0%   {opacity:1;}
  100% {opacity:0}
}

.opacity1{
	  -webkit-animation-name: Opac1; /* Safari 4.0 - 8.0 */
	  -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
	  animation-name: Opac1;
	  animation-duration: 3s;			
}
@-webkit-keyframes Opac1 {
  0%   {opacity:0;}
  100% {opacity:1}
}

.transformTers{
	transform: skew(-14.5deg);	
}
.Title{
	color:#FFFFFF;
	font-size:15px;
	padding-left:60px
}
.Title_Sub{
	color:#898b90;
	padding-left:60px;
	font-size:12px;
	padding-top:10px;
}
.TitleA{
	font-size:18px;
	padding-top:10px
}	
.videowidth{width:190px;}
}
@media(min-width:1300px){
.animasyonCont{margin-left:5px; width:115%; margin-top:100px	; text-align:left}
.ObjectWH{
	width:22%;
	height:668px;	
	margin-right:0%;
	float:left;
	margin-bottom:0px;
	padding:0px
}
.paralelkenarPassive{
	width:22%;
	z-index:10;
	position:absolute;
	height:668px;		
}
.paralelkenar{
	cursor:pointer;
	width:22%;
	z-index:10;
	position:absolute;
	height:668px;
	background:#467035;
	transform: skew(14.5deg);
	float:right !important;
	color:#fff;
	display:block;
-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out; 		
}
.Layout:hover{
	background:#373a36;
-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out; 		
}
.paralelkenarClick{
	  -webkit-animation-name: left; /* Safari 4.0 - 8.0 */
	  -webkit-animation-duration: 1.2s; /* Safari 4.0 - 8.0 */
	  animation-name: left;
	  animation-duration: 1.2s;		
}
@-webkit-keyframes left {
  0%   {margin-left:0%;opacity:0.9;}
  50%  {opacity:0.9; height:600px; width:20%; margin-top:34px }
  100% {margin-left:-22%; display:none;opacity:0}
}

.paralelkenarClickPrev{
	  -webkit-animation-name: right; /* Safari 4.0 - 8.0 */
	  -webkit-animation-duration: 1.2s; /* Safari 4.0 - 8.0 */
	  animation-name: right;
	  animation-duration: 1.2s;			
}
@-webkit-keyframes right {
  0%   {margin-left:-22%;opacity:0;}
  50%  {opacity:1; }
  100% {margin-left:0%; display:none;opacity:1}
}

.opacity0{
	  -webkit-animation-name: Opac0; /* Safari 4.0 - 8.0 */
	  -webkit-animation-duration: 1.2s; /* Safari 4.0 - 8.0 */
	  animation-name: Opac0;
	  animation-duration: 1.2s;			
}
@-webkit-keyframes Opac0 {
  0%   {opacity:1;}
  100% {opacity:0}
}

.opacity1{
	  -webkit-animation-name: Opac1; /* Safari 4.0 - 8.0 */
	  -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
	  animation-name: Opac1;
	  animation-duration: 3s;			
}
@-webkit-keyframes Opac1 {
  0%   {opacity:0;}
  100% {opacity:1}
}

.transformTers{
	transform: skew(-14.5deg);	
}
.Title{
	color:#FFFFFF;
	font-size:15px;
	padding-left:70px
}
.Title_Sub{
	color:#898b90;
	padding-left:70px;
	font-size:12px;
	padding-top:15px;
}
.TitleA{
	font-size:18px;
	padding-top:10px
}	
.videowidth{width:220px;}
}


@media(min-width:1550px){

.animasyonCont{margin-left:5px; width:125%; margin-top:100px	; text-align:left}
.ObjectWH{
	width:22%;
	height:668px;	
	margin-right:-2%;
	float:left;
	margin-bottom:0px;
	padding:0px
}
.paralelkenarPassive{
	width:22%;
	z-index:10;
	position:absolute;
	height:668px;		
}
.paralelkenar{
	cursor:pointer;
	width:22%;
	z-index:10;
	position:absolute;
	height:668px;
	background:#467035;
	transform: skew(14.5deg);
	float:right !important;
	color:#fff;
	display:block;
-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out; 		
}
.Layout:hover{
	background:#373a36;
-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out; 		
}
.paralelkenarClick{
	  -webkit-animation-name: left; /* Safari 4.0 - 8.0 */
	  -webkit-animation-duration: 1.2s; /* Safari 4.0 - 8.0 */
	  animation-name: left;
	  animation-duration: 1.2s;		
}
@-webkit-keyframes left {
  0%   {margin-left:0%;opacity:0.9;}
  50%  {opacity:0.9; height:600px; width:20%; margin-top:34px }
  100% {margin-left:-22%; display:none;opacity:0}
}

.paralelkenarClickPrev{
	  -webkit-animation-name: right; /* Safari 4.0 - 8.0 */
	  -webkit-animation-duration: 1.2s; /* Safari 4.0 - 8.0 */
	  animation-name: right;
	  animation-duration: 1.2s;			
}
@-webkit-keyframes right {
  0%   {margin-left:-22%;opacity:0;}
  50%  {opacity:1; }
  100% {margin-left:0%; display:none;opacity:1}
}

.opacity0{
	  -webkit-animation-name: Opac0; /* Safari 4.0 - 8.0 */
	  -webkit-animation-duration: 1.2s; /* Safari 4.0 - 8.0 */
	  animation-name: Opac0;
	  animation-duration: 1.2s;			
}
@-webkit-keyframes Opac0 {
  0%   {opacity:1;}
  100% {opacity:0}
}

.opacity1{
	  -webkit-animation-name: Opac1; /* Safari 4.0 - 8.0 */
	  -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
	  animation-name: Opac1;
	  animation-duration: 3s;			
}
@-webkit-keyframes Opac1 {
  0%   {opacity:0;}
  100% {opacity:1}
}

.transformTers{
	transform: skew(-14.5deg);	
}
.Title{
	color:#FFFFFF;
	font-size:23px;
	padding-left:70px
}
.Title_Sub{
	color:#898b90;
	padding-left:70px;
	font-size:12px;
	padding-top:15px;
	padding-right:20px;
}
.TitleA{
	font-size:22px;
	padding-top:10px
}
.videowidth{width:300px;}
}