@charset "UTF-8";

img { font-style: italic; color: #c00; border: 0; -ms-interpolation-mode: bicubic; }
img.left { margin: 0 20px 0 0; }
img.right { margin: 0 0 0 20px; }
svg:not(:root) { overflow: hidden; }

.page_pagination a {
	padding-right: 7px;
	padding-left:  7px;
	border:        1px solid #fff;
}

.page_pagination a.active {
	border-color: #000;
}

a {
	-webkit-transition: all 0.12s ease-in-out;
	-moz-transition:    all 0.12s ease-in-out;
	-o-transition:      all 0.12s ease-in-out;
	transition:         all 0.12s ease-in-out;
}

nav li a {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition:    all 0.3s ease-in-out;
	-o-transition:      all 0.3s ease-in-out;
	transition:         all 0.3s ease-in-out;
}

.left_mask,
.right_mask {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition:    all 0.2s ease-in-out;
	-o-transition:      all 0.2s ease-in-out;
	transition:         all 0.2s ease-in-out;
}

.flex-control-nav li a {
	-webkit-transition: none;
	-moz-transition:    none;
	-o-transition:      none;
	transition:         none;
}

.spotlight_wrap{
	border: 5px solid #ffffff;
}



.spotlight_wrap{
	width:    940px;
	height:   470px;
	margin:   0 auto;
	position: relative;
}

#spotlight .sl_caption{
	z-index:    20;
	right:      -50px;
	bottom:     30px;
	position:   absolute;
	color:      #000000;
	padding:    20px;
	background: rgba(255,255,255, 0.95);
	opacity:    0;
	font-family: "ProximaNova", Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-size: 20px;
}

#spotlight .sl_caption:hover { background-color: #ced0b4; }

#spotlight .sl_caption h2 {
	font-weight:   300;
	margin-bottom: 5px;
}

#spotlight .sl_caption p {
	margin: 0;
}

#spotlight {
	width:   100%;
	margin:  0;
	padding: 0;
}

#spotlight .slides > li {
	display: none;
}

#spotlight .slides img {
	max-width: 100%;
	display:   block;
}

.flex-pauseplay span {
	text-transform: capitalize;
}

.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

html[xmlns] .slides { display: block; }

* html .slides { height: 1%; }

.no-js .slides > li:first-child { display: block; }

#spotlight {
	background: #ced0b4 url(images/ajax-loader.gif) no-repeat center;
	zoom:       1;
	width:      100%;
	height:     480px;
	overflow:   hidden;
}

#spotlight .slides {
	zoom:     1;
	position: relative;
}

#spotlight .slides > li {
	width:    950px !important;
	height:   470px;
	position: relative;
}

#spotlight .slides > li.active {
	opacity: 1;
}

#spotlight .flex-direction-nav {
	position:   absolute;
	width:      950px;
	height:     395px;
	top:        0;
	left:       0;
	margin:     0;
	list-style: none;
}

.flex-container {
	zoom:     1;
	position: relative;
}

