@charset "utf-8";
/* CSS Document */

/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*-- --*/

.clear{
	clear:both;
}
body{
	background: #000000;
	padding-left: 130px;
	font-family:Arial, Helvetica, sans-serif;
}




.logo{
	width:107px;
	display:block;
	margin:0 auto;
}

.leftPanel{
	position:fixed;
	top:10px;
	left:0px;
	width:130px;
	text-align:center;
}

.contentArea{
	background: #FFFFFF;
}

.topMenu{

	float:right;
	border-right:13px solid #da2419;
}

.topMenu li{
	display:inline-block;
	position:relative;
}

.topMenu li.menu a{
	display:block;
	padding:15px 0px 20px;
	margin:0 15px;
	border-top:5px solid #fff;
	color:#444;
	text-decoration:none;
	font:normal 16px Arial, Helvetica, sans-serif;
}

.topMenu li.menu li:hover a, .topMenu li.menu li a.active{
	border-color:#da2419;
}

.topMenu li.menu ul.dropDown{
	position:absolute;
	width:200px;
	background:#000000;
	background-color:rgba(0,0,0,0.8);
	left:10px;
	top:53px;
	display:none;
	z-index:9999;
}

li.arrow{
	background:url(../image/submenu-arrow.png) no-repeat 25px 0 #FFFFFF;
	height:6px;
}

.topMenu li.menu ul.dropDown li{
	display:block;
}



.topMenu li.menu li:hover ul.dropDown{
	display:block;
}

.padd20{
	padding:20px;
}


.topMenu li.menu li ul.dropDown li a{
	border:0px;
	padding:10px 5px;
	border-bottom:1px dotted #666666;
	border-left:3px solid #891710;
	margin:0px;
	color:#ccc;
	font-size:14px;
}

.topMenu li.menu li:hover ul.dropDown li a:hover{
	background:#000;
	border-left:3px solid #da2419;
	color:ddd;
}

li.mobile{
	display:none;
}

.homeIntero{
	background:#f4f4f4;
	border:1px solid #e1e1e1;
	padding:30px 50px;
	margin-top:2px;
	font:normal 15px Arial, Helvetica, sans-serif;
	color:#555555;
	line-height:24px;
}

h1{
	text-transform:uppercase;
	font-size:27px;
	color:#da2419;
	background:#f4f4f4;
	float:left;
	padding-right:10px;
}

h1.inner{
	text-transform:uppercase;
	font-size:27px;
	color:#da2419;
	background:#fff;
	float:left;
	padding-right:10px;
}

h2{
	color:#666;
	font:normal 20px Arial, Helvetica, sans-serif;
	margin-bottom:10px;
}

h3{
	color:#da2419;
	font:bold 15px Arial, Helvetica, sans-serif;
}

.titleLeftLineWithBall{
	background:url(../js/Camera-master/images/title-side-line.png) no-repeat right center;
	margin:0 0 18px;
}

.two-col{
	width:50%;
	float:left;
	}

.three-col{
	width:33.333%;
	float:left;
}


.col-borderLeft{
	border-left:1px solid #CCCCCC;
}

.col-borderLeftRT{
	border-left:1px solid #CCCCCC;
	border-right:1px solid #ccc;
}

.row-borderBtm{
	border-bottom:1px solid #CCCCCC;
}

.paddMain30-50{
	padding:30px 50px;
}


.homeTestimonial{
	height:245px;
	position:relative;
	padding:0 0 0 170px;
	width:55%;
}

.homeTestimonial DIV.client{
	position:absolute;
	top:0;
	left:0px;
	background: url(../image/testimonial-arrow.jpg) no-repeat right 50px #FFFFFF;
	width:170px;
}

.clientText{
	background:#ececec;
	padding:15px 15px 15px 15px;
	line-height:22px;
	font:normal 13px Arial, Helvetica, sans-serif;
	color:#555;	
	width:100%;
}

.client strong{
	display:block;
	color:#da2419;
	font:bold 13px Arial, Helvetica, sans-serif;
}

