.mainteaser {
  width: 99%;
  imax-width:1280px;
  margin:auto;
} 
.mainteaser .col-1-1 {
  width: 99%;
  imax-width:1280px;
  margin: auto;
  overflow: hidden;
  position:relative;
  padding-bottom:10px;
  font-weight: 400;
  color: #66cccc;
  font-style:italic;
  text-align: left;
  text-transform: uppercase;
} 
.mainteaser .col-1-2 {
  max-width:99%;
  margin: auto;
  overflow: hidden;
  position:relative;
  padding-bottom:10px;
  font-weight: 400;
  color: #66cccc;
  font-style:italic;
  text-transform: uppercase;
} 
.teasera {
  width:200px;
  height:200px;
  top: 30%;
  ibottom: 20%;
  right:5%;
  text-align: left;
  color: #66cccc;
  font-weight: 400;
  font-style:italic;
  position:absolute;
  text-transform: uppercase;
  z-index:2;
}
.teaserb {
  width:200px;
  height:200px;
  top: 30%;
  ibottom: 20%;
  left:5%;
  text-align: left;
  color: #66cccc;
  font-weight: 400;
  font-style:italic;
  position:absolute;
  ibackground-color: #66cccc;
  text-transform: uppercase;
  z-index:2;
}
.mainteaser h3{
  width:100%;
  margin-bottom:0;
  color: #000;
}
.overview h3{
  margin:0;
  color: #000;
}
 
  /* diagonal */
.mainteaser .col-1-1 img {
	width: 100%;
	height: auto;
	float:left;
}
.mainteaser .col-1-2 img {
	width: 100%;
	height: auto;
	float:left;
}
.bottomd {
	margin: 0;
}	
.topd {
	width:100%;
	max-height: 600px;
	background-color: blue;
}
.topd img{
  	width:50%;
  	height:auto;
  	margin:0 auto;
  	position:relative;
	transform:skew(-45deg);
	-webkit-transform:skew(-45deg);
	-moz-transform:skew(-45deg);
	-ms-transform:skew(-45deg);
	-o-transform:skew(-45deg);
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d; 	
	-o-transform-style: preserve-3d;
    transition: width 1s ease;
    -webkit-animation-name: img;
    -webkit-animation-duration: 30s;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-delay: 8s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    
    -moz-animation-name: img;
    -moz-animation-duration: 30s;
    -moz-animation-timing-function: ease-out;
    -moz-animation-delay: 8s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-play-state: running; 	
    
    -ms-animation-name: img;
    -ms-animation-duration: 30s;
    -ms-animation-timing-function: ease-out;
    -ms-animation-delay: 8s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-play-state: running; 	
    
    -o-animation-name: img;
    -o-animation-duration: 30s;
    -o-animation-timing-function: ease-out;
    -o-animation-delay: 8s;
    -o-animation-iteration-count: infinite;
    -o-animation-play-state: running; 	
    
    animation-name: img;
    animation-duration: 30s;
    animation-timing-function: ease-out;
    animation-delay: 8s;
    animation-iteration-count: infinite;
    animation-play-state: running;
}
.dia{
    width: 200%;
    iheight:100%;
    overflow:hidden;
    background: white;
    position: absolute;
	left:-250%;
	transform:skew(45deg);
	-webkit-transform:skew(45deg);
	-moz-transform:skew(45deg);
	-ms-transform:skew(45deg);
	-o-transform:skew(45deg);
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d; 	
	-o-transform-style: preserve-3d; 	 	 	
	transition: width 1s ease;
    -webkit-animation-name: dia;
    -webkit-animation-duration: 30s;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-delay: 8s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    
    -moz-animation-name: dia;
    -moz-animation-duration: 30s;
    -moz-animation-timing-function: ease-out;
    -moz-animation-delay: 8s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-play-state: running;
    
    -ms-animation-name: dia;
    -ms-animation-duration: 30s;
    -ms-animation-timing-function: ease-out;
    -ms-animation-delay: 8s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-play-state: running;
    
    -o-animation-name: dia;
    -o-animation-duration: 30s;
    -o-animation-timing-function: ease-out;
    -o-animation-delay: 8s;
    -o-animation-iteration-count: infinite;
    -o-animation-play-state: running;	
    
    animation-name: dia;
    animation-duration: 30s;
    animation-timing-function: ease-out;
    animation-delay: 8s;
    animation-iteration-count: infinite;
    animation-play-state: running;
}
.diab{
    width: 200%;
    iheight:100%;
    overflow:hidden;
    background: white;
    position: absolute;
	left:-250%;
	transform:skew(45deg);
	-webkit-transform:skew(45deg);
	-moz-transform:skew(45deg);
	-ms-transform:skew(45deg);
	-o-transform:skew(45deg);
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d; 	
	-o-transform-style: preserve-3d; 	 	 	
	transition: width 1s ease;
    -webkit-animation-name: diab;
    -webkit-animation-duration: 30s;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-delay: 8s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    
    -moz-animation-name: diab;
    -moz-animation-duration: 30s;
    -moz-animation-timing-function: ease-out;
    -moz-animation-delay: 8s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-play-state: running;
    
    -ms-animation-name: diab;
    -ms-animation-duration: 30s;
    -ms-animation-timing-function: ease-out;
    -ms-animation-delay: 8s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-play-state: running;
    
    -o-animation-name: diab;
    -o-animation-duration: 30s;
    -o-animation-timing-function: ease-out;
    -o-animation-delay: 8s;
    -o-animation-iteration-count: infinite;
    -o-animation-play-state: running;	
    
    animation-name: diab;
    animation-duration: 30s;
    animation-timing-function: ease-out;
    animation-delay: 8s;
    animation-iteration-count: infinite;
    animation-play-state: running;
}
.topd img.a{
	width:50%;
}
.topd img.b{
	width:50%;
	-webkit-animation-name: imgb;
	-moz-animation-name: imgb;
	-ms-animation-name: imgb;
	-o-animation-name: imgb;
	animation-name: imgb;
}

