/*Chromavision v.09 MAC*/


/*RESET*/

    /* html5doctor.com Reset v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) - http://cssreset.com */
    html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
    body{line-height:1}
    article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
    nav ul{list-style:none}
    blockquote,q{quotes:none}
    blockquote:before,blockquote:after,q:before,q:after{content:none}
    a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
    ins{background-color:#ff9;color:#000;text-decoration:none}
    mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
    del{text-decoration:line-through}
    abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
    table{border-collapse:collapse;border-spacing:0}
    hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
    input,select{vertical-align:middle}


/*Preloader*/
body {

	
}
#preloader {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:white;
	z-index: 222;
}




/*Basic/Structure*/
html {
	height:100%;
}
body {
	height:100% !important;
	margin:0 !important;
	font-family:Tahoma,Verdana,Segoe,sans-serif;
	padding:0 !important;
	background-color:#222;
}
.wrapper {
	width:100%;
	clear:both;
	overflow:hidden;
	/*position:relative;*/
}
.wrapper-nav {
	width:100%;
}

div.section {
	/*position:relative;*/
	margin-top:6%;
	margin-left:18%;
	width:50%;
	padding:2em;
	height: inherit;
}

.black .section {
	margin-top:0;
}

img {
	max-width:100%;
	height: auto;
}
/*TYPE*/
body {
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
	word-wrap:break-word;
	color:#fff;
	font-size:100%;
	line-height:1.25;
	 -ms-word-break:keep-all;
	word-break:keep-all;
	// Non standard for webkit word-break:keep-all;
	-webkit-hyphens:none;
	-moz-hyphens:none;
	hyphens:none;
}
h1,h2,h3,h4,h5,h6 {
	text-rendering:optimizeLegibility;
	line-height:1;
	margin:1.25rem 0;

}
h1 {
	font-size:4.23077em;
}
h2 {
	font-size:2.61538em;
	letter-spacing:2px;
}
h3 {
	font-size:1.61538em;
}
h5,.navigation a {
	font-weight:normal;
	font-size:.75em;
}
p {
	margin-bottom:1.25em;
}
a {
	color: #88ffeb;
}
form#contact label {color:#fff !important;} 

/*Help*/
.cf:before,.cf:after {
	content:" ";
	/* 1 */
	display:table;
	/* 2 */
}
.cf:after {
	clear: both;
}
/** * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */
.cf {
	*zoom:1;
}
.right {
	width:50%;
	left:50%;
	position:relative;
}
.red {
	color: red;
}
.white {
	background-color:#fff;
}
div.black p,div.black h1,div.black h2 {
	color:#fff;
}
.grey {
	background:url(img/grey.png) repeat;
}  
.blue {
	background:url(img/blue.png) repeat;
}
.yellow {
	background:url(img/yellow.png) repeat;
	color:#222;
}
.imgbackground {
	background:url(img/ChomavisionHome1.jpg) repeat;
}
.black {
	background-color:#222;
}

.superscript { position: relative; top: -0.5em; font-size: 80%; }

.spacer{}

.wrapper.blue, .wrapper.yellow {min-height: 100% !important;}

/*HEADER*/

.obscure{visibility:hidden;}

img#logo {
	width:15%;
}

.navigation {
	background-color:#111;
	width:100%;
	position:fixed;
	z-index:100;
}
div.menu-section {
	width:95%;
	float:right;
	text-align:right;
	padding: 0 2%;
}
#logo {
	position:fixed;
	top:0px;
	left:5;
	z-index:999;
	width:15%;
}

.alert {
background: #fff6bf url(img/exclamation_mark.gif) center no-repeat;
background-position: 15px 50%;
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #ffd324;
border-bottom: 2px solid #ffd324;
width:400px;
margin:0 auto;
position: relative;
top:50%;
z-index: 999999999999999;
color:#222;
}

/*nav*/


 a.menu-link {
  	    float: right;
		    display: block;
		    padding: 1em;
		    text-decoration: none; 
		}
		.menu, .menu > ul ul {
			clear: both;
			-webkit-transition: all 0.3s ease-out;  
			-moz-transition: all 0.3s ease-out;
			-ms-transition: all 0.3s ease-out;
			-o-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;
		}
		.js .menu, .js .menu > ul ul {
			overflow: hidden;
			max-height: 0;
			background: rgba(0,0,0,0.1);
		}
		.menu.active, .js .menu > ul ul.active {
			max-height: 55em;
		}
		.menu > ul {
			border-top: 1px solid #808080;
		}
		.menu li a {
			color:#4ca1a2;
			text-transform: lowercase;
			display: block;
			padding: 0.8em;
			border-bottom: 1px solid #808080;
			position: relative;
			text-decoration: none;
		}
		.menu li.has-subnav > a:after {
			content: '+';
			position: absolute;
			top: 0;
			right: 0;
			display: block;
			font-size: 1.5em;
			padding: 0.25em 0.5em;
		}
		.menu li.has-subnav > a.active:after {
			content: "-";
		}

		@media screen and (min-width: 780px) {
			.pattern {
				overflow: visible;
				position:absolute;
				top:0;
				right:0;
				width:100%;
				background-color: #222;
				z-index: 999;
			}
			a.menu-link {
			   display: none;
			}
			.js .menu, .js .menu > ul ul {
				max-height: none;
				overflow: visible;
				background: none;
			}
			.js .menu > ul ul {
				background: #fff;
				display: none;
			}
			.js .menu > ul li:hover > ul {
				display: block;
			}
			.menu ul {
				margin: 0 0 0 -0.25em;
				border: 0;
				text-align: right;
			}
			.menu li a {
				border: 0;
				color:#4ca1a2;
				text-transform:lowercase;
			}
			.menu li.has-subnav > a {
				padding-right: 2em;
			}
			.menu li.has-subnav > a:after {
				content: ">";
				font-size: 1em;
				padding: 0.8em 0.5em;
			}
			.menu .level-1 > li.has-subnav > a:after {
				content: "▼";
			}
			.menu > ul li {
				margin: 0 0.25em;
			}
			.menu > ul > li {
				display: inline-block;
				position: relative;
			}
			.menu > ul ul {
				position: absolute;
				top: 0;
				left: 12em;
				width: 12em;
			}
			.menu > ul ul li {
				position: relative;
			}
			.menu > ul ul.level-2 {
				top: 2.8em;
				left: 0;
				text-align: left;
			}
		}



/* CSS Animations */
@-webkit-keyframes fadeout {
  0%   { background: #fff; }
  10%   { background: #eee; }
  100% { background: #fff; }
}
@-moz-keyframes fadeout {
  0%   { background: #fff; }
  10%   { background: #eee; }
  100% { background: #fff; }
}
@-o-keyframes fadeout {
  0%   { background: #fff; }
  10%   { background: #eee; }
  100% { background: #fff; }
}
@keyframes fadeout {
  0%   { background: #fff; }
  10%   { background: #eee; }
  100% { background: #fff; }
}


/*HOME*/
.home {
	background-color:#2b5dc5;
	position:relative;
	height:100%;
}
.home img#home-logo {
	position:absolute;
	top:0;
	left:0;
	height:101%;
	z-index:0;
	max-width:300%;
	min-height:100%;
}
.home img#hometext {
	z-index:99;
	position:relative;
	margin-top:4%;
}
div.blog-wrap {
	width:100%;
	margin-left:0%;
	margin-top:4em;
}

#home.section {
	width:80%;
	max-width:80%;
	margin-left:5%;
	margin-top:1%;
}

#homeslider {
	width:30%;
	float:right;
	margin-top:2em;
	background:transparent;
}
#homeslider .rsBullets {
	position:relative;
}
#homeslider h4 {
	padding-top:1em;
	color:#88ffeb;
}
#homeslider p {
	color:#88ffeb;
	font-size:1rem;
	line-height:130%;
}
#homeslider .rsSlide,#homeslider .rsContainer,#homeslider .rsOverflow {
	background:transparent !important;
}
#homeslider div.rsArrowIcn {
	top:80px !important;
}
.home {
	min-height:600px !important;
}
#home.section {
	min-height:600px;
}


/*Services*/
.infoBlock {
	position:absolute;
	top:15%;
	left:18%;
	width:50%;
	padding:0 2em;
	height:inherit;
	margin:0 auto;
	max-height:80%;
	overflow-y:auto;
}
.infoBlock h2 {
	color:#fff;
	text-transform:uppercase;
}
.infoBlock h3 {
	margin-left:250px;
}
.infoBlock .btn {
	background-image:url(/img/tech-specs.png);
	filter:none;
	display:block;
	width:80px;
	height:80px;
		background-color:transparent !important;
	border:none !important;
	box-shadow:none;
	float:left;
}
.infoBlock .btn:focus {
	outline:none !important;
}
.infoBlock .btn:hover {
	background-image:url(/img/tech-specs.png);
	opacity:.7;
	background-color:transparent;
	border:none !important;
	box-shadow:none;
}
.infoBlock .editing-btn,.infoBlock .editing-btn:hover {
	background-image:url(/img/production-btn.png);
}
.infoBlock .production-btn,.infoBlock .production-btn:hover {
	background-image:url(/img/editing-btn.png);
}
iframe {
	padding-bottom:1.5em;
}

	padding-bottom:1em;
	background-color:transparent !important;
	color:#444;
}
#service-hed:hover {
	padding-bottom:1em;
	background-color:transparent !important;
	color: #444;
}

#services.wrapper {
	/*max-height:100%;overflow:visible;*/
	min-height:auto;
	height: auto;
}
#services-gallery .rsTabs {
	width:auto !important;
}
#services-gallery {
	width:100%;
	max-height:100%;
	height: auto;
}
#services-gallery p {
	color:#fff !important;
}
#services-gallery .rsImg {
	min-width:100%;
	max-width: 200%;
	min-height:100%;
	max-height:150%;
	position: absolute;
	top: 0px;
	right:0px;

}
#services-gallery .rsContent {
	max-height:100%;
	overflow: hidden;
}
#services-gallery .rsNav {
	/*position:absolute;left:0;top:25%;*/
	position:relative;
}
#services-gallery .rsOverflow {
	float:right;
}
#services-gallery .rsTab {
	background:transparent;
	border:none !important;
	display:block;
	text-align:left;
	box-shadow:none;
	border-radius:0 !important;
}
#services-gallery .rsTab h3 {
	color:white !important;
}
#services-gallery .rsTab.rsNavSelected {
	box-shadow:none;
	text-shadow:none;
	background-color:#fff;
}
#services-gallery .rsTab.rsNavSelected h5 {
	color:#111;
	text-shadow:none;
}
#services-gallery .rsTmb h5 {
	font-size:1em;
}
#services#services-gallery .rsThumbs .rsThumb {
}
#services-gallery .rsArrowRight .rsArrowIcn {
	right:0;
	left:auto;
	margin-left:0;
}
#services-gallery .rsArrowLeft .rsArrowIcn {
	right:auto;
	left:0;
	margin-left:0;
}
.servicesGallery .rsThumb:hover {
	background:#000;
}
.servicesGallery .rsThumb.rsNavSelected {
	background-color:#02874A;
	border-bottom:-color #02874A;
}
.sampleBlock {
	left:20%;
	top:15%;
	width:100%;
	max-width:400px;
}
#services-gallery .rsTmb {
	display:none;
}
ul#services-home-list {
	list-style:none;
	font-size:1.8em;
	text-transform:lowercase!important;
}
ul#services-home-list li {
	line-height:1.2em !important;
}

.modal {
	color:#222 !important;
}
.modal-body ul {padding-left:2em;}

.modal h3 {
	color: #222 !important;
}



#services.wrapper {
	width: 100%;
	height:100%;

}

#services-gallery{
	width:100%;
	height:100%;
}

#services-gallery .rsOverflow {
height:100% !important;
}


/*studio*/

#the-studio img {width:100% !important;}

/*blog*/
.blog-title a {
	color:#999 !important;
}

/*Reels*/
#editing.section, #production.section{width:70%; margin-left:15%;}
#production h3{
	margin-top:1.5em;
}
.production-vid {
/*	width:25%;
	float:left;*/
}
.production-description {
	width:100%;
	float:none;
}

.production-description img{
	max-width:10%;
	float:left;
	padding-right:2em;
}

#demo-reels p {
	margin-bottom:.5em;
	margin-top:2em;
}
#service-hed {
}
.footer {
}
.footer h1 {
	text-align: center;
}

#social {position: fixed; bottom:5px; left:5px; z-index: 999999999;}
#social img{float:left; width:30px; padding:6px;}

/*.wrapper.grey,.editingwrapper{height: 100% !important; overflow-y:scroll;}*/
div.wrapper.blue{min-height: 101% !important;}

.royalSlider > .rsContent {
visibility: hidden; 
/* or display:none depending on your needs... */
}

/*RESPONSIVE*/


@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {

nav a{text-decoration: none;}
}


@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
ul#services-home-list {
	
	font-size:1.8em !important;
	line-height: 2em;
	
	}

#services-gallery .rsImg {
	min-width:100%;
	max-width: 300%;
	min-height:100%;
	max-height:200%;
}

}






@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
#services-gallery .rsImg {
	min-width:100%;
	max-width: 150%;
	min-height:100%;
	max-height:350%;
}}

@media screen and (min-width: 0px) and (max-width: 780px) {


#social {visibility: hidden;}

 .home img#home-logo {
}

.home img#hometext {}

  #services-gallery .rsTab {float: left !important; min-width: 0; padding:.5em;}
  .servicesGallery .rsTmb {
  	display: none !important;
    padding: 6px 8px;
  }
  .servicesGallery .rsTmb h5 {
    font-size: 12px;
    line-height: 17px;
  }
  .servicesGallery .rsThumbs.rsThumbsVer {
    width: 100px;
    padding: 0;
  }
  .servicesGallery .rsThumbs .rsThumb {
    width: 100px;
    height: 47px;
  }
  .servicesGallery .rsTmb span {
    display: none;
  }
  .servicesGallery .rsOverflow,
  .royalSlider.servicesGallery {
    height: 300px !important;
  }
  
  .sampleBlock {
    font-size: 14px;
    }

#services.wrapper {
	min-height: auto;
}

#services-gallery .rsNav {position: relative;}
	#services-gallery h2 {}
#services-gallery .rsTmb {display: none;}
	
	.infoBlock {
  position: absolute;
  left: 3%;
  top: 15%;
  width: 70%;
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom:0em;
  height:70%;
	}

.infoBlock h2 {font-size: 1.5em;}
	
	div.section{
  margin-left: 5%;
  width: 90%;
  padding: 0 !important;
  margin-bottom:2em;
	}
	
	.btn{
		display: block; margin-bottom:20px; 
	}
	
	ul#services-home-list{
	list-style: none;
	font-size:1em ;
	line-height:1.6em;
	text-transform: uppercase;
}


#services.wrapper {
	min-height: auto;
}

#services-gallery .rsOverflow{
	/*height:275% !important;*/
	
}


body{padding:0 !important;}


.modal-body {max-height: 200px;}

.production-vid {
	width:100%;
	float: none;
	padding-bottom:1em;
}
.production-description {
	width:100%;
	float:none;
}


 div.navigation {position: fixed; bottom:0;}



 .wrapper {min-height: auto !important; }
 #logo img{display:none; max-width: 200px;}

 img#bloglogo{position:relative; width:50%; margin: 0 auto; display: block;*}
 
 #homeslider{display: none;}
 .home {min-height:500px !important;}
 #home.section {min-height:400px;
 	width:96%; margin-left:2%; max-width: 96%;}
}



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

 .home {min-height:200px !important;}

.home img#home-logo {margin-top:-10%; max-width: 150%; height: 100%; min-height: 50%; max-height: 100%; }
 
ul#services-home-list {
	font-size:1em !important;
	line-height: 2em;
}

}