@charset "utf-8";
/* CSS Document */
body{
	/*overflow: hidden;*/
}
/* =Clearfix
--------------------------------------------------------------------------------------------------------*/
.clear { clear: both; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }/* ----- clear fix for floats ----- */
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }/* hides clearfix from IE-mac */
.clearfix { display:block; }/* end hide from IE-mac */
.alignleft { float:left; }
.alignright { float:right; }
.aligncenter { margin:auto; display:block; }
.alignnone { clear:both; font-size:0; line-height:0; margin:0; padding:0; border:0; height:0; width:0; }
.centered { text-align:center; }
/* End Clearfix
--------------------------------------------------------------------------------------------------------*/


/* =Preloader
--------------------------------------------------------------------------------------------------------*/
#preloader { position:absolute; top:0; left:0; right:0; bottom:0; background-color:#000; z-index:999; }
#status { width:200px; height:200px; position:absolute; left:50%; top:50%; background-image:url(../images/ajax-loader.gif); background-repeat:no-repeat; background-position:center; margin:-100px 0 0 -100px; }
/* End Preloader
--------------------------------------------------------------------------------------------------------*/


/* =Typography
--------------------------------------------------------------------------------------------------------*/
html {overflow: -moz-scrollbars-vertical; overflow-y: scroll; }
body { font: 14px Georgia, "Times New Roman", Times, serif; color:#555; background:#666666; }
strong { font-weight:bold; }
a, a > * {-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
p { font-family : Arial, sans-serif; line-height:16px; font-style:italic; padding:14px 29px 0 29px; }
p.small {font-size:12px;}
p.blockquote { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:bold; padding:24px 60px 10px 60px; clear:both }
.blockquote span {font: 11px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#8d8d8d; padding-top:5px; text-transform:uppercase; display:block; letter-spacing:1px; }
a { color:#8d8d8d; text-decoration:none; }
a:hover,a.active { text-decoration:none; color:#555; }
span.arrow {font:13px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; }
/* End Typography
--------------------------------------------------------------------------------------------------------*/


/* =Headings
--------------------------------------------------------------------------------------------------------*/
h1#logo { position:relative; float:left; margin-top:21px; margin-left:10px; margin-bottom:40px; width:234px; height:39px; z-index:1 }
h1#logo a { display:block; width:234px; height:57px; }
h2, h3, h4 { line-height:1.5; font-family:Arial, 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif; font-weight : normal;}
h2 { font-size:18px; color:#2b2b2b; margin: 0px 29px 5px 29px; padding-bottom:19px; padding-top:32px; text-transform:uppercase; letter-spacing:0px; border-bottom:1px solid #555; display:block }
h4 {font-size:15px; padding:14px 40px 0 40px; margin-bottom:-6px; }
/* End Headings
--------------------------------------------------------------------------------------------------------*/


/* =Main Content
--------------------------------------------------------------------------------------------------------*/
#wrapper { margin-top:0px; width:100%; background:#0b0b0b; position:relative; z-index:29; margin:0 auto; margin-bottom:20px; }
.container { padding:0px; width:960px; position:relative; margin:0 auto;}
.col1-1 { width:940px; margin:10px; height:402px; float:left; }
.col1-3 { width:300px; height:402px; margin:10px; float:left; overflow: hidden;}
.col2-2 { width:460px; height:299px; margin:10px; float:left; }
.element .col1-3 {width:300px; height:405px; margin:0; float:left;}
.flexslider-holder .white-right{display: none;}
.element .col1-3.connect {width:320px; height:402px; margin:0; float:left; }
.col2-3 { width:620px; height:402px; margin:10px; float:left; }
.element .col2-3 {width:640px; height:402px; margin:0; }
.element .col2-3 img {width: 100%;}
.col2-3.post, .col2-3.auto, .col1-3.auto, .col1-1.auto {height:auto; }
.white-right:before {content:''; height:0; width:0; border-width:12px 12px 12px 12px; border-style:solid; border-color:rgba(251,251,251,0) rgba(219,219,219,1) rgba(219,219,219,0) rgba(219,219,219,0); position:absolute; margin-top:40px; left:616px; }
.white-right2:before {content:''; height:0; width:0; border-width:12px 12px 12px 12px; border-style:solid; border-color:rgba(251,251,251,0) rgba(219,219,219,1) rgba(219,219,219,0) rgba(219,219,219,0); position:absolute; margin-top:40px; left:296px; }
.white-bottom:before {content:''; height:0; width:0; border-width:12px 12px 12px 12px; border-style:solid; border-color:rgba(251,251,251,0) rgba(219,219,219,0) rgba(219,219,219,1) rgba(219,219,219,0); position:absolute; top:-24px; margin-left:40px; }
a:visited .white-bottom:before { border-color: transparent transparent #dbdbdb transparent !important; }
a:visited .white-right:before, a:visited .white-right2:before { border-color:transparent #dbdbdb transparent transparent !important; }
.white-right, .white-right2 {background:#dbdbdb; }
.white-bottom {background:#dbdbdb; position:relative; height:354px; }
.post .white-bottom {height:auto; padding-bottom:40px; }
.bottom {position:absolute; bottom:0px; padding-bottom:36px; }
.break { height:20px; position:relative; }
.images { display:block; position:relative;}
.overflow {overflow:hidden; }
/* =End Main Content
--------------------------------------------------------------------------------------------------------*/


/* =Googlemaps
--------------------------------------------------------------------------------------------------------*/
#map {width:620px; height:620px; margin:0; border:0}
#map:before, #map:after {background: none; content: ''; left: 0;	position: absolute;	top: 0;	width: 100%; }
#map:after {bottom: 0; top: auto; }
/* End Googlemaps
--------------------------------------------------------------------------------------------------------*/


/* =Image Hover
--------------------------------------------------------------------------------------------------------*/
.images img {width:100%; display: block; max-width: 100% ; z-index:9 }

.icons { position:absolute; right:40px; top:40px; height:58px; width:58px; margin-left:0px; z-index:100; cursor: pointer;}
.email {background:url(../images/bg-email.png) no-repeat; background-size:24px 24px; }
.xing {background:url(../images/bg-xing.png) no-repeat; background-size:24px 24px; }
.google {background:url(../images/bg-googleplus.png) no-repeat; background-size:24px 24px; }
.tweat {background:url(../images/bg-tweat.png) no-repeat; background-size:24px 24px; } 
.twitter {background:url(../images/bg-twitter.png) center no-repeat rgba(219, 219, 219, 0.8); background-size:32px 32px; } 
.facebook {background:url(../images/bg-facebook.png) no-repeat; background-size:24px 24px; }
.pinterest {background:url(../images/bg-pinterest.png) no-repeat; background-size:24px 24px; }
.instagram {background:url(../images/bg-instagram.png) no-repeat; background-size:24px 24px; }
.vimeo {background:url(../images/bg-vimeo.png) no-repeat; background-size:24px 24px; }
.skype {background:url(../images/bg-skype.png) no-repeat; background-size:24px 24px; }
.dribble {background:url(../images/bg-dribble.png) no-repeat; background-size:24px 24px; }
.link {background:url(../images/bg-link.png) center no-repeat rgba(219, 219, 219, 0.8); background-size:24px 24px; }
.video {background:url(../images/bg-video.png) center no-repeat rgba(219, 219, 219, 0.8); background-size:24px 24px; }
.bubble {background:url(../images/bg-bubble.png) center no-repeat rgba(219, 219, 219, 0.8); background-size:24px 24px; }
.quote {background:url(../images/bg-heart.png) center no-repeat rgba(219, 219, 219, 0.8); background-size:24px 24px; }
.slideshow {background:url(../images/bg-slideshow.png) center no-repeat rgba(219, 219, 219, 0.8); background-size:28px 15px; }
.aside {background:url(../images/bg-aside.png) center no-repeat rgba(219, 219, 219, 0.8); background-size:23px 23px; }
.close {background:url(../images/bg-close.png) center no-repeat rgba(219, 219, 219, 0.8); background-size:18px 18px; }
.award {background:url(../images/bg-award.png) center no-repeat rgba(219, 219, 219, 0.8); background-size:22px 24px; }

.images .title, .images .subtitle { z-index:10; position:absolute; top:36px; left:40px; width:auto; font-weight:600; cursor:pointer }
.images .subtitle { top: 63px; left:73px; font-weight: 400; }
.title-wrap, .subtitle-wrap { overflow: hidden; position: relative; }
.title-wrap h3, .subtitle-wrap p { overflow: hidden; white-space: nowrap;/* line-height:32px;*/ text-transform:uppercase; font-family:'Open Sans', Arial, Helvetica, sans-serif; color:#2b2b2b; padding:0px; }
.title-wrap h3 span, .subtitle-wrap p span { padding:4px 8px 5px 8px; background:#fff; -webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.05); -moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.05) ; box-shadow:0 1px 0 rgba(0, 0, 0, 0.05); font-style:normal; display:inline-block; top:4px; position:relative }
.subtitle-wrap p span {font-size:12px; padding:5px 8px 5px 8px; top:0 }
.title-wrap h3 span.zoom {text-indent:-9999px; display:inline-block; background:url(../images/bg-zoom.png) center no-repeat #fff; background-size:13px 13px; width:30px; height:30px; padding:0; top:0px; position:relative}
.title-wrap h3 span.play {background:url(../images/bg-play.png) center no-repeat #fff; background-size:12px 12px;}
/*.videos {width:100%; height:402px; display:block; z-index:9 }*/
/* End Image Hover
--------------------------------------------------------------------------------------------------------*/


/* =Blog
--------------------------------------------------------------------------------------------------------*/

/* End Blog
--------------------------------------------------------------------------------------------------------*/


/* =Lists
--------------------------------------------------------------------------------------------------------*/
ul.list { position:relative; font-style:italic; padding:14px 40px 0 40px; }
ul.list li { font-family : Arial, sans-serif; line-height:16px; width:auto; padding-left:20px; background:url(../images/bg-bullet.png) no-repeat 5px 8px; background-size:6px 6px; }
ul.check li { background:url(../images/bg-check.png) no-repeat 1px 13px; background-size:13px 11px; }
/* =End Lists
--------------------------------------------------------------------------------------------------------*/


/* =Footer
--------------------------------------------------------------------------------------------------------*/
footer { height:130px; padding:0px 0 0 0px; margin-top:20px; background:#0b0b0b; padding-bottom:21px; position:relative  }
/* End Footer
--------------------------------------------------------------------------------------------------------*/


/* =Social
--------------------------------------------------------------------------------------------------------*/
ul.social { padding-top:37px; margin-bottom:6px; letter-spacing:0; }
.social li { display:inline-block; margin:0px 6px;}
.social li a { display:block; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
ul.social a {text-indent:-9000px; text-decoration:none; height:24px; width:24px;}
/* End Social
--------------------------------------------------------------------------------------------------------*/


/* =Isotope
--------------------------------------------------------------------------------------------------------*/
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
/**** Isotope CSS3 transitions ****/
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property:    -moz-transform, opacity; -ms-transition-property:     -ms-transform, opacity; -o-transition-property:         top, left, opacity; transition-property:         transform, opacity; }
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }
/* End: Recommended Isotope styles */

/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }


#options { width:auto; height:100px; z-index:300; text-align:right;}
#options ul#filters { margin: 0; list-style: none; display:inline-block; padding-top:36px; float:right; margin-right:12px; }
#options ul#filters>li { float: left;  }
#options ul#filters>li a { color: #555;
font-family: "Open Sans", Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: normal;
text-decoration: none;
text-transform: normal;
display: inline-block;
padding: 5px 15px;
margin: 0px; 
cursor: pointer;}
#options ul#filters>li a:hover, #options ul#filters>li a.selected { color:#fff;}
#filters .fb a{
	display: block;
    width: 0px;
    height: 23px;
    background: url(../img/global/menu-fb-bg.png) top left no-repeat;
    padding: 0;
    margin: 5px 0 0 17px;
    border: 0;
    background-position: 0px 0px;
    padding: 0px 12px !important;
    margin-top: 5px !important;
}
	#filters .fb:hover a{
		background-position: 0 -23px;
	}
.social-sharing{
	display: block;
	width: 50px;
	height: 51px;
	background: url(../img/global/sharing-icon.jpg) center center no-repeat;
	position: absolute;
	right: 40px;
	top: 130px;
	z-index: 50;
	cursor: pointer;
}
	.social-sharing ul {
		position: relative;
		top: 51px;
		background: #171717 url(../img/global/sharing-icon-border.jpg) top center no-repeat;
		padding: 5px 0;
		display: none;
	}
		.social-sharing li{
			width: 100%;
			height: 41px;
		}
		.social-sharing li.google{
			background: #171717 url(../img/global/google-bg.png) center 7px no-repeat;
		}
		.social-sharing li.twitter{
			background: #171717 url(../img/global/twitter-bg.png) center 7px no-repeat;		
		}
		.social-sharing li.facebook{
			background: #171717 url(../img/global/facebook-bg.png) center 7px no-repeat;
		}
		.social-sharing li:hover{
			background-position: center -53px;
		}
		.social-sharing li.twitter:hover{
			background-position: center -54px;
		}
			.social-sharing li a{
				display: block;
				width: 100%;
				height: 100%;
				text-indent: -99999px;
			}
/* End Isotope
--------------------------------------------------------------------------------------------------------*/


/* =Backtotop
--------------------------------------------------------------------------------------------------------*/
#backtotop { height:auto; position:fixed; right:30px; bottom:30px; display:none; z-index:30; }
#backtotop ul { padding:15px 0px; }
#backtotop ul li a { background:url(../images/bg-up.png) center 48% no-repeat #fff; background-size:22px 15px; display:block; width:50px; height:50px; float:right; right:10px; text-indent:-9000px; -webkit-box-shadow:0 0 30px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 0 30px rgba(0, 0, 0, 0.1); box-shadow:0 0 30px rgba(0, 0, 0, 0.1);}
#backtotop ul li a:hover { -webkit-box-shadow:0 0 30px rgba(0, 0, 0, 0); -moz-box-shadow:0 0 30px rgba(0, 0, 0, 0); box-shadow:0 0 30px rgba(0, 0, 0, 0); }
/* End Backtotop
--------------------------------------------------------------------------------------------------------*/


/* =Update 1.0.1
--------------------------------------------------------------------------------------------------------*/
a:visited .white-bottom:before, a:visited .white-right:before, a:visited .white-right2:before { border-color: #fff !important; }
/* End Update
--------------------------------------------------------------------------------------------------------*/


/* CUSTOM */
footer{padding-top: 21px;height: auto;}
footer .container {
	padding-top: 42px;
	padding-bottom: 89px;
}
.partners li{ display : inline-block; zoom : 1; *display : inline; vertical-align : middle;}
.partners li.separate{ width : 2px; height : 40px; background : #666; margin : 0 30px;}

/********** VIDEO ****************/
.videos .title-wrap,
.videos .subtitle-wrap{width:auto !important;}
.gray.col1-3 {
	background: #dbdbdb; 
	padding-top: 35px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.home .images {	max-height: 177px;}
.videos-ul{background: none;}
.contact-link{
	padding-left: 29px;
	padding-top: 14px;
	padding-bottom: 14px;
	float: left;
	width: 100%;
	font-family: arial;
}

.list.videos-ul{padding: 14px 29px 0 9px;}
.list.videos-ul li{background: none;padding-top: 9px;}


.la-phantom.col1-3.small{
	
}

.white-right2{height: 402px !important;}
.news.hide-element{
	-webkit-transform:translate3d(320px, 0px, 0px) scale3d(0.001, 0.001, 1) ;
	-moz-transform:translate3d(320px, 0px, 0px) scale3d(0.001, 0.001, 1) ;
	transform:translate3d(320px, 0px, 0px) scale3d(0.001, 0.001, 1) ;
}
.bx-viewport{
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	left: 0;
	background: none;
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0);
}
.flexslider-holder{
	overflow: hidden;
}
.fancybox-title.video-pop-up{
	right: inherit;
	left: 0;
	width: 100%;
	margin-bottom: -44px;
	font-family: Arial;
}
	.fancybox-title.video-pop-up .child{
		float: left;
		padding-left: 0;
		font-style: italic;
		font-size: 15px;
	}
	.fancybox-title.video-pop-up ul{
		float: right;
	}
	.fancybox-title.video-pop-up ul li{
		float: left;
		color: #fff;
		margin-left: 12px;
		line-height: 26px;
		font-size: 15px;
	}
	.fancybox-title.video-pop-up ul li.rs a{
		text-indent: -99999px;
		display: block;
		width: 30px;
		height: 30px;
	}
		.fancybox-title.video-pop-up ul li.rs.facebook {
			background: url(../img/global/pop-up-facebook-icon.png) top left no-repeat;
		}
		.fancybox-title.video-pop-up ul li.rs.twitter {
			background: url(../img/global/pop-up-twitter-icon.png) top left no-repeat;
		}
		.fancybox-title.video-pop-up ul li.rs.google {
			background: url(../img/global/pop-up-google-icon.png) top left no-repeat;
		}
ul li.phantomsCam:hover ul.sub-menu{
	display: block;
}
ul li ul.sub-menu{
	display: none;
	position: absolute;
	float: none;
	margin-right: 0;
	margin-left: 0;
	background-color: #0b0b0b;
	padding: 10px;
	padding-top: 30px;
}
ul li ul.sub-menu li{
	text-align: center;
    float: none;
    padding: 8px 0;
    color: #555;
    display: block;
    width: 100%;
}
ul li ul.sub-menu li:hover a{
	color: #fff;
}
@media only screen and (max-width: 1133px){
	
	.social-sharing{
		display: none;
	}

}

@media only screen and (max-width: 1167px) {
	
	.title-wrap h3 span.zoom.play{
		display: none;
	}
	.subtitle-wrap{
		left: 0px;
	}
	.images .title, 
	.images .subtitle {
		left: 10px;
	}
	.images .subtitle {
		top: initial;
		left: 10px;
		bottom: 11px;
	}
	.images .title{
  		top: initial;
		bottom: 37px;
	}

}
@media only screen and (max-width: 959px) {
	#filters .fb a {
		margin: 20px 30px;
		float: right;
	}
	#wrapper {
		padding-bottom: 10px;
	}
	#filters .fb:hover a {
  		background: url(../img/global/menu-fb-bg.png) bottom left no-repeat;
	}
	footer .container{
		width: 320px;
	}
	footer .partners li.separate{
		display: none;
	}
	footer .partners li {
		width: 234px;
		margin-bottom: 30px;
		margin: 15px 0;
	}
	footer .partners li img{
		width: 100%;
		height: auto;
	}
}

@media only screen and (max-width: 767px){

	.fancybox-skin.video-pop-up{
		padding-bottom: 39px !important;
	}

	.fancybox-title.video-pop-up{
		text-align: center;
  		position: relative;
  		top: 20px;
  		margin-bottom: -52px;
	}
		.fancybox-title.video-pop-up .child{
			float: none;
			text-align: center;
			margin: auto;
			white-space: initial;
		}
		.fancybox-title.video-pop-up ul {
			float: none;
			clear: both;
			width: 198px;
			margin: auto;
		}

}