/* setup */
html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

body {
  
  margin: 0;
  padding: 0; }

.hide {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }


img {
  position: absolute; }

/* Banner Styles */
.banner {
  position: relative;
  width: 300px;
  height: 250px;
  border: solid 1px;
  overflow: hidden;
    background-color: #0084a9;
   }
   
  .banner .bannerClick {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
/*    background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); */
 }

  .banner #bg {
    position: absolute;
	top: 0px;
    left: 0px;  
    }

  .banner #DeBroc_Logo {
    position: absolute;
	width: 300px;
    height: 250px;  
    }

  .banner #txt_1 {
        position: absolute;
	top: 0px;
    left: 0px;
    width: 300px;
    height: 250px;   
    }

  .banner #txt_2 {
    position: absolute;
	top: 0px;
    left: 0px;
    width: 300px;
    height: 250px; 
    }

  .banner #txt_3 {
    position: absolute;
	top: 0px;
    left: 0px;
    width: 300px;
    height: 250px; 
    }

  .banner #txt_4 {
    position: absolute;
	top: 0px;
    left: 0px;
    width: 300px;
    height: 250px; 
    }

  .banner #Rec_Left {
    opacity:1;
    position: absolute;
    overflow:visible;
    background-color: #91278f;
	bottom:-170px;
    left: -230px;
    width: 600px;
    height: 200px; 
    /*mix-blend-mode: multiply;*/
    /* Rotate div */
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
    
    }

    .banner #Rec_Right {
    opacity:1;
    position: absolute;
    overflow:visible;
    background-color: #41c4dc;
	bottom:-189px;
    left: -154px;
    width: 600px;
    height: 200px; 
    /*mix-blend-mode: multiply;*/
    /* Rotate div */
    -ms-transform: rotate(149deg); /* IE 9 */
    -webkit-transform: rotate(149deg); /* Chrome, Safari, Opera */
    transform: rotate(149deg);

    }