html {  
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
*{ box-sizing:border-box;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  margin: .67em 0;
  font-size: 2em;
}
mark {
  color: #000;
  background: #ff0;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -.5em;
}
sub {
  bottom: -.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  height: 0;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}
legend {
  padding: 0;
  border: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
td,
th {
  padding: 0;
}


@font-face {
    font-family: 'weltron_urbanregular';
    src: url('../fonts/weltu___-webfont.eot');
    src: url('../fonts/weltu___-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/weltu___-webfont.woff2') format('woff2'),
         url('../fonts/weltu___-webfont.woff') format('woff'),
         url('../fonts/weltu___-webfont.ttf') format('truetype'),
         url('../fonts/weltu___-webfont.svg#weltron_urbanregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body {
  margin: 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; 
   background: url(../images/site-bg.png) no-repeat center top fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.container{ width:100%;  position:relative;}
.header{width: 100%;text-align:center;}
.headerInn{border-bottom:solid 3px #000000;  padding:25px 0; width:94%; display:inline-block; }
.topNav{float:left;}
.topNav ul{ padding:0; margin:0; }
.topNav ul li{ list-style:none; display:inline-block; margin:0 25px; }
.topNav ul li a{color: #000000; font-family:Arial, Helvetica, sans-serif;  font-size: 18px;   display:inline-block; margin-top:64px;  text-decoration:none;position:relative;}
.topNav ul li:nth-child(1) a:before{ position:absolute; content:""; background-image:url(../images/icon-home.png); background-repeat:no-repeat; width:64px;  height:57px; top:-62px; left:-10px;}
.topNav ul li:nth-child(2) a:before{ position:absolute; content:""; background-image:url(../images/icon-screenings.png); background-repeat:no-repeat; width:62px;  height:61px; top:-65px; left:16px;}
.topNav ul li:nth-child(3) a:before{ position:absolute; content:""; background-image:url(../images/icon-media.png); background-repeat:no-repeat; width:62px;  height:61px; top:-65px; left:-9px;}
.topNav ul li:nth-child(4) a:before{ position:absolute; content:""; background-image:url(../images/icon-schools.png); background-repeat:no-repeat; width:58px;  height:61px; top:-66px; left:4px;}
.topNav ul li:nth-child(5) a:before{ position:absolute; content:""; background-image:url(../images/icon-buydvd.png); background-repeat:no-repeat; width:62px;  height:61px; top:-66px; left:9px;}
.topNav ul li:nth-child(6) a:before{ position:absolute; content:""; background-image:url(../images/icon-company.png); background-repeat:no-repeat; width:72px;  height:75px; top:-76px; left:1px;}

.logo{ float:right;}
.logo img{ margin-top:-10px;}

.leftNav {width: 290px; float:left; margin-top:80px;}
.leftNav ul{ padding:0; margin:0;}
.leftNav ul li{ list-style:none; display:inline-block;}
.leftNav ul li:nth-child(2){ margin-top:-20px;}
.leftNav ul li:nth-child(3){ margin-top:-20px;}
.leftNav a{ left:0; position:relative; transition:all 0.5s ease 0s;}
.leftNav a:hover{ left:10px;}
.leftNav a{width:289px; height:83px; background-image:url(../images/left-nav-bg.png); background-repeat:no-repeat; float:left; color:#efc286; font-family:"weltron_urbanregular"; font-size:38px;}
.leftNav a span{float:left;transform: rotate(-7deg);-moz-transform: rotate(-7deg); -webkit-transform: rotate(-7deg);-ms-transform: rotate(-7deg);}
.leftNav ul li:nth-child(1) a span{margin:28px 0 0 15px;}
.leftNav ul li:nth-child(2) a span{margin:25px 0 0 15px;}
.leftNav ul li:nth-child(3) a span{margin:30px 0 0 15px;}


.mainContent{ width:100%; float:left;}
.mainContent .left{ width:330px; float:left;}
.mainContent .mid{ float:left;}
.mainContent .right{ width:250px; float:right;}

.socialBox{ float:left; margin:10px 0 0 10px;}
.videoButton{ float:right; margin:80px 20px 0 0;}
.videoButton a{ background-image:url(../images/video-btn.png); background-repeat:no-repeat; width:209px;  height:126px; line-height:126px; text-align:center; float:left; margin:0 0 15px 0;color:#efc286; font-family:"weltron_urbanregular"; font-size:44px; text-decoration:none; }

.detailBlockHome{ width:100%; float:left; background-color:rgba(255,255,255,0.5); padding:20px;} 
.detailBlockHome p{ padding:0; margin:0 0 10px 0; }




.footer{ width:100%; float:left;}
.copyright{ width:98%; height:81px; float:right; background-image:url(../images/copyright-bg.png); background-repeat:no-repeat; background-size:100% 100%; margin-top:80px;}
.copyright p{ padding:0; margin:25px 0 0 110px; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#e1bc83; }



/**********Inner Css**********/
.banner{background-position: center center;  background-repeat: no-repeat;  background-size: cover;  height: 460px;  width: 100%; margin-top:15px; text-align: center;}
.banner h2{ padding:15px 40px 0 0; margin:0; color:#ffffff;font-family:"weltron_urbanregular"; font-size:70px; text-transform:uppercase; font-weight:normal; text-align:right;}
.detailBlockIn{width:100%; float:left; background-color:rgba(255,255,255,0.5); padding:20px; margin:20px 0 0 0; text-align:center;}
.mainContent .leftIn{ width:330px; float:left; margin-top:-370px;}
.mainContent .midIn{ float:left;}
.mainContent .rightIn{ width:250px; float:right;}
.programImage img{ margin:5px 10px;}
.banner .videoButton{ float:none; display:inline-block; margin:190px 0 0 0}
/**********Inner Css**********/

@media (max-width: 767px)
{
.logo{ width:100%; text-align:center; margin:20px 0 0 0;}
.logo img{ margin:0;}
.topNav ul li{ margin:10px 20px; }
.leftNav{ margin-top:20px;}
.mainContent .left{ width:100%;}
.mainContent .mid{ width:100%;}
.mainContent .right{ width:100%;}
.videoButton { margin:20px 0 0 0; text-align:center;}
.videoButton a{ float:none; display:inline-block;}
.homeTagLine{font-family:"weltron_urbanregular";  color:#000;margin:20px 0 20px 0; padding:0;}
.homeTagLine section{ width:100%; float:left;font-size:45px; padding:0; margin:0;}
.homeTagLine p{ font-size:70px; float:left;padding:0; margin:0;}
.homeTagLine samp{font-family:"weltron_urbanregular"; float:left; font-size:40px; margin:28px 0 0 25px;}
.copyright{ margin-top:20px;}
.copyright p{ margin:25px 0 0 30px;}
.media img{max-width:none; width:100%;}
}
@media (min-width: 768px) and ( max-width:997px)
{
.topNav ul li{ margin:0 5px; }
.mainContent .mid{ width:50%;}
.mainContent .midIn{ width:50%;}
.mainContent .right{ width:100%;}
.homeTagLine{font-family:"weltron_urbanregular";  color:#000;margin:60px 0 0 0; padding:0;}
.homeTagLine section{ width:100%; float:left;font-size:45px; padding:0; margin:0;}
.homeTagLine p{ font-size:70px; float:left;padding:0; margin:0;}
.homeTagLine samp{font-family:"weltron_urbanregular"; float:left; font-size:40px; margin:28px 0 0 25px;}
.media img{max-width:none; width:100%;}
}
@media (min-width: 998px) and ( max-width:1199px)
{
.topNav ul li{ margin:0 23px; }
.mainContent .mid{ width:40%;}
.mainContent .midIn{ width:40%;}
.homeTagLine{font-family:"weltron_urbanregular";  color:#000;margin:60px 0 0 0; padding:0;}
.homeTagLine section{ width:100%; float:left;font-size:45px; padding:0; margin:0;}
.homeTagLine p{ font-size:70px; float:left;padding:0; margin:0;}
.homeTagLine samp{font-family:"weltron_urbanregular"; float:left; font-size:40px; margin:28px 0 0 25px;}
.media img{max-width:none; width:100%;}
}
@media (min-width: 1200px) and ( max-width:1599px)
{
.mainContent .mid{ width:50%;}
.mainContent .midIn{ width:50%;}
.homeTagLine{font-family:"weltron_urbanregular";  color:#000;margin:60px 0 0 0; padding:0;}
.homeTagLine section{ width:100%; float:left;font-size:70px; padding:0; margin:0;}
.homeTagLine p{ font-size:150px; float:left;padding:0; margin:0;}
.homeTagLine samp{font-family:"weltron_urbanregular"; float:left; font-size:60px; margin:60px 0 0 50px;}
.media img{max-width:none; width:100%;}
}
@media (min-width: 1600px) and ( max-width:1919px)
{
.mainContent .mid{ width:60%;}
.mainContent .midIn{ width:60%;}
.homeTagLine{font-family:"weltron_urbanregular";  color:#000;margin:60px 0 0 0; padding:0;}
.homeTagLine section{ width:100%; float:left;font-size:120px; padding:0; margin:0;}
.homeTagLine p{ font-size:210px; float:left;padding:0; margin:0;}
.homeTagLine samp{font-family:"weltron_urbanregular"; float:left; font-size:90px; margin:90px 0 0 50px;}
.media img{max-width:none; width:100%;}
}
@media (min-width: 1920px)
{
.mainContent .mid{ width:65%;}
.mainContent .midIn{ width:65%;}
.homeTagLine{font-family:"weltron_urbanregular";  color:#000; margin:60px 0 0 0; padding:0;}
.homeTagLine section{display:block;font-size:150px; padding:0; margin:0;}
.homeTagLine p{ font-size:260px; float:left; padding:0; margin:0;}
.homeTagLine samp{font-family:"weltron_urbanregular"; float:left; font-size:140px; margin:90px 0 0 50px;}
.media img{max-width:100%;}
}

