/*
Theme Name: 123w
Theme URI: http://123w.ca
Description: A simple responsive theme based on the Bootstrap framework. Includes multiple page templates, two different sidebars and a theme options panel.
Version: 1.0
Author: 320press
Author URI: http://320press.com
Tags: black, white, one-column, two-columns, flexible-width, custom-background, custom-colors, custom-menu, full-width-template, theme-options
License: GNU General Public License v2.0 & Apache License 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0
*/

/* micro clearfix: http://nicolasgallagher.com/micro-clearfix-hack/ */
/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}

.clearfix:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}

/* wp-specific classes */
.wp-caption{
	
}

.wp-caption-text{
	
}

.sticky{
	
}

.gallery-caption{
	
}

*{
	outline: 0 !important;
}

/* layout */

body{
	padding-top: 0px !important;
	font-family: 'Raleway', sans-serif;
	letter-spacing: 1.8px;
}

a{
	color: #ccc;
}

a:hover{
	color: #f1f1f1 !important;
	text-decoration: none;
}

video {
width: 100% !important;
height: 100% !important;
position: relative;
z-index: 0;
}

/*	BigVideo Styles 
	You may need to adjust these styles to get this working right in your design. 
*/
#general-video-wrap{overflow:hidden;position:fixed;height:100%;width:100%;top:0;left:0; z-index: 2; background: transparent url(images/mesh.png) 0 0 repeat; 
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  opacity: 0.4;
}
#buffering{overflow:hidden;position:fixed;height:100%;width:100%;top:0;left:0; z-index: 1; background: transparent url(images/ajax-loader.gif) center center no-repeat;}
#big-video-wrap{overflow:hidden;position:fixed;height:100%;width:100%;top:0px;left:0; z-index: 0; }
#big-video-vid,#big-video-image{position:absolute; width: 1px; height: 1px; z-index: 1;}

#big-video-vid video, #big-video-vid object{
	position: relative !important;
	z-index: 1  !important;
}

#big-video-control-container{
	position:fixed;bottom:25px;padding: 0 0px;width:20%;
	height: 32px;
  -webkit-transition-duration:0.6s;-moz-transition-duration:0.6s;-ms-transition-duration:0.6s;-o-transition-duration:0.6s;transition-duration:0.6s;
    display:block; width: 100%; 
 	z-index: 1000;
    position: absolute;
    color: #fff;
    right: 0; 
    overflow: hidden;
 }
#big-video-control{width:100%;height:16px;position:relative; z-index: 1500; right: 0; top: 8px;}
#big-video-control-middle{margin: 0 56px 0 24px; display: none;}
#big-video-control-bar{width:100%;height:16px;position:relative;cursor:pointer;}
#big-video-control-progress{position:absolute;top:7px;height:3px;width:0%;background:#fff;}
#big-video-control-track{position:absolute;top:8px;height:1px;width:100%;background:#fff;}
#big-video-control-bound-left{left:0;}
#big-video-control-bound-right{right:-1px}
#big-video-control-track .ui-slider-handle {opacity:0;}
#big-video-control-playhead{left:30%;}
#big-video-control-play{position:absolute;top:0;right:40px;height:20px;width:20px;background-image:url('images/bigvideo.png');}
#big-video-control-next{position:absolute;top:0;right:20px;height:20px;width:20px;background-image:url('images/bigvideo.png'); background-position: -32px 0}

.dark #big-video-control-play{position:absolute;top:0;right:40px;height:20px;width:20px;background-image:url('images/bigvideo_dark.png');}
.dark #big-video-control-next{position:absolute;top:0;right:20px;height:20px;width:20px;background-image:url('images/bigvideo_dark.png'); background-position: -32px 0}