@-webkit-keyframes dia {
    0%   {left:-240%;}
    20% {left:50%;}
    40% {left:50%;}
    70% {left:400%;}
    100% {left:400%;}
}
@-moz-keyframes dia {
    0%   {left:-240%;}
    20% {left:50%;}
    40% {left:50%;}
    70% {left:400%;}
    100% {left:400%;}
}
@-ms-keyframes dia {
    0%   {left:-240%;}
    20% {left:50%;}
    40% {left:50%;}
    70% {left:400%;}
    100% {left:400%;}
}
@-o-keyframes dia {
    0%   {left:-240%;}
    20% {left:50%;}
    40% {left:50%;}
    70% {left:400%;}
    100% {left:400%;}
}
@keyframes dia {
    0%   {left:-240%;}
    20% {left:50%;}
    40% {left:50%;}
    70% {left:400%;}
    100% {left:400%;}
}

@-webkit-keyframes img {
    0%   {left:120%;}
    20% {left:-25%;}
    40% {left:-25%;}
    70% {left:-200%;}
    100% {left:-200%;}
}
@-moz-keyframes img {
    0%   {left:120%;}
    20% {left:-25%;}
    40% {left:-25%;}
    70% {left:-200%;}
    100% {left:-200%;}
}
@-ms-keyframes img {
    0%   {left:120%;}
    20% {left:-25%;}
    40% {left:-25%;}
    70% {left:-200%;}
    100% {left:-200%;}
}
@-o-keyframes img {
    0%   {left:120%;}
    20% {left:-25%;}
    40% {left:-25%;}
    70% {left:-200%;}
    100% {left:-200%;}
}
@keyframes img {
    0%   {left:120%;}
    20% {left:-25%;}
    40% {left:-25%;}
    70% {left:-200%;}
    100% {left:-200%;}
}


@-webkit-keyframes diab {
    0%  {left:-240%;}
    20% {left:-150%;}
    40% {left:-150%;}
    70% {left:400%;}
    100% {left:400%;}
}
@-moz-keyframes diab {
    0%  {left:-240%;}
    20% {left:-150%;}
    40% {left:-150%;}
    70% {left:400%;}
    100% {left:400%;}
}
@-ms-keyframes diab {
    0%  {left:-240%;}
    20% {left:-150%;}
    40% {left:-150%;}
    70% {left:400%;}
    100% {left:400%;}
}
@-o-keyframes diab {
    0%  {left:-240%;}
    20% {left:-150%;}
    40% {left:-150%;}
    70% {left:400%;}
    100% {left:400%;}
}
@keyframes diab {
    0%  {left:-240%;}
    20% {left:-150%;}
    40% {left:-150%;}
    70% {left:400%;}
    100% {left:400%;}
}

@-webkit-keyframes imgb {
    0%  {left:120%;}
    20% {left:75%;}
    40% {left:75%;}
    70% {left:-200%;}
    100% {left:-200%;}
}
@-moz-keyframes imgb {
    0%  {left:120%;}
    20% {left:75%;}
    40% {left:75%;}
    70% {left:-200%;}
    100% {left:-200%;}
}
@-ms-keyframes imgb {
    0%  {left:120%;}
    20% {left:75%;}
    40% {left:75%;}
    70% {left:-200%;}
    100% {left:-200%;}
}
@-o-keyframes imgb {
    0%  {left:120%;}
    20% {left:75%;}
    40% {left:75%;}
    70% {left:-200%;}
    100% {left:-200%;}
}
@keyframes imgb {
    0%  {left:120%;}
    20% {left:75%;}
    40% {left:75%;}
    70% {left:-200%;}
    100% {left:-200%;}
}