.flex-caption {
	background: none;
	-ms-filter: progid: DXImageTransform . Microsoft . gradient(startColorstr = #4C000000, endColorstr = #4C000000);
	filter:     progid:DXImageTransform.Microsoft.gradient(startColorstr = #4C000000, endColorstr = #4C000000);
	zoom:       1;
}

.flex-caption {
	width:       96%;
	padding:     2%;
	position:    absolute;
	left:        0;
	bottom:      0;
	background:  rgba(0, 0, 0, .3);
	color:       #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
	font-size:   14px;
	line-height: 18px;
}

.navi a,
.es-nav-prev,
.es-nav-next {
	width:          52px;
	height:         52px;
	margin:         -26px 0 0;
	border:         5px solid #FFF;
	display:        block;
	top:            50%;
	position:       absolute;
	cursor:         pointer;
	text-indent:    -9999px;
	z-index:        400;
	background:     #ced0b4 url(public/img/controlsSprite.png) no-repeat;
	-ms-filter:     "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter:         alpha(opacity = 80);
	-moz-opacity:   0.8;
	-khtml-opacity: 0.8;
	opacity:        0.8;
}

.navi a:hover,
.navi a.hovering,
.es-nav-prev:hover,
.es-nav-next:hover {
	-ms-filter:       "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:           alpha(opacity = 100);
	-moz-opacity:     1;
	-khtml-opacity:   1;
	opacity:          1;
	background-color: rgb(94,10,75);
}

.navi a.next,
.es-nav-next {
	right:               -34px;
	background-position: -153px -16px;
}

.navi a.prev,
.es-nav-prev {
	left:                -34px;
	background-position: 5px -16px;
}

.navi a.prev.hovering {
	left: -40px;
}

.navi a.next.hovering {
	right: -40px;
}

.navi a.disabled {
	opacity: .3;
	filter:  alpha(opacity = 30);
	cursor:  default;
}

.navi a:active, .navi a:focus {
	position: absolute;
	top: 50%;
}

.flex-control-nav {
	margin:     0;
	text-align: center;
	left:       30px;
	bottom:     22px;
	position:   absolute;
	z-index:    850;
}

.flex-control-nav li {
	margin:   0 0 0 2px;
	display:  inline-block;
	zoom:     1;
	*display: inline;
}

.flex-control-nav li:first-child { margin: 0; }

.flex-control-nav li a {
	width:          17px;
	height:         17px;
	float:          left;
	cursor:         pointer;
	position:       relative;
	display:        block;
	z-index:        100;
	cursor:         pointer;
	text-indent:    -9999px;
	background:     url('public/img/controlsSprite.png') no-repeat 0 -149px transparent;
	-ms-filter:     "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter:         alpha(opacity = 80);
	-moz-opacity:   0.8;
	-khtml-opacity: 0.8;
	opacity:        0.8;
}

.flex-control-nav li a:hover {
	background-position: 0 -166px;
	-ms-filter:          "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:              alpha(opacity = 100);
	-moz-opacity:        1;
	-khtml-opacity:      1;
	opacity:             1;
}

.flex-control-nav li a.active {
	background-position: 0 -183px !important;
	cursor:              default;
}

.left_mask,
.right_mask {
	height:     480px;
	top:        0;
	position:   absolute;
	z-index:    100;
	cursor:     pointer;
	background: rgba(255, 255, 255, 0.5);
}
.left_mask:hover,
.right_mask:hover {
	background: rgba(255, 255, 255, 0.2);
}
.left_mask { left: 0; }
.right_mask { right: 0; }

#spotlight_container {
	position: relative;
}

body.showreel #spotlight_container {
	position: absolute;
	top:      0;
}

body.showreel header h1 {
	margin-bottom: 0;
}

body.showreel #spotlight_container .player_holder {
	width:       600px;
	height:      auto;
	overflow:    visible;
	left:        50%;
	padding:     20px;
	background:  #FFF;
	margin-left: 145px;
	z-index:     10001;
}

body.showreel #spotlight_container .player_holder a.close {
	top:  -15px;
	left: -15px;
}

#spotlight_container .player_holder {
	width:    940px;
	height:   575px;
	z-index:  2000;
	position: absolute;
	display:  none;
	overflow: hidden;
	left:     0;
	right:    0;
	margin:   0 auto;
}

#spotlight_container .player_holder video,
#spotlight_container .player_holder object {
	position: absolute;
	top:      0;
	left:     0;
	height:   inherit !important;
}

.player_holder a.close {
	width:       24px;
	height:      24px;
	border:      3px solid #FFF;
	display:     block;
	position:    absolute;
	z-index:     2006;
	top:         15px;
	left:        15px;
	background:  rgb(94,10,75) url(public/img/controlsSprite.png) no-repeat 6px -91px;
	text-indent: -10000em;
	overflow:    hidden;
	cursor:      pointer;
	-ms-filter:  "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter:      alpha(opacity = 80);
	opacity:     0.8;
}

.player_holder .img_container {
	width:    940px;
	height:   575px;
	position: absolute;
	z-index:  2005;
}

.img_container .play_icon {
	top:      50%;
	left:     0;
	z-index:  100;
	position: absolute;
	right:    0;
	width:    70px;
	height:   70px;
	margin:   -21px auto 0;
}


.ie .intro_block p {
	font-size: 20px;
}

.ie .block_mask {
	background:  #339339;
}

.ie #video_actions #play_btn, .ie #video_actions #share_btn {
	float: left;
}

.no-rgba .left_mask,
.no-rgba .right_mask {
	background: #F2F2F2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter:     alpha(opacity = 90);
	opacity:    0.9;
}

.no-rgba .left_mask:hover,
.no-rgba .right_mask:hover {
	background: #F2F2F2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter:     alpha(opacity = 80);
	opacity:    0.8;
}

.no-rgba #spotlight .sl_caption,
.no-rgba .navi a:hover,
.no-rgba .navi a.hovering,
.no-rgba .es-nav-prev:hover,
.no-rgba .es-nav-next:hover,
.no-rgba .video_overlay,
.no-rgba #contact_info #ci_details {
	background: #ffffff;
}

.no-rgba .block_mask ul,
.no-rgba .block_mask a:hover {
	border-top-color: #6c9d68;
}