/*
Theme Name: New Idea
Theme URI: http://themefocus.co/newidea/
Version: 4.3.3
Description:A powerful and clean theme.Designed by <a href="http://themefocus.co">ThemeFocus</a>
Author: ThemeFocus
Author URI: http://themefocus.co

Copyright: (c) 2009-2015 ThemeFocus.

License: GNU General Public License v2.0 PHP under GNU General Public License, JS and CSS under ThemeForest License Terms
License URI: http://themeforest.net/licenses/regular_extended

Tags: black,orange,white,fixed-width, flexible-width, custom-menu,theme-options
*/

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {margin: 5px 20px 20px 0;}
.aligncenter,div.aligncenter {display: block;margin: 5px auto 5px auto;}
.alignright {float:right;margin: 5px 0 20px 20px;}
.alignleft {float: left;margin: 5px 20px 20px 0;}
.aligncenter {display: block;margin: 5px auto 5px auto;}
a img.alignright {float: right;margin: 5px 0 20px 20px;}
a img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft {float: left;margin: 5px 20px 20px 0;}
a img.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.wp-caption {background: #fff;border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;text-align: center;}
.wp-caption.alignnone { margin: 5px 20px 20px 0;}
.wp-caption.alignleft { margin: 5px 20px 20px 0;}
.wp-caption.alignright { margin: 5px 0 20px 20px;}
.wp-caption img {border: 0 none;height: auto;margin: 0;max-width: 98.5%;padding: 0;width: auto;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;margin: 0;padding: 0 4px 5px;}
.sticky {}
.gallery-caption {}
.bypostauthor {}
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* ------- 1. General ------- */
body { background:#000000;min-width:900px;position:relative;font-size:12px;line-height:15px;}
h1, h2, h3, h4, h5, h6, ul, li, form {margin:0; padding:0; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; margin-bottom:5px; 
text-shadow: 1px 1px 0 black;
}
h1 { font-size:26px; line-height:35px;}
h2 { font-size:23px; line-height:20px;}
h3 { font-size:22px; line-height:22px;}
h4 { font-size:20px; line-height:18px;}
h5, h6{ font-size:16px; line-height:16px;}
ol{ padding-left:20px;}
ul { list-style:none;}
p:first-child { margin-top:0px;}
p { margin:0 0 15px; }
a,a:visited,a:hover,a:focus {text-decoration:none;}
*:focus{outline:none;}
/* http://sonspring.com/journal/clearing-floats */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* ------- 2. Header ------- */

header,footer {
	position:absolute;
	width:100%;
	z-index: 1000;
}

#content-elements {
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
}

header {top:0px;height:120px;}

header > span {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
}

header .container,footer .container {
	position:relative;
	width: 100%;
	height: 100%;
}

.socIcons{
	float:right; padding-top:5px;
}
.socIcons a{
	margin-left:8px;
}

.bg-for-image {
	position:absolute;
	width:100%;
	height:100%;
	z-index:-2;
	top:0px;
	left:0px;
}

/* ------- 3. Footer ------- */

footer {
	bottom:0px;
	height:36px;
}

footer > span {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
}

#loading-bg {
	width:100%;
	height:100%;
	position:absolute;
	z-index:9999;
	top:0px;
	left:0px;
}

.site-info {
	position: absolute;
	bottom: 4px;
	right: 10px;
	color: white;
}

#loading {
	display:none;
	height:24px;
	width:24px;
	margin:-4px 0px 0px -4px;
	position:absolute;
	left:50%;
	top:50%;
	background:url('images/req_loading.gif') no-repeat center black;
}

#loading.active {
	display:block;
}

/* ------- 4. Menu ------- */

#navBg,#logo {
	position:absolute;
}

#navBg {
	width: 100%;
	height: 36px;
}

#nav {
	margin: 0px;
	height: 36px;
	float: left;
}

.nav-item {
	float: left;
	position: relative;
	overflow: hidden;
}

.nav-bg {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: -38px;
}

#nav a {
	font-size: 16px;
	line-height: 20px;
	display: block;
	padding: 8px 18px;
	margin: 0px;
	float: left;
	display: inline;
	z-index: 10;
	position: relative;
	min-width: 36px;
	text-align: center;
	text-shadow: 1px 1px 0 #000000;
}


.menu-select {
	display:none;
}

/* ------- 5. Logo ------- */
#logo a {
	float:left;
}

/* ------- 6. Panel ------- */
.contBg{
	padding:15px; 
	width:860px; 
	height:360px; 
	position:absolute; 
	left:50%; 
	margin-left:-445px;
	opacity:0;
	filter:alpha(opacity=0); /* For IE8 and earlier */
}

.contBg > span {
	background-color:#000;
	opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	margin-left: -15px;
	margin-top: -15px;
}

.contBg h1,.contBg h2,.contBg h3 {
	margin-bottom:20px;
}

/* ------- 7. About ------- */
.about-container{
 	background:url('images/contbg.png') repeat; padding: 20px;height: 320px;position: absolute;width:820px;
}
.aboutDes{
 	width:575px; float:left;
}
.testimonials{
	width:225px; float:right;
}
.testimonials-image {
	max-width:225px;
}

.testimonials-container {
	position:relative;
	padding:20px;
}

.testimonials-container .test-quote-open {
    background: url("images/test-quote-open.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 20px;
    left: 2px;
    position: absolute;
    top: 2px;
    width: 20px;
}
.testimonials-container .test-quote-close {
    background: url("images/test-quote-close.png") no-repeat scroll 0 0 transparent;
    bottom: 2px;
    display: block;
    height: 20px;
    position: absolute;
    right: 2px;
    width: 20px;
}

.testimonials-content{
	font-size: 12px;
	font-style: italic;
	color: #DCDCDC;
}

.testimonials-name {
	margin-top:10px;
    color: #ffffff;
    font-size: 12px;
	text-align:right;
	text-shadow: 1px 1px 0 black;
}

/* ------- 8. News ------- */
.news-container {
	background:url('images/contbg.png') repeat; padding:20px; height:320px;
}

.newsList{
	position: relative;
	height:143px; 
	overflow:hidden;
	padding-left:0px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid black;
}

.news-container h6{ float:left;margin-top:10px;margin-bottom:10px;font-size:18px;cursor:pointer;}
.single-post-content h6 {cursor:auto;}
.news-container div.rhtCol{ margin-left:214px; line-height:15px; }
.newsDate { margin:3px 5px 3px 0px; }
.newsCategory { margin:3px 0px 3px 5px; }

.news-information .newsDate {
	font-size:11px;
}

.newsList .scroll-pane{
	width: 100%;
	height: 65px;
}

.newsList .more-link {
	bottom: 12px;
	position: absolute;
	right: 0px;
	line-height: 20px;
	cursor:pointer;
}

.news-container .newidea-jcarousel {
	height:320px;
	width:828px;
}

.jcarousel-news,.jcarousel-services{
	width:760px;
	position:absolute;
	top:0px;
}

/* ------- 9. Services ------- */
.services-container{
	background:url('images/contbg.png') repeat;
	padding: 20px;
	height: 320px;
}

.services-container .newidea-jcarousel {
	height:320px;
	width:828px;
}

.servicesList{
	height:149px; 
	overflow:hidden;
	padding-left:0px;
	padding-bottom: 10px;
	margin-bottom:10px;
	border-bottom: 1px solid black;
}

.servicesList .scroll-pane{
	width: 100%;
	height: 105px;
}

.servicesList h5{
	margin-bottom: 20px;
}

.services-container .rhtCol{
	margin-left:276px; line-height:15px;
}

/* ------- 10. Contact ------- */

.contact-container {
	background: url('images/contbg.png') repeat;
	padding: 20px;
	height: 320px;
	position: absolute;
	width: 820px;
}

.contact-container .contCol1{
	width:260px; float:left; margin-right:20px;
}
.contact-container .contCol2{
	width:260px; float:left;margin-right:20px;
}
.contact-container .contCol3{
	width:260px; float:left;
}
.contact-container address{
	font-style:normal; line-height:18px; padding:5px 0;
}
.contact-container .contForm{
	margin-top:18px;
}
.contact-container .contForm .fieldRow{
	padding:4px 0; clear:both;
}
.contact-container .contForm label{
	display:block; padding-bottom:2px;
}
.contact-container .contForm input, .contact-container .contForm select, .contact-container .contForm textarea{
	padding:5px; border:solid 1px #1a1a1a; width:180px; 
	background:rgba(255,255,255,0.2);
	color:#000000;
}
.contact-container .contForm textarea{
	width:250px;
	height:60px;
}
.contact-container .contForm input.button{
	cursor:auto;
	background:#7b7e7e; padding:7px; width:90px; margin-right:5px; color:#000; border:0; box-shadow:2px 2px 1px rgba(0,0,0,0.5); -moz-box-shadow:2px 2px 1px rgba(0,0,0,0.5); -webkit-box-shadow:2px 2px 1px rgba(0,0,0,0.5);
}

.contact-container .contForm input.button.active {
	cursor: pointer;
}

.contact-container .contForm input.button.active:hover{
	background:#dedede; 
}

.contact-container .contForm input:focus, .contact-container .contForm textarea:focus{
	border:solid 1px #ffffff;
}

.contact-container .contForm .rightCol{
	margin-left:140px;
}

.contact-information li{
	padding-left:0px;
}

.contact-information h6 {
	font-size:14px;
	margin:5px 0px;
}


/* Customization - Styles specific to this page  */

.scroll-pane {
	width: 100%;
	height: 280px;
	overflow: auto;
}

/* ------- 11. Gallery ------- */

.portfolio-container {
	padding:0px;
}

/* Image container style */
.ps_container{
	width:805px;
	height:544px;
	position:absolute;
	top:50%;
	margin-top:-175px;
	left:50%;
	margin-left:-240px;
	z-index:100;
}
.ps_container img{
	border:10px solid #fff;
	position:absolute;
	top:50%;
	left:50%;
	-moz-box-shadow:1px 1px 10px #000;
	-webkit-box-shadow:1px 1px 10px #000;
	box-shadow:1px 1px 10px #000;
}

/* Thumbnail slider style */
.ps_slider{
	width:auto;
	height:300px;
	position:relative;
	margin:50px auto;
	
}
.ps_slider a.next,
.ps_slider a.prev,
.portfolio-list a.next,
.portfolio-list a.prev{
	position:absolute;
    background-position:center center;
    background-repeat:no-repeat;
    width:41px;
    height:42px;
    top:50%;
    margin-top:-30px;
    opacity:0.6;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    cursor:pointer;
    outline:none;
	-webkit-transition: 500ms;
	-moz-transition: 500ms;
	-o-transition: 500ms;
	transition: 500ms;
	transform: scale(1,1);
	-ms-transform: scale(1,1); /* IE 9 */
	-webkit-transform: scale(1,1); /* Safari and Chrome */
	-o-transform: scale(1,1); /* Opera */
	-moz-transform: scale(1,1); /* Firefox */
}

.ps_slider a.prev.active:hover,.portfolio-list a.prev.active:hover,
.ps_slider a.next.active:hover,.portfolio-list a.next.active:hover{
    opacity:0.9;
	-webkit-transition: 500ms;
	-moz-transition: 500ms;
	-o-transition: 500ms;
	transition: 500ms;
	transform: scale(1.3,1.3);
	-ms-transform: scale(1.3,1.3); /* IE 9 */
	-webkit-transform: scale(1.3,1.3); /* Safari and Chrome */
	-o-transform: scale(1.3,1.3); /* Opera */
	-moz-transform: scale(1.3,1.3); /* Firefox */
}
.ps_slider a.disabled ,.portfolio-list a.disabled,
.ps_slider a.disabled:hover ,.portfolio-list a.disabled:hover{
    opacity:0.4;
    cursor:auto;
}
.ps_slider a.prev ,.portfolio-list a.prev{
    left:-60px;
    background-image:url('images/arrow-prev.png');
}

.portfolio-list a.prev{
    left:-30px;
	margin-top:0px;
}

.ps_slider a.next ,.portfolio-list a.next{
    right:-54px;
    background-image:url('images/arrow-next.png');
}

.portfolio-list a.next{
	right:-34px;
	margin-top:0px;
}
.ps_slider .ps_album{
	width:202px;
	height:262px;
	background-color:#333;
	position:absolute;
	top:0px;
	text-align:center;
	cursor:pointer;
	left:0px;
}
.ps_slider .ps_album .albumCont{
	position:relative; 
	width:200px;
	height:260px;
}
.ps_slider .ps_album .albumCont .ps_img {
	overflow:hidden;
	display:block;
	width:200px;
	height:260px;
}

.albumCont img {
	-webkit-transition: 500ms;
	-moz-transition: 500ms;
	-o-transition: 500ms;
	transition: 500ms;
	transform: scale(1,1);
	-ms-transform: scale(1,1); /* IE 9 */
	-webkit-transform: scale(1,1); /* Safari and Chrome */
	-o-transform: scale(1,1); /* Opera */
	-moz-transform: scale(1,1); /* Firefox */
}

.albumCont:hover img {
	-webkit-transition: 500ms;
	-moz-transition: 500ms;
	-o-transition: 500ms;
	transition: 500ms;
	transform: scale(1.2,1.2);
	-ms-transform: scale(1.2,1.2); /* IE 9 */
	-webkit-transform: scale(1.2,1.2); /* Safari and Chrome */
	-o-transform: scale(1.2,1.2); /* Opera */
	-moz-transform: scale(1.2,1.2); /* Firefox */
}

.ps_slider .ps_album .ps_desc{
	display:block;
	background:#000;
	text-align:left;
	line-height:20px;
	overflow:hidden;
	position:absolute;
	bottom:0;
	width:100%;
	background: url('images/caption-bg.png') repeat scroll 0 0 transparent;
}

.ps_slider .ps_desc h6{margin:10px 5px;text-shadow:none;font-weight:normal;font-size:14px;}

.pp_description,.pp_nav .currentTextHolder {
	color:#000000;
	text-shadow: none;
}

div.facebook .pp_nav p {
	font-size:12px;
}
.ps_tip {
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	background:#000000 url('images/zoom.png') no-repeat center;
	-webkit-transition: 500ms;
	-moz-transition: 500ms;
	-o-transition: 500ms;
	transition: 500ms;
	opacity:0;
	filter:alpha(opacity=0); /* For IE8 and earlier */
}

.albumCont:hover .ps_tip,.portfolio-list-item:hover .ps_tip {
	-webkit-transition: 500ms;
	-moz-transition: 500ms;
	-o-transition: 500ms;
	transition: 500ms;
	opacity:.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
}

.item-image {
	margin: 0 12px 12px 0;
	margin-bottom:0;
	width: 200px;
	height: 140px;
	float:left;
	overflow:hidden;
}

.servicesList .item-image ,.servicesList .item-image img {
	width: 260px;
	height: 110px;
}

.newsList .item-image img {
	-webkit-transition: 500ms;
	-moz-transition: 500ms;
	-o-transition: 500ms;
	transition: 500ms;
	transform: scale(1,1);
	-ms-transform: scale(1,1); /* IE 9 */
	-webkit-transform: scale(1,1); /* Safari and Chrome */
	-o-transform: scale(1,1); /* Opera */
	-moz-transform: scale(1,1); /* Firefox */
}

.newsList .item-image:hover img{
	-webkit-transition: 500ms;
	-moz-transition: 500ms;
	-o-transition: 500ms;
	transition: 500ms;
	transform: scale(1.2,1.2);
	-ms-transform: scale(1.2,1.2); /* IE 9 */
	-webkit-transform: scale(1.2,1.2); /* Safari and Chrome */
	-o-transform: scale(1.2,1.2); /* Opera */
	-moz-transform: scale(1.2,1.2); /* Firefox */
}

.news-back {
	margin-bottom:20px;
}

#portfolio-list-just-view {
	width:870px; 
	margin-left:-450px;
}

.portfolio-list {
	width: 870px;
	height:320px;
}

.portfolio-list-back {
	margin-bottom: 10px;
	margin-top: 10px;

}

.portfolio-list-back , .news-back {
		-webkit-transition: 500ms;
	-moz-transition: 500ms;
	-o-transition: 500ms;
	transition: 500ms;
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
}

.portfolio-list-back:hover , .news-back:hover  {
	-webkit-transition: 500ms;
	-moz-transition: 500ms;
	-o-transition: 500ms;
	transition: 500ms;
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

.portfolio-list-back a , .news-back a{
	padding: 8px 12px;
}

.portfolio-list-items {
	position:relative;
	float: left;
	margin-top: 10px;
}

.portfolio-list-item {
	width:210px;
	height:150px;
	position:absolute;
	overflow:hidden;
}

.portfolio-list-item .ps_img {
	width: 100%;
	height: 100%;
	position:absolute;
	background:url('images/loading.gif') no-repeat center;
}

.portfolio-list-item .ps_desc {
	position: absolute;
	width: 100%;
	top: 150px;
	background: black;
}

.portfolio-list-item h6 {
	padding: 5px;
	margin-bottom: 0px;
	font-size:12px;
	font-weight:normal;
}


/* ------- 12. External ------- */
.external-container {
	background: url('images/contbg.png') repeat;
	padding: 20px;
	height: 320px;
	position: absolute;
	width: 820px;
}

.slidelite {
	position:relative;
}

.slidelite img {
	position:absolute;
}

.slidelite .prev,.slidelite .next {
	width: 20px;
	height: 30px;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -15px;
	-webkit-transition: 500ms;
	-moz-transition: 500ms;
	-o-transition: 500ms;
	transition: 500ms;
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
	cursor:pointer;
}

.slidelite .prev:hover,.slidelite .next:hover {
	-webkit-transition: 500ms;
	-moz-transition: 500ms;
	-o-transition: 500ms;
	transition: 500ms;
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

.slidelite .prev {
	left:0;
	background:#000000 url('images/services-arrow.png') no-repeat 0 5px;
}

.slidelite .next {
	right:0;
	background:#000000 url('images/services-arrow.png') no-repeat -20px;
}

.social {
	position:absolute;
	float:left;
}

.social a {
	width: 16px;
	height: 16px;
	display: block;
	float: left;
	margin:3px;
	-webkit-transition: 500ms;
	-moz-transition: 500ms;
	-o-transition: 500ms;
	transition: 500ms;
	opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
}

.vegas-background {
	z-index:-3;
}

.social a:hover {
	-webkit-transition: 500ms;
	-moz-transition: 500ms;
	-o-transition: 500ms;
	transition: 500ms;
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

.social .facebook { background: url('images/social/facebook.png') no-repeat;}
.social .twitter { background: url('images/social/twitter.png') no-repeat;}
.social .pinterest { background: url('images/social/pinterest.png') no-repeat;}
.social .dribbble {	background: url('images/social/dribbble.png') no-repeat;}
.social .google { background: url('images/social/google-plus.png') no-repeat; }
.social .flickr { background: url('images/social/flickr.png') no-repeat; }
.social .forrst { background: url('images/social/forrst.png') no-repeat; }
.social .youtube { background: url('images/social/youtube.png') no-repeat; }
.social .linkedin { background: url('images/social/linkedin.png') no-repeat; }
.social .instagram { background: url('images/social/instagram.png') no-repeat; }
.social .picasa { background: url('images/social/picasa.png') no-repeat; }
.social .behence { background: url('images/social/behence.png') no-repeat; }
.social .tumblr { background: url('images/social/tumblr.png') no-repeat; }
.social .vimeo { background: url('images/social/vimeo.png') no-repeat; }
.social .stumbleupon { background: url('images/social/stumbleupon.png') no-repeat; }
.social .lastfm { background: url('images/social/lastfm.png') no-repeat; }
.social .xing { background: url('images/social/xing.png') no-repeat; }

/**/

.single-post-content {
	position:relative;
}

.single-post-content .newsList ,.single-post-content .servicesList {
	border-bottom:none;
	height:300px;
}

.single-post-content .scroll-pane {
	height:280px;
}

.single-portfolio-content .title {
	margin-top: 0px;
}

.single-portfolio-content div.rhtCol {
	margin-left:230px;
}
/* plugin */
.jspHorizontalBar {
	height:8px;
}

.fancybox-skin {
	padding: 5px !important;
	border-radius: 0 !important;
}
.fancybox-title-inside-wrap {
	padding-top: 5px !important;
}
#fancybox-buttons ul {
	border-radius: 0 !important;
	background: #222222 !important;
}