#big-video-control-timer{display: none; position:absolute;top:1px;right:20px;color:#fff;font-size:11px;}
#big-video-control-playhead,#big-video-control-bound-left,#big-video-control-bound-right{position:absolute;top:0;height:16px;width:1px;background:#fff;}
#big-video-control .ui-slider-handle{border-left:solid 1px #fff; width:18px;height:18px;position:absolute;top:-8px;}
.transparent{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.vjs-big-play-button{display:none !important;}

/* SS */

body { background:#111; height:100%; }
	img{ border:none; }
	
	#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background: none;}
	
	#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:1; height:100%; width:100%; }
		#supersized img{ width:auto; height:auto; position:relative; outline:none; border:none; }
		
		#supersized a { z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background: transparent; display:block; }
			#supersized a.image-loading { background: none; }

/* Admin Top Navigation fixes */

body.admin-bar .navbar-fixed-top{ 
	top: 28px; 
}

.navbar .brand{
	color: #000 !important;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 30px rgba(255, 255, 255, 0.125);
	font-weight: bold !important;
}

.nav-container{
	padding-left: 0;
	padding-right: 0;
}

#inner-header{
	width: 100%;
}

input, textarea, select, .uneditable-input {
	margin-bottom: 0;
}

.navbar-form, .navbar-search {
	margin: 0 0 9px;
}

.navbar-search{
	padding-left: 0;
}

#s{
	width: 100px;
}

#content{
	padding: 10px 0 0;
}

.more-link{
	white-space: nowrap;
}

.footer-links{
	float: right;
	margin-bottom: 18px;
}

.footer-links .menu{
	list-style-type: none;
	margin-left: 0;
}

.footer-links .menu li{
	float: left;
	margin-left: 10px;
}

/* post styling */

#main p.meta{
	font-style: italic;
	color: #808080;
}

#main article{
	margin-bottom: 18px;
	border-bottom: 1px solid #eeeeee;
	padding: 0 0 9px;
}

.sidebar{
	margin-top: 18px !important;
}

#main article footer{
	border-top: none;
	margin-top: 0;
	padding-top: 0;
	position: relative;
	min-height: 20px;
}

#main article footer a.edit-post{
	position: absolute;
	right: 0;
	top: 0;
	display: none;
}

.post:hover a.edit-post{
	display: inline;
}

p.tags{
	line-height: 20px;
}

div[id*='attachment_']{
	max-width: 100%;
	height: 100%;
}

#credit320{
	background: url('images/320press_mini.png') no-repeat left top transparent;
	padding-left: 20px;
}

#main .hero-unit img{
	margin-bottom: 1em;
}

#main article img{
	height: auto;
	max-width: 100%;
}

img.alignleft{
	margin-right: 10px;
	float: left;
}

img.alignright{
	margin-left: 10px;
	float: right;
}

img.aligncenter{
	display: block;
	margin: 0 auto;
}

.post header img{
	margin-bottom: 18px;
}

.archive #main .post h3{
	line-height: 24px;
	margin-bottom: 10px;
}

video {
	max-width: 100%;
	height: auto;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-wrapper {
	width: 630px;
	max-width: 100%;
	margin-bottom: 18px;
}

/* page styling */

#featured-carousel .item{
	width: 970px;
	height: 600px;
}

.carousel-caption p{
	display: none;
}

.page-template-page-homepage-php #main article{
	border-bottom: none;
}

.page-template-page-homepage-php .hero-unit,
.blog .hero-unit{
	padding: 1em;
}

.hero-unit h1 {
	font-size: 3em;
}

/* comments */



#comments{
	line-height: 24px;
	margin-bottom: 18px;
}

ol.commentlist,
ol.commentlist ul.children{
	list-style-type: none;
	margin-left: 0;
}

.comment .vcard div{
	margin-top: 8px;
	padding: 0 10px;
}

ol.commentlist time{
	font-size: .8em;
	color: #eeeeee;
}

ol.commentlist div.comment-author{
	position: relative;
}

ol.commentlist a.comment-edit-link{
	color: #ffffff;
	text-decoration: none;
	padding-left: 5px;
}

ol.commentlist span.edit-comment{
	position: absolute;
	right: 0;
	top: 8px;
}

ol.commentlist li.bypostauthor{
	background-color: #dddddd;
}

ol.commentlist ul.children li{
	background-color: #cccccc;
}

ol.commentlist ul.children li ul.children li{
	background-color: #bbbbbb;
}

ol.commentlist ul.children li ul.children li ul.children li{
	background-color: #aaaaaa;
}

ol.commentlist article{
	border-bottom: none !important;
}

a.comment-reply-link{
	position: absolute;
	right: 0;
	bottom: 0;
}

#comment-nav ul{
	list-style-type: none;
	margin: 0;
}

#comment-form-elements{
	list-style-type: none;
	margin: 0;
}

.comment .vcard .avatar{
	padding-right: 0;
}

.comment .vcard .comment-text{
	margin-left: 0;
}

img.avatar{
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #dedede;
	border-right: 1px solid #dedede;
	border-left: 1px solid #ddd;
	
}

ol.commentlist li{
	padding-right: 10px;
	background-color: #F0F0F0;
}

#pings{
	margin-bottom: 9px;
}

ol.pinglist{
	list-style-type: none;
	margin: 0 0 9px 0;
}

#comment{
	width: 270px;
}

ol.commentlist #respond{
	padding: 5px 10px;
}

/* specific post-type styles */

/* image attachment */

.attachment #main .post_content img{
	max-width: 100%;
}

.ie8 #main .media-grid img{
	max-height: none !important;
	max-width: none !important;
}

.attachment-img{
	margin-bottom: 18px;
}

.metadata p.alert-message{
	margin-right: 0;
	margin-bottom: 18px;
}

#gallery-nav{
	list-style-type: none;
	margin-left: 0;
}

li.next a, li.previous a{
	position: relative;
}

li.next a:hover:before{
	content: "\2190";
	position: absolute;
	display: block;
	top: 42%;
	left: 0;
	background-color: #BFBFBF;
	color: #444;
	width: 20px;
	height: 20px;
	padding-left: 5px;
	text-decoration: none;
	box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}

li.previous a:hover:before{
	content: "\2192";
	position: absolute;
	display: block;
	top: 42%;
	right: 0;
	background-color: #BFBFBF;
	color: #444;
	width: 20px;
	height: 20px;
	padding-left: 5px;
	text-decoration: none;
	box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}


/* widget styles */

.widget{
	margin-bottom: 18px;
}

.widgettitle{
	margin-bottom: 9px;
}

#tag-cloud{
	margin-bottom: 18px;
	line-height: 160%;
}

/* for some reason the bs version currently available for download doesn't have this style */
.label{
	text-transform: uppercase;
}

/* override standard link hover for the tag cloud widget */
#tag-cloud a:hover,
.tags a:hover{
	color: #ffffff;
	text-decoration: none;
}

#tag-cloud a{
	white-space: pre;
	text-transform: uppercase;
}

/* change default form padding for search */

.widget_search form{
	padding-left: 0;
}

.widget_search input{
	width: 121px;
}

/* calendar widget */

#calendar_wrap{
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 5px;
}

#wp-calendar{
	width: 100%;
	
}

#wp-calendar caption{
	font-weight: bold;
	padding: 8px;
}

#wp-calendar tr{
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

#wp-calendar tr:last-child{
	border-bottom: none;
}

#wp-calendar td{
	text-align: center;
	padding: 8px 0;
}


.navbar-inner h1, .navbar-inner h2{
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	display: none;
}

#logo{
	background: transparent url(images/logo_123w_contracted.png) center right no-repeat;
	width: 175px;
	height: 24px;
}

.dark #logo{
	background: transparent url(images/logo_123w_contracted_black.png) center right no-repeat;
}

.light #logo{
	background: transparent url(images/logo_123w_contracted_white.png) center right no-repeat;
}

#logo-expanded{
	background: transparent url(images/logo_123w_expanded.png) center right no-repeat;
	width: 125px;
	height: 8px;
	padding-top: 8px;
}

#nav-container-left .active{
	display: block;
}

#nav-container-left h2{
	margin: 0;
	padding: 0;
}

#nav-container-left a{
	display: block;
	margin: 0;
	padding: 0;
}

@font-face {
	font-family: 'icomoon';
	src:url('library/fonts/icomoon.eot?gyj220');
	src:url('library/fonts/icomoon.eot?#iefixgyj220') format('embedded-opentype'),
		url('library/fonts/icomoon.woff?gyj220') format('woff'),
		url('library/fonts/icomoon.ttf?gyj220') format('truetype'),
		url('library/fonts/icomoon.svg?gyj220#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-googleplus:before {
	content: "\e600";
}
.icon-facebook:before {
	content: "\e601";
}
.icon-twitter:before {
	content: "\e602";
}


/* NAVIGATION */

#nav-container-left{
	float: left;
	width: 20%;
	height: 28px;
	padding-top: 12px;
}

#nav-container-right{
	float: right;
	width: 80%;
	position: relative;
	height: 28px;
	padding-top: 12px;
}

#nav-container-right .social-list{
	float: right;
	margin-right: 60px;
}

.social-list{
	padding: 0;
	margin: 0;
}

.social-list > li{
	padding: 0;
	margin: 0 8px 0 0;
	list-style-type: none;
	float: left;
}

.social-list > li > a{
	font-size: 17px;
	color: #fff;
}

.social-list > li > a:hover{
	opacity: 0.8;
}

#sm-items span{
	position: absolute;
	top: -9999px;
	left: -9999px;
}

#hotspot{
	position: absolute; 
	top: 0px; 
	right: 0%;
	width: 30px;
	height: 40px;
  cursor: pointer;
  cursor: hand;
  z-index: 20;
}
#nav-toggle { position: absolute; top: 20px; right: 40px; cursor: pointer; z-index: 10;}
#nav-toggle:hover { opacity: 0.8 }
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  cursor: pointer;
  border-radius: 0px;
  height: 3px;
  width: 30px;
  background: #fff;
  position: absolute;
  display: block;
  content: '';
}

.dark-toggle #nav-toggle span, .dark-toggle #nav-toggle span:before, .dark-toggle #nav-toggle span:after {
  background: #000;
}

.dark-toggle .social-list > li > a{
	color: #000;
}

#nav-toggle span:before {
  top: -8px; 
}
#nav-toggle span:after {
  bottom: -8px;
}

#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  transition: all 500ms ease-in-out;
}
#nav-toggle.active span {
  background-color: transparent;
}
#nav-toggle.active span:before, #nav-toggle.active span:after {
  top: 0;
}
#nav-toggle.active span:before {
  transform: rotate(45deg);
}
#nav-toggle.active span:after {
  transform: translateY(-10px) rotate(-45deg);
  top: 10px;
}

.bg-active{
	background: transparent url(images/bg_menu_v2.png) center right repeat;
}

.navbar{
	height: auto;
	line-height: 1em;
	background-color: transparent;
	position: fixed !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.navbar-inner{
	height: auto !important;
	line-height: 1em  !important;
	background-color: transparent !important;
	border: none;	
	margin: 0 auto !important;
	padding: 0 !important;
	min-height: none !important;
	position: relative;
	width: 98%;
}

#ni-container{
	margin: 0 auto;
	width: 98%;
	display: none;
}

#ni-container .sub-menu{
	position: absolute;
	z-index: 999;
	bottom: -300px;
	left: 0;
	margin: 0;
	padding: 0;
	width: 100%;
}

#ni-container .sub-menu > li{
	list-style-type: none;
}

#ni-container .sub-menu > li > a{
	padding: 5px 0px;
	display: block;
	background: transparent url(images/bg_menu_v2.png) center right repeat;
	height: 20px;
}

#ni-container .sub-menu > li > a:hover{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  -khtml-opacity: 0.85;
  opacity: 0.85;
}

#mmm-37{
	background: transparent url(http://d5by1332n97m6.cloudfront.net/imgs/ABOUT_final.jpg) 0 0 no-repeat;
}

#mmm-558{
	background: transparent url(http://d5by1332n97m6.cloudfront.net/imgs/Collaborate_final.jpg) 0 0 no-repeat;
}

#mmm-32{
	background: transparent url(http://d5by1332n97m6.cloudfront.net/imgs/Partners_final.jpg) 0 0 no-repeat;
}

#mmm-596{
	background: transparent url(http://d5by1332n97m6.cloudfront.net/imgs/People_final.jpg) 0 0 no-repeat;
}

#mmm-31{
	background: transparent url(http://d5by1332n97m6.cloudfront.net/imgs/Contact_final.jpg) 0 0 no-repeat;
}

.lead{
	display: none;
}

#sample-progress{
	width: 100%;
	height: 100%;
	background-color: #000;
	position: relative;
	z-index: 2000;
}

#sample-progress #stat-container{
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1000;
}

#sample-progress #stat-container h2{
	color: #333;
	font-size: 11px;
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 1em;
}

#sample-progress #stat{
	color: #fff;
	font-size: 20px;
}

#main-content h1{
	display: none;	
}

#menu-main-menu{
	width: 100%;	
	margin: 0;
	padding: 30px 0 0 0;
	display: block;
}

#menu-main-menu > li{
	float: left;
	width: 19.6%;
	margin-right: 0.5%;
	text-align: center;
	background-color: #333;
  cursor: pointer;
  cursor: hand;
  position: relative;
  overflow: hidden;
}

#menu-main-menu > li > div{
	position: absolute;
	width: 100%;
	margin: 0 auto;
	display: table;
	
}

#menu-main-menu > li > div a{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    width: 100%;
    font-weight: 600;	
    text-transform: uppercase;
    letter-spacing: 3px;
		/*text-shadow: 2px 2px 2px rgba(83, 83, 83, 1);*/
    background-image: url(images/holder.png);
    background-repeat: repeat;
    /*-webkit-transition: background-image 0.5s linear;
    -moz-transition: background-image 0.5s linear;
    -o-transition: background-image 0.5s linear;
    transition: background-image 0.5s linear;		*/
}

#menu-main-menu > li > div a:hover{
	background-image: url(images/o30.png);
}


#menu-main-menu > li:last-child {
	margin-right: 0;
} 

#vid-fade{
	background-color: #000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0.0;
  -khtml-opacity: 0.0;
  opacity: 0.0;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1000;
}

.navbar-inner h1{
	
}

#map-container{
	width: 500px;
	height: 200px;
	position: absolute;
	bottom: 8%;
	right: 40px;
	z-index: 1000;
}

#map-container #map-left{
	width: 230px;
	float: left;
	font-family: 'Raleway', sans-serif;
	font-size: 9px;
	color: #fff;
	text-align: center;
	display: table;
	padding: 10px;
}

#map-container #map-left #ml-content{
	display: table-cell;
	vertical-align: middle;
	height: 200px;
}

#map-container #map-left h2{
	font-size: 9px;
	color: #fff;	
	line-height: 1em;
	padding: 0;
	margin: 0 0 2px 0;
}

#map-container #map-left p{
	font-size: 9px;
	color: #fff;
	padding: 0;
	margin: 0 0 0px 0;
	line-height: 1.6em;
}

#map-container #map-left a{
		font-size: 9px;
	color: #fff;
}

#map-container #map-right{
	width: 250px;
	float: right;
}

#map {
	width: 250px;
	height: 200px;
	margin: 0;
	padding: 0;
}

/*#menu-main-menu{
	margin: 0:
	padding: 0;
	float: left;
}

#menu-main-menu > li{
	height: 32px;
}

#menu-main-menu > li > a{
	padding: 0 10px 0 12px;
	line-height: 32px;
	display: block;
	background: transparent url(images/top_splitter.png) center right no-repeat;
	text-shadow: none;
	font-size: 8.5px;
	font-weight: 400;
	color: #fff;
	text-transform: uppercase;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  opacity: 0.75;
}

#menu-main-menu > li > a:hover, .activehover{
	background: transparent url(images/bg_top_rollover.png) 0 0 repeat-x;
}

#menu-main-menu #menu-item-37 > a{
	text-transform: none;
}

#menu-main-menu #menu-item-31 > a{
	background: none;
}

#menu-main-menu #menu-item-31 > a:hover{
	background: transparent url(images/bg_top_rollover.png) 0 0 repeat-x;
}

#menu-main-menu > li > ul{
	
}

#menu-main-menu > li{
	position: relative;
}

#menu-main-menu > li > ul{
	background: transparent url(images/bg_menu.png) 0 0 repeat-x;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 32px;
	z-index: 99999;
	left: 0;
	display: none;
}

#menu-main-menu #menu-item-91{
	width: 100px;
	background: transparent url(images/logo.png) 20px 9px no-repeat;
	text-indent: -9999px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  -khtml-opacity: 0.85;
  opacity: 0.85;
}

#menu-main-menu #menu-item-91:hover{
	background: transparent url(images/logo.png) 20px -35px no-repeat;
}


#menu-main-menu #menu-item-91 a{
	background: none;
}

#menu-main-menu #menu-item-91 a:hover{
	background: none;
}

#menu-main-menu #menu-item-31 ul >li{
}

#menu-main-menu > li > ul > li{
	list-style-type: none;
	padding: 1px 6px 3px 6px;
	background: transparent url(images/menu_splitter.png) center bottom no-repeat;
	text-align: center;
	position: relative;
	z-index: 99999;
}

#menu-main-menu > li > ul > li > a{
	font-family: 'Raleway', sans-serif;
	color: #d1d1d1;
	font-size: 9px;
	text-transform: uppercase;
	text-shadow: none;
}

#menu-main-menu > li > ul > li > a:hover{
	color: #f5f5f5;
	text-decoration: none;
}*/

.addthis_toolbox{
	float: right;
	padding: 8px 20px 0 0;
	position: relative;
}

.shaded-box{
	background: transparent url(images/bg_shaded.png) repeat;	
	position: relative;
	margin-top: 5px;
}

.shaded-box .sb-arrow{
	width: 10px;
	height: 5px;
	background: transparent url(images/triangle.png) repeat;	
	position: absolute;
	left: 104px;
	top: -4px;
}

#sb-share{
	position: absolute;
	top: 31px;
	left: -89px;
	width: 133px;
	display: none;
	z-index: 9999;
}

#sb-share #share-buttons > ul{
	margin: 0;
	padding: 0;
}

#sb-share #share-buttons > ul > li{
	float: left;
	list-style-type: none;
}

#sb-share #share-buttons #fb-like{
	margin-top: 5px;
	margin-left: 0px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
}

#sb-share #share-buttons > ul > li a{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
  display: block;
}

#sb-share #sb-facebook{
	width: 31px;
	height: 27px;
	background: transparent url(images/button_share_sm.png) -33px 0 repeat;	
}

#sb-share #sb-twitter{
	width: 33px;
	height: 27px;
	background: transparent url(images/button_share_sm.png) 0px 0 repeat;	
}

#sb-share #sb-twitter:hover{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  background-position: 0 -27px;
}


#sb-contact > li span{
	font-size: 9px;
	color: #d1d1d1;
}

#sb-contact > li a{
	text-transform: none !important;
}
/*
#sb-contact a{
	color: #ccc;
}

#sb-contact{
	padding: 16px;
	position: absolute;
	top: 32px;
	width : 200px;
	display: none;
}

#sb-contact h4{
	font-size: 12px;
	margin: 0 0 2px 0;
	padding: 0;
	font-weight: normal;
}

#sb-contact #close{
	font-size: 8px;
	font-weight: bold;
	position: absolute;
	top: 16px;
	right: 16px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  opacity: 0.4;
}
*/


.page-template-work-detail #wt-left .inner-container{
	padding-top: 0px;
	
}

.page-template-page-work-php{
	background-color: #000;
	overflow: hidden;
}

.page-template-page-work #logo{
	zoom: 75%;
}

.page-template-page-work #wt-right{
	padding-top: 0px;
}

.page-template-page-work-php .bg-active{
	background-color: #000;
	background-image: none;
}

.page-template-page-work-php .backstretch{
	top: 40px !important;
}

.page-template-page-work-php #supersized, .page-template-page-work-details-php #supersized, .page-template-page-login-php  #supersized
, .page-template-page-work-php #supersized-loader, .page-template-page-work-details-php #supersized-loader, .page-template-page-login-php  #supersized-loader{
	display: none;
}


.login-container{
	
}

.login-container ul{
	padding: 0;
	margin: 0;
}


.login-container ul > li{
	list-style-type: none;
}

#header-client-login{
	background: transparent url(images/logo_mobile_teal.png) 0px 6px no-repeat;	
	margin: 0 0 7px 0;
	padding: 0;
	padding-left: 75px;
	font-size: 16px;
	font-weight: 300;
	color: #fff;
}

#main-login-container{
	color: #fff;
	width: 320px;
	margin: 80px auto 0 auto;
}

#main-login-container .error_wid_login{
	margin-bottom: 10px;
}

#main-login-container input[type="text"], #main-login-container input[type="password"]{
	width: 300px;
	margin-top: 4px;
}

#main-login-container input[type="submit"]{
	background-color: #00b7c2;
	padding: 5px 30px;
	color: #fff;
	font-weight: bold;
	border: 0;
}


.page-template-page-work-php .container-main{
	height: 100%;
}

#work-container{
	margin-top: 40px;
	height: 100%;
}

#wt-left{
	width: 23%;
	float: left;
	height: 400px;
	/*overflow: hidden;*/
}

#wt-left .inner-container{
	padding: 80px 28% 0 6%;
	color: #fff;	
	
}

.page-template-page-work-details-php #wt-left .inner-container{
	padding: 0px 28% 0 6%;
	color: #fff;	
}

#wt-left .inner-container h1{
	font-size: 32px;
	font-family: 'Raleway', sans-serif;
	font-weight: 200;
	margin: 0 0 26px 0;
	padding: 0;
}

#wt-left .inner-container p{
	font-size: 9px;
	font-family: 'Raleway', sans-serif;
	line-height: 1.6em;
}

#wt-right{
	width: 77%;
	float: right;
}

#wt-right .inner-container{
	padding: 0px 0 0 0;
}

.page-template-page-work-details-php  #wt-right .inner-container{
	text-align: center;
}

.page-template-page-work-details-php #wt-right .inner-container img{
	max-width: 95%;
}

#wt-right .inner-container iframe{
	display: inline-block;
	width: 854px;
	height: 480px;
}

.owl-carousel .owl-wrapper{
	overflow: hidden;
}

.owl-item img{
	width: auto;
	max-width: none;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
}

.owl-item img:hover{
}

.owl-item{
	border-right: 5px solid transparent;
	overflow: hidden;
}


.owl-theme .owl-controls .owl-buttons div {
	background-color: #00b7c2;
}

.owl-theme .owl-controls {
	margin-top: 0px;
	text-align: center;
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 100;
	width: 100%;
}

.owl-theme .owl-buttons{
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 100;
}


#caption{
	font-family: 'Raleway', sans-serif;
	/*font-style: italic;*/
	color: #fff;
	font-size: 13px;
	text-transform: none;
	/*text-shadow: 1px 2px 1px #000;*/
	position: absolute;
	left: 20px;
	bottom: 30px;
	z-index: 9999;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  opacity: 0.75;
}

#contact-container{
	width: 308px;
	padding: 28px;
	background-color: #231f20;
	margin: 0 auto;
	position: relative;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.80;
  -khtml-opacity: 0.80;
  opacity: 0.80;
	text-align: left;
	z-index: 9999;
	display: none;
}

#contact-container #cc-close{
	position: absolute;
	top: 8px;
	right: 8px;
	width: 7px;
	height: 6px;
	background: transparent url(images/button_close.png) 0 0 no-repeat;	
	text-indent: -9999px;
}

#contact-container #cc-content-header{
	width: 201px;
	height: 15px;
	background: transparent url(images/header_collborate.png) 0px 0 no-repeat;	
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}

#contact-container p{
	margin: 18px 0 6px 0;
	padding: 0;
	color: #fff;
	font-size: 12px;
	letter-spacing: 0px;
}

#contact-container .field input{
	width: 302px;
	margin: 10px 0 0 0;
}

#contact-container .field label.error{
	color: red;
	font-weight: bold;
	font-size: 9px;
}

#contact-container form{
	margin: 0;
}

#contact-container .field textarea{
	width: 302px;
	margin: 10px 0 0 0;
	height: 70px;
}

#contact-container .field .forminput{
	font-family: 'Raleway', sans-serif;
	font-size: 10px;
	color: #000 !important;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	background-color: #dddfe1;
	padding: 3px;
	line-height: 10px;
}

#contact-container .form-button{
	background-color: #6d6e70;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
	font-size: 8.5px;
	border: 0;
	margin-top: 10px;
	font-weight: 600;
	letter-spacing: 1.2px;
	padding: 0 8px;
	height: 28px;
}

#contact-container .placeholder{
  color: #333 !important;
}

#outer-wrap{
	display:table;
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	border-spacing:0;
	border-collapse:collapse;
	z-index: 90;
}

#inner-wrap{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	padding:0;
}

::-webkit-input-placeholder {
  color: #333 !important;
}

:-moz-placeholder { /* Firefox 18- */
	color: #333 !important;
}

::-moz-placeholder {  /* Firefox 19+ */
	color: #333 !important;
}

:-ms-input-placeholder {  
	color: #333 !important;
}

#menu-mobile{
	height: 50px;	
	background: #000 url(images/bg_mobile_top.png) 0px 0 repeat-x;		
	margin: 0;
	padding: 0;
}

#menu-mobile .btn-navbar{
	margin: 10px 20px 10px 0;
}

#menu-mobile .brand{
	margin: 14px 0px 0px 14px;
	padding: 0;
	width: 62px;
	height: 19px;
	background: transparent url(images/logo_mobile_teal.png) 0px 0 no-repeat;			
	text-indent: -9999px;
}

#menu-mobile .nav{
	background-color: #000;
}

#menu-mobile .nav li a{
	font-family: 'Raleway', sans-serif !important;
	font-size: 14px;
	font-weight: normal;
}

#menu-mobile .nav li a:active, #menu-mobile .nav a:hover, #menu-mobile .nav a:focus{
	background-color: #333 !important;
}

html, body{
	height: 100%;
}

#mobile-header{
	height: 50px;
	background: transparent url(images/bg_logo_mobile.png) 0px 0 repeat-x;		
}



#mobile-header > h1 >a{
	display: block;
	margin: 0 auto;
	width: 72px;
	height: 25px;
	text-indent: -9999px;
	background: transparent url(images/logo_mobile.png) 0px 0 no-repeat;		
}

#mobile-bg{
	background: transparent url(/wp-content/uploads/2013/04/Home_Mobile_Mongolia_Crop.jpg) 0px 0 no-repeat;		
	height: 100%;
	width: 100%;
}

@media screen and (max-width: 320px) {
	body{
		padding: 0;
	}
	video{
		width: 1px;
		height: 1px;
	}	
	#mobile-bg{
        background-position: 50% -20%;
	}
    
}
/* Landscape */
@media screen and (min-width: 321px) and (max-width: 580px) {
	video{
		width: 1px;
		height: 1px;
	}
	body{
		padding: 0 !important;
	}
	
	#mobile-bg{
        background-position: 50% 10%;
	}
}


#mobile-footer{
	height: 120px;
	background: transparent url(images/bg_button.png) 0px 0 repeat;		
}

#mobile-footer .menu-item-91{
	display: none;
}

#mobile-footer > ul{
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}

#mobile-footer > ul > li{
	display: block;
	width: 100%;
	height: 40px;
}

#mobile-footer > ul > li > a{
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-family: 'Raleway', sans-serif;
	color: #d1d1d1;
	font-size: 14px;
	font-weight: 300;
	text-transform: uppercase;
	/*text-shadow: 1px 2px 1px #000;*/
	text-shadow: none;
	padding: 0;
	margin: 0;
	text-align: center;
}

#mobile-footer > ul .active a{
	background-color: transparent;
	-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;
}



blockquote.pull-left{
	padding-right: 15px;
}

@media only screen and (min-width: 768px) {
	.carousel-caption p{
		display: block;
	}
}

@media only screen and (min-width: 979px) {
	body{
		padding-top: 60px;
	}
	
	.container-fluid{
		max-width: 970px;
		margin: 0 auto;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	#inner-footer{
		padding: 0;
	}
	
	#content{
		padding-left: 0;
		padding-right: 0;
	}
	
	.topbar-inner{
		padding: 0;
	}
	
	.topbar form.pull-right {
		float: right;
	}
	
	.navbar-form, .navbar-search {
		margin-top: 6px;
		margin-bottom: 0;
	}
	
	.navbar-search{
		padding-left: 0;
	}
	
	.sidebar{
		margin-top: 0 !important;
	}
	
	.widget_search input{
		width: 230px;
	}
	
	.blog .hero-unit{
		margin-top: 10px;
	}
	
	.page-template-page-homepage-php .hero-unit,
	.blog .hero-unit{
		padding: 60px;
	}
	
	.hero-unit h1 {
		font-size: 60px;
	}
	
	/* hide edit comment button and show on hover on desktop version */
	.edit-comment{
		display: none;
	}
	
	.vcard:hover .edit-comment{
		display: inline-block;
	}
	
	#s{
		width: 210px;
		margin-bottom: 6px;
	}
	
	.widget_search input{
		width: 209px;
	}
	
	.comment .vcard .comment-text{
		padding-left: 0;
		padding-right: 0;
	}
}

/* Landscape phones and down */
@media (max-width: 480px) {
	#supersized{
		display: block;
	}
	
	#caption, #general-video-wrap{
		display: none !important;
	}
	
	video {
		width: 1px !important;
		height: 1px !important;
		position: absolute;
		z-index: 0;	
	}
	
}

@media (min-width: 481px) {

}