@font-face { font-family: 'OpenSansCondensed'; font-style: normal; font-weight: 700; src: local('OpenSans700'), local('OpenSans700'), url(../woff/OpenSansCondensed700.woff) format('woff'); }
html			{ height:100%; }
body			{ height:100%; margin:0px; border:0px; background:#eeeeee; font-family:arial,helvetica; font-size:12px; }

	/* primary navigation */
	.pnav {
	  display: inline-block;
	  float:right; 
	  text-transform:uppercase; 
	  text-decoration:none; 
	  margin-top:84px; 
	  color:#505050; 
	  font-family:'OpenSansCondensed'; 
	  font-weight:700; 
	  font-size:15px; 
	  padding-left:6px; 
	  padding-right:6px; 
	  height:36px; 
	  line-height:34px;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  position: relative;
	  -webkit-transition-property: color;
	  transition-property: color;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	}
	.pnav:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background: #ec1b22;
	  -webkit-transform: scaleY(0);
	  transform: scaleY(0);
	  -webkit-transform-origin: 50% 100%;
	  transform-origin: 50% 100%;
	  -webkit-transition-property: transform;
	  transition-property: transform;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
	.pnav:hover, .pnav:focus, .pnav:active {
	  color: white;
	}
	.pnav:hover:before, .pnav:focus:before, .pnav:active:before {
	  -webkit-transform: scaleY(1);
	  transform: scaleY(1);
	}


	/* primary navigation Red */
	.pnavRed {
	  display: inline-block;
	  float:right; 
	  text-transform:uppercase; 
	  text-decoration:none; 
	  margin-top:84px; 
	  color:#ff0000; 
	  font-family:'OpenSansCondensed'; 
	  font-weight:700; 
	  font-size:15px; 
	  padding-left:6px; 
	  padding-right:6px; 
	  height:36px; 
	  line-height:34px;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  position: relative;
	  -webkit-transition-property: color;
	  transition-property: color;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	}
	.pnavRed:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background: #ec1b22;
	  -webkit-transform: scaleY(0);
	  transform: scaleY(0);
	  -webkit-transform-origin: 50% 100%;
	  transform-origin: 50% 100%;
	  -webkit-transition-property: transform;
	  transition-property: transform;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
	.pnavRed:hover, .pnavRed:focus, .pnavRed:active {
	  color: white;
	}
	.pnavRed:hover:before, .pnavRed:focus:before, .pnavRed:active:before {
	  -webkit-transform: scaleY(1);
	  transform: scaleY(1);
	}




	/* primary navigation spofa */
	.pnavSpofa {
	  display: inline-block;
	  float:right; 
	  text-transform:uppercase; 
	  text-decoration:none; 
	  margin-top:84px; 
	  color:#ffffff; 
	  font-family:'OpenSansCondensed'; 
	  font-weight:700; 
	  font-size:15px; 
	  padding-left:10px; 
	  padding-right:10px; 
	  height:36px; 
	  line-height:34px;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  position: relative;
	  -webkit-transition-property: color;
	  transition-property: color;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	}
	.pnavSpofa:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background: #ec1b22;
	  -webkit-transform: scaleY(0);
	  transform: scaleY(0);
	  -webkit-transform-origin: 50% 100%;
	  transform-origin: 50% 100%;
	  -webkit-transition-property: transform;
	  transition-property: transform;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
	.pnavSpofa:hover, .pnav:focus, .pnav:active {
	  color: white;
	}
	.pnavSpofa:hover:before, .pnav:focus:before, .pnav:active:before {
	  -webkit-transform: scaleY(1);
	  transform: scaleY(1);
	}







	/* ButtonXL */
	.buttonXL {
	  border:1px solid #ec1b22;
	  text-decoration:none;
	  font-family:'OpenSansCondensed'; 
	  text-transform:uppercase;
	  font-weight:700; 
	  font-size:14px;
	  letter-spacing:1px;
	  color:#ec1b22;
	  padding-left:20px; padding-right:20px;
	  padding-top:9px; padding-bottom:9px;	  	
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  position: relative;
	  background:rgba(255,255,255,0.2);
	  -webkit-transition-property: color;
	  transition-property: color;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	}
	.buttonXL:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  top: 0;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  background:#ec1b22;
	  -webkit-transform: scaleX(0);
	  transform: scaleX(0);
	  -webkit-transform-origin: 50%;
	  transform-origin: 50%;
	  -webkit-transition-property: transform;
	  transition-property: transform;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
	.buttonXL:hover, .buttonXL:focus, .buttonXL:active {
	  color: white;
	}
	.buttonXL:hover:before, .buttonXL:focus:before, .buttonXL:active:before {
	  -webkit-transform: scaleX(1);
	  transform: scaleX(1);
	}
	
	
	/* buttonXLW */
	.buttonXLW {
	  border:1px solid #ffffff;
	  text-decoration:none;
	  font-family:'OpenSansCondensed'; 
	  text-transform:uppercase;
	  font-weight:700; 
	  font-size:14px;
	  letter-spacing:1px;
	  color:#ffffff;
	  padding-left:20px; padding-right:20px;
	  padding-top:9px; padding-bottom:9px;	  	
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  position: relative;
	  background:rgba(255,255,255,0.2);
	  -webkit-transition-property: color;
	  transition-property: color;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	}
	.buttonXLW:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  top: 0;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  background:rgba(255,255,255,0.5);
	  -webkit-transform: scaleX(0);
	  transform: scaleX(0);
	  -webkit-transform-origin: 50%;
	  transform-origin: 50%;
	  -webkit-transition-property: transform;
	  transition-property: transform;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
	.buttonXLW:hover, .buttonXLW:focus, .buttonXLW:active {
	  color: white;
	}
	.buttonXLW:hover:before, .buttonXLW:focus:before, .buttonXLW:active:before {
	  -webkit-transform: scaleX(1);
	  transform: scaleX(1);
	}	
	
	
	
	
	
		/* buttonXLTeaser */
	.buttonXLTeaser {
	  border:1px solid #ffffff;
	  text-decoration:none;
	  font-family:'OpenSansCondensed'; 
	  text-transform:uppercase;
	  font-weight:700; 
	  font-size:14px;
	  letter-spacing:3px;
	  color:#e81c3a;
	  padding-left:20px; padding-right:20px;
	  padding-top:9px; padding-bottom:9px;	  	
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  position: relative;
	  background:rgba(255,255,255,0.8);
	  -webkit-transition-property: color;
	  transition-property: color;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	}
	.buttonXLTeaser:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  top: 0;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  background:rgba(255,255,255,0.8);
	  color:#ff0000;
	  -webkit-transform: scaleX(0);
	  transform: scaleX(0);
	  -webkit-transform-origin: 50%;
	  transform-origin: 50%;
	  -webkit-transition-property: transform;
	  transition-property: transform;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
	.buttonXLTeaser:hover, .buttonXLTeaser:focus, .buttonXLTeaser:active {
	  color:#e81c3a;
	}
	.buttonXLTeaser:hover:before, .buttonXLTeaser:focus:before, .buttonXLTeaser:active:before {
	  -webkit-transform: scaleX(1);
	  transform: scaleX(1);
	}	
	
	
	
	
	
	
	/* RoundButton */
	.roundButton {
	text-align:center;
	text-decoration:none;
	color:#505050;
	  display: inline-block;
	 border-radius:50%;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  position: relative;
	  background: #e1e1e1;
	  -webkit-transition-property: color;
	  transition-property: color;
	  -webkit-transition-duration: 0.1s;
	  transition-duration: 0.3s;
	}
	.roundButton:before {
	  content: "";
	  position: absolute;
	  border-radius:50%;
	  z-index: -1;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background:rgba(236,26,34,1);
	  -webkit-transform: scale(0);
	  transform: scale(0);
	  -webkit-transition-property: transform;
	  transition-property: transform;
	  -webkit-transition-duration: 0.1s;
	  transition-duration: 0.1s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
	.roundButton:hover, .roundButton:focus, .roundButton:active {
	  color: white;
	}
	.roundButton:hover:before, .roundButton:focus:before, .roundButton:active:before {
	  -webkit-transform: scale(1);
	  transform: scale(1);
	}

/* specific style for small screens */
@media (max-width:640px) { } /* end small screens */

/* specific style for medium screens */
@media (min-width:641px) and (max-width:940px) { } /* end medium screens */

/* specific style for large screens */
@media (min-width:941px) { } /* end large screens */