@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), 
	  url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), 
	  url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), 
	  url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), 
	  url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'pathway_gothic_oneregular';
    src: url('../fonts/pathwaygothicone-regular-webfont.eot');
    src: url('../fonts/pathwaygothicone-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pathwaygothicone-regular-webfont.woff2') format('woff2'),
         url('../fonts/pathwaygothicone-regular-webfont.woff') format('woff'),
         url('../fonts/pathwaygothicone-regular-webfont.ttf') format('truetype'),
         url('../fonts/pathwaygothicone-regular-webfont.svg#pathway_gothic_oneregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'archivo_narrowbold';
    src: url('../fonts/archivonarrow-bold-webfont.eot');
    src: url('../fonts/archivonarrow-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/archivonarrow-bold-webfont.woff2') format('woff2'),
         url('../fonts/archivonarrow-bold-webfont.woff') format('woff'),
         url('../fonts/archivonarrow-bold-webfont.ttf') format('truetype'),
         url('../fonts/archivonarrow-bold-webfont.svg#archivo_narrowbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'archivo_narrowregular';
    src: url('../fonts/archivonarrow-regular-webfont.eot');
    src: url('../fonts/archivonarrow-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/archivonarrow-regular-webfont.woff2') format('woff2'),
         url('../fonts/archivonarrow-regular-webfont.woff') format('woff'),
         url('../fonts/archivonarrow-regular-webfont.ttf') format('truetype'),
         url('../fonts/archivonarrow-regular-webfont.svg#archivo_narrowregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.eot');
    src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-regular-webfont.woff') format('woff'),
         url('../fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('../fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotolight';
    src: url('../fonts/roboto-light-webfont.eot');
    src: url('../fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-light-webfont.woff') format('woff'),
         url('../fonts/roboto-light-webfont.ttf') format('truetype'),
         url('../fonts/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
 -webkit-text-size-adjust: none;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
ol, ul {
	margin: 0;
	padding: 0px 0px 10px 40px;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
embed, iframe, object {
	max-width: 100%;
}

/* Global
----------------------------------------------- */
body{
	color: #222222;
	word-wrap: break-word;
    font-size: 18px; 
    font-family: 'pathway_gothic_oneregular';
    line-height: 24px;
    background: #fff
}

/* No Border/Margin/Padding */
.no-margin-top {
	margin-top:0px !important;
}
.no-margin-bottom {
	margin-bottom:0px !important;
}
.no-margin-left {
	margin-left:0px !important;
}
.no-margin-right {
	margin-right:0px !important;
}
.no-padding-top {
	padding-top:0px !important;
}
.no-padding-bottom {
	padding-bottom:0px !important;
}
.no-padding-left {
	padding-left:0px !important;
}
.no-padding-right {
	padding-right:0px !important;
}
.no-border-top {
	border-top:0 none !important;
}
.no-border-bottom {
	border-bottom:0 none !important;
}
.no-border-left {
	border-left:0 none !important;
}
.no-border-right {
	border-right:0 none !important;
}

/* Horizontal Line */
hr {
	border-color: #eaeaea;
	border-style: solid none none;
	border-width: 1px 0 0;
	height: 0;
	margin: 0 0 0px;
}

/* Text elements */
p {
	margin-bottom: 15px;
}
strong {
 font-weight: bold
}
cite, em, i {
	font-style: italic;
}
pre {
	background-color: #fff;
	margin-bottom: 20px;
	overflow: auto;
	padding: 20px;
}
pre, code, kbd {
	font-family:"Courier 10 Pitch",Courier,monospace;
	font-size: 14px;
	line-height: 19px;
	background-color: #F9F9F9;
}
abbr, acronym, dfn {
	border-bottom: 1px dotted #666;
	cursor: help;
}
address {
	display: block;
	margin: 0 0 1.625em;
}
ins {
	background: #fff9c0;
}

/* Superscript and Subscript */
sup, sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}

/* Blockquote */
blockquote {
	font-style: italic;
	font-weight: normal;
	padding: 20px;
	border-left: 4px solid #000;
	margin-bottom: 20px;
	background-color: #a3c136;
}
blockquote p {
	margin: 0;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
blockquote cite {
	color: #666;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

/* Breadcrumb */
.breadcrumb {	
	margin-top: 5px;
    margin-bottom: 5px;
	font-size: 15px;
}
.breadcrumb a {	
	color: #999;
}
.breadcrumb,
.breadcrumb a:hover {
	color: #666;
}

/* Forms */
input, textarea {
 	-webkit-border-radius: 0px;
}
input[type="text"], 
input[type="email"], 
input[type="search"], 
input[type="password"], 
textarea {
	-moz-appearance: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;

}
input[type="text"], 
input[type="email"], 
input[type="password"], 
textarea, select {
	padding:8px 10px;
	border: 1px solid #d5d5d5;
	line-height: 20px;
	width: 100%;
	margin: 0 0 10px;
	background-color: #fff;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	height:39px;
    font-family: 'pathway_gothic_oneregular'; font-size: 18px;

}

input[type="reset"], 
input[type="button"], 
input[type="submit"], .button {
	color: #fff;
	display:inline-block;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	height:39px;
	margin:20px 0p 30px 0px;
	padding:7px 25px;
	-moz-appearance: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	cursor: pointer;
	background:#12aded;
	border:none;
	font-size:16px;
	transition:linear 0.3s all;
	-webkit-transition:linear 0.3s all;
   font-family: 'pathway_gothic_oneregular'; line-height: 25px;
}
input[type="reset"]:hover, 
input[type="button"]:hover, 
input[type="submit"]:hover, .button:hover {
	background:#000;
	color:#fff
}
input[type="reset"]:active, 
input[type="button"]:active, 
input[type="submit"]:active {
	-webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);	
}
/* Links */
a {
	color: #12aded;
	text-decoration: none;
}
a:focus, a:active, a:hover {
	text-decoration: none;
	
}
a:hover{  color:#000}
/* Images */
figure {
	margin: 0;
	text-align: center;
}
img {
	max-width:100%;
	height:auto;
	vertical-align:top;
}
.entry-content img, .comment-content img, .widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}

img.alignleft, img.alignright, img.aligncenter {
	margin-bottom: 1.625em;
}

h1, h2, h3, h4, h5, h6 {
margin: 0px 0px 20px 0px;
padding: 0px;
color: #000;
font-weight: normal;
line-height: normal;
text-transform:uppercase;
font-family: 'pathway_gothic_oneregular'; letter-spacing: 2px
}

h1 {
font-size:60px;
}
h2 {
font-size:42px;
}
h3 {
font-size:28px;
}
h4 {
font-size:24px;
}
h5 {
font-size:20px;
}
h6 {
font-size:18px;
}
/* Assistive text */
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
#access a.assistive-text:active, #access a.assistive-text:focus {
	background: #eee;
	border-bottom: 1px solid #ddd;
	color: #1982d1;
	clip: auto !important;
	font-size: 12px;
	position: absolute;
	text-decoration: underline;
	top: 0;
	left: 7.6%;
}

/* clearfix hack */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
}
/* start commented backslash hack \*/
* html .clearfix {
	height:1%;
}
.clearfix {
	display: block;
}
/* close commented backslash hack */
.clearfix-third, .clear {
	clear: both;
}
.fl{ float:left}
.fr{ float:right}
.rel{ position:relative}
.textcenter{ text-align:center}
.textleft{ text-align: left}
.textright{ text-align: right}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
/* Index Style
----------------------------------------------- */
.container{ width:1170px;margin:0 auto}

/* =============================================================================
   Header
   ========================================================================== */
.header{ background:rgba(0,0,0,0); position: absolute; top: 0px; left: 0px; width: 100%; z-index: 99; padding:50px 0px 0px; transition: all linear 0.3s;-webkit-transition: all linear 0.3s }
.header.fixedheader{ background: #000;position: fixed;-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.24);-moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.24);box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.24); padding:10px 0px 5px;}
.header .container{ position: relative }
.logo{  padding:0px 0px;transition: all linear 0.5s;-webkit-transition: all linear 0.5s; line-height: normal;}
.logo img{ width: 272px;transition: all linear 0.5s;-webkit-transition: all linear 0.5s; }
.header.fixedheader .logo{  padding:0px 0px;}
.socailicons ul{ margin: 0px; padding: 0px}
.socailicons ul li{ list-style: none; float: left; margin: 0px 20px 0px 0px; transition: 0.5s all linear; -webkit-transition: 0.5s all linear; line-height: 20px}
.socailicons ul li:last-child{ margin-right: 0px}
.socailicons ul li:last-child a img{ margin-top: 2px}
.socailicons ul li a{ display: block;}
.socailicons ul li a i{ font-size:16px; color: #fff}
.socailicons ul li a:hover{ opacity: 0.6 }
.socailicons{ padding: 0px 0px 10px 0px; transition: 0.5s all linear; -webkit-transition: 0.5s all linear}
.header.fixedheader .socailicons{padding: 0px 0px 5px 0px;}
.header.fixedheader .socailicons ul li:last-child, .secondrynav.secondrynavfixed .socailicons ul li:last-child{margin-right: 0px}
.header.fixedheader.secondaryvisible{ position: absolute}
.secondrynav.secondrynavfixed{ position: fixed; top: 0px; left: 0px; width: 100%; z-index: 99}
/* ======================================================================================= 
Navigation style 
========================================================================================== */
.mainnav{ clear: right}
.menu{margin: 0px 0px 0px 0px;padding:  0px 0px 0px 0px; position:relative; float:left}
.menu > li{display: inline-block;position: relative;list-style: none;float: left;vertical-align: middle;text-align: center;line-height:14px; margin: 0 0 0 30px;transition: 0.4s linear all; -webkit- transition: 0.4s linear all }
.menu > li > a{list-style: none; display: inline-block; text-transform: uppercase;  position:relative; color:#fff; overflow:hidden; cursor:pointer; padding:15px 0px;  font-family: 'pathway_gothic_oneregular'; font-size: 18px; line-height: 22px}
.header.fixedheader .menu > li > a{ padding: 10px 0px;}
.menu > li > a:before{ background: #1a4ee1 none repeat scroll 0 0;  bottom: 5px;   content: "";  height: 3px; left: 50%;  position: absolute;  right: 50%;  transition-duration: 0.3s; transition-property: left, right; transition-timing-function: ease-out; -webkit-transition-duration:0.3s; -webkit-transition-property: left, right; -webkit-transition-timing-function: ease-out;  z-index: -1;} 
.menu > li > a:hover:before, .menu>li:hover>a:before{ left: 0;   right: 0;}
.menu > li:hover > ul, .menu ul li:hover > ul{display: block;}
.menu ul {width:230px;position: absolute;left:0px;top:48px;display: none;margin: 0px;padding:0;background:#fff;z-index:99; }
.menu ul ul {left: 100%;top: 5px;}
.menu ul li {margin: 0px 0px 0px 0px;padding:  0px 0px 0px 0px;float: none;display: block;line-height: normal;text-align: left;position: relative;-webkit-transition: all .25s ease;}
.menu ul li a{display: block;padding: 14px 12px;color: #555;  font-size:16px;  position:relative;  border-bottom: 1px solid #ededed; -webkit-transition: all ease-in-out 210ms;  transition: all ease-in-out 210ms;box-shadow: inset 0px 0px 0px #e4e4e4; text-transform:uppercase; font-family: 'pathway_gothic_oneregular'; }
.menu ul li a:hover, .menu ul li a.active, .menu ul li:hover > a { color: #000; box-shadow: inset 230px 0px 0px #e4e4e4;}
.menu ul, .menu a{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.menu > li > a span, .resmenu > li > a span{ width:20px; height:16px; display:inline-block; background:url(../images/navbar.png) no-repeat 0px 0px; background-position:-20px 0px;vertical-align: middle; margin: 0px 0px 0px 10px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari only override */
    ::i-block-chrome, .menu > li > a:before{   display: none;  }
    ::i-block-chrome, .menu > li > a:after{ height: 3px ; background:rgba(0,0,0,0); position: absolute; content: ''; left: 0; bottom:5px; width: 100%}
    ::i-block-chrome, .menu > li > a:hover:after{  background:rgba(26,78,255,1)}
}
/* ======================================================================================= 
Banner
========================================================================================== */
.banner ul{ margin: 0px; padding: 0px}
.banner ul li img{ display: block; margin: 0 auto; width: 100%}
/*.banner li{background-repeat: no-repeat; background-position:top  center; -webkit-background-position: center center; background-size: cover; -webkit-background-size: cover}*/
.banner .container{ position: absolute; bottom: 30%; left:0; right: 0;margin: auto}
.banner .container h2{ color: #fff; font-size: 64px; margin: 0px 0px 7px;; font-family: 'archivo_narrowbold'; line-height: 50px;text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.72); }
.banner .container p{ color: #fff; font-size:16px; background: #1a4ee1; padding: 10px; margin: 0px; display: inline-block; line-height: 15px; letter-spacing: 3px ; text-transform: uppercase}
.banner .bx-controls{ display: none}
.scroll_mre{ position: absolute; bottom: 50px; left: 0px; right: 0px; text-align: center; z-index: 9; color: #fff; display: block; text-align: center; font-size: 18px; text-transform: uppercase; letter-spacing: 5px; width: 140px; margin: 0 auto}
.scroll_mre:after{ width: 11px; height: 22px;background:url(../images/arrow-learnmore.png) no-repeat 0px 0px; display:block; content: '';  margin: 10px auto 0px;   -moz-animation: bounce 2s infinite;  -webkit-animation: bounce 2s infinite;  animation: bounce 2s infinite; }
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
.scroll_mre:hover{ color: #bbb}
/* ======================================================================================= 
Trailer
========================================================================================== */
.trailor-lhs{ width: 50%; background: #fff; padding: 45px 45px 70px 60px;  }
.twoline-title1 h6{ color: #1a4ee1; margin: 0px 0px 0px 0px; letter-spacing: 4px}
.twoline-title1 h1{ line-height: 48px; margin:5px 0px 40px 0px}
.trailor-rhs{ width: 50%; background: url(../images/poster.jpg) no-repeat  0px; background-size: cover   }
.trailor-rhs img{ width: 100%}
.main-trailer-child{margin-right: -70px;}
.main-trailer-child a.ply_icn{ display: block; background: #000; position: relative }
.ply_icn:before{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; margin: auto; background: url(../images/play-icon.png) no-repeat  0px; width: 68px; height: 68px; content: ''  }
.main-trailer-child img{    margin-right: -80px; opacity: 0.3; transition: 0.4s linear all; -webkit-transition: 0.4s linear all}
.main-trailer-child a.ply_icn:hover img{  opacity: 0.4 }
.upcoming{ margin: 50px 0px 0px 0px}
.upcoming-trailor{ width: 29.16666666666667%; margin-right: 3.125%}
.upcoming-trailor a{ display: block; position: relative; }
.upcoming-trailor a span{ position: absolute; left: 0px; right: 0px; margin: auto; color: #fff; padding: 5px; text-transform: uppercase; text-align: center; letter-spacing: 2px }
.upcoming-trailor a video, .upcoming-trailor a img{ width: 100%}
.upcoming-info{ width: 67.70833333333334%;}
.upcoming-info ul{ margin: 0px; padding: 0px}
.upcoming-info ul li{ list-style: none; border: 1px solid #e5e5e5; border-color:#fff #fff #e5e5e5 #fff ; overflow: hidden; color: #c3c3c3; color: rgba(0,0,0,0.6);font-size: 18px; letter-spacing: 1px; text-transform: uppercase;    padding: 12px 10px 12px 20px;  }
.upcoming-info ul li.active{ border: 1px solid #e5e5e5; border-top-color: #fff}
.upcoming-info ul li:first-child{ border-top: 1px solid #e5e5e5; }
.upcoming-info ul li a{ background: url(../images/play-color.png) no-repeat  right 7px; padding: 0px 20px 0px 0px }
.up-images{ background: #000}
/*.up-images a img{ opacity: 0.3}*/
/* ======================================================================================= 
Biography
========================================================================================== */
.biobg{ background:url(../images/biobg.jpg) no-repeat center; padding: 90px 0px; background-size: cover }
.twoline-title2{ }
.about-video{ width: 490px}
.about-text{ width: 680px}
.videoinside{ width: 380px; padding: 320px 0px 0px 20px }
.videoinside span{    display: inline-block; background: #1a4ee1 url(../images/playsmall.png) no-repeat 18px 14px; float: right; padding: 12px 15px 12px 44px; line-height: normal; color: #fff; text-transform: uppercase; letter-spacing:1px}
.twoline-title2{ margin: 0px 0px 40px 0px}
.twoline-title2 h6{ color: #12aded; margin: 0px 0px 10px 0px; letter-spacing: 6px }
.twoline-title2 h1{ color: #fff; font-size:90px;margin: 0px; font-family: 'archivo_narrowbold'; line-height: 80px;}
.inner-bio{ border-left: 1px solid rgba(255,255,255,0.20); position: relative; width: 508px; color: #fff; padding: 0px 0px 0px 95px}
.inner-bio:after{ content: ''; position: absolute; bottom: -11px; width: 11px; height: 11px; border-radius: 50%; -webkit- border-radius: 50%;background: none; border: 1px solid rgba(255,255,255,0.2); left: -6px;transition: 0.9s linear all; -webkit-transition: 0.9s linear all}
.inner-bio:before{ content: ''; position: absolute;top:0px; width: 1px; height: 0px; background:#12aded; left:-1px; transition: 0.7s linear all; -webkit-transition: 0.7s linear all}
.biobg:hover .inner-bio:before{ height: 100%}
.biobg:hover .inner-bio:after{ border: 1px solid rgba(18,173,237,1);}
.inner-bio p{ line-height: 35px; letter-spacing: 0.5px}
.inner-bio p > a{ letter-spacing: 4px; text-transform: uppercase; display: inline-block; margin:10px 0px 10px 0px;   padding: 0px 32px 0px 0px  ; position: relative; }
.inner-bio p > a:hover{ color: #fff}
.inner-bio p > a:after{background: url(../images/arrow.png) no-repeat 0 0px; position: absolute; top: 12px; right: 0px; display: block; content: '';height: 11px;width: 22px;}
.spot-light{ margin: 80px 0px 0px 0px; width: 470px; overflow: hidden}
.spot-light h6{text-align: right; letter-spacing: 5px; margin-bottom: 50px }
.spot-light h6 span{ position: relative; color: #12aded;  display: inline-block  }
.spot-light h6 span:before{ content: ''; height: 1px; width: 500px ;  background: rgba(255,255,255,0.2);  right:100%; top: 10px; position: absolute; margin-right: 20px}
.media-img img{ border: 2px solid #242424}
.media-img{ margin-right: 30px}
.media, .media-body { overflow: hidden; zoom: 1; color: #fff; font-size: 16px}
.media-date{ color: #12aded; text-transform: uppercase; letter-spacing: 2px ; display: inline-block; margin:0px 0px 5px 0px}
.media-heading{  font-family: 'archivo_narrowbold'; font-size: 18px; color: #fff; margin: 0px 0px 10px 0px}
.media-body a:hover{ color: #fff}
.wrapper_verly{ position:relative; display: block; clear: both}
.utube_overly{ background: rgba(0,0,0,0.4); position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; margin: auto; transition: 0.3s ease all; -webkit-transition: 0.3s ease all}
.utube_overly:after{ position: absolute; top: 0px; right: 0px; left: 0px; bottom: 0px; width: 68px; height: 68px; margin: auto;background: url(../images/play-icon.png) no-repeat 0px; content: '' }
.utube_overly:hover{ background: rgba(0,0,0,0.6);  }
/* ======================================================================================= 
Testimonials
========================================================================================== */
.testimonials-slider-desktop{height: 500px ; overflow: hidden}
.bluescreen{ background: #102e82 url(../images/bg.jpg) no-repeat right top; width:71.09375%; color: #fff; height: 500px }
.testimonials-slider-desktop .container{ position: absolute; left: 0; right: 0; margin: auto; padding: 120px 28.90625% 50px 0px}
.blue-rhs{ width:28.90625%; background:#000008 url(../images/123.jpg) no-repeat left top; position: relative; height: 500px}
.blue-rhs img{ position: absolute; max-height: 100%; bottom: 0; right: 0px }
.bxslider1, .bxslider2{ margin: 0px; padding: 0px; }
.bxslider1 li, .bxslider2 li{ list-style: none; color: #fff;}
.testi-content p{ font-size: 26px; line-height:44px }
.testi-header{ text-transform: uppercase; letter-spacing: 5px; color: #fff; margin: 0px 0px 30px 0px }
.testi-header span{ color: #12aded}
.testimonials-slider-desktop .bx-wrapper .bx-pager, .testimonials-slider-mobile .bx-wrapper .bx-pager{ margin: 5px 0px 0px 0px; text-align: left}
.testimonials-slider-desktop .bx-wrapper .bx-pager.bx-default-pager a, .testimonials-slider-mobile .bx-wrapper .bx-pager.bx-default-pager a{ width: 7px; height: 7px; background: #fff; background: rgba(255,255,255,0.5); border: none; }
.testimonials-slider-desktop .bx-wrapper .bx-pager.bx-default-pager a:hover, .testimonials-slider-desktop .bx-wrapper .bx-pager.bx-default-pager a.active, .testimonials-slider-mobile .bx-wrapper .bx-pager.bx-default-pager a:hover, .testimonials-slider-mobile .bx-wrapper .bx-pager.bx-default-pager a.active{  background: #12aded }

.testimonials-slider-mobile{ background: #102e82 url(../images/bg.jpg) no-repeat right top; width:100%; color: #fff;  padding: 40px 0px 30px ; display: none}
/* ======================================================================================= 
Twiiter Feeds
========================================================================================== */
.bxslider_twitter{ margin: 0; padding: 5px 0px 10px 0px}
.bxslider_twitter li{ list-style: none}
.twiiter-feeds{ background: #fafafa; padding: 70px 0px}
.twitter-title{ color: #1a4ee1; letter-spacing: 4px; text-align: center; margin: 0px 0px 50px 0px}

.wall-item {  display: block;  margin: 0 0 35px 0;padding: 15px;  background:#fff;  border-radius: 3px;  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.25);
-moz-box-shadow:    0px 1px 5px 0px rgba(0, 0, 0, 0.25);
box-shadow:         0px 1px 5px 0px rgba(0, 0, 0, 0.25);}

.wall-item:hover {
  transition: all 220ms;
}

.wall-item > img {
  display: block;
  width: 100%;
  margin: 0 0 24px 0;
}
.wall {
  display: block;
  position: relative;
}
.wall-column {  display: block;  position: relative;  width: 33.333333%;  float: left;  padding: 0 15px;  box-sizing: border-box; color: #000000; font-size: 18px}
.wall-item h4{ font-size: 18px; color: #999999  }
.wall-item h4 a{ color: #000}
.twiiter-feeds .bx-wrapper .bx-pager.bx-default-pager a{ width:8px; height:8px; border:2px solid #2556e2; margin:0px 2px}
.twiiter-feeds .bx-wrapper .bx-pager.bx-default-pager a:hover, .twiiter-feeds .bx-wrapper .bx-pager.bx-default-pager a.active{ background: #2556e2;  border:2px solid #2556e2}
.wall-item span{ padding: 0px 0px 0px 25px; background: url(../images/twiiter.png) no-repeat 0px 5px ; }

@media (max-width: 640px) {
.wall-column { width: 50%; }
}
@media (max-width: 480px) {
.wall-column {  width: 100%;  float: none; }
}
/* ======================================================================================= 
Footer
========================================================================================== */
/*.resz footer{ position: fixed; left: 0px; bottom: 0px; width: 100%; z-index: -1}
.resz .position-fix{ margin-bottom: 475px; transition: 0.5s linear all; -webkit-transition: 0.5s linear all;}*/
footer{ background: #0f0f0f url(../images/footerbg.jpg) no-repeat center 0px ; padding: 80px 0px 50px 0px; background-size: cover }
.footerbar{ background: #1a4ee1; padding: 23px 0px; margin:50px 0px 50px}
.footerbar a{ display: inline-block; color: #fff; text-transform: uppercase; letter-spacing: 1px; padding: 5px 10px;    transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in; }
.footerbar a:hover{text-shadow:  0 0 10px #000000, 0 0 5px #000000, 0 0 5px #000000, 0 0 5px #000000, 0 0 5px #000000, 0 0 3px #333333, 0 0 3px #333, 0 0 3px #333,0 0 3px #333, 0 0 3px #333;}
.newsletter{ width: 47.00854700854701%; padding: 0px 80px 0px 20px}
.fsocial{width: 25.64102564102564%; padding: 0px 60px 0px 0px}
.fsocial  a{ width: 40px; height:40px; display: inline-block; position: relative; text-align: center; transition: 0.3s linear all; -webkit-transition: 0.3s linear all; margin: 0px; line-height: 40px; margin: 0px 10px 0px 0px; border: 1px solid #2f2f2f}
.fsocial a.imdb-f{ width: 60px; vertical-align: bottom}
.fsocial a.imdb-f img{ position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%)}
.fsocial a:last-of-type{ margin-right: 0px}
.fsocial  a:after{ font-family: FontAwesome; color: #fff; font-size: 16px; position:relative; z-index: 2}
.fsocial  a.ht-fb:after{content: "\f09a";}
.fsocial  a.ht-tw:after{content: "\f099";}
.fsocial  a.ht-ins:after{content: "\f16d";}
.fsocial a:hover{ background: #000}
.copyrights{ width:27.350427350427353%; color: #fff ; text-transform: uppercase; letter-spacing: 1px}
.newsletter h6, .fsocial h6{ color: #12aded; letter-spacing: 4px; margin: 0px 0px 30px 0px }
.newsletter input[type="text"]{ background: none; border: none; border-bottom: 2px solid #2f2f2f; width: 300px; float: left; padding: 0px 0px 0px 10px; text-transform: uppercase; font-size: 16px; color: #787878; letter-spacing: 2px; height: 40px;transition: all 0.5s linear;-webkit-transition: all 0.5s linear; overflow: hidden}
.newsletter input.gmd:focus{    box-shadow: 450px 0 0 0 #2f2f2f inset;-webkit-box-shadow:450px 0 0 0 #2f2f2f inset;}
.newsletter input[type="submit"]{ background: none; color: #12aded; text-transform: uppercase; letter-spacing: 2px; float: left; font-size: 18px;padding: 18px 0px 0px 13px; line-height: normal}
.newsletter input[type="submit"]:hover{ color: #fff}
.copy-text{ margin-bottom: 30px}
.copy-text span{  font-family: 'robotoregular'; }
.website-by{ margin: 0px; font-size: 16px}
/* ======================================================================================= 
Responsive Helper
========================================================================================== */
.hum, .mobile-poster, .mobile-fnav{ display: none}
.menu_btn{z-index: 5;width:25px;height:16px;overflow: hidden;cursor: pointer;position: relative; float: right; margin: 3px 0px 0px 20px}
.menu_btn-line{position: absolute;left: 0;width: 100%;height: 1px;background: #12aded;}
.menu_btn-line:nth-child(1){top: 0;}
.menu_btn-line:nth-child(2){top:7px;}
.menu_btn-line:nth-child(3){top:14px;}
.menu_btn:hover .menu_btn-line:nth-child(1){ -webkit-animation: animateMenuBtn 0.7s 0s; animation: animateMenuBtn 0.7s 0s;}
.menu_btn:hover .menu_btn-line:nth-child(2) {-webkit-animation: animateMenuBtn 0.7s 0.2s;animation: animateMenuBtn 0.7s 0.2s;}
.menu_btn:hover .menu_btn-line:nth-child(3) {-webkit-animation: animateMenuBtn 0.7s 0.4s;animation: animateMenuBtn 0.7s 0.4s;}
@keyframes animateMenuBtn{ 
49.9% {transform: translateX(100%);}
  50% {transform: translateX(-100%);}
  100% {transform: translateX(0);}
}
@-webkit-keyframes animateMenuBtn{ 
49.9% {transform: translateX(100%);}
  50% {transform: translateX(-100%);}
  100% {transform: translateX(0);}
}
.menu_btn:hover .menu_btn-line{background:#fff;}
.newsletter-form{ position: relative}
.scrolltop{  width: 35px;height: 35px;position: fixed; bottom: 65px; right: 15px;   display: none;    background: #12aded; border-radius: 3px; transition: all 0.3s ease 0s;  -webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;    cursor: pointer; text-align: center}
.scrolltop:before{ position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px;  font-family: 'FontAwesome';content: "\f106";line-height: 31px;font-size: 28px; color: #fff;}
.scrolltop:hover{ background: #000}
.hassub_menu {
    position: relative;
}
.subicon{ padding: 5px}
.subicon:after {
    content:"\f107";
    font-family: 'FontAwesome';
    display: block;
    font-size: 30px;
    margin-left: 10px;
}
/* ======================================================================================= 
Media Queries
========================================================================================== */
@media (max-width: 1190px) {
.container {width: 94%;margin: 0 auto;}
.trailor-lhs{ padding: 30px}    
.main-trailer-child{     margin-right: 0px;}    
.main-trailer-child > img, .main-trailer-child video {margin-right: 0px;}    
.about-text{ width: 58.11965811965812%}    
.about-video{width: 41.88034188034188%}    
.inner-bio{ width: 100%; padding:padding: 0px 60px 0px 60px;}    
.newsletter { width: 41.00854700854701%; padding: 0px 40px 0px 0px;}  
.fsocial {    width: 29.64102564102564%;  padding: 0px 40px 0px 0px;}    
.copyrights { width: 29.350427350427353%;}    
.scroll_mre{ display: none}     
.testimonials-slider-desktop .container{ padding-top: 40px}    
}
@media (max-width: 1150px) { 
.newsletter input[type="text"]{ width: 100%;padding: 0px 40px 0px 10px;  }    
.newsletter input[type="submit"]{ position: absolute; right: 10px; top: 10px; background: url(../images/subscribe.png) no-repeat 0px; width: 24px; height: 17px; overflow: hidden; text-indent: -99999px;      }
.newsletter { width: 39.00854700854701%; padding: 0px 100px 0px 0px;}      
.copyrights { width: 31.350427350427353%;}      
}
@media (max-width: 1030px) {  
.videoinside{ width: 100%; padding: 200px 20px 0px 0px}    
.videoinside a video,  .videoinside a img{ width: 100%}   
.spot-light{ width: 100%; margin: 50px 0px 0px 0px }
.spot-light h6{ margin-bottom: 25px}    
.inner-bio{ padding: 0px 0px 0px 40px}
.biobg {  padding:50px 0px;}    
.upcoming{ margin: 30px 0px 0px 0px}
.upcoming-trailor{ width:100%; margin-right:0%}
.upcoming-info{ width: 100%; margin: 20px 0px 0px 0px}    
.twoline-title1 h1 {margin: 5px 0px 30px 0px}    
.testimonials-slider-desktop{ display: none}
.testimonials-slider-mobile{ display: block}    
footer{ padding: 30px 0px}    
.footerbar{ margin: 20px 0px 30px; padding:7px 0px}    
.footerlogo{ width: 200px}    
h1 {font-size:40px;}
h2 {font-size:32px;}
h3 {font-size:28px;}        
}
@media (max-width: 950px) {  
.mainnav{ display: none}
.hum{ display: block; }
.header{ padding: 30px 0px 0px 0px}
.header.fixedheader{ padding: 10px 0px}    
.logo img{ width: 272px; }
.header.fixedheader .logo img{ width: 150px }
.menu_btn{ margin: 22px 0px 0px 20px}        
.header.fixedheader  .menu_btn{ margin: 13px 0px 0px 20px}    
.socailicons{ padding: 20px 0px 0px 0px}
.header.fixedheader .socailicons {    padding: 10px 0px 0px 0px;}    
.newsletter { width: 35.00854700854701%; padding: 0px 30px 0px 0px;}      
.fsocial{width: 31.64102564102564%; padding: 0px 20px 0px 0px}    
.copyrights { width: 29.350427350427353%;}          
.twiiter-feeds{ padding: 40px 0px}    
.banner .container h2{ font-size: 40px; line-height: 37px}    
}
@media (max-width: 820px) {  
.banner .container h2{ font-size: 30px; line-height: 27px}
.banner .container p{ font-size: 14px;    padding: 6px;}    
.newsletter h6, .fsocial h6{ margin: 0px 0px 15px 0px}    
.newsletter {width: 260px;padding: 0px 0px 20px 0px; margin: 0 auto; display: block; clear: both; float: none; }
.fsocial {width:260px;padding: 20px 0px 20px 0px; margin:0  auto;display: block; clear: both;float: none; overflow: hidden} 
.copyrights {width: 100%; text-align: center; font-size: 16px;}    
.copy-text {margin-bottom: 5px; overflow: hidden}   
.banner .container p{ font-size: 13px; padding: 6px}    
.footerbottom .newsletter .formError{ left: 10px !important} 
}
@media (max-width: 720px) {  
.trailor-lhs, .trailor-rhs{ width: 100%; min-height: inherit !important}    
.mobile-poster{ display: block}    
.about-text {   width: 100%;}    
.about-video{ width: 100%; }   
.videoinside {  width: 100%; padding: 30px 0px 0px 0px;} 
.videoinside iframe{ width: 100%}
.logo img {width: 160px;}    
.socailicons {padding: 0px 0px 0px 0px;}    
.menu_btn {margin: 2px 0px 0px 20px;}    
.biobg{ background:url(../images/biobg.jpg) no-repeat 0px 0px;}    
}
@media (max-width: 600px) {  
.footerbar{ background: none}
.footerbar a{ display: none}    
.mobile-fnav{ display: block; width:260px; margin: 0 auto; text-transform: uppercase; border: 0px; background: #9D9D9D;}
}
@media (max-width: 520px) {  
.banner .container{ position: inherit; width: 100%; background: #2a2a2a; padding: 10px 20px}
.banner .container h2 {font-size: 27px;line-height: 24px;}    
}
@media (max-width: 440px) { 
.header{ position: inherit; background: #000; padding: 10px 0px}
 .logo {  display: block; clear: both; width: 160px; margin: 0 auto; text-align: center; float: none; z-index: 9}    
.hum { position: absolute;top: 5px;right: 10px;z-index: 99}    
.socailicons{float: none;clear: both;display: block;text-align: center;padding: 10px 0px 0px 0px;}    
.socailicons ul li{ display: inline-block; float: none}    
.media-body { clear: both; display: block; padding: 15px 0px 0px 0px}
}
@media (max-width: 380px) {
.upcoming-info ul li span{ display: block; clear: both}
.upcoming-info ul li a{ float: left}    
}
.frontend_admin a span{ letter-spacing: 0px !important}
#fancybox-content .video_gallery_vid.selected .video_gallery_video{ margin: 0 auto; width: 100% !important}