@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'Roboto-Black';
	src: local('Roboto-Black'), local('Roboto-Black'), url('fonts/Roboto-Black.TTF') format('truetype');
}
@font-face {
	font-family: 'RobotoCondensed-Bold';
	src: local('RobotoCondensed-Bold'), local('RobotoCondensed-Bold'), url('fonts/RobotoCondensed-Bold') format('truetype');
}

@font-face {
	font-family: 'Roboto-BlackItalic';
	src: local('Roboto-BlackItalic'), local('Roboto-BlackItalic'), url('fonts/Roboto-BlackItalic.TTF') format('truetype');
}
@font-face {
	font-family: 'Roboto-Regular';
	src: local('Roboto-Regular'), local('Roboto-Regular'), url('fonts/Roboto-Regular.TTF') format('truetype');
}

@font-face {
	font-family: 'Oxygen-Bold';
	src: local('Oxygen-Bold'), local('Oxygen-Bold'), url('fonts/Oxygen-Bold') format('truetype');
}

@font-face {
	font-family: '28-Days-Later';
	src: local('28-Days-Later'), local('28-Days-Later'), url('fonts/28-Days-Later.ttf') format('truetype');
}

@font-face {
	font-family: 'Oxygen-Light';
	src: local('Oxygen-Light'), local('Oxygen-Light'), url('fonts/Oxygen-Light.TTF') format('truetype');
}

@font-face {
	font-family: 'Roboto-Bold';
	src: local('Roboto-Bold'), local('Roboto-Bold'), url('fonts/Roboto-Bold.TTF') format('truetype');
}
@font-face {
	font-family: 'Oxygen-Regular';
	src: local('Oxygen-Regular'), local('Oxygen-Regular'), url('fonts/Oxygen-Regular.TTF') format('absolute size');
}






#cf6_image {
  margin:0 auto;
  width:410px;
  height:410px;
  transition: background-image 1s ease-in-out;
  background-image:url("imgs/mma-catg1.jpg");
}

#cf6_image:hover {
  background-image:url("imgs/mma-catg1.jpg");
}


#f1_container {
  position: relative;
  margin: 0px auto;
  width: 410px;
  height: 410px;
  z-index: 1;
}
#f1_container {
  perspective: 1000;
}
#f1_card {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: all 1.0s linear;
}
#f1_container:hover #f1_card {
  transform: rotateY(180deg);
  box-shadow: -5px 5px 5px  #000000;
}
.face {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}
.face.back {
  display: block;
  transform: rotateY(180deg);
  box-sizing: border-box;
  padding: 10px;
  color: #000;
  font-family:'Roboto-Bold', sans-serif;  font-size:30px;
  text-align: center;
  background-color: #f7d600;
}











.products2{ font-family:'Roboto-Bold', sans-serif; font-size:12px; font-weight:bold; text-decoration:none; color:#919191;}
.products2:hover{ font-family:'Roboto-Bold', sans-serif; font-size:12px; font-weight:bold; text-decoration:none; color: #ffffff;transition-duration:1s; background-color:#000000;}

.heading-white{ font-family:'Roboto-Bold', sans-serif; font-size:40px; font-weight:bold; text-decoration:none; color:#ffffff;}

.oxygen{ font-family:'Oxygen-Regular', sans-serif; font-size:14px; text-decoration:none; color:#b4b6bb; text-shadow: 1px 1px 1px #000000;}
.oxygen:hover{ font-family:'Oxygen-Regular', sans-serif; font-size:14px; text-decoration:none; color:#eac30a; text-shadow: 1px 1px 1px #000000;}

.oxygen3{ font-family:'Oxygen-Regular', sans-serif; font-size:13px; text-decoration:none; color:#e0e1e1; text-shadow: 1px 1px 1px #000000;}

.oxygenbold{
	font-family: 'Oxygen-Bold', sans-serif;
	font-size: 28px;
	color: #f7d600;
	text-decoration: none;
	font-weight: bold;
	text-shadow: 1px 1px 1px #000000;
}
.oxygenbold:hover{ font-family:'Oxygen-Bold', sans-serif; font-size:28px; color:#f7d600; text-decoration:underline; font-weight:bold; text-shadow: 1px 1px 1px #000000;}



.oxygenregular{ font-family:'Oxygen-Regular', sans-serif; font-size:12px; text-decoration:none; color:#e2e2e2;  text-shadow: 1px 1px 2px #000000;}
.robotobold{ font-family:'Roboto-Bold', sans-serif; font-size:18px; text-decoration:none; color:#262626; text-decoration:none;}
.robotoregularbasket{font-family:'Roboto-Regular', sans-serif; font-size:12px; color:#262626; text-decoration:none;}
.robotoregularbasket:hover{font-family:'Roboto-Regular', sans-serif; font-size:12px; color:#1b4ca4; text-decoration:none;}

.robotobold2{ font-family:'Roboto-Bold', sans-serif; font-size:18px; text-decoration:none; color:#262626; text-decoration:none;}
.robotobold2:hover{ font-family:'Roboto-Bold', sans-serif; font-size:18px; text-decoration:none; color:#c63401; text-decoration:underline;}

.robotobold15{ font-family:'Roboto-Bold', sans-serif; font-size:15px; text-decoration:none; color:#1e1e1e; text-decoration:none; text-shadow: 1px 1px 1px #ffffff;}
.robotobold15:hover{ font-family:'Roboto-Bold', sans-serif; font-size:15px; text-decoration:underline; color:#1b4ca4; transition-duration:.5s;}

.robotobold155{ font-family:'Roboto-Bold', sans-serif; font-size:15px; text-decoration:none; color:#1e1e1e; text-decoration:none; text-shadow: 1px 1px 1px #ffffff; line-height: 20px;}

.robotobold12{ font-family:'Roboto-Bold', sans-serif; font-size:12px; text-decoration:none; color:#000000; text-decoration:none;}
.arialnews{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#303030;}

.arialnews12{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#303030;}


.tablecolor{ background-color:#FFF; color:#555555; font-family:'Roboto-BlackItalic', Arial, sans-serif; font-size:14px; text-decoration:none;}
.tablecolor:hover{ background-color:#f7d600; color:#555555; font-family:'Roboto-BlackItalic', Arial, sans-serif; font-size:14px; text-decoration: none; transition-duration:1s; }


.oxygenregular40{ font-family:'Oxygen-Regular', sans-serif; font-size:40px; text-decoration:none; color:#c2c2c2;}

.robotoitalic{font-family:'Roboto-BlackItalic', sans-serif; font-size:14px; font-weight:normal; color:#e43e02;}
.robotoitalic2{font-family:'Roboto-BlackItalic', sans-serif; font-size:18px; font-weight:bold; color:#e43e02;  text-shadow: 1px 1px 1px #000000;}
.robotoregular{font-family:'Roboto-Regular', sans-serif; font-size:12px; font-weight:normal; color:#535353; text-decoration:none;}

.robotoregular426{font-family:'Roboto-Regular', sans-serif; font-size:15px; font-weight:normal; color:#c2c2c2; text-decoration:none;}


.robotoblack{ font-family:'Roboto-Black', sans-serif; font-size:14px; font-weight:normal; color:#333333; }

.robotoblack22{ font-family:'Roboto-Black', sans-serif; font-size:22px; font-weight:normal; color:#b5b5b6; }
.robotoblack2200{ font-family:'Roboto-Black', sans-serif; font-size:22px; font-weight:normal; color:#b5b5b6; }
.robotoblack11{ font-family:'Roboto-Black', sans-serif; font-size:22px; font-weight:bold; color:#000000; text-transform:uppercase;  text-shadow: 1px 1px 1px #ffffff;}


.robotoblack22{ font-family:'Roboto-Black', sans-serif; font-size:22px; font-weight:bold; color:#000000; text-transform:uppercase;  text-shadow: 1px 1px 1px #ffffff;}

.robotoblack221{ font-family:'Roboto-Black', sans-serif; font-size:32px; font-weight:normal; color:# 333; }

.textfield{ font-family:'Roboto-Regular', Arial, sans-serif; font-size:12px; font-weight:bold; color:#955f5e; background-color:#2c1a17; height:28px; border: 1px solid #734634; text-decoration:none; text-shadow:2px 2px #000000; width:252px; text-indent:10px;}

.textcomments{ font-family:'Roboto-Regular', Arial, sans-serif; font-size:12px; font-weight:bold; color:#955f5e; background-color:#2c1a17; height:89px; border: 1px solid #734634; text-decoration:none; text-shadow:2px 2px #000000; width:247px; text-indent:10px;}

.arial{ font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; font-weight:bold; color:#535353;}
.arial:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; font-weight:bold; color:#1b4ca4;}

.arial2{ font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; color:#535353;}

.robotoconsold{ font-family:'RobotoCondensed-Bold', sans-serif; font-size:14px; text-decoration:none; color:#00aff0;}
.oxegenlight{ font-family:'Oxygen-Light', sans-serif; font-size:22px; text-decoration:none; color:#e2e2e2;}

.arial12{ font-family: Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; font-weight:bold; color:#a1a1a1;}
.arial12:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; font-weight:bold; color:#1b4ca4;}

.search{ width:159px; height:42px; background-color:#000; background-repeat:repeat-x; background-position:top; color: #CCC; border: 0px;}

.textfield1{ width:160px; height:50px; opacity: 0.8; color:#d0d0d0; border: 1px solid #dddddd; background-color:#666; font-family:Arial, Helvetica, sans-serif; font-size:18px; text-indent:10px;}

.textfield2{ width:350px; height:114px; opacity: 0.8; color:#d0d0d0; border: 1px solid #dddddd; background-color:#666; font-family:Arial, Helvetica, sans-serif; font-size:18px; text-indent:10px;}

.textfield3{ width:250px; height:30px; opacity: 0.8; color:#d0d0d0; border: 1px solid #dddddd; background-color:#a2a2a2; font-family:Arial, Helvetica, sans-serif; font-size:18px; text-indent:10px;}

.textfield3b{ width:250px; height:100px; opacity: 0.8; color:#d0d0d0; border: 1px solid #dddddd; background-color:#a2a2a2; font-family:Arial, Helvetica, sans-serif; font-size:18px; text-indent:10px;}

.hading3{height:72px; font-family:'28-Days-Later', sans-serif; font-size:23px; font-weight:bold; text-decoration:none; color: #a1a1a1; width:100%; text-indent:0px; background-repeat:no-repeat;}
.hading3 a{ height:72px; font-family:'28-Days-Later', sans-serif; font-size:23px; font-weight:bold; text-decoration:none; color:#a1a1a1; width:100%; float:left; line-height:70px;}
.hading3 a:hover{ height:72px; font-family:'28-Days-Later', sans-serif; font-size:23px; font-weight:bold; text-decoration:none; color: #000000; background-color:#f7d600; width:100%;transition-duration:1s;}


.hading4{height:40px; font-family:'Roboto-Regular', Arial, sans-serif; font-size:13px; font-weight:bold; text-decoration:none; color: #a1a1a1; width:100%; text-indent:10px; background-repeat:no-repeat;}
.hading4 a{ height:40px; font-family:'Roboto-Regular', Arial, sans-serif; font-size:13px; font-weight:bold; text-decoration:none; color:#333333; width:100%; float:left; line-height:40px;}
.hading4 a:hover{ height:40px; font-family:'Roboto-Regular', Arial, sans-serif; font-size:13px; font-weight:bold; text-decoration:none; color: #ffffff; background-color:#333333; width:100%;transition-duration:1s;}