body {
  padding-top: 0px;
  background: #000 url("../img/bg1.png") repeat-x -50px top;
  color: #dedede;
  font-family: 'Roboto', sans-serif;
  text-shadow: 0 0 0px #111;
}

p a, p a:hover {color: #cc0000;
    }

h1 {font-size: 20px; letter-spacing: 2px; margin-top: 0; padding-top: 20px;}
h2 {font-size: 16px; letter-spacing: 2px; margin-top: 30px; margin-bottom: 30px;}
#wrap {width: 900px; margin: 0 auto; background: #1d0103 url("../img/vline-bg.png") repeat-x; }

.lft {float: left; width: 50%; margin-right: 14px; margin-bottom: 10px;}
.rgt {float: right; width: 50%; margin-left: 14px; margin-bottom: 10px;}

.container {margin: 0 auto; width: 98%; background: url("../img/main-bg.png") no-repeat center top; background-size: 100% 90%; padding-right: 6px; padding-left: 6px;padding-bottom: 0;}
.container .inner {background: #220c0c url("../img/inner-line.png") repeat-x; padding-right: 20px; padding-left: 20px;padding-bottom: 150px;}

.logo-wrap {width: 100%; height: 270px; background: url("../img/logo-bg.png") no-repeat center top; background-size: 100%;}
.logo {display: inline-block; margin: 0 auto; width: 100%; height: 270px; background: url("../img/sizzling.png") no-repeat center top; background-size: 100%; transition: all 0.5s;}
.logo:hover {background: url("../img/sizzling.png") no-repeat center top; background-size: 101%; transition: all 0.5s;}
.navbar {margin-bottom: 0; border-radius: 3px; background: url("../img/nav-bg.png") repeat-x; border: 0; margin-right: 1%; margin-left: 1%;}
.navbar-nav {width: 100%; text-align: center;}
.navbar-nav>li   {width: 16.66666667%;}
.navbar-collapse {padding: 0; margin:0;}
.navbar-nav>li>a, .navbar-nav>li>span	{color:#370202; font-weight: bold; padding: 15px 30px; background-image: none; transition: background-image 1.5s ease-in-out;line-height: 20px; position: relative; display: block;}
.navbar-nav>li>a:hover, .navbar-nav>li>a:focus, .navbar-nav>li>span {background-image: url("../img/nav-bg-h.png"); background-repeat: repeat-x; transition: background-image 1.5s ease-in-out; background-color: #ea0c16;}
.navbar-nav>li.first>a {border-radius: 3px 0 0 3px;}
.navbar-nav>li:last-child {float: right;}
  .navbar-nav>li.last>a, .navbar-nav>li:last-child>a  {color: #d00 !important;}
 .navbar-nav>li.last>a:hover, .navbar-nav>li:last-child>a:hover,  .navbar-nav>li.last>a:focus, .navbar-nav>li:last-child>a:focus	  {color:#370202 !important;}
.navbar-nav>li.last>a, .navbar-nav>li:last-child>a, .navbar-nav>li:last-child>span {border-radius: 0 3px 3px 0;color:#370202;}
img {max-width:100%; height: auto;}
a > img {border: 0;}
.play-cnt {margin: 10px auto; text-align:center;}

.pict {overflow:hidden;}
.pict img {transition: all 1.5s ease-in-out; }
.pict:hover img {transition: all 1.5s ease-in-out; -moz-transform: scale(1.03); -webkit-transform: scale(1.03); transform: scale(1.03);}

.go {width: 100%; text-align: center;}
.go a {display: inline-block; margin: 32px auto; width: 40%; height: 56px; padding: 20px 40px; color:#920000; text-align: center; font-weight: bold; transition: all 0.5s; text-decoration: none; border-radius: 3px; text-shadow: 1px 0px 0px #f00; text-transform: uppercase; letter-spacing: 2px;
background: -moz-linear-gradient(top, #f9e823 0%, #f6c318 50%, #f3a50f 100%);
    background: -webkit-linear-gradient(top, #f9e823 0%, #f6c318 50%, #f3a50f 100%);
    background: -o-linear-gradient(top, #f9e823 0%, #f6c318 50%, #f3a50f 100%);
    background: -ms-linear-gradient(top, #f9e823 0%, #f6c318 50%, #f3a50f 100%);
    background: linear-gradient(top, #f9e823 0%, #f6c318 50%, #f3a50f 100%);
 }
.go a:hover, .go a:focus {transition: box-shadow 0.5s; transition: background 0.5s; text-decoration: none; color: #370202; text-shadow: none;
background: -moz-linear-gradient(top, #ea0c16 0%, #b30711 50%, #7e020b 100%);
    background: -webkit-linear-gradient(top, #ea0c16 0%, #b30711 50%, #7e020b 100%);
    background: -o-linear-gradient(top, #ea0c16 0%, #b30711 50%, #7e020b 100%);
    background: -ms-linear-gradient(top, #ea0c16 0%, #b30711 50%, #7e020b 100%);
    background: linear-gradient(top, #ea0c16 0%, #b30711 50%, #7e020b 100%);
	box-shadow: inset 0 0 10px #222;} 

.go.wide a {width: 90%; height: auto;}
	
	.tooltip.top .tooltip-arrow {border-top-color: #920000;}
.tooltip-inner {background-color: #920000;}
 
 footer {width: 100%; position: fixed; bottom: 0; left: 0; background: rgba(0,0,0,0.7); min-height: 70px; text-align: center;}
 footer img {margin: -50px auto 0;}
 
 .rt {text-align: right; }
 h2, h3 {color: #920000;text-shadow: 1px 0px 0px #f00;}
 
 iframe {
    width: 100% !important;
    height: 100% !important;
    min-height: 500px;
    border: none;
    max-width: 830px !important;
    margin: 0 auto !important;
}

 
 @media only screen and (max-width: 989px) {
	 
	#wrap {width: 100%;} 
	 
 }
 
  @media only screen and (max-width: 800px) {
 .logo-wrap {height: auto;}
 .logo {height: auto; min-height: 120px; background-size: contain; background-image: url("../img/logo.png");}
 .logo:hover {background-size: contain;}
 
  @media only screen and (max-width: 767px) {
 .logo:hover {background-size: contain;}
 .navbar-nav {
    margin: 0;
}
.nav>li {background: #f6c318; border: 0; width: 100%;}
.nav>li:last-child {border-radius: 0 0 3px 3px;}
.nav>li.first>a {border-radius: 0;}
.nav>li a:hover, .nav>li a:focus {background: #b30711; border: 0; }
.navbar-toggle .icon-bar {    background: #000;}



  }
 
  @media only screen and (max-width: 600px) {
 .go a {width: auto;}
  }
.clearfix::after{content:"";display:table;clear:both}