html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6,
p, pre, a, em, font, img,blockquote, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, caption, tbody, tfoot, thead {
	margin: 0; padding: 0;
	border: 0; outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;}
h1, h2, h3, h4, h5, h6, p, dl, pre, form {margin:0 0 20px}

:focus { outline: 0; }
* { _noFocusLine: expression(this.hideFocus=true); }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block; }

input,textarea {
	font: 12px/20px;
	font:inherit;
	resize:none; }

/***************************************************************
* (2) Global Styles *
****************************************************************/

* {margin:0; padding:0;}
html { height:100%; font-size:100%; -webkit-font-smoothing: antialiased;}

body {
background:#f6f6f6 url(../images/pattern1.png);
height: 100%;
font: 12px/20px Arial, Verdana, Helvetica, sans-serif;
font-weight:normal;
line-height:20px; }

ul{	padding:0; }
ul li{
	list-style:none;
	background:url(framework/shortcodes/tinymce/../images/bullet.png) no-repeat 0 7px;
	line-height:19px;
	padding-bottom:5px;
	padding-left:15px; }

#content ol {	padding: 0 0 8px 23px; }
	
#content ol li{
	padding-bottom:5px;
	line-height:19px;	
	list-style-type:decimal;
	list-style-position: outside; }	

img,img a { border:none; max-width: 100%; height:auto; }
a  { text-decoration:underline; }
a:focus , a:link, a:active { outline:none; }
a:hover { color:#000;}

.left {float:left;}
.right {float:right; }
.center { text-align:center;}
.clear { clear:both;}
.bold { font-weight:bold}
.italic { font-style:italic}
.underline { text-decoration:underline;}
.center { text-align:center;}
.noborder { border:none}
.noheight { height:0; }
.nobackground { background:none;}
.hidden { display: none !important; }
.border { border:1px solid #e1e1e1; border-bottom:double #e1e1e1; }
.image_left { float:left; margin:5px 20px 10px 0; }
.image_right { float:right; margin:5px 0 20px 10px; }	
.image_border { padding:3px; border:1px solid #f1f1f1; border-radius: 3px; }

pre { font-family:"Lucida Sans Unicode","Lucida Grande","Trebuchet MS", Arial, sans-serif; font-size:12px; padding-left:5px; background:url(../images/pre.jpg); white-space:pre; overflow:auto; border-width:0 1px 1px 1px; border-style:solid; border-color:#e1e1e1; line-height:22px; letter-spacing:.1px; word-spacing:1px; margin:15px 0 15px 0; overflow:hidden; } 
code { background-color: #f3f3f3; padding: 0 5px; margin: 10px 0; border: 1px dotted #e1e1e1; display: inline-block; text-shadow: 0 1px 0 #fff; } 

sup,sub{ font-size:11px; margin:0; padding:0;  }
sup { vertical-align: top; }
sub { vertical-align: bottom; }

/* ===== Mouseover Image Icons ===== */

.zoom-icon  { background:#111 url(../images/icons/zoom.png) no-repeat 50% 50%;}
.play-icon  { background:#111 url(../images/icons/play.png) no-repeat 50% 50%;}
.doc-icon   { background:#111 url(../images/icons/doc.png) no-repeat 50% 50%;}
.preloader 	{ background:url(../images/pre-loader4.gif) }

/* ===== Horizontal lines ===== */

hr{ border:none 0; outline:0; height:1px; clear:both; border-top: 1px dotted #ccc; border-bottom: 1px solid #f1f1f1; } 
.divider { clear:both; background: url(../images/sidebar-title-bg.png) repeat-x 0 0; margin: 30px -30px; padding: 0 30px; height:3px; }

/* ===== Headeings and Paragraph ===== */

h1, h2, h3, h4, h5, h6 { margin:0px 0 20px 0; }
h1 {font-size:22px;}
h2 {font-size:20px; }
h3 {font-size:18px;}
h4 {font-size:16px;}
h5 {font-size:14px;}
h6 {font-size:13px;}
p { margin:0 0 18px 0; line-height:20px; }
p.p_last { margin:0; }

#content h1,#content h2{ margin:0px 0 20px 0; }
#content h3,#content h4,#content h5,#content h6 { margin:0px 0 15px 0; }

/* ===== Smooth Transitions ===== */

a,.post_bottom span i,.my_toggle2_title,.my_toggle_title{	
	-webkit-transition:color 0.2s linear;
    -moz-transition:color 0.2s linear;
    -o-transition:color 0.2s linear;
    transition:color 0.2s linear; }

.pricing_table,.services_icon_small .services_icon_img,.services_icon_medium .services_icon_img,
.services_icon_large .services_icon_img,.pf_box,.top-menu ul ul li a,.flexslider .rp_slides > li,
.input-text,.input-textarea,.my_toggle_title,ul.logo_slides > li,ul.logo_slides > li a img,
.tweet ul li, a.button,#content .home_services2:hover img,#content .home_services2 h4,li.cat-item a small,
.large-footer .widgetFormInput,.large-footer .widgetFormTextarea,
#content .rc_posts ul li .rcp_date {
	-moz-transition-duration: 	0.5s;
	-webkit-transition-duration:0.5s;
	-o-transition-duration: 	0.5s;
	transition-duration: 		0.5s;	
	-moz-transition-property:border-color,background-image, background-color, box-shadow, opacity, height, width,color,background;
	-webkit-transition-property:border-color,background-image, background-color, box-shadow, opacity, height, width,color,background;
	-o-transition-property:border-color, background-image,background-color, box-shadow, opacity, height, width,color,background;
	transition-property:border-color, background-image,background-color, box-shadow, opacity, height, width,color,background; }

/* ===== Border Radius ===== */

.round3,.button.square { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;   -khtml-border-radius: 3px;  -o-border-radius: 3px; }

.round5,.dropcap.square{ border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;  -khtml-border-radius: 5px;  -o-border-radius: 5px; }

.round25, .button.round{ border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; border-radius:25px;   -khtml-border-radius: 25px;  -o-border-radius: 25px; }

.round50, .button.round, .dropcap.round{ border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px;   -khtml-border-radius: 50px;  -o-border-radius: 50px; }

/* ===== Google Font ===== */

h1, h2, h3, h4, h5, h6,.pf_quote, .post_bottom_bg span.post_button a,.reply a,
#content .comment-text cite,#content .pf_box h3,.list_slider_title,#content .archives-table ul li.tbl-heading,
.caption.big_teal,ul.our_awards li,blockquote,.home_readmore,#content .promotion_box p { 
	font-family: "PT Sans", arial, verdana, tahoma; font-weight: 600;}

/* ===== Text Color on White Background - "#content" area* ===== */

body, a, #sidebar,#sidebar a,#sidebar ul li,#sidebar .tweet .tweet_list li, 
#sidebar select,.query .tweet_list li,.reply a,#content .comment-text cite,#content .comment-text cite a,
#content .pf_box h3,#content .pf_box h3 a,#content ul.ordered_list li span,
ul.our_awards li sub,ul.our_awards li sub a,
.services_icon_small h4 small,.services_icon_medium h4 small,
.pricing_table ul li,.pricing_table ul li a,
.team_member h5 sub,#content .support_team p a,
#content .testimonials_left h5 sub,.testimonials_left a,
#content .blog_post h3 a:hover,#content .rc_posts h4 a,
.horizontal_menu,.horizontal_menu a,.horizontal_menu li a,
.post_bottom_bg,.post_bottom_bg span a,blockquote div,
#sidebar .testimonials_slider ul li .client_testimonials h5,
#sidebar .testimonials_slider ul li .client_testimonials h5 sub,
code,pre,#content .content_tweet > .tweet .tweet_list li,
#content .content_tweet > .tweet .tweet_list li, 
#content .content_tweet > .query .tweet_list li {
	color:#606060;}

h1, h2, h3, h4, h5, h6,blockquote,#content .pf_box h3 a,
#content .blog_post h3 a,#content .comment-text cite a,
#content .rp_box h3 a,.list_slider_title { color:#505050;}		

/* =====Text color Footer area ===== */

.large-footer ul li,.large-footer ul li a,.small-footer p,#footer .tagcloud a,
#footer .my_toggle .my_toggle_title,#footer .my_tabs ul.tab-nav li a,
#footer .tweet .tweet_list li, .query .tweet_list li,
#footer .testimonials_slider ul li .client_testimonials h5 sub {
	color:#aaa;}

#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6,.large-footer select,#footer .wp-caption,#footer a.rsswidget { color:#ccc;}

/***************************************************************
* (3) Header *
****************************************************************/

#header {
	width: 100%;
	/* background: url(../images/header-pattern1.jpg); */
	border-top: 5px solid #101010; }

#logosection { height:70px; margin:0 auto; text-align:center; width:960px; }
 #logosection span {display:block; float:left;}
 
#header_slider { padding:40px 0;}

#header_image,#header_video { 	
	background-size: 1800px 475px;
	margin:0 auto; 	
	text-align: center; 
	clear:both; }

#header_image_wrapper { width:940px; margin: 0 auto;}

#header_image img { 
	padding-top:30px;	 
	background: url(../images/shadow1.png) no-repeat center bottom;
	background-size: 940px 42px;
	padding-bottom: 42px;
	margin-bottom: -18px; }

#header_video_wrapper { width:940px; margin: 0 auto;}

#header_video div.fitVids { 	
	background: url(../images/shadow1.png) no-repeat center bottom;
	background-size: 940px 42px;
	margin-bottom: 0px;
	padding: 40px 0; }



/***************************************************************
* (4) Top Menu *
****************************************************************/

.top-menu {
	clear: both;
	margin-top: 3px;
	background: url(../images/header-pattern1.jpg);
	height:58px;
	line-height: 56px;
	font-size: 0;
	clear:both;
	text-align: center;
	margin:3px auto 0 auto; }

.top-menu>ul.sf-menu {padding-bottom:0;display: inline-block;}
.top-menu>ul.sf-menu>li {
	font-size: 12px;
	list-style:none;
	float:left;
	background:none;
	display: inline-block;
	margin:1px 0 0 0;
	line-height: 56px;
	padding:0; }

.top-menu>ul.sf-menu>li>a {
	color: #b7b7b7;
	text-shadow: 0 1px 0 rgba(0,0,0,0.8);
	padding:0 20px;	
	text-decoration: none; }

.top-menu ul li ul li { background:none; text-align: left; }

.top-menu>ul.sf-menu>li.active>a, .top-menu ul.sf-menu>li:hover>a,
.top-menu>ul.sf-menu>li.current_page_item>a,
.top-menu>ul.sf-menu>li.current-menu-item>a, 
.top-menu>ul.sf-menu>li.current-menu-parent>a, 
.top-menu>ul.sf-menu>li.current-category-ancestor>a,
.top-menu>ul.sf-menu>li.current-post-ancestor>a,
.top-menu>ul.sf-menu>li.current-page-ancestor>a {
	background: url(../images/topmenu-active.png) repeat-x 0 0;
	display:inline-block;
	color: #b7b7b7;
	margin:-1px 0 0 0; }

/* drop down menu styles */
.top-menu ul ul{ background:#2a2a2a; }
.top-menu ul ul ul { margin:0 6px 0 0px; }	

.top-menu ul.sf-menu li ul li a,.top-menu ul.sf-menu li ul li ul li a,.top-menu ul li.active ul li a{			
	color:#b7b7b7;
	text-decoration:none;	
	font-size:12px;
	font-weight:normal;
	font-family:arial,georgia;	
	padding:0 14px;
	line-height:34px; 
	font-style:normal;
	height:32px;
	width:auto;
	display:block;		
	margin:0;}
	
.top-menu ul.sf-menu ul li.current-menu-item a,
.top-menu ul.sf-menu ul li a:hover, 
.top-menu ul ul ul li a:hover, 
.top-menu ul li.active ul li a:hover,
.top-menu ul li ul li.active a, 
.top-menu ul li ul li.active a:hover ,
.top-menu ul li ul li ul li.active a,
.top-menu ul li ul li ul li.active a:hover,
.top-menu ul li ul li ul li ul li.active a, 
.top-menu ul li ul li ul li ul li.active a:hover { 		
	color:#b7b7b7;	
	text-shadow: 0px 1px 0px #000;
	background:#1a1a1a;}

.top-menu ul.sf-menu li ul li a,
.top-menu ul.sf-menu li ul li ul li a,
.top-menu ul li.active ul li a{ 
	border-top:1px dotted #464646; 
	border-bottom:1px dotted #131313; 
	color:#b7b7b7; 
	text-shadow: 0px 1px 0px #000; }

.top-menu ul.sf-menu ul li a:hover, .top-menu ul ul ul li a:hover, .top-menu ul li.active ul li a:hover,.top-menu ul li ul li.active a, .top-menu ul li ul li.active a:hover ,.top-menu ul li ul li ul li.active a,.top-menu ul li ul li ul li.active a:hover,.top-menu ul li ul li ul li ul li.active a, .top-menu ul li ul li ul li ul li.active a:hover { 		
	color:#fdfbfb;		
	text-shadow: 0px 1px 0px #000;}	

.top-menu ul.sf-menu ul { border-bottom: 5px solid #2a2a2a; border-left: 5px solid #2a2a2a; border-right: 5px solid #2a2a2a; border-radius: 0 0 3px 3px; width:20em !important;}
.top-menu ul.sf-menu ul ul { border: 5px solid #2a2a2a; border-radius:3px; margin:0 0 0 6px;}
.top-menu ul li ul li ul li:first-child a { border-top:0;}
.top-menu ul li ul li:last-child a,.top-menu ul li ul li ul li:last-child a,.top-menu ul li ul li ul li ul li:last-child a { border-bottom:0;}

	
/* Superfish Menu Style */

.sf-menu, .sf-menu * {
	margin:	0;
	padding:0;
	list-style:none;
	z-index:1000; }

.sf-menu { line-height:1.0;}
	
.sf-menu ul {	
	position:absolute;
	top: -999em;
	width: 12em;
	/* left offset of submenus need to match (see below) */ }
	
.sf-menu ul li { width: 100%;}
	
.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */}
	
.sf-menu li {  position: relative;}
	
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
	left: 0;
	top: 57px; /* match top ul list item height */
	z-index: 9999999;}
	
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em;}	
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 11em; top: 0;}	
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {	top: -999em;}	
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {	left: 10em; top: 0;}
	
.sf-menu li li a{font-weight:normal}

/* Theme Skin */

.sf-menu { 	padding-bottom: 13px;}
.sf-menu a, .sf-menu a:visited  { color: #fdfbfb; }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline:0; } 

/* Arrows (optional) */

.sf-menu a.sf-with-ul { padding-right:0; min-width: 1px; }
	
.sf-sub-indicator {
	position: absolute;
	display: block;
	right: 0px;
	top: 1.05em; /* IE6 only */
	width: 10px;
	height: 12px;
	text-indent: -999em;
	overflow: hidden;
	margin-right:10px;
	background: url('../images/arrows-ffffff.png') no-repeat -10px -100px; }
	
a > .sf-sub-indicator {  top:12px; background-position: 0 -100px; }
	
/* Apply Hovers to Modern Browsers  */

a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/ }	

/* Point Right for Anchors in Sub menu */

.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }

/* Apply Hovers to Modern Browsers */

.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { 
	background-position: -10px 0; /* arrow hovers for modern browsers*/ }

/*Mobile menu*/
.tinynav { display: none }
.sf-menu .selected a {  }
   
@media screen and (max-width: 767px) {
	.tinynav { display: block }
	#nav { display: none } 
}

select.mobi-menu {
	margin:13px auto 0 auto;
	font-size: 12px;
	width:50%;
	 -webkit-appearance: none;
	 -moz-border-radius: 0px; -webkit-border-radius:0; border-radius:0;
	background:#292929 url(../images/select.png) no-repeat center right;
	color:#b7b7b7;
	border:1px solid #3f3f3f;
	padding:20px 4px;
	outline:none;
	cursor: pointer; }

.top-menu ul li.menu-setting-msg { color:#B6B6B6; text-align:center; margin-top:35px; font-size:12px; margin-top: 20px; background:none;}

/***************************************************************
* (4) Container *
****************************************************************/

div.header-bottom-border {
	background: url(../images/header-bottom-area-border.png) repeat-x 0 0;
	height:6px;
	width:100% }

div#container {
	margin: 24px auto;	
	border: 1px solid #e1e1e1;
	border-bottom: double #e1e1e1;
	position: relative;
	border-radius: 10px;
	background:#fff;
	-moz-box-shadow: 2px 2px 2px #eaeaea;
	-webkit-box-shadow: 2px 2px 2px #eaeaea;
	box-shadow: 2px 2px 2px #eaeaea;}

#content { padding:30px; }

/***************************************************************
* (5) Page Title *
****************************************************************/

.page-title {
	margin:0px;
	height:48px;
	border-radius: 10px 10px 0 0; }

.page-title h1 {
	color:#fff;
	padding-left: 30px;
	line-height: 50px;
	font-size:18px;
	float:left;
	text-shadow: 0 1px 0 rgba(0,0,0,0.2);}

.page-title .social-icons ul { float:right; }
.social-icons ul { margin:15px 30px 0 0; }

.social-icons ul li{
	float:left;
	background: none;
	padding:0;
	margin:0 0 0 3px;}

.social-icons ul li:hover {}

.social-icons ul li a {
	width:20px;
	height:20px;
	display:inline-block;}

.social-icons ul li a.sm-twitter1 { background: url(../images/icons/twitter.png) no-repeat 0 0;}
.social-icons ul li a.sm-facebook1 { background: url(../images/icons/facebook.png) no-repeat 0 0;}
.social-icons ul li a.sm-youtube1 { background: url(../images/icons/youtube.png) no-repeat 0 0;}
.social-icons ul li a.sm-delicious1 { background: url(../images/icons/delicious.png) no-repeat 0 0;}
.social-icons ul li a.sm-vimeo1 { background: url(../images/icons/vimeo.png) no-repeat 0 0;}
.social-icons ul li a.sm-flickr1 { background: url(../images/icons/flickr.png) no-repeat 0 0;}
.social-icons ul li a.sm-digg1 { background: url(../images/icons/digg.png) no-repeat 0 0;}
.social-icons ul li a.sm-stumbleupon1 { background: url(../images/icons/stumbleupon.png) no-repeat 0 0;}
.social-icons ul li a.sm-linkedin1 { background: url(../images/icons/linkedin.png) no-repeat 0 0;}
.social-icons ul li a.sm-blogger1 { background: url(../images/icons/blogger.png) no-repeat 0 0;}
.social-icons ul li a.sm-rss1 { background: url(../images/icons/rss.png) no-repeat 0 0;}
.social-icons ul li a.sm-technorati1 { background: url(../images/icons/technorati.png) no-repeat 0 0;}
.social-icons ul li a.sm-wordpress1 { background: url(../images/icons/wordpress.png) no-repeat 0 0;}
.social-icons ul li a.sm-skype1 { background: url(../images/icons/skype.png) no-repeat 0 0;}
.social-icons ul li a.sm-picasa1 { background: url(../images/icons/picasa.png) no-repeat 0 0;}
.social-icons ul li a.sm-yahoo1 { background: url(../images/icons/yahoo.png) no-repeat 0 0;}

/***************************************************************
* (6) Footer *
****************************************************************/
#footer { margin:0 auto; background:#272727; text-shadow: 0 1px 0 rgba(0,0,0,0.8); }

.large-footer {
	padding:30px 0 0 0;
	width:940px;
	height:100%;
	margin:0 auto;}

.large-footer h3 {
	clear:both;
	font-size: 15px;
	background: url(../images/footer-heading-bg.png) repeat-x left bottom;
	padding-bottom: 15px;
	text-shadow: 0 1px 0 rgba(0,0,0,0.8);
	margin:0 0 18px 0; }

.large-footer ul {	border-bottom: 1px solid #323232; margin-bottom: 30px; padding:0;}

.large-footer ul li{
	clear:both;
	background: url(../images/footer-bullet.png) no-repeat 10px 14px;
	border-top: 1px solid #323232;
	border-bottom: 1px solid #1b1b1b;
	display:block;
	width:90%;
	text-indent: 0;
	line-height: 20px;
	padding:8px 0 8px 10%;
	text-decoration:none; }

.large-footer ul li:first-child { border-top: none; }

.large-footer ul li a{
	text-decoration:none;clear:both;
	display:inline-block; }

.large-footer ul li a:hover,.small-footer a:hover { color:#fff; }

#footer ul.children li,#footer ul.sub-menu li {width:auto;}

.small-footer {
	clear:both;
	width:auto;
	font-size: 11px;
	background: url(../images/pattern3.png) 0 1px;
	border-top: 1px solid #3d3d3d;
	height:60px;
	margin: 0 auto 0 auto;}

.small-footer p { padding-top: 20px;}

.small-footer a { text-decoration:none; color:#aaa; }
.small-footer a:hover { text-decoration: underline;  }

.small-footer-content { width:940px; margin:0 auto; }

.large-footer select { background:#232323; border:1px solid #2b2b2b; outline:none; padding:5px; margin-bottom: 30px; }

.large-footer ul li ul, .large-footer ul li ul li ,.large-footer ul li ul li ul li{ border:none; margin:0;}
#footer form select {max-width: 100%;}

/***************************************************************
* (7) Sidebar *
****************************************************************/

#sidebar {
	float:left;
	width:293px;
	padding-bottom: 30px;
	margin-top:-30px; }

#sidebar a { text-decoration:none; }
#sidebar a:hover { color:#000; }

.sidebar-right { background: url(../images/sidebar-bg.png) repeat-y 676px 0; }
.sidebar-left { background: url(../images/sidebar-bg.png) repeat-y 320px 0; }

#sidebar h3 {
	background: url(../images/sidebar-title-bg.png) repeat-x 0 bottom;
	width:293px;
	margin-top: 30px;
	margin-right: 0px;
	padding:0 0 13px 33px;
	font-size:15px; }

#sidebar p { padding-left: 33px; }

#sidebar ul { margin:-5px 22px 0 33px; }

.sidebar-left #sidebar { margin-left:-30px; }
.sidebar-left #sidebar h3 {padding-left:30px; width:290px;}
.sidebar-left #sidebar ul  {margin:0 26px 0 30px; }

#sidebar ul li{
	clear:both;
	background: url(../images/sidebar-list.png) no-repeat 10px 13px;
	border-bottom: 1px solid #ececec;
	display:block;
	width:100%;
	text-indent: 0;
	line-height: 20px;
	padding:5px 0 5px 10%;
	text-decoration:none; }

#sidebar ul.sub-menu li,#sidebar ul.children li { width:auto;}

#sidebar ul li:hover,
#sidebar ul li.current-cat,
#sidebar ul li.current_page_item,
#sidebar ul li.current-menu-item, 
#sidebar ul li.current-menu-parent, 
#sidebar ul li.current-category-ancestor,
#sidebar ul li.current-post-ancestor,
#sidebar ul li.current-page-ancestor { 
	background: url(../images/sidebar-list2.png) no-repeat 10px 13px; }	

#sidebar ul li:first-child { border-top: none; }

#sidebar ul li a{ text-decoration:none; }

#sidebar ul li a:hover { color:#000; }

#sidebar ul li ul { margin:2px 0 0 0;}
#sidebar ul li ul li{ border:none; }

#sidebar select { margin-left: 30px;  padding:5px; max-width: 100%;}
#sidebar form select {margin-left: -30px; margin-right: -30px; max-width: 113%;}


/***************************************************************
* (11) Home Page *
****************************************************************/

.home_services img { float:left; margin:0 15px 0 0; width:33px; height:33px; }
.home_services h4 {  margin:0; padding-top:10px;}
.home_services p { display:block; clear:both; margin: 2px 0 0 0; }
.home_readmore a { text-decoration:none; margin-top: -5px; display:block; clear:both; font-family: georgia; font-size:11px; font-style: italic;}
.home_readmore a:hover { color:#363636; }

.about_company { margin-right:30px; float:left; position:relative; width:auto; overflow:hidden; }

.home_services2 { margin-bottom: 0; }
.home_services2 img { margin:0 15px 0 0; position: absolute; border-radius: 100px; border:4px solid #f3f3f3; width:43px; height:43px; 	}

.home_services2:hover img { border-color:#cfcfcf; }

.hs_content { padding-left:70px; }
#content .home_services2 h4 { margin:0 0 5px 0; font-size: 14px; }
.home_services2 p { display:block; clear:both;}
.home_readmore2 a { text-decoration:none; margin-top: -5px; display:block; clear:both; font-family: georgia; font-size:11px; font-style: italic;}
.home_readmore2 a:hover { color:#363636; }

.about_company { margin-right:30px; float:left; position:relative; width:auto; overflow:hidden; }

/***************************************************************
* (12) Blog Page *
****************************************************************/

.blog_post { 
	clear:both; 
	margin:0 -30px 0 -30px; 
	padding:0 30px 0 30px; }

.date_title_section { display:block; padding-bottom: 10px;  }

.post_date { 
	background:#373737;
	height:34px; 
	width: auto;
	display:inline-block;
	float:left;
	border-radius: 0 3px 3px 0;
	padding-right: 12px;
	margin-right:15px;
	color:#fff;
	font-size:15px;
	text-indent: 12px;
	line-height: 34px;
	text-shadow:0 1px 0 #000; }

.post_format_icon { 
	width:30px; 
	height:34px; 
	display:inline-block; 
	float:left;
	margin-left: -30px; }

.pfi_standard { background: url(../images/post_format_standard.png) no-repeat 0 0; }
.pfi_image { background: url(../images/post_format_image.png) no-repeat 0 0; }
.pfi_gallery { background: url(../images/post_format_gallery.png) no-repeat 0 0; }
.pfi_video_icon { background: url(../images/post_format_video.png) no-repeat 0 0; }
.pfi_audio { background: url(../images/post_format_audio.png) no-repeat 0 0; }
.pfi_aside { background: url(../images/post_format_aside.png) no-repeat 0 0; }
.pfi_quote { background: url(../images/post_format_quote.png) no-repeat 0 0; }	
.pfi_link { background: url(../images/post_format_link.png) no-repeat 0 0; }

#content .blog_post ul { margin-bottom:15px; }

#content .blog_post h3.post_title { 
	padding:3px 0 0 80px; 
	font-size: 20px; 
	line-height: 27px; }

#content .blog_post h3.post_title2 {padding-left:0;
}	

#content .blog_post h3 a { text-decoration: none; }	

#content .blog_post h3 a:hover { color:#363636 }	

.post_format { 
	display:block; 
	clear:both; 
	margin:-1px 0 0 0;
	overflow:hidden;
	padding:3px;
	border:1px solid #f1f1f1;
	font-size: 0;
	line-height: 0;
	border-radius: 3px; }

.post_format a img { display:block; width:auto; height:auto; font-size: 0; }

.clear_pf { clear:both; margin-bottom:16px; }
.clear_pf2 { clear:both; margin-bottom:15px; }
.clear_pf3 { clear:both; margin-bottom:-7px; }

.pf_quote { 
	font-size:14px;
	line-height: 25px; 
	margin: -20px 0 0px 0; 
	padding:0 0 0 50px;
	border:0;	
	font-weight: normal;
	background: url(../images/quote1.png) no-repeat 0 6px; }

.pf_quote span { 
	clear:both;
	font-size: 12px; 
	line-height: 30px;
	text-decoration: none; 
	display: block;
	font-style: normal; 
	margin-top: 5px;
	float:right;	
	background: url(../images/quote2.png) no-repeat right 5px;
	padding-right:30px; }

.pf_quote span a { text-decoration: none; }

.pf_image { position: relative;}
.pf_image img {  }

.pf_image_caption { 
	position:absolute; 
	bottom:0px; 
	margin:0 3px 3px 0;
	z-index: 999;
	background: rgba(0, 0, 0, 0.5);	
	width:578px;
	height:auto;
	overflow: hidden;
	color:#fff;
	padding:15px 15px 10px 15px; }

#content .pf_image_caption h4 { color:#fff; margin-bottom:5px; line-height: 20px; font-size: 14px; }
#content .pf_image_caption p { color:#fff; margin-bottom:5px; display:block; font-size: 12px; line-height: 20px; }

.post_bottom {
	margin:0 -30px 30px -30px; 
	font-size: 11px;
	background: url(../images/sidebar-title-bg.png) repeat-x 0 0; }

.post_bottom_bg span a {text-decoration: none;}
.post_bottom_bg span a:hover,.pf_quote span a:hover { color:#000;}	

.post_bottom_bg {
	background: url(../images/sidebar-title-bg.png) repeat-x 0 bottom;
	padding:12px 30px 0 30px; }

.post_bottom_bg span { padding:0; margin-top:0px; margin:0 15px 0 0; height:32px; }

.post_author { background: url(../images/icon_user.png) no-repeat 0 0; }
.post_comments { background: url(../images/icon_comments.png) no-repeat 0 0; }
.post_category { background: url(../images/icon_category.png) no-repeat 0 0; }
.post_date_icon { background: url(../images/icon_date.png) no-repeat 0 0; }

.post_bottom_bg span.post_button a { text-decoration:none; float:right; font-style: italic; font-size: 12px; }
.post_bottom_bg span:hover.post_button a { color:#505050; }

.post_bottom span i { color:#aaa; font-size: 12px;}
.post_bottom span:hover i { color:#000;}

.post_bottom span.right { margin:0; padding:0; }
.pf_gallery { margin-bottom: 20px; cursor: pointer; }
.pf_aside { margin:-8px 0 20px 0; }
.pf_aside p { margin:0; }

.pf_gal_border { padding:3px; border:1px solid #f1f1f1; border-radius: 3px; font-size: 0; line-height: 0; overflow: hidden;}

/*Post format video*/

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

.my_video {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden; }

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

/* Self hosted media player */

.jp-audio, .jp-video {
	margin: 0 auto;
	width:616px;
	max-width: 100%; }

.jp-jplayer { 
	padding:3px;
	border:1px solid #f1f1f1;
	font-size: 0;
	line-height: 0;
	border-radius: 3px; }	

.jp-audio, .jp-video { max-width: 100%; height:auto; }

.jp-gui { margin-top: -15px; }

.jp-interface,.jp-interface2 {	
	background: #282828;
	background: linear-gradient(#3e3e3e, #282828);
	background: -moz-linear-gradient(#3e3e3e, #282828);
	background: -webkit-linear-gradient(#3e3e3e, #282828);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#3e3e3e), to(#282828));
	background: -o-linear-gradient(#3e3e3e, #282828);
	border: 1px solid #282828;
	border-radius: 5px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.1);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.1);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.1);
	-o-box-shadow: 0 1px 2px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.1);
	margin-bottom: 3px;
	left: 15px;
	top: -33px; 
	position: relative;
	height: 32px;
	width: 585px; }

.jp-controls {	
	margin: 0;
	padding: 0;
	float: left;
	z-index: 100000; }

ul.jp-controls li { float: left; background:none; }

.jp-controls a {
	position: absolute;
	overflow: hidden;
	text-decoration: none;
	text-indent: -99999px; }

.jp-play, .jp-pause, .jp-mute, .jp-unmute, .jp-full-screen, .jp-restore-screen {	
	background: url(../images/player_icons.png) 0 0 no-repeat;	
	display: block;
	z-index: 2;
	height: 32px;
	width: 32px; }

.jp-pause { background-position: -32px 0; }
.jp-mute { background-position: -64px 0; }
.jp-unmute { background-position: -96px 0; }
.jp-full-screen { background-position: -128px 0; }
.jp-restore-screen { background-position: -160px 0; }

.jp-play:hover { background-position: 0 -32px; }
.jp-pause:hover { background-position: -32px -32px; }
.jp-mute:hover { background-position: -64px -32px; }
.jp-unmute:hover { background-position: -96px -32px; }
.jp-full-screen:hover { background-position: -128px -32px; }
.jp-restore-screen:hover { background-position: -160px -32px; }

.jp-play,.jp-pause { left:0px; }
.jp-mute, .jp-unmute { right: 82px; }
.jp-full-screen, .jp-restore-screen { right: 0; }

.jp-progress {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	padding: 0 123px 0 40px;
	margin: 12px 0;
	width: 100%;
	height: 8px; }

.jp-volume-bar {
	float: right;
	margin: 12px 0;
	right: 39px;
	width: 42px;
	height: 10px; }

.jp-seek-bar, .jp-volume-bar {
	background: #242424;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #363636;
	border-left: 1px solid #2d2d2d;
	border-right: 1px solid #2d2d2d;	
	border-radius: 3px;
	cursor: pointer;
	height: 5px;
	padding: 0;
	position: relative;
	z-index: 999; }

.jp-play-bar, .jp-volume-bar-value {
	border-radius: 1px 2px 2px 1px;
	border-radius: 3px;
	height: 6px;	
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.2);
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2);

	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2);
	-o-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2); }

.jp-video-full { position: relative; }

.jp-video-full .jp-jplayer {
	position: fixed !important;
	position: relative;
	overflow: hidden;	
	top: 0;
	left: 0;
	background: #000;
	z-index: 1000; }

.jp-video-full .jp-gui {
	display: block;
	z-index: 10000; }

.jp-video-full .jp-interface { 
	bottom: 0;
	position: fixed;
	top: auto; 
	left: 0.30%;	
	width: 99%;
	z-index: 1000; }

/* Audio Interface */
.jp-audio .jp-full-screen,.jp-audio .jp-restore-screen { display:none; }
.jp-audio .jp-mute, .jp-audio .jp-unmute { right: 52px; }
.jp-audio .jp-volume-bar { right: 10px; }
.jp-audio .jp-progress {	padding-right:94px; }

/* About author */

.about_author img { float:left; margin: 0 20px 0 0; padding:3px; border:1px solid #e1e1e1; border-radius: 3px; }
#content .about_author p { padding-left: 120px; margin:0;}

/* Comments */

#content .commentlist ol, #content .commentlist ol li{ 
	list-style:none; 
	margin:0; 
	padding:0;}
	
#content .commentlist { padding-bottom:6px;  }	

div.commentlist a { text-decoration:none;}
div.commentlist ol li a:hover { text-decoration:underline;}
div.commentlist ol li { list-style:none;}
div.commentlist ol  { padding:0; clear:both; width:auto; margin:0; }

#content .commentlist ol li { 	 
	width:auto;
	display:block;
	background:none; 
	list-style:none; 
	padding:20px 0 0 0; margin:0;}

#content .commentlist  ol li ul li { padding:20px 0 0 0; margin:0;}

.comment { padding:0px; margin:0; width:auto;  }

.comment-author { width:64px; float:left; height:90px;margin-bottom:17px; position: relative; }
	
#content .commentlist  ol li .avatar {	
	border:1px solid #dbdbdb; 
	margin:0;
	padding:2px; 
	height:60px;
	width:60px;
	display:block;}		
	
.reply a{ 	
	display:block;
	width:64px; 	
	font-size:11px;	
	padding-top:7px;	
	text-align:center; 	
	text-decoration:none;	
	letter-spacing:0;
	font-family: arial; }

#content .reply a:hover { color:#363636; text-decoration:none; 	}

.bypostauthor>div { border:none; }
.bypostauthor>div  .avatar {  }
.bypostauthor>div .reply a {  }
.bypostauthor>div  .reply a:hover  {  }

#content .commentlist ol li ul li { padding:20px 0 0 39px; } 
#content .commentlist li> .comment { border-bottom: 1px dotted #e1e1e1; }  
#content .commentlist ol li.comment 									{ width:616px;  }
#content .commentlist ol li ul li.comment 								{ width:577px; }
#content .commentlist ol li ul li ul li.comment 						{ width:538px; }
#content .commentlist ol li ul li ul li ul li.comment				{ width:499px; }
#content .commentlist ol li ul li ul li ul li ul li.comment			{ width:460px; }
#content .commentlist ol li ul li ul li ul li ul li ul li.comment 		{ width:421px; }
#content .commentlist ol li ul li ul li ul li ul li ul li ul li.comment { width:382px; }

#content .commentlist ol li ul li .comment-text 								{ width:493px; } 
#content .commentlist ol li ul li ul li .comment-text 							{ width:454px; }
#content .commentlist ol li ul li ul li ul li .comment-text 					{ width:415px; }
#content .commentlist ol li ul li ul li ul li ul li .comment-text 				{ width:376px; }
#content .commentlist ol li ul li ul li ul li ul li ul li .comment-text 		{ width:337px; }
#content .commentlist ol li ul li ul li ul li ul li ul li ul li .comment-text 	{ width:298px; }

.comment-text {	
	padding:0 0 0 20px;		
	float:left;	
	margin:-1px 0 0 0;
	width:532px; }
	
.comment-body { margin-top:10px;}

.comment-heading { height:20px; margin-top:-4px; margin-bottom: -5px; }

#content .comment-text cite{ 	
	font-size:13px;	
	font-style: normal;
	float:left;}

#content .comment-text cite	a { text-decoration: none;}

.comment-text .date { float:right; color:#808080; font-size: 11px;}

 /*Comment Form*/

#respond { margin-top:0;  clear:both; display:block; padding:15px 0; background:none;}
#content #respond h3 { background:url(../images/hr.png) repeat-x 0 bottom; clear:both; font-size:18px; margin:0 0 15px 0; padding:0;  }
#respond a:hover#cancel-comment-reply-link { color:#000; }

#respond .required { color:red; }
#respond .comment-notes { margin-bottom:20px; width:auto; }
#respond .comment-form-comment label { display:none; }

#respond #cancel-comment-reply-link,#respond a#cancel-comment-reply-link  { 
	float:right; 
	font-size:14px; 
	background:url(../images/icons/close2.png) no-repeat 0 8px; 
	padding-left:21px; 
	color:#707070; 
	line-height:30px; 
	margin-right:21px;}

#respond label { height:30px; line-height:30px; width:auto; font-weight: bold;}

#respond input, #respond textarea,.widgetFormInput,.widgetFormTextarea,#contact-form-widget p.formButton input,#contact_form p.formButton input {		
	clear:both;	
	width:300px;
	float:left;
	font-family:arial, verdana;	
	font-size:12px; 
	background:#fff;	
	outline:0;	
	display:block;	
	border:1px solid #ddd;	
	border-radius: 3px;	
	-moz-box-shadow: inset 3px 3px 3px #e6e6e6;
	-webkit-box-shadow: inset 0 0 5px #e6e6e6;
	box-shadow: inner 0 0 5px #e6e6e6;
	height:30px;
	line-height:30px;
	padding:0;
	text-indent: 10px;
	margin: 0 10px 10px 0; }	

#respond textarea { 
	text-indent: 0;
	height:150px;
	line-height:22px;
	padding:7px 10px;
	width:500px; }

#content .commentlist ol li ul li #respond textarea 					{ width:500px; }
#content .commentlist ol li ul li ul li #respond textarea 				{ width:500px; }
#content .commentlist ol li ul li ul li ul li #respond textarea 		{ width:450px; }
#content .commentlist ol li ul li ul li ul li ul li #respond textarea	{ width:430px; }
#content .commentlist ol li ul li ul li ul li ul li ul li #respond textarea	{ width:390px; }
#content .commentlist ol li ul li ul li ul li ul li ul li ul li #respond textarea	{ width:350px; }

#content .commentlist ol li #respond							{ width:616px; }
#content .commentlist ol li ul li #respond						{ margin-left:0px; width:577px; }
#content .commentlist ol li ul li ul li #respond				{ margin-left:0px; width:538px; }
#content .commentlist ol li ul li ul li ul li #respond			{ margin-left:0px; width:499px; }
#content .commentlist ol li ul li ul li ul li ul li #respond	{ margin-left:0px; width:460px; }
#content .commentlist ol li ul li ul li ul li ul li ul li #respond		{ margin-left:0px; width:421px; }
#content .commentlist ol li ul li ul li ul li ul li ul li ul li #respond{ margin-left:0px; width:382px; }

#respond input:hover, #respond input:focus,#respond textarea:hover, #respond textarea:focus,
.widgetFormTextarea:hover,.widgetFormInput:hover{ 
	background:#f5f5f5;
	border-color:#e5e5e5;	
	-moz-box-shadow: 0 0 3px #ccc;
	-webkit-box-shadow: 0 0 3px#ccc;
	box-shadow: 0 0 3px #ccc;}
	
#respond p.form-allowed-tags	 {  clear:both; display:none; }

#respond p { margin:0; clear:both;}

#respond p.form-submit input,#contact-form-widget p.formButton input,#contact_form p.formButton input{
	width:auto; 
	margin:0; 
	padding:0 10px; 
	cursor: pointer;
	text-indent: 0;
	border-color: #ddd;
	background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #f5f5f5, #f1f1f1);
    background-repeat: repeat-x;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);}

#respond p.form-submit input:hover,#contact-form-widget p.formButton input:hover,#contact_form p.formButton input  { 
	background-color: #e5e5e5;
	background-image: linear-gradient(to bottom, #f1f1f1, #e5e5e5);
	border-color: #ccc; }


/***************************************************************
* (13) Portfolio *
****************************************************************/

.portfolio { margin:0 -30px 0 0;  text-align: center;} 

.pf_4col .pf_box { width:220px;}
.pf_3col .pf_box { width:299px;}
.pf_2col .pf_box { width:457px;}

.pf_gallery_small .pf_box { width:220px; }
.pf_gallery_medium .pf_box { width:299px; }
.pf_gallery_large .pf_box { width:457px; }
.pf_gallery_small .pf_box { margin:0; }

.pf_gallery_small .pf_box,.pf_gallery_medium .pf_box,.pf_gallery_large .pf_box,
.pf_4col .pf_box,.pf_3col .pf_box,.pf_2col .pf_box  { 
	padding:3px; 
	border:1px solid #f1f1f1; 
	margin:0 9px 9px 0;
	box-shadow: none; }

.pf_box:hover  { 
	border-color: #ddd;
	-moz-box-shadow: 0 0 7px #ddd;
	-webkit-box-shadow: 0 0 7px #ddd;
	box-shadow: 0 0 7px #ddd; }	


.pf_box img,.pf_box a img { 
	width:100%;
	height:auto;
	display:block;
	line-height: 0;
	font-size: 0;  }	

.pf_details { 
	background:#f9f9f9;
	padding: 10px 0;
	text-shadow:0 1px 0 #fff;
	border-bottom: 1px solid #f1f1f1;
	border-right: 1px solid #f1f1f1;
	border-left: 1px solid #f1f1f1; }

#content .pf_details h3,#content .pf_details h3 a { 	
	font-family: arial, verdana, tahoma;
	text-shadow:none;
	font-weight: bold;	
	margin:0;	
	font-size: 13px;
	display: block; }

#content .pf_details h3 a { 	
	text-decoration: none;	
	font-weight: bold;}	

#content .pf_details p { margin:0 15px; font-size: 11px; line-height: 18px; color:#606060;}

#content ul.pf_categories { padding:0; margin:0 15px; text-align: center; }
#content ul.pf_categories li { background:none;  display:inline;  font-size: 11px; display:inline; line-height: 18px; padding:0; margin:0; margin-right:-3px;  }

#content ul.pf_categories li:before { content: ", "; }
#content ul.pf_categories li:first-child:before { content: ""; }



/* ===== Horizontal Menu ===== */

.horizontal_menu { 	
	margin:0px -30px 20px -30px; 
	padding:0 30px 0 30px;
	display:block;
	line-height: 25px;
	height:25px;
	font-size: 11px; }

.horizontal_menu span { float:left; margin-right: 10px; }

.horizontal_menu ul{	padding:0; margin:0; }

.horizontal_menu a { text-decoration: none; }

.horizontal_menu li { background: none; padding: 0; margin:0; float:left; }

.horizontal_menu li a{
    display: inline-block;
    height:25px;
    background: #fff;
    border:1px solid #ddd;
    line-height: 25px;
    border-radius: 3px;
	list-style: none;
	padding: 0 10px;    
	margin: 0 3px 0 0;
	text-shadow:0 1px 0 #fff;
	background: #f5f5f5;
	background: linear-gradient(top, #fff 0%, #eee 100%);
	background: -moz-linear-gradient(top, #fff 0%, #eee 100%);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#eee));
	background: -webkit-linear-gradient(top, #fff 0%, #eee 100%);
	border-radius:3px;
	border:1px solid #e5e5e5; }

.horizontal_menu li a.active,.horizontal_menu li a:hover{	
    background: #eee;   
	background: linear-gradient(top, #eee 0%, #fff 100%);
	background: -moz-linear-gradient(top, #eee 0%, #fff 100%);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#fff));
	background: -webkit-linear-gradient(top, #eee 0%, #fff 100%); }

.horizontal_menu li a.active,  .horizontal_menu li.current-menu-item a { color:#444; }	

.horizontal_menu li a.current{	
    background: #f5f5f5;	
    font-weight: bold;
    -webkit-box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.1);		
	border-color:#ddd;  }

.horizontal_menu li a.icon_next_prev { padding:0 4px 0 7px; }

.horizontal_menu li a.active, .horizontal_menu li.current-menu-item a{
   background: #eee;
	background: linear-gradient(top, #eee 0%, #fff 100%);
	background: -moz-linear-gradient(top, #eee 0%, #fff 100%);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#fff));
	background: -webkit-linear-gradient(top, #eee 0%, #fff 100%);
	border-color:#ddd; }


.pagination_menu { margin-top: 21px; }

/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s; }

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width; }

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity,border-color, box-shadow;	
     -moz-transition-property:    -moz-transform, opacity,border-color, box-shadow;	
       -o-transition-property:         top, left, opacity,border-color, box-shadow;	
          transition-property:         transform, opacity,border-color, box-shadow; }

/**** 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;
       -o-transition-duration: 0s;
          transition-duration: 0s; }

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

/**** Isotope Filtering ****/
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }

#content .portfolio > ul > li { display:inline-block; padding:0; margin:0; background: none; float: left; }

/***************************************************************
* (14) Contact Form *
****************************************************************/

#contact_form div {padding-bottom: 15px;}

#contact_form label { display:block; padding-bottom: 5px; clear:both;}
#contact_form label span { font-size: 11px; color:#707070; }

.input-text,.input-textarea { 
	font-family:arial, verdana;	
	font-size:12px; 
	background:#f5f5f5;	
	outline:0;	
	display:block;	
	border:1px solid #eee;	
	border-radius: 3px;	
	-moz-box-shadow: inset 3px 3px 3px #e6e6e6;
	-webkit-box-shadow: inset 0 0 5px #e6e6e6;
	box-shadow: inner 0 0 5px #e6e6e6;
	width:100%;
	height:30px;
	line-height:30px;
	padding:0;
	text-indent: 10px;
	margin-bottom:3px; }

.input-textarea { 	
	text-indent: 0;
	height:138px;
	line-height:22px;
	padding:7px 10px;
	width:596px; }

.input-text:hover,.input-textarea:hover { 
	border-color:#e5e5e5; 
	background:#f1f1f1;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px#ccc;
	box-shadow: 0 0 5px #ccc;  }

p#msg {	
	background:url(../images/icons/form_error.png) no-repeat 0 1px; 		
	padding-left:23px; }
	
#smessage { 
	font-size:14px; 
	background:url(../images/icons/form_success.png) no-repeat 0 0px; 			
	padding-left:27px; 
	line-height:25px; 
	margin:0; 
	height:25px;}

#contact_form label.error,#contact_form span.error { color:#ce0000; text-shadow: none; }

#contact_form p { margin:0; }

/***************************************************************
*  (15) Go Top Scroll *
****************************************************************/
.gotop a, .gotop2 a { 	
	text-decoration:none; 
	font-size:10px; 
	float:right;
	height:20px;
	margin-top:0px;}	
.gotop2 a { margin-top:-30px; background:#ededed; padding-left:7px; color:#888}		
.gotop a {color:#888; }	
.gotop a:hover { color:#000; }
.gotop2 a:hover {color:#000; }

.goTop { margin-right:5px; margin-bottom:6px;}

#topcontrol { background:url(../images/top_arrow.png) no-repeat 0 0px; display:block; width:25px; height:25px; margin-right:5px; margin-bottom:12px; }	

/***************************************************************
* (16) Testimonials Page *
****************************************************************/
	
#content div.testimonials-text {overflow:hidden; margin:0 0 -10px 0; padding:0 }

#content div.testimonials-text p { margin:0 0 10px 0}

#content div.testimonials-text h5 { margin:0 0 10px 0; padding:0; font-size:12px; font-family: arial; font-weight: bold; }
#content div.testimonials-text h5 sup { font-size:11px; font-weight: normal;  color:#777; margin-top: -1px; display: block;}

#content div.testimonials-text a.client-website,#content .box-testimonials-client a {  background:url(../images/icons/shortcut.png) no-repeat 0 1px; text-decoration:none; padding-left:18px; }
#content div.testimonials-text a:hover.client-website,#content .box-testimonials-client a:hover { text-decoration:underline;}

#content .box-testimonials-client a { float:right; margin-top: 12px; background-position: 0 3px; font-size: 11px;}

/* testimonial with client image */

#content .testimonials1 {
	clear:both;
	margin:0; 
	padding:0; 
	height:100%; 
	float:left;}

/* testimonial without client image */

.testimonials2 {
	background:url(../images/quote1.png) no-repeat 0 3px; 
	margin:0; 
	padding:0 0 0 60px;
	height:100%; 
	clear:both;}	

/* video testimonials */
	
.flashunit {	
	clear:both;
	margin:0;
	padding-right:15px;
	width: 210px;
	float:left;
	display:block;
	position:relative;}
	
object.flashvideo {
	width: 200px;
	height:150px;
	padding: 4px;
	background: #fff;
	border: 4px solid #eee;}
	
/* testimonial with quotes */
	
#content .quote-testimonials {
	padding: 20px 0px 0 0;
	margin-top: 20px;
	clear:both;}

#content .quote-testimonials span { background:url(../images/quote-small.png) no-repeat 0px 0px; padding-left:40px; padding-top:15px; }
	
#content .quote-right { float:right;  background:url(../images/quote-right.png) no-repeat right 3px; text-align:right; padding-right:60px; margin-top:0px;}	
	
#content div.quote-testimonials h5 { margin:7px 0 0px 0; padding:0; font-size:18px; font-style:italic;  }
#content div.quote-testimonials h5 sup { font-size:13px;}


/* Box Testimonials */

#content .box-testimonials { clear:both; margin:10px 0 0 0;}
#content .box-testimonials p { background:#f9f9f9; padding:20px; color:#464646; margin:0; border:1px solid #e9e9e9; border-radius: 3px;}

#content .box-testimonials-client { background:url(../images/testimonials_angle.png) no-repeat 30px 0px; padding-left:70px; margin-top: -1px; margin-bottom: 30px; }
#content .box-testimonials-client h5  { margin:0px 0 7px 0; padding-top:10px; font-size:12px;  font-family: arial; font-weight: bold; }
#content .box-testimonials-client h5 sup {  font-size:11px; color:#777; margin-top: -1px; display: block; font-weight: normal;}

/***************************************************************
* (17) Archives page *
****************************************************************/

.archives-table { 
	width:100%; 
	border:1px solid #e5e5e5; 
	margin-bottom:30px; 
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px; }

#content .archives-table ul li { 
	float:left; 
	display:block; 
	border-bottom:1px solid #e5e5e5; 
	border-top:1px solid #fff; 
	height:auto; 
	width:100%; 
	padding:5px 0; 
	margin:0; 
	background:#f9f9f9; 
	line-height:20px;	 
	clear:both;}
	
#content .archives-table ul li.tbl-heading,#content .archives-table ul li:hover.tbl-heading  { 
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;	
	line-height:20px; 	
	display:block; 
	font-size:14px;
	font-weight: normal; 
	color:#000;
	border-bottom:1px solid #e1e1e1;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e9e9e9));
	background: -moz-linear-gradient(top,  #f9f9f9,  #e9e9e9);}
	
#content .archives-table ul li.tbl-heading span.date, #content .archives-table ul li.tbl-heading span.post { 	
	line-height:33px; }	
	
#content .archives-table ul li:last-child { 
	border-bottom:none;
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;  }
#content .archives-table ul li .date { float:left; margin-left:22px;}
#content .archives-table ul li .post  { padding-left:57px; }
#content .archives-table ul li a  { text-decoration:none; float:left; padding-left:22px;}
#content .archives-table ul li:hover { background:#eee; color:#000; }
#content .archives-table ul li:hover  a {color:#000;}
	

/***************************************************************
* (18) Breadcrumbs *
****************************************************************/

#breadcrumb { float:left;clear:both; border-bottom:1px solid #e1e1e1; width:100%; font-size:11px;margin-top:-20px; height:24px; }

#breadcrumb ul { padding-left:30px; }

#breadcrumb ul li a { background:url(../images/breadcrumb_arrow.png) no-repeat right 8px; display:inline-block; padding-right:12px; }

#breadcrumb ul li,#breadcrumb ul li a { float:left; text-decoration:none;line-height:22px; color:#606060; }

#breadcrumb ul li {color:#303030; background:none;   padding:0 8px 0 0;}

#breadcrumb ul li a:hover { text-decoration:underline; color:#000;}


/* Main Boxes */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}
 
.clearfix:after {
	clear: both;
}

.codrops-header {
	margin: 0 auto;
	padding: 2em;
	text-align: center;
}

.codrops-header h1 {
	margin: 0;
	font-weight: 300;
	font-size: 2.5em;
	line-height: 1.3;
}

.codrops-header h1 span {
	display: block;
	padding: 0 0 0.6em 0.1em;
	font-size: 60%;
	opacity: 0.7;
}

/* To Navigation Style */
.codrops-top {
	width: 100%;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 0.69em;
	line-height: 2.2;
}

.codrops-top a {
	display: inline-block;
	padding: 0 1em;
	text-decoration: none;
	letter-spacing: 1px;
}

.codrops-top span.right {
	float: right;
}

.codrops-top span.right a {
	display: block;
	float: left;
}

.codrops-icon:before {
	margin: 0 4px;
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-family: 'codropsicons';
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
}

.codrops-icon-drop:before {
	content: "\e001";
}

.codrops-icon-prev:before {
	content: "\e004";
}

/* Demo Buttons Style */
.codrops-demos {
	padding-top: 1em;
	font-size: 0.8em;
}

.codrops-demos a {
	display: inline-block;
	margin: 0.5em;
	padding: 0.7em 1.1em;
	outline: none;
	border: 2px solid #fff;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
}

.codrops-demos a:hover,
.codrops-demos a.current-demo,
.codrops-demos a.current-demo:hover {
	border-color: #333;
	color: #333;
}

.related {
	text-align: center;
	font-size: 1.5em;
}

@media screen and (max-width: 25em) {

	.codrops-icon span {
		display: none;
	}

}


.main-social-net {
  float: right;
  width: 50%;
}

.social-icons {
  overflow: hidden;
  float: right;
  width: 290px;
  height: 70px;
  padding: 20px 0 0 0;
}
.social-icons li {
  float: right;
  position: relative;
  width: 9%;
  height:10px;
  margin: 1% 0.5%;
  padding-bottom: 9%;
}
.social-icons:last-of-type {
  margin-right: 0;
}

.social-icon a {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  background-color: #fff;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  text-decoration: none;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -moz-border-radius: 10%;
  -webkit-border-radius: 10%;
  border-radius: 10%;
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.social-icon a:hover {
  background-color: #222;
  background-size: 0%;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.social-icon a:hover .social-name {
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
}

.social-name {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -7px;
  color: #fff;
  font-size: 9px;
  text-align: center;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-filter: blur(25px);
  filter: blur(25px);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.icon-facebook a {
  background-color: #3b5998;
  background-image:url(../images/facebook.png);
}

.icon-twitter a {
  background-color: #00aced;
  background-image:url(../images/twitter.png);
}

.icon-linkedin a {
  background-color: #007fb1;
  background-image:url(../images/linkedin.png);
}

.connvida-ot-lights img {
float: left;
margin: 0 0 20px 60px !important;
width: 200px;
}







/*** MEDIA QUERIES ***/
@media screen and (max-width: 1024px) {
}

@media screen and (max-width: 800px) {
.main_wp{width: initial !important;}
.ContentLeft{width: initial !important; float:none !important;}
.ContentRight{width: initial !important; float:none !important;}
.ContentRight .product_Wp{margin:20px 0  !important;}
.ContentRight .facebook_Box iframe{width:100% !important;}

#logosection {width:100% !important;}
#logosection span {width:100% !important;}
.main-social-net {width:100% !important;}
.social-icons {width:148px; height:56px; float:none !important; text-align:center; margin:0 auto !important;
}
.social-icons li {float:left;}
}

   @media screen and (max-width: 768px) {
.main_wp{width: initial !important;}
.ContentLeft{width: initial !important; float:none !important;}
.ContentRight{width: initial !important; float:none !important;}
.ContentRight .product_Wp{margin:20px 0  !important;}
.ContentRight .facebook_Box iframe{width:100% !important;}

#logosection {width:100% !important;}
#logosection span {width:100% !important;}
}

   @media screen and (max-width: 720px) {
.main_wp{width: initial !important;}
.ContentLeft{width: initial !important; float:none !important;}
.ContentRight{width: initial !important; float:none !important;}
.ContentRight .product_Wp{margin:20px 0  !important;}
.ContentRight .facebook_Box iframe{width:100% !important;}

#logosection {width:100% !important;}
#logosection span {width:100% !important;}
}

   @media screen and (max-width: 640px) {
.main_wp{width: initial !important;}
.ContentLeft{width: initial !important; float:none !important;}
.ContentRight{width: initial !important; float:none !important;}
.ContentRight .product_Wp{margin:20px 0  !important;}
.ContentRight .facebook_Box iframe{width:100% !important;}

#logosection {width:100% !important;}
#logosection span {width:100% !important;}
}

   @media screen and (max-width: 603px) {
.main_wp{width: initial !important;}
.ContentLeft{width: initial !important; float:none !important;}
.ContentRight{width: initial !important; float:none !important;}
.ContentRight .product_Wp{margin:20px 0  !important;}
.ContentRight .facebook_Box iframe{width:100% !important;}

#logosection {width:100% !important;}
#logosection span {width:100% !important;}
}

   @media screen and (max-width: 480px) {
.main_wp{width: initial !important;}
.ContentLeft{width: initial !important; float:none !important;}
.ContentRight{width: initial !important; float:none !important;}
.ContentRight .product_Wp{margin:20px 0  !important;}
.ContentRight .facebook_Box iframe{width:100% !important;}

#logosection {width:100% !important;}
#logosection span {width:100% !important;}
}

   @media screen and (max-width: 360px) {
.main_wp{width: initial !important;}
.ContentLeft{width: initial !important; float:none !important;}
.ContentRight{width: initial !important; float:none !important;}
.ContentRight .product_Wp{margin:20px 0  !important;}
.ContentRight .facebook_Box iframe{width:100% !important;}

#logosection {width:100% !important;}
#logosection span {width:100% !important;}
}

   @media screen and (max-width: 320px) {
.main_wp{width: initial !important;}
.ContentLeft{width: initial !important; float:none !important;}
.ContentRight{width: initial !important; float:none !important;}
.ContentRight .product_Wp{margin:20px 0  !important;}
.ContentRight .facebook_Box iframe{width:100% !important;}

#logosection {width:100% !important;}
#logosection span {width:100% !important;}
}






/*   Contact Us   */
.ContentLeft .main-contact {
	float: left;
	width: 90%;
	height: auto;
	border: 1px solid #ccc;
	padding: 10px;
	margin: 10px 0 0 0;
	background: #fff;
}

.ContentLeft .main-contact .main-contact-image {
	float: left;
	width: 100%;
	height: auto;
}

.ContentLeft .main-contact .main-contact-image img {
	width: 100%;
}

.ContentLeft .main-contact .main-contact-paragraph {
	float: left;
	width: 100%;
	height: auto;
	margin: 10px 0 0 0;
}

	.ContentLeft .main-contact .snonumber {
		float: left;
		width: 80px;
	}
	
	.ContentLeft .main-contact .longheight {
		height: 70px;
	}

	.ContentLeft .main-contact .nodetail {
	}