.client span{
	display:block;
	color:#666;
	font:normal 11px Arial, Helvetica, sans-serif;
	padding-bottom:15px;
}

.client{
	color:#a7a7a7;
	font: normal 11px Arial, Helvetica, sans-serif;
}

h4{
	font:bold 13px Arial, Helvetica, sans-serif !important;
	color:#da2419;
	float:left;
}

h4 a{
	color:#da2419 !important;
}

.homeBlog:hover h4{
	text-decoration:underline;
}

.homeBlog DIV.date{
	float:right;
	font:10px Arial, Helvetica, sans-serif;
	color:#999999;
}

.homeBlog {
	margin:10px 0;
	font:11px Arial, Helvetica, sans-serif;
	color:#666;
	text-decoration:none;
	line-height:14px;
	border-bottom:1px dotted #CCCCCC;
	padding-bottom:15px;
}

.homeBlog a{
	color:#666;
	text-decoration:none;
}

.homeBlog a:hover{
	color:#111;
	text-decoration:none;
}

.readMorBlog{
	background:#da2419;
	display:block;
	padding:5px 0;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	font:bold 12px Arial, Helvetica, sans-serif;
}


.clientsLogo img{
	width:31%;
	margin-right:1%;
	margin-bottom:4px;
}


.show1024{
	display:none;
}


.socialIcons{
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	display:block;
	width:55px;
	margin:15px auto;
	text-decoration:none;
}
.socialIcons span{
	display:block;
	margin:0px auto 3px;
	width:34px;
	height:34px;
	background:url(../image/social-icons.png) no-repeat;
	
	-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;	
}


.socialIcons:hover span{
	display:block;
	margin:0px auto 3px;
	width:34px;
	height:34px;
	background:url(../image/social-icons.png) no-repeat;
	
	-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}



.socialIcons span.fb{
	background-position:0px 0px;
}
.socialIcons:hover span.fb{
	background-position:-35px 0px;
}

.socialIcons span.twt{
	background-position:0px -34px;
}
.socialIcons:hover span.twt{
	background-position:-35px -34px;
}


.socialIcons span.utub{
	background-position:0px -69px;
}
.socialIcons:hover span.utub{
	background-position:-35px -69px;
}


.socialIcons span.behance{
	background-position:0px -104px;
}
.socialIcons:hover span.behance{
	background-position:-35px -104px;
}


.socialIcons span.blog{
	background-position:0px -139px;
}
.socialIcons:hover span.blog{
	background-position:-35px -139px;
}


.footer1{
	background:#3d3d3d;
	padding:12px;
	margin:2px 2px 0;
}

.footer2{
	background:#da2419;
	color:#FFFFFF;
	padding:4px 12px;
	font-size:11px;
	margin:2px 2px 0;
}


ul.footerMenu{
	float:left;
	margin-right:25px;	
}


.footerMenu a{
	color:#999999;
	text-decoration:none;
	 font-size:11px;
}

.footerMenu li ul li a{
	font-size:10px !important;
}


.homeTestimonial p{
padding-bottom:10px;
line-height:20px;
}

.quickContact img{
	width:100%;
}

.quickContact span{
	display:none;
}

