body { 
overflow: hidden;
background-color: #ccc;
 }
.mainContainer {  
 width: 1076px;
 height:720px;
 }

@font-face {
    font-family: robotoBoldCondensed;
    src: url(../fonts/Roboto-BoldCondensed-webfont.ttf);
}

@font-face {
    font-family: robotoCondensed;
    src: url(../fonts/Roboto-Condensed-webfont.ttf);
}

@font-face {
    font-family: robotoBold;
    src: url(../fonts/Roboto-Bold-webfont.ttf);
}

@font-face {
    font-family: robotoRegular;
    src: url(../fonts/Roboto-Regular-webfont.ttf);
}

@font-face {
    font-family: robotoLight;
    src: url(../fonts/Roboto-Light-webfont.ttf);
}

 .hidden { display: none; }

 .slide { 
 position: absolute;
 top: 0px;
 left: 0px; 
 width: 1076px;
 height:720px; 
 }

 .slide0 { background-color: #F9F9F9; }
 .slide1 { background-color: #F8F8F8; }
 .slide2 { background-color: #F2F2F2; }
 .slide3 { background-color: #F2F2F2; }
 .slide4 { background-color: #F2F2F2;  }
 .slide5 { background-color: #F2F2F2;    }

 .leftarrow { 
  position: absolute;
  left:50px;
  top:270px;
  height: 60px;
  width:60px;
  border-radius: 50%;
  background-color: #fff;
  opacity: 60%;
  cursor: pointer;
  z-index: 25;
  } 

  .startover { 
  position: absolute;
  left:956px;
  top:  15px;
  height: 60px;
  width:60px;
  border-radius: 50%;
  background-color: #fff;
  opacity: 60%;
  cursor: pointer;
  display: none;
 
  z-index: 25;
  } 
  .start-over-text { 
  font-family: robotoRegular;
  position: absolute;
  left:951px;
  top:  77px;
  font-size: 14px;
  color: #E0663F;
  display: none;
  z-index: 22;
   }

  .startover:hover  { background-color: #E0663F;  }
  .leftarrow:hover  { background-color: #E0663F;  }
  .rightarrow:hover { background-color: #E0663F;  }
  .startover:hover > i  { color: #fff;  }
  .leftarrow:hover > i  { color: #fff;  }
  .rightarrow:hover > i { color: #fff;  }

  .firstslide { z-index: 20; }
  .secondslide{ z-index: 19; }
  .restslides {  z-index: 2; }
  .leftarrow > i { 
    line-height: 60px;
    vertical-align: middle;
    font-size: 27px;
    font-weight: 600;
    color: #E0663F;
   }

     .startover > i { 
    line-height: 60px;
    vertical-align: middle;
    font-size: 27px;
    font-weight: 600;
    color: #E0663F;
   }

  .rightarrow > i {  
    line-height: 60px; 
    vertical-align: middle;
    font-weight: 600;
    font-size: 27px;
    color: #E0663F;
   }

  .rightarrow { 
  position: absolute;
  left:956px;
  top:270px;
  height: 60px;
  width:60px;
  border-radius: 50%;
  background-color: #fff;
  opacity: 60%;
  cursor: pointer;
  z-index: 25;
  }

 .menucontainer { 
  flex-direction: row;
  position: absolute;
  background-color: #fff;
  width: 1076px;
  height: 46px;
  margin:0px;
  padding: 0px;
  top:674px;
  left: 0px;
  z-index: 21;
  }

.menubutton { 
 padding: 0px;
 display: inline-block;
 width: 170px;
 height: 45px;
 background-color:#37BDB2;
 color: #fff;
 line-height: 45px;
 vertical-align: middle;
 font-size: 11px;
 border-top: 6px solid #fff;
 border-left: 6px solid #fff;
 border-right: 6px solid #fff;
 border-bottom: 3px solid #fff;
 font-family: robotoBoldCondensed;
 cursor: pointer;
 }
 .menubutton0 { 
  position: absolute;
  bottom: 0px;
  left:40px;  
  padding-top: 13px;
 }
 .menubutton1 {
  position: absolute;
  bottom: 0px;
  left:205px;  
  padding-top: 13px;
  }

 .menubutton2 { 
  position: absolute;
  bottom: 0px;
  left:370px; 
  padding-top: 13px; 
 }

 .menubutton3 { 
  position: absolute;
  bottom: 0px;
  left:535px; 
  padding-top: 9px; 
 }

 .menubutton4 { 
  position: absolute;
  bottom: 0px;
  left:700px; 
  padding-top: 13px; 
 }
 
 .menubutton5 { 
  position: absolute;
  bottom:0px;
  right:50px;  
   padding-top: 13px; 
  }


.buttonactive {  
 height: 50px;
 background-color: #DD6240;
line-height: 52px; 
 }

.buttonspan {  
   display: block;
   line-height: 100%;
   width: 155px;
   word-wrap:break-word;
  
 }