.readOrSeeMore{float:left; margin-left:20px; font:12px Arial, Helvetica, sans-serif; color:#666; border:1px solid #ddd; background:#eee; display:inline-block; margin-top:0px; padding:5px 10px; text-decoration:none;}

.readOrSeeMore:hover{
	background:#666666;
	color:#FFFFFF;
	border-color:#333
}

.readOrSeeMoreInr{ font:12px Arial, Helvetica, sans-serif; color:#666; border:1px solid #ddd; background:#eee; display:block; margin-top:0px; padding:5px 10px; text-decoration:none;}


.readOrSeeMoreInr:hover{
	background:#666666;
	color:#FFFFFF;
	border-color:#333
}



.homeTestimonialInr DIV.client{
	position:static;
	top:0;
	left:0px;
	background: url(../image/testimonial-arrow.jpg) no-repeat left 55px #FFFFFF;
	width:100%;
	padding-bottom:10px;
}

.clientTextInr{
	background:#fff;
	padding:8px 3% 8px 3%;
	line-height:18px;
	margin:10px 0;
	border:1px solid #CCCCCC;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#555;	
	width:94%;
}

.clientTextInr p{
	padding-bottom:5px;
	
}

.clientInr strong{
	display:block;
	color:#da2419;
	font:bold 13px Arial, Helvetica, sans-serif;
}

.clientInr span{
	display:block;
	color:#666;
	font:normal 11px Arial, Helvetica, sans-serif;
	padding-bottom:0px;
}

.clientInr{
	color:#a7a7a7;
	font: normal 11px Arial, Helvetica, sans-serif;
}

.clientInr img{
	display:none !important;
}



.innerPagContent{
	background:#fff;
	border-right:1px solid #e1e1e1;
	padding:15px 20px;
	margin-top:2px;
	font:normal 15px Arial, Helvetica, sans-serif;
	color:#555555;
	line-height:24px;
}

.innerPagContent p{
	padding-bottom:15px;
}

.rightPanel{
	background:#f4f4f4; float:left; width:25%;
}

.innerContent{
width:75%; float:left;
}

ul.listStyle1{
	border:1px solid #e7e7e7;
	border-bottom:none;
	margin-top:10px;
}

ul.listStyle1 li{
	background:#f7f7f7;
	padding:4px 15px;
	margin-bottom:1px;
	font-size:13px;
	border-bottom:1px solid #e7e7e7;
}

	ol.listStyleUnmber2 {
		list-style-type:decimal;
		padding:20px 20px 5px 30px;
		background:#f6f6f6;
		border:1px solid #ddd;
		
	}
	
		ol.listStyleUnmber2 li{
		list-style:decimal;
		list-style-position:outside;
		padding:10px;
		background:#fff;
		font-size:12px;
		font-weight:normal;
		line-height:18px;
		border:1px solid #ddd;
		margin-bottom:15px;
	}


.clientPage img{
	padding:4px;
	border:1px solid #999999;
	margin:10px;
-webkit-transition: all 0.10s ease-in;
-moz-transition: all 0.10s ease-in;
-o-transition: all 0.10s ease-in;
transition: all 0.10s ease-in;
}

.clientPage img:hover{
	-webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(10deg);
-moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(10deg);
-o-transform: rotateX(0deg) rotateY(0deg) rotateZ(10deg);
-ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(10deg);
transform: rotateX(0deg) rotateY(0deg) rotateZ(10deg);
-webkit-transition: all 0.10s ease-in;
-moz-transition: all 0.10s ease-in;
-o-transition: all 0.10s ease-in;
transition: all 0.10s ease-in;

}

.galleryMain{
	
}

.galleryMain a.one{
	width:220px;
	padding:5px;
	height:195px;
	border:1px solid #ccc;
	margin:15px;	
	float:left;
	display:block;
	-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
text-decoration:none;
}

.galleryMain a.one h3{
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#bbb !important;
	background:#000000;
	padding:5px 10px ;
	height:35px;
		-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
}

.galleryMain a.one IMG{
	width:100%;
	height:140px;
}

.galleryMain a.one:hover h3{
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#444 !important;
	background:#fff;
	padding:5px 10px ;
	height:40px;
	
		-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
}

.galleryMain a.one:hover{
	width:220px;
	padding:5px;
	border:1px solid #fff;
	margin:15px;	
	float:left;
	
	-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;



-webkit-box-shadow: 0px 0px 5px #999;
-moz-box-shadow: 0px 0px 5px #999;
box-shadow: 0px 0px 5px #999;
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}



.gobackpage{
	background:#da2419;
	color:#eee;
	cursor:pointer;
	border:none;
	padding:5px 25px;
	font:17px Arial, Helvetica, sans-serif;
}







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

.show1024{
	display:block;
}
.homeTestimonial{
	height:auto;
	position:static;
	padding:0 0 0 0;
	width:100%;
}

.homeTestimonial DIV.client{
	position:static;
	top:0;
	left:0px;
	background: url(../image/testimonial-arrow.jpg) no-repeat left 55px #FFFFFF;
	width:100%;
	padding-bottom:10px;
}

.clientText{
	background:#ececec;
	padding:8px 3% 8px 3%;
	line-height:18px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#555;	
	width:94%;
}

.clientText p{
	padding-bottom:5px;
	
}

.client strong{
	display:block;
	color:#da2419;
	font:bold 13px Arial, Helvetica, sans-serif;
}

.client span{
	display:block;
	color:#666;
	font:normal 11px Arial, Helvetica, sans-serif;
	padding-bottom:0px;
}

.client{
	color:#a7a7a7;
	font: normal 11px Arial, Helvetica, sans-serif;
}

.client img{
	display:none !important;
}

.clientsLogo img{
	width:31% !important;
	margin-right:1%;
	margin-bottom:4px;
}

.hide1150{
	display:none;
}

.hideFB{
	display:none;
}

	.three-col{
	width:50%;
	float:left;
	border-bottom:0px solid #ddd;
	}
	

	
	
	

}

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

.hide1150{
	display:inline-block;
}

.hide1000{
	display:none;
}

.two-col{
	width:100%;
	float:none;
	border-bottom:1px solid #ddd;
	}
	
	.three-col{
	width:50%;
	float:left;
	border-bottom:0px solid #ddd;
	}
	
	.clientsLogo img{
	width:30% !important;
	margin-right:1%;
	margin-bottom:4px;
}

.hideFB{
	display:none;
}
	
	}


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

.innerContent{
width:100%; float:none;
}

.rightPanel{
	background:#f4f4f4; float:left; width:25%;
	display:none;
}



	.featherlight .featherlight-content {
		text-align: left;
		display: inline-block;
		vertical-align: middle;
		position: relative;
		padding: 2%;
		width: 70% !important;
		max-height: 95%;
		overflow: auto;
		background: #fff;
		cursor: auto;
	}


.topMenu li.menu a{
	display:block;
	padding:15px 0px 20px;
	margin:0 8px;
	border-top:5px solid #fff;
	color:#444;
	text-decoration:none;
	font:normal 14px Arial, Helvetica, sans-serif;
}
.topMenu li.menu ul.dropDown{
	position:absolute;
	width:200px;
	background:#000000;
	background-color:rgba(0,0,0,0.8);
	left:10px;
	top:50px;
	display:none
}

body{
	background: #000000;
	padding-left: 90px;
}
.logo{
	width:80px;
}
.leftPanel{
	position:fixed;
	top:5px;
	left:0px;
	width:90px;
	text-align:center;
}



.homeTestimonial{
	height:auto;
	position:static;
	padding:0 0 0 0;
	width:100%;
}

.homeTestimonial DIV.client{
	position:static;
	top:0;
	left:0px;
	background: url(../image/testimonial-arrow.jpg) no-repeat left 55px #FFFFFF;
	width:100%;
	padding-bottom:10px;
}

.clientText{
	background:#ececec;
	padding:8px 3% 8px 3%;
	line-height:18px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#555;	
	width:94%;
}

.clientText p{
	padding-bottom:5px;
	
}

.client strong{
	display:block;
	color:#da2419;
	font:bold 13px Arial, Helvetica, sans-serif;
}

.client span{
	display:block;
	color:#666;
	font:normal 11px Arial, Helvetica, sans-serif;
	padding-bottom:0px;
}

.client{
	color:#a7a7a7;
	font: normal 11px Arial, Helvetica, sans-serif;
}

.client img{
	display:none !important;
}




.show1024{
	display:none;
}


.three-col{
	width:100%;
	float:none;
	border-bottom:1px solid #ddd;
	}

	.clientsLogo img{
	width:23% !important;
	margin-right:1%;
	margin-bottom:4px;
}

.two-col{
	width:100%;
	float:none;
	border-bottom:1px solid #ddd;
	}
	
	.hideFB{
	display:none;
}

.hide900{
	display:none;
}

}

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

.hideFB{
	display:none;
}

body{
	padding:0px;
}

.hide600{
	display:none;
}

.leftPanel{
	position:static;
	top:10px;
	left:0px;
	width:100%;
	text-align:center;
}


.socialIcons{
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	display:inline-block;
	width:55px;
	margin:15px auto;
	text-decoration:none;
}

.quickContact {
	background:#333333;
	color:#999999;
	display:block;
	text-decoration:none;
	padding:5px;
	font:bold 16px Arial, Helvetica, sans-serif;
}

.quickContact img{
	display:none;
}

.quickContact span{
	display:block;
}


.topMenu{
	float:right;
	border-right:13px solid #da2419;
}
.topMenu li{
	display:block;
	position:static;
}
.topMenu li.menu a{
	display:block;
	padding:8px 0px 8px !important;
	margin:0 15px;
	border-top:1px solid #eee;
	color:#444;
	text-decoration:none;
	font:normal 16px Arial, Helvetica, sans-serif;
}
.topMenu li.menu li:hover a, .topMenu li.menu li a.active{
	border-color:#eee;
}
.topMenu li.menu ul.dropDown{
	position:static;
	width:100%;
	background:#000000;
	background-color:rgba(0,0,0,0.8);
	left:10px;
	top:53px;
	display:none;
	z-index:9999;
}
li.arrow{
	background:url(../image/submenu-arrow.png) no-repeat 25px 0 #FFFFFF;
	height:6px;
}
.topMenu li.menu ul.dropDown li{
	display:block;
	
}
.topMenu li.menu li:hover ul.dropDown{
	display:block;
}
.topMenu li.menu li ul.dropDown li a{
	border:0px;
	padding:10px 5px !important;
	border-bottom:1px dotted #666666;
	border-left:3px solid #891710;
	margin:0px;
	color:#ccc;
	font-size:14px;
}
.topMenu li.menu li:hover ul.dropDown li a:hover{
	background:#000;
	border-left:3px solid #da2419;
	color:ddd;
}
li.mobile a{
	display:block;
	padding:10px 0px 20px;
	margin:0 15px;
	border-top:5px solid #fff;
	color:#444;
	text-decoration:none;
	font:normal 16px Arial, Helvetica, sans-serif;
}

.topMenu{
	float:none;
}

.topMenu ul li.menu{
	display:none;
	
}

.topMenu ul:hover li.menu{
	display:block;
}

.two-col{
	width:100%;
	float:none;
	border-bottom:1px solid #ddd;
	}

.three-col{
	width:100%;
	float:none;
}

.paddMain30-50 {
	padding:10px;
}

.homeIntero{
	background:#f4f4f4;
	border:1px solid #e1e1e1;
	padding:15px 20px;
	margin-top:2px;
	font:normal 15px Arial, Helvetica, sans-serif;
	color:#555555;
	line-height:24px;
}





h1{
	text-transform:uppercase;
	font-size:22px;
	color:#da2419;
	background:#f4f4f4;
	float:left;
	padding-right:10px;
}

h2{
	color:#666;
	font:normal 18px Arial, Helvetica, sans-serif;
}

h3{
	color:#da2419;
	font:bold 14px Arial, Helvetica, sans-serif;
}

.featherlight .featherlight-content{
	text-align: left;
		display: inline-block;
		vertical-align: middle;
		position: relative;
		padding: 2%;
		width: 94% !important;
		max-height: 95%;
		overflow: auto;
		background: #fff;
		cursor: auto;
}

.footerMenu {
	display:none;
	
}

li.submenuMobile a.plus{
	background:url(../image/menu-sub-mobile.jpg) no-repeat right center;
	
}





}