/*  
Theme Name:Darx (iztwp.com)
Description:Darx - Creative Blog & Portfolio Wordpress Theme
Version:1.2
Author:gljivec
Theme URI:http://www.mobanbus.cn/item-432-1-1.html
Author URI:http://premiumcoding.com/responsive-dark-portfolio-wordpress-theme-darx/
License URI:http://themeforest.net/item/darx-responsive-dark-portfolio-wordpress-theme/2780286
Tags:black, blue, white, two-columns, fixed-width,  custom-background, threaded-comments, sticky-post, translation-ready, microformats, editor-style
*/
/* ***********************
--------------------------------------
-------------RESET---------------
--------------------------------------
*************************/
.test{display:none;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
article, aside, details, figcaption, figure,  header, hgroup, menu, nav, section { display: block }
nav ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none;}
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle }
body, html { min-height: 100% }
body { }

body { font-size: small; letter-spacing: normal; line-height: 1.65em; }
select, input, textarea, button { font: 99% sans-serif }
pre, code, kbd, samp { font-family: monospace, sans-serif }
body, select, input, textarea { color: #999 }
h1, h2, h3, h4, h5, h6 { font-family: sans-serif; text-transform: uppercase; font-weight: normal;  line-height: 110%; margin-bottom: 10px; color: #999 }
h1 { font-size: 26px }
h2 { font-size: 22px }
h3 { font-size: 20px }
h4 { font-size: 18px }
h5 { font-size: 16px }
h6 { font-size: 14px }
html { overflow-y: scroll }
a:hover, a:active { outline: none }
ul, ol { margin-left: 1.8em }
ol { list-style-type: decimal }
nav ul, nav li { margin: 0 }
small { font-size: 11px;font-weight:normal; }
strong, th { font-weight: bold }
td, td img { vertical-align: top }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre { padding: 15px; white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; }
textarea { overflow: auto }
.ie6 legend, .ie7 legend { margin-left: -7px }
input[type="radio"] { vertical-align: text-bottom }
input[type="checkbox"] { vertical-align: bottom }
.ie7 input[type="checkbox"] { vertical-align: baseline }
.ie6 input { vertical-align: text-bottom }
label, input[type=button], input[type=submit], button { cursor: pointer }
button, input, select, textarea { margin: 0 }
input:valid, textarea:valid { }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd }
::-moz-selection { background: #666; color: #fff; text-shadow: none; }

a:link { -webkit-tap-highlight-color: #666 }
button { width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic }
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); }
.invisible { visibility: hidden }
.clearfix:before, .clearfix:after { content: "�020"; display: block; height: 0; visibility: hidden; }
.clearfix:after { clear: both }
.clearfix { zoom: 1 }
html body div.clear, html body span.clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; margin: 0; padding: 0; position: static; overflow: hidden; visibility: hidden; width: 0; height: 0; }
img.centered, img.aligncenter { display: block; margin: 0 auto; overflow: hidden; padding: 4px; }
img.alignright { padding: 4px; margin: 2px 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 2px 7px 2px 0; display: inline; }
.alignright { float: right }
.alignleft { float: left }
.center { text-align: center }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 1.65em; padding: 0 4px 5px; margin: 0; }
code { font-size: 12px; display: block; border: 1px solid #eee; padding: 10px; margin: 10px 0 0 0; background: #FCFCFC; }
.usercontent h1{margin:0; padding-left:0 !important;}
.sticky{}
.gallery-caption {}
.bypostauthor{}
#slider .images{opacity:0;}


/* ***********************
--------------------------------------
---------------MAIN-------------
--------------------------------------
*************************/

#headerwrap {position:relative; width: 100%;  border-bottom:4px solid; height:80px;background:#1e1e20;}
.headerwrapdown {border-bottom: 1px solid #DDD;
-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.12);
 -webkit-box-shadow:  0 1px 10px rgba(0,0,0,0.12);
 box-shadow: 0 1px 10px rgba(0,0,0,0.12);}
#header {  margin: 0px auto 0 auto; padding: 0; width: 960px; display: block;  }
.titleborder{background: url(images/mainBorderLine.png) bottom left repeat-x; position: absolute; margin-top: 9px; width: 960px; height: 3px;}
.fullwidth .titleborder {background: url(images/mainBorderLine.png) bottom repeat-x;margin-left:-7px;}
.fullwidth .projectdescription .titleborder {margin-left:-2px;}
.relatedtitle .titleborder {background: url(images/mainBorderLine.png) bottom  repeat-x;margin-top:12px;}
#logo { position:relative; z-index: 9999; padding: 0px 25px 0 25px;margin: 10px 0 0 0px; float:left;}

.logotag {font-size:10px; margin-top:26px;text-transform:uppercase;text-align: center; }
#main { width: 960px; margin: 39px auto 0 auto;  padding:0px 20px 60px 20px; height: 100%; }
.main { width: 960px; margin: 0 auto;  padding:0px 20px 20px 20px; height: 100%; }
#mainwrap { position: relative; width: 100%; margin: 0; padding: 0; border-bottom:1px solid #262626;  -moz-box-shadow: 0 1px 10px rgba(0,0,0,1);
 -webkit-box-shadow:  0 1px 10px rgba(0,0,0,1);
 box-shadow: 0 1px 10px rgba(0,0,0,1);z-index:1;}
.shadow { background: url(images/shadow.png) repeat-x; height: 16px; margin: 0; z-index: 20; }
/* ***********************
--------------------------------------
------------TOP MENU---------
--------------------------------------
************************/
.menu-header { z-index: 9999; width: 650px; height: 25px; position: relative; top: 53px; right: 0; float:right;margin-right:-10px;}
.menu, .menu * { margin: 0; padding: 0; list-style: none; }
.menu { float: right }
.menu ul { position: absolute; top: -999em; width: 200px;  }
.menu ul li { width: 100%; }

.menu li { margin-left:20px; float: left !important; position: relative; }
.menu li a { display: block; position: relative; text-decoration: none; color:#fff;}
#header ul.menu > li > a { height:60px; }
.menu li li {margin-left:0px; }
.menu > li a strong { display: block; font-size: 15px; text-transform: uppercase; letter-spacing: normal; font-weight:normal;padding:3px 10px 5px 10px;}
.menu li a span { display: block; font-size: 11px; color:#5e5e5f !important; padding-left:1px;margin-top:-5px;}
.menu li:hover a, .menu li.current a { color: #eaeaea; }
.menu li ul{display:none;}
.menu li ul {  left: 0px; top: 31px; z-index: 99;background: #1e1e20;  width: 205px; z-index: 8; opacity:0.9;}
.menu li ul li a {background:none; border-right: none; border-left: none;padding-right: 0px; margin-right: 0px; }
.menu li li ul { top: -999em }
.menu li li:hover ul { left: 200px; top: 0; }
.menu li ul li:hover { border: none ;} 
.menu li:hover ul li { padding-bottom: 0px;  }
.menu li:hover ul li:last-child {border-bottom: none;}
.menu li ul li a { font-size: 13px; padding: 10px 0; margin: 0 10px; width: auto; height: auto; opacity:1 !important;border-bottom:1px solid #2a2b2c;}
.menu li ul li:last-child a {border-bottom:none;}

.menu li:hover ul { -moz-box-shadow: 0 1px 10px rgba(0,0,0,0.2);
 -webkit-box-shadow:  0 1px 10px rgba(0,0,0,0.2);
 box-shadow: 0 1px 10px rgba(0,0,0,0.2); }
.menu li ul li:hover{background:#2a2b2c!important; }


	 
}

/* ***********************
--------------------------------------
------------COLUMNS----------
--------------------------------------
*************************/
.full { display: inline; float: left; position: relative; margin-left: 0px; margin-right: 0px; }
.one_half { width: 48% }
.one_third { width: 30.66% }
.two_thirds { width: 65.33% }
.one_fourth { width: 22% ; }
.three_fourths { width: 74% }
.one_fifth { width: 16.8% }
.four_fifths { width: 79.2% }
.one_half, .one_third, .two_thirds, .one_fourth, .three_fourths, .one_fifth, .two_fifth, .three_fifths, .four_fifths { position: relative; margin: 0; margin-right: 3.8%; float: left; }
.one_half p, .one_third p, .two_thirds p, .one_fourth p, .three_fourths p, .one_fifth p, .two_fifth p, .three_fifths p, .four_fifths p {margin: 0 0 1.5em 0;}
.one_half.last, .one_third.last, .one_fourth.last, .one_fifth.last {margin-right:0%;}

/* ***********************
--------------------------------------
-----------PORTFOLIO---------
--------------------------------------
************************/
.portdesc{float:left;}
#remove {width:960px;margin: 0 auto; height:40px;  margin-top:40px; margin-bottom:40px; padding:0px;background:#232323;background-color: rgba(10,10,10,0.3);}

#remove h2{padding-left:20px;}
.catlink{ padding:8px 10px 10px 0; float:left; font-size:16px;}
.portfolio { width: 960px; padding: 0px 0px 40px 0px; float:left; }
.portfolio h3{background:none !important;}
.portfolio.blog {padding: 10px 0px 20px 0px;}
#portitems4 {overflow:visible !important;}
#portfolio {padding: 30px 0; }
#portfolio #portitems { overflow: hidden; margin-top: 30px;}
#portfolio  .title { margin: 0; padding: 20px; }
#remove a:last-child span.aftersortingword{display:none;}
#remove  span{padding-left:10px;}

#remove h2 a:last-child span.aftersortingword {display:none;}
 
/*full width port*/
.portfolio.full { width:100%;  padding: 0px 0px 100px 0px; float:left; }
.mainport{width:100% !important; padding:0 !important;}
.portfolio.full .item4 .overdefult{
	display:block;
	background:#c8c8c8;
	background-color: rgba(200,200,200,0);
	background:none\9;
	
	cursor:pointer; 
	position:absolute; 
	overflow: hidden;
	  
	width:100%; 
	height:180px; 
}


.portfolio.full .item4 .overLowerDefaultBorder{
        background:#fff;width:45px;
	height:45px;border-radius:45px;margin:68px 0 0 126px;opacity:0;
	filter:alpha(opacity=0);}

.portfolio.full .loading{background:url(images/loading.gif) no-repeat; height:60px; width:60px; margin:300px 0 0 50%; position:absolute; }
.portfolio.full .item4{float: left; margin: 0px 1px 0px 0px;background:#1e1e20;background-color: rgba(20,20,20,0.5);opacity:1;}

.portfolio.full .overdefult .viewIcon, .portfolio.full .overdefult .likeIcon{
	background-image:url(images/eye.png);
	background-position: 21px 18px;
	background-repeat:  no-repeat;
	width:60px;
	height:33px;
	display: block;
	padding: 0px 0px 0px 0px;
	margin:5px 0px -2px 0px;
	text-align: center;
	font-size: 12px;
	color:#75726E ;
	color: rgba(255,255,255,0.6);
	opacity:0.7;
	z-index:9999;
	float:none;

}
.portfolio.full .overdefult .likeIcon {background-image:url(images/heart.png);background-position: 21px 18px;}

/*end full width port*/


.item4 .overdefult{
	display:block;
	background:#c8c8c8;
	background-color: rgba(200,200,200,0);
	background:none\9;
	cursor:pointer; 
	position:absolute;
	overflow: hidden;
	z-index:999 !important;  
	width:310px; 
	height:180px; 
}
	


.item4 .overLowerDefaultBorder{
    background:#fff;width:45px;
	height:45px;border-radius:45px;margin:68px 0 0 126px;opacity:0;
	filter:alpha(opacity=0);}

.portfolio .loading{background:url(images/loading.gif) no-repeat; height:60px; width:60px; margin:300px 0 0 450px; position:absolute; }
.item4{float: left; margin: 0px 1px 0px 0px;background:#1e1e20;background-color: rgba(20,20,20,0.5);opacity:1;}
.item4 img{ padding: 0; margin: 0;opacity:0.35;filter:alpha(opacity=35);cursor:pointer; background: #c8c8c8;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";}
.item4:hover img{opacity:1;filter:alpha(opacity=100);margin-top: -40px;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.item4:hover .overdefult {margin-bottom: 40px;}
.item4 .image{padding:0; margin-bottom:0;}

.item4.small{height:200px; padding-top:1px;}
.item4.big{height:400px;padding-top:1px;}

.item4.small.port{height:125px;}
.item4.big.port{height:250px;}

.item4.small.port .overdefult{ height:125px;}
.item4.big.port .overdefult{ height:250px;}

.item4.small .overdefult{width:239px; height:200px;bottom:0px;}
.item4.big .overdefult{width:239px; height:400px;bottom:0px;}


.overdefult .viewIcon, .overdefult .likeIcon{
	background-image:url(images/eye.png);
	background-position: 21px 18px;
	background-repeat:  no-repeat;
	width:60px;
	height:33px;
	display: block;
	float: right;
	padding: 0px 0px 0px 0px;
	margin:5px 0px -2px 160px;
	text-align: center;
	font-size: 12px;
	color:#75726E ;
	color: rgba(255,255,255,0.6);
	opacity:0.7;
	 
	z-index:9999;
}

.moreButton {
	display: block;
	font-size: 20px;
	color: #fff;
	position:relative;
	float:right;
	right: 10px;
	top: 9px;
	border-radius: 90px;
	width: 22px;
	height: 22px;
	line-height: 22px;
	line-height: 22px\9; /* targets ie8 and below*/
	text-align: center;	
	opacity:0;
	filter:alpha(opacity=0);
	width:0px\9; /* targets ie8 and below*/
	height:0px\9; /* targets ie8 and below*/
	margin:88px 0 0 0px;
}
.moreButton a {color: #fff !important;}
.overdefult .likeIcon {background-image:url(images/heart.png);background-position: 21px 18px;}
	
.detailsoverdefault{position:absolute; width:100%;}


.item4 h3 a{position:relative; display: inline-block; padding:0 10px;
	margin-bottom:3px;
	background:none !important;
	}
.item4 h3 {padding:11px 0 0 0;text-transform:capitalize; font-size:16px !important;margin:88px 0 0 0px; width:80%; float:left;background:#1e1e20;background-color: rgba(20,20,20,0.5);}
.item4 h3 , .item4:hover .overdefult .viewIcon, .item4:hover .overdefult .likeIcon{opacity:0;filter:alpha(opacity=0);}
.item4 h3 {display:none\9;} /* targets ie8 and below*/ 
.item4:hover .overdefult .viewIcon, .item4:hover .overdefult .likeIcon {width:0px\9; }  /* targets ie8 and below*/ 
.defaultport .item4.big h3,.defaultport .item4.big .moreButton {margin-top:360px;}
.item4.small.port h3 {margin-top:24px;}
.item4.big.port h3 {margin-top:150px;}
.item4.small .moreButton {margin-top:88px;}
.item4.big.port .moreButton {margin-top:138px;}
.item4.small.port .moreButton {margin-top:13px;}

.portsingle .item4.small.port h3{margin-top:97px; margin-left:0px;padding-left:0px;}
.portsingle .item4.small.port .moreButton {margin-top:86px;}

.portsingle .item4.big.port h3{margin-top:220px; margin-left:0px;padding-left:0px;}
.portsingle .item4.big.port .moreButton {margin-top:210px;}

.defaultport .item4.small .moreButton, .defaultport .item4.small h3 {margin-top:160px;}
.item4:hover.item4 h3 , .item4:hover.item4 .moreButton{opacity:1;filter:alpha(opacity=100);}
.item4:hover.item4 .moreButton {width:22px\9;height:22px\9;}  /* targets ie8 and below*/
.item4:hover.item4 h3  {display:block\9;}/* targets ie8 and below*/
.item4.big.port h3 {margin-left:0px;}
.item4:hover.item4 .moreButton:hover {opacity:0.5;filter:alpha(opacity=50);}
.item4 h4{padding-top:4px;   text-align:center;font-size:15px !important;text-transform:capitalize;font-style:italic;}
.item4 h4 {font-style:normal;}
.item3 h4{font-size:12px !important; padding-top:0px;}
.item4 h4{ font-size:11px !important; padding-top:0px;}
.portfolio .readmore{ width:127px;  height:28px;  padding:3px 0 0 0; margin:10px 2px 0 0;  text-align:center}

/*portfolio page*/
.portsingle .portfolio .loading{margin:150px 0 0 450px;}
.projectdescription .likepostpmc{float:left; margin-top:-15px;margin-left:-22px;}
.likepostpmc .lc{padding:6px 8px 6px 6px; margin-left:0px;font-size:13px;text-shadow:0 1px 0 rgba(0,0,0,0.3);}
.likepostpmc .like{width:30px; height:30px;}
.likepostpmc .lbg-style1, .unlbg-style1 {
	width: 30px;
	height: 30px;	
	 

}
.likepostpmc .lbg-style1 {
	background:url(images/heart-single-port.png) no-repeat 8px 7px !important;	
	position:relative;
	z-index:9;
}
.likepostpmc .lbg-style1:hover {opacity:0.5;filter:alpha(opacity=50);}
.item4.small.port .overdefult h3, .item4.big .port .overdefult h3 {margin-left:0px !important;}
.projectdetails{float:left; width:610px; padding-bottom: 10px;}
.projectdetails .linebreak{margin-left:20px;}
.projectdetails span {line-height:3em;}
.portcategories {padding-bottom:35px; }
.portcategories a{text-transform:none;  
	float:left;
	height:26px;
	line-height:26px !important;
	color:#fff !important;
	font-weight:normal;
	padding:0px 8px 0px 8px;
	margin-right:10px;
	}
.portcategories a:hover {opacity:0.75;filter:alpha(opacity=75);}
.projectdescription{float: left; width:320px; padding-left:30px; }
.projectdescription h1{padding-top:15px !important; }
.projectdescription .posttext{padding:20px 15px 5px 0px !important; float:left;}
.portsingle .portfolio h3, .projectdescription h3{position: relative;margin-left: 30px;display: inline-block;z-index: 9; padding:0 7px;}
.portsingle .portfolio .titleborder{margin-top: -21px; }

.projectdescription .posttext img{max-width:320px;}
.projectdescription .titleborder{margin-top: -21px;
width: 320px;
position: relative;
margin-bottom: 20px;}
.datecomment{float:left;}
.blogpost .projectdescription .socialsingle {padding:5px 0 0 0;}
.portsingle .postcontent{margin-bottom:0; padding-bottom:0;}
.portsingle #portitems4{margin-top:30px;}

.blogpost .posted-date.port{cursor:text;}
.blogpost .author.port{cursor:text;}
.blogpost .postedin {}

/*end portfolio page*/


/* ***********************
--------------------------------------
------------CONTENT----------
--------------------------------------
*********************** */

.content {width: 600px; padding: 0px 0 20px 0; margin-right: 0px; float: left; }
.content.blog {margin-bottom:10px;}
.content.pagesidebar {padding: 0px 0 0px 0;}
.image-gallery .loading{background:url(images/loading.gif) no-repeat; height:60px !important; margin:0px 0 0 0px!important}
.gallery p{margin:0;}
.content .entry{float:left; width:100%;margin-top:10px;}

/*single page*/
.pp_description {color:#2a2b2c;}
.postcontent{margin-bottom: 20px; padding-bottom:10px;  overflow: hidden;  height:auto !important; }
.singledefult .postcontent h1{line-height:1.2em; float:left; width:75%;padding:11px 0 0 15px;}
.posttext { margin-bottom: 0px; padding: 0; overflow: hidden; }
.posttext h1{margin-left:-1px;}
.posttext img{max-width:100%;}
.posttext img:hover {opacity:0.75;}
.tags{width:60%; float:left; margin:0px 10px 12px 0px;}
.tags  a{font-size:12px !important; padding:3px 5px; color:#fff;}
.socialsingle .tag{ float:left;}
.singledefult .socialsingle{padding:0px 0px 3px 15px; float: right;}
.gallery-single .socialsingle {margin-top:-5px; margin-left:7px; width:25px; height:25px;float:left;  width:100% !important; padding:10px 0 10px 0px;}
.gallery-single  .socialsingle a{margin-left:10px; width:25px; height:25px;float:left; }
.blogpost .posted-date {display: inline-block;position:absolute; margin-top: 16px;  cursor:pointer;}
/*end single page*/

/*single page portfolio*/

.postcontent.port{background:none; border:none;}
.postcontent .projectdetails h1{padding:15px 0 8px 18px;line-height:1.2em;}
.postcontent .projectdescription h1{padding:20px 0 10px 18px; line-height:1.2em; line-height:1.2em;}
.showpostpostcontent .homesingleright h1 {margin-right:30px;}
.projectdetails .socialsingle {float:left; padding:18px 10px 12px 15px;}
.projectdescription .portnavigation{position:relative; float:left; width:100%; border-top: 1px solid #2a2b2c; margin:15px 0 2px 0; }
.projectdescription .portnavigation .portnext, .projectdescription .portnavigation .portprev{ float:right;position:relative; height: 30px; width: 25px;  text-align: center; margin-left:2px;margin-top:-16px;}
.portnext a,.portprev a{position:relative; z-index: 9; height: 30px; width: 25px; display:block;}
.projectdescription .portnavigation .portnext:hover, .projectdescription .portnavigation .portprev:hover {opacity:0.85;filter:alpha(opacity=85);}
.blogsingleimage .nextbutton.port{width:25px; height:26px;margin-left:-437px;margin-top:-293px;}
.blogsingleimage .prevbutton.port{width:25px; height:26px;margin-left:-464px;margin-top:-293px;}
.blogsingleimage #slider { margin-top:0px !important;}

/*end single page portfolio*/

/*404 page*/
.errorpage {margin:30px 0px 0px 0px;}
.errorpage.search{margin:0;}
.errorpage .posttext {text-align:center;padding: 15px 300px 15px 300px;text-shadow:0 1px 0 rgba(0,0,0,0.3);}
.errorpage.search .posttext{padding:0 0 15px 0;}
.errorpage .postcontent h2{line-height:1.2em; font-weight:bold; font-size:72px !important; text-align:center; text-shadow:0 1px 0 rgba(0,0,0,0.3);padding: 20px 0 0 0;}
.errorpage .postcontent{background:none; margin-bottom:25px; padding: 55px 0 20px 0;}
.errorpage.search .postcontent{padding:0;}
.errorpage .homeIcon{float:none;}
.errorpage .homeIcon a{margin:0 auto; }
.homeIcon a{background: url(images/homeHouseIcon.png) top right no-repeat; height:53px; width:60px;display: block;}

/*end 404 page*/

/*page*/
.fullwidth .postcontent h1{line-height:1.2em; margin:15px 0 15px 0;}
.page .socialsingle{padding:8px 10px 1px 0px;}
.pagesidebar .titleborder{margin-top:-21px; width:610px;}
.titleborderh{position:relative;display:inline-block; margin-left:30px;z-index:9; padding:0 5px;}
.pagesidebar .titleborderh{ margin-left:24px;}
.fullwidth  .titleborder{margin-top:-21px; }
.content.pagesidebar h1 {background:#232323;background-color: rgba(10,10,10,0.3);padding:15px;margin-bottom:0px;}
.usercontent h1 {background:none !important;}
/*end page*/

.content  p {margin: 0 0 1.5em 0;}
.homeContent .content{padding: 20px 0 30px 0; border-bottom:2px solid #F0F0F0; }
#page-heading { margin: 0 auto; width: 960px;}
.pagefullslider .heading-text {margin-top:10px;}
.heading-text {padding: 9px 20px 0px 0; width: 600px; position: relative;   margin-top:-5px;text-shadow: 0 0 0 transparent,white 0px 1px 0px; }
.heading-text h1 ,.contact .heading-text h1{margin-bottom: 0px !important; font-size: 38px !important; margin-top:8px; margin-left:9px !important;}
.page .heading-text h1 {margin-top:2px }
.contact  h1{ margin-top:9px !important;}
.heading-text p { color: #6f6f6f; margin-top:0px;line-height: 1.65em; font-size:12px; margin-left:10px;}
.pagetitle { margin: 0; padding: 30px 0; font-size: 28px; }
.content blockquote {background:#232323 url(images/quote.png) 10px 0px no-repeat;background-color: rgba(10,10,10,0.3);padding: 10px; margin-bottom:10px !important; padding-left: 65px; font-style: italic; margin: 0; float:left;}
.content form { margin: 20px 0 }
.content form label { display: block; margin: 5px 0; }
.fullwidth { width: 100%; margin-bottom: 5px; }
.errorpage.fullwidth {margin-bottom: 30px;}
.fullwidth .thumblarge { margin-bottom: 20px }

.homeBox {width: 100%; position:relative; float:left; display:block;margin:0px 0 0px 0; padding:25px 0 20px 0;}

.homenivo {margin-top:-30px !important}
.homenoslider, .homewrap {margin-top:0 !important}
.page .nivo{margin-top:0px;}
.noslider{margin-top:-12px;}
.home-no-slide{margin-top:-4px !important;}


/*TOP ICONS*/

.notification{position: absolute; width: 960px; z-index:99; height:16px; }
.notificationwrap{float: right; }


.notification .socialcategory{float:left; min-width:150px; margin-top:3px;margin-right:-5px;}

/*END TOP ICONS*/

/*SEARCH*/

.menuSearchField{position:relative;float:right; }
.menuSearchField  form div {
	background-color: #F9F9F9;
	font-size: 12px !important;
	color:#D2D2D2;
	font-style:italic;
	border-bottom: 1px solid #E7E7E7;
	padding: 6px 10px 16px 10px;
	height: 9px;
	margin:0px 0 0 10px;
}

.menuSearchField form div input {
	
	
	line-height:14px;
	height:14px;
	border: none;
	background-color: #F9F9F9;
	color: #D2D2D2 !important;
	padding: 0px 0px 0px 0px;
	width:140px;
	outline:none;
	font-style:italic;
	 
}

.menuSearchField form div input#searchsubmit {
	display:none;
}
.menuSearchField form div input#keyword {outline:none;}
.menuSearchField form div input#searchsubmit:hover{opacity:0.75;filter:alpha(opacity=75); /* For IE8 and earlier */}

/*END SEARCH*/
	

/*related posts*/
.relatedtitle{margin-bottom:50px;}
.titleborder.relatedb{width:600px;margin-left:-5px;}
.related{padding-bottom:20px;float:left;min-height:150px;  }
.related h3{position:absolute; display:inline-block;z-index:9; font-size: 18px !important; line-height: 24px; margin:0px 30px 10px 25px;padding:0 10px;}
.related h4{ font-size:13px !important; color:#5CBBE3 !important; text-align:center; text-transform:none !important; padding-top:0px;font-weight:bold;}

.related .one_fourth {width:137px; margin-right:17px;}
.related .one_fourth.last {margin-right:0px;}
.related .one_fourth .image img {background:#232323;background-color: rgba(10,10,10,0.3);  font-size:12px !important;  border:1px solid #333;
padding:5px;height:83px; width:126px;}
.related .one_fourth .image img:hover {opacity:0.75;filter:alpha(opacity=75)}
.related .one_fourth:hover {color:#5CBBE3 !important;}
/*end related*/


#gallery-1 .gallery-item {width:auto !important; margin-top:0 !important; }
.gallery-icon img{width:70px; height:70px;}
.image-gallery, .gallery-item{float:left; padding:5px 5px 0 5px;background:#232323;background-color: rgba(10,10,10,0.3);  margin: 0px 16px 16px 0px;}
.image-gallery img{height:95px; width:95px; }
.image-gallery .over{display:block; cursor:pointer; position:absolute; z-index:99 !important;  width:95px; height:95px;  margin:0px 0 0 0px;
        opacity:0;
	filter:alpha(opacity=0); /* For IE8 and earlier */
	background-color:#fff;
	filter:alpha(opacity=0); /* For IE8 and earlier */
	background-color: rgba(255,255,255,0);
        background: url(images/magnifyingGlassOverIcon.png) no-repeat 30px 31px;
}

.image-gallery .over:hover{opacity:1;
	background-color:#000;filter:alpha(opacity=70); /* For IE8 and earlier */background-color: rgba(0,0,0,0.6);}

.gallery-content .gallery{display:none;}
.gallery-single{width:620px; float:left;margin-bottom:5px;}
.homesingleright .gallery-single {margin-top:-14px;}
/* ***********************
--------------------------------------
---------------BLOG-------------
--------------------------------------
*************************/
.blogsingleimage{width:580px; margin-bottom:10px;}
.projectdetails .blogsingleimage{width:610px; margin-bottom:10px;}
.projectdetails .blogsingleimage img:hover {opacity:0.9;filter:alpha(opacity=90)}
.blogsingleimage img{}
.blogsingleimage p, .content blockquote p {margin:0 !important;}{margin:0 !important;}
.posttext .blogsingleimage{width:600px; margin-bottom:5px;}
.blogimage{-webkit-transition: opacity 0.3s ease-in;
	-moz-transition: opacity 0.3s ease-in;
	-o-transition: opacity 0.3s ease-in;
	transition: opacity 0.3s ease-in;}
.blogFullWidth .blogimage{width:400px !important; float:left;}	
.blogimage:hover{opacity:0.6;filter:alpha(opacity=60); /* For IE8 and earlier */}
.socialsingle{float:left; padding:8px 10px 1px 15px;}

.blogpostcategory .line{float:left; background: url(images/blogLineSeparatorDot.png) repeat-x; width:600px; height:1px; margin:7px 0 0 -15px !important;}
.blogFullWidth .blogpostcategory .line {width:510px;margin:20px 0 0px 0px !important;}
.blogFullWidth .link-category .blogpostcategory  .line {width:930px;margin:10px 0 0px 0px !important;}
.gallery-single .line{float:left; background: url(images/blogLineSeparatorDot.png) repeat-x; width:600px; height:1px; margin:17px 0 0 -15px !important;}
.blogsingleimage .socialsingle a{margin-left:10px; width:25px; height:25px;float:left; }
.blogsingleimage iframe{width:600px; height:280px;}
.posttext .blogsingleimage {width: 600px;margin-bottom: 5px;margin-top: -1px;}
.posttext .blogsingleimage img:hover {opacity:0.75;filter:alpha(opacity=75);}
.titleDate {width: 100%;display: block;float: left;background:#232323;background-color: rgba(10,10,10,0.3); margin-top:-12px;margin-bottom:20px;}
.titleDate a{float:right; color:#fff;padding:15px;}
.blogheadingborder{background: url(images/blogLineSeparator.png) no-repeat; width:100%; float:left; height:5px; position:relative; z-index:9;}
.blogheadingborderbottom{background: url(images/blogLineSeparatorLower.png) no-repeat 0 -5px; width:100%; float:left; height:40px; z-index:9999;}
.content .bottomborder{position:absolute; background: url(images/blogLowerBorder.png) no-repeat; width:600px; height:15px; margin-top:-40px;}
.error404 .bottomborder {margin-top:-21px;}
.fullwidth .projectdescription .bottomborder{position:absolute; background: url(images/blogLowerBorder.png) no-repeat; width:600px; height:15px; margin-top:0px;}	
.content.contact .bottomborder{margin-top:-20px;}	
.pagesidebar .bottomborder {position:absolute; background: url(images/blogLowerBorder.png) no-repeat; width:600px; height:15px; margin-top: -21px;}
.content.singledefult .bottomborder{position:absolute; background: url(images/blogLowerBorder.png) no-repeat; width:600px; height:15px; margin-top:-21px;}	


/*blog*/

@media screen and (-webkit-min-device-pixel-ratio:0) { .blogFullWidth .blogpostcategory h2{margin: -4px 35px 3px -1px;} }
@media screen and (-webkit-min-device-pixel-ratio:0) { .blogFullWidth .slider-category .blogpostcategory h2{margin:-4px 35px 7px -1px;} }
.blogpostcategory .commentblog{position: relative; width: 90px; top: -35px;}
.blogpostcategory .leftholder{float:left;}
.blogpostcategory .comment-inside{margin: 24px 0 0 16px;height:18px;width:28px;text-align:center;line-height:18px;font-size:13px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; }
.blogpostcategory .comment-inside a {padding:0 10px 0 10px;}
.blogpostcategory .comment-inside:hover, .blogpostcategory .date-inside:hover {opacity:0.75;filter:alpha(opacity=75);}
.blogpostcategory .comment-inside:after {
	content:"";
	position:absolute;
	margin-top:0px;
	left:31px;
	border-width:6px 0px 6px 6px;
	border-style:solid;
	display:block;
	width:0;
}
.blogpostcategory img{max-width:100%;}
.blogpostcategory h2 {margin: -5px 35px 2px -1px;  font-size:18px !important; }
.blogpostcategory {width:600px;  margin-bottom: 30px; padding: 0; overflow: hidden;  height:auto !important;}
.blogpostcategory .posted-date { position:relative; float: left;  border-radius:90px; width:60px; height:60px; color:#fff; z-index:1;}
.blogpostcategory .circleHolder { position:relative; float: left;  border-radius:70px; width:60px; height:60px; color:#fff;margin:30px 0 0 0;}
.blogpostcategory .commentblog .circleHolder {background:#323232;background-color: rgba(50,50,50,0.5); border-radius:70px; width:60px; height:60px; -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.26);-webkit-box-shadow:  0 1px 2px rgba(0,0,0,0.26);box-shadow: 0 1px 2px rgba(0,0,0,0.26);}
.blogpostcategory .date-inside {text-transform:uppercase;text-align:center;margin-top:8px;  border-radius:90px; width:60px; height:60px;}
.blogpostcategory .date-inside .day { font-size:22px;padding:11px 0 0 0;text-align:center;}
.blogpostcategory .posted-date p {font-size:13px; text-align:center; padding-top:4px; margin:0; text-transform:uppercase;}
.blogpostcategory .meta{margin:10px 0 10px 0px; width:85%; float:left;}
.blogpostcategory .blogimage{background:#232323;background-color: rgba(10,10,10,0.3); padding:10px 10px 4px 10px;}
.blogpostcategory .meta .category a, .tags a, .blogpost .posted-date a, .item4 h4 a{cursor:pointer; display:inline-block; padding:0px 5px 0px 5px;color:#fff; font-size:12px !important;margin-right:5px;
	 height:21px;
	 line-height:21px !important;
	left: 0px;
	margin-top: 4px;
	 }
.item4 h4 a
 {padding:0px 8px 0px 2px;
    float:left;
    position:relative;
	margin-top: -125px;
}	
.blogpost .posted-date a {padding: 0px 10px 0px 2px;border-width: 12px 12px;font-size:14px;}
.tags a {margin-top:0px;}
.tags a:hover {opacity:0.75;filter:alpha(opacity=75);}
.blogpost .posted-date a:hover, .blogpost .author a:hover {opacity:0.85;filter:alpha(opacity=85);}
.blogpostcategory .meta .category{height:25px;}
.blogpostcategory .meta .category a:hover {opacity:0.75;filter:alpha(opacity=75);}
.blogpostcategory .blogcontent {margin:10px 0 0px 0; padding-top:10px; width:100% !important; border-top:1px dashed #333;}
.blogpostcategory .authorblog{float:left; padding-right:20px;}
.blogpostcategory .blogmore{float:right; margin-top:0px;font-style:italic;}
.blogpostcategory .blogmore:hover {opacity:0.75;filter:alpha(opacity=75);}
.blogpostcategory iframe{max-width:578px; height:280px; margin-bottom:-25px; padding:10px;background:#232323;background-color: rgba(10,10,10,0.3);}
.blogpostcategory .socialsingle{float:left; padding:12px 10px 30px 0px;}
#slider-category .anythingSlider .anythingWindow { overflow: hidden; position: relative; max-width:100%; height: auto; }
#slider-category .slider-item  IMG{ max-width:100%; height:auto;}
.socialsingle .addthis_toolbox{margin:0px !important;}
.socialsingle .addthis_toolbox a {padding-right:10px !important; float:left;}
.singledefult .socialsingle .addthis_toolbox a {padding-right:0px !important;padding-left:10px !important; float:left;}

.blogpostcategory .loading{background:url(images/loading.gif) no-repeat; height:60px; width:60px; margin:110px auto;}

/*blog slider*/
#slider-category, .blogFullWidth #slider-category { position: relative !important; /*position must be relative*/ width: 578px !important; height: 280px ;  padding:10px 10px 10px 10px;background:#232323;background-color: rgba(10,10,10,0.3); }
.blogFullWidth #slider-category {float:left;width:400px !important; height:195px !important;}
#slider-category .anythingSlider .anythingWindow { overflow: hidden; position: relative; width: 600px !important; height: 280px !important; }
.blogFullWidth #slider-category .anythingSlider .anythingWindow {overflow: hidden; position: relative; width: 400px !important; height: 195px !important;}
#slider-category .slider-item  IMG{ width:580px; height:280px;}
.blogFullWidth #slider-category .slider-item  IMG { width:470px !important; height:230px !important;}
.blogFullWidth .content .entry {float: left;width: 510px;padding-left: 20px;}
.blogFullWidth .content .link-category .entry {padding:15px 0 0 0px;width:930px;}
.blogFullWidth .blogpostcategory .socialsingle {width:70%}
.slider-category  .anythingSlider {margin-top:0 !important;}
.slider-category  #slider{margin-top:0px;}

/*end blog*/


.editlink {margin-top:27px;}
.sentry p{padding-bottom:0; text-align:left;}
.blogpost h2 { margin-bottom: 15px }
.blogpost .datecomment { float:left;   font-weight: bold; width: 320px; margin: 15px 0 0 0; border-bottom:1px solid #2a2b2c; }
.blogpost .datecomment  .link a:hover {text-decoration:underline;}
.blogpost .datecomment span {font-weight:normal;}
.blogpost .datecomment .posted-date {margin-top:0px;}
.blogpost .projectdescription .datecomment {padding:0px;line-height:26px;}
.homewrap .image-gallery{margin: 9px 11px 2px 0px;}
.homewrap .gallery-single img{margin-top: 0px !important;}
.homewrap  iframe{width:580px; height:300px; padding: 0px 10px 5px 0;margin-top:-5px;}
.homewrap .tags{padding:4px 0 6px 15px; margin-left:0;}
.homewrap .posttext img{max-width:580px;}
.homewrap .homesingleleft{float:left; width:320px; margin:30px 0 0 0; padding:15px 0 20px 0;border-bottom:1px solid #CFCFCF;}
.homewrap .homesingleright{float:right; width:600px;  margin:30px 0 0 0;border-bottom:1px solid #CFCFCF;}
.homewrap .blogpost .datecomment { padding:15px 10px 0px 15px; line-height:3em;}
.homewrap .socialsingle { padding:20px 10px 15px 15px; margin:0 0 0 0px;}
.homewrap .posttext {padding: 0 15px 10px 15px;}
.homewrap .posttext  img{margin-top:-5px;}
.homewrap #main{margin:0 auto; padding: 30px 20px 40px 20px;}
#showpost  #main{margin:0 auto; padding: 18px 20px 0px 0px;}
.fullwidth  h1{ }
.homesingleleft  h1{ margin-bottom:18px !important; margin-left:15px; font-weight:bold;font-size:24px !important;}
.homesingleright  h1{margin:10px 0 18px 0;}


.blogpost span.comments { float: right; padding: 0; }
.blogpost span.comments a { color: #aaa; padding: 0; text-decoration: none; }
.blogpost span.comments a:hover { color: #111 }
.blogpost .entry { clear: both; overflow: hidden; margin: 15px 0; }
.blogimg { background: url(images/blog.png) no-repeat 0 0px; width: 624px; height: 255px; margin: 10px 0 0 0; }
.blogimg img { width: 600px; height: 234px; margin: 3px 0 0 3px; border: none; padding: 4px; }
.postinfo { margin: 5px 0; float: right; font-size: 11px; }
.post-edit-link { margin: 10px 0; float: right; }
.blogpostsingle { margin: 25px 0 0 }
.feat { width: 300px; float: left; margin: 20px 30px 20px 0; }
/* ***********************
--------------------------------------
-----------COMMENTS--------
--------------------------------------
************************/
.titleborder.comment{width:580px; }
h3#comments{position: absolute; margin-left:25px !important; display:inline-block; margin-top:-13px;z-index:9;padding:0 10px;}
.commenttitle{float:left;}
.commentfield {float:left;}

.commentfieldarea ,.contactbutton{float:left; width:100%;}
.content #comments { font-size: 18px !important;}
.commentlist ul {margin-top:10px ;}
.content ol.commentlist { margin: 0; padding: 0; margin:0px; clear: both; overflow: hidden; list-style: none; }
.content ol.commentlist li { display: block;  margin: 0px 0 0 -20px; line-height: 1.65em;}

.content ol.commentlist li .comment-author .fn a{position:relative; font-style: normal; font-size:16px;text-transform:uppercase;}
.content ol.commentlist li .comment-author .fn a:hover{}
.content ol.commentlist li .comment-author .commentsDate{color:#a1a0a0; font-style:italic;}
.content ol.commentlist li .comment-author .commentsDate a {}
.content ol.commentlist li .comment-author .commentsDate a:hover {}
.content ol.commentlist li .comment-author .avatar {position:relative; margin: 25px 0 0 -25px;}
.content ol.commentlist li .comment-meta { font-size: 10px; float: right; }
.content ol.commentlist li .comment-meta a { color: #a7a7a7; text-decoration: none; }
.content ol.commentlist li p { padding: 0px 0 0 0px; line-height: 1.65em; margin-top: 0px;}
.commenttext {padding:15px 0 0 15px;}
.content ol.commentlist li.odd { height: inherit; background: none !important; }
.content ol.commentlist li.even { height: inherit; background: none !important;}

#respond {padding: 5px 20px 20px 15px;}
#respond #commentform { margin: 0; }
#respond #commentform label { margin-left: 0px; display: inline;font-weight:bold; }
#respond #commentform label small { color: #a0a0a0; }
#respond #commentform textarea, #respond #commentform input { padding: 5px; margin: 0 10px 10px 0;background-color: #F8F8F8; font-size:12px !important; border: 1px solid #ecebeb; border-bottom: 1px solid #D9D9D9;}
#respond #commentform textarea:focus, #respond #commentform input:focus {color:#2a2b2c;outline: none;   border: 1px solid #D9D9D9;}
#respond #commentform input { width: 300px }
#respond #commentform textarea { width: 500px; }
#commentform { margin: 0px 0 -100px -15px; width:620px;}

#commentform #respond h3 { font-size: 20px !important; margin-bottom:10px !important;}
#commentform #respond #commentform { margin: 0; }
#commentform #respond #commentform label {font-weight:bold; margin-left: 0px; display: inline; }
#commentform #respond #commentform label email{ margin-top: -20px; display: inline; }
#commentform #respond #commentform label small { color: #a0a0a0; }
#commentform #respond #commentform textarea, #commentform #respond #commentform input {color:#666;float:left; outline: none !important;   padding: 5px; margin: 0 10px 10px 0; 
	font-size:12px !important;background:#232323;background-color: rgba(10,10,10,0.3); border:1px solid #000; 
	}


#commentform #respond #commentform textarea:focus, #commentform #respond #commentform input:focus, #contactform  .commentfieldarea textarea:focus, #contactform  .commentfield input:focus{color:#666;outline: none;   border: 1px solid #2a2b2c;}
#commentform #respond #commentform input { width: 181px;}
#commentform #respond #commentform textarea { width: 587px;}


#commentform #respond #commentform input#commentSubmit, #respond #commentform input#commentSubmit {width:150px; color: #fff;float: right; margin:10px 21px 30px 0; padding: 10px; text-transform:uppercase;
	opacity:1;border:none;
	filter:alpha(opacity=100);}
#commentform #respond #commentform input#commentSubmit:hover, #respond #commentform input#commentSubmit:hover{opacity:0.75;filter:alpha(opacity=75);}
.content ol.commentlist li .reply a { padding:5px 10px 5px 10px; margin:0 40px 15px 0px; float: right; color:#fff !important; font-size: 12px; text-transform:uppercase;}
.content ol.commentlist li .reply a:hover {opacity:0.75;filter:alpha(opacity=75);}

.comment {position: relative;  z-index: 1; list-style: none; display: block; padding: 0px 0 0 20px;  }
.comment-body {  
 }
 .comment-body p{font-size:12px !important; color:#535252 !important; line-height:1.65em !important; }
.navigation, .commentnav { clear: both; font-size: 11px; }
.navigation .alignleft, .navigation .alignright, .commentnav .alignright, .commentnav .alignleft { width: 49%; overflow: hidden; padding: 10px 0; }
.navigation .alignright, .comment-nav .alignright { text-align: right }
.navigation a, .commentnav a { background: #eee; border: 1px solid #d0d0c9; padding: 10px; text-decoration: none; }
.navigation a:hover, .comment-nav a:hover { border: 1px solid #c2c2c2; color: #6d6d6d; }
.fullwidth { width: 100% }
.fullwidth .thumblarge { margin-bottom: 20px }
.specificComment{float:left; width:100%;height:auto;
	background:#232323;background-color: rgba(10,10,10,0.3);
	margin: 30px 0px 0px 0px;
	padding: 15px 0px 5px 20px;}
.specificComment .fn {text-transform:uppercase;font-style:normal;font-size:18px;}
.commentlist p{float:left;}
.commentlist .avatar{margin: 15px 0 0 0px;   height:80px; width:80px;background: #232324 url(images/avatarBackground.png) no-repeat; float:left; }
.commentlist .avatar img{margin:5px; height:70px; width:70px;}
.commentlist .commenttext {float: left; width: 78%;}


/* ***********************
--------------------------------------
------------CONTACT FORM-----------
--------------------------------------
*************************/

#contactform  label {font-weight:bold; }
#contactform  {width:620px;}
#contactform  .commentfieldarea textarea, #contactform  .commentfield input {color:#666!important;float:left; outline: none !important;   padding: 5px; margin: 0 10px 10px 0;  
	font-size:12px !important;background:#232323;background-color: rgba(10,10,10,0.3); border:1px solid #000; 
	
	}
 #contactform  .commentfield input{ width:283px;}
#contactform  .commentfieldarea textarea{
	width:588px;
}
#contactform  .contactbutton .contact-button{cursor:pointer; width:150px; background-color: #2a2b2c;color: #fff; float: left;  text-transform:uppercase;font-size: 12px; font-weight:normal; margin: 10px 0px 20px 0; padding: 10px; 
	opacity:1;
	filter:alpha(opacity=100);
	border:none !important;
	margin-right:10px;}
#contactform  .contactbutton .contact-button:hover {opacity:0.75;filter:alpha(opacity=75);}
#result{font-size:13px !important; color:#DC4D47; float:left;display:none;margin-bottom:15px;}
#resultsuccess{font-size:13px !important; color:#91B458 !important; float:left;display:none;margin-bottom:15px;}
.errorcontact{border: 1px solid #DC4D47 !important;}
/* ***********************
--------------------------------------
------------SIDEBAR-----------
--------------------------------------
*************************/
.sidebar {
width: 300px;
font-size: 12px;
padding: 0 9px 0 10px;
float: right;
margin:0px 0 30px 0px;
}

.widget { margin: 0px 0 30px 11px;padding: 0px;border: none; background: none;  float: left; width: 100%;background:#232323;background-color: rgba(10,10,10,0.3);}
.widget h3{ margin:0; font-size: 18px !important; display: inline-block; margin-left: 20px; padding: 15px 8px 18px 0px !important; }
.widget .titleborder { background: none; position: absolute; margin-top: -30px; width: 290px; height: 3px; z-index: -1;}
.widget_text, .widget_tag_cloud {padding: 0px 0px 15px 0px;}
.widget p {color:#6f6f6f; font-size:12px; margin-bottom: 15px; line-height:1.65em;text-shadow: 0 0 0 transparent,white 0px 1px 0px; margin-top:-10px; }
#footer .widget p {color:#AAA !important; font-size:12px; margin-bottom: 15px; line-height:1.65em;text-shadow: none; margin-top:-10px; }
.widget ul { list-style: none !important; margin: 0; padding: 0; }
.widget ul  .children { padding: 0; margin: 0; }
#footer .widget{ border:none !important; margin:0; padding: 0 0 10px 0;background:none;}
.widget ul li {float:none; padding: 0; margin: 0;}
#footer .widget ul li:hover { background: none; color: #000; }
#footer .widget ul li {float:none; padding: 0; margin: 0; border-bottom: 1px dashed #2a2b2c; background: none; }
#footer .pmc_twitters  ul li:last-child {border-bottom:none;}
#footer .widget ul li a:hover {  }
.widget_rssfeed { font-size: 16px }
.widget_rssfeed ul li.rss { background: url(images/rssfeed.png) 0 0 no-repeat; padding: 6px 0 10px 38px; }
.widget_rssfeed ul li.email { background: url(images/mail.png) 0 0 no-repeat; padding: 6px 0 10px 38px; }
.widget_rssfeed ul li.twitter { background: url(images/twitter.png) 0 0 no-repeat; padding: 6px 0 10px 38px; }
.widget_search { }
.widget_search form {height:55px;}
.widget_search form div { background-color: #333536; font-size:12px !important; margin-left:20px;
	 padding: 5px; height:25px; width:250px; opacity:0.5;filter:alpha(opacity=50);}
.widget_search form div input { border: 0; background-color:#333536;  padding: 5px;  }
.widget_search form div input#keyword {outline:none; width: 200px; }
.widget_search form div input#keyword:focus form div{border: 1px solid #000; }
.widget_search form div input#searchsubmit {width:30px; height:30px; float: left; cursor: pointer; background: url(images/searchIconMagnifying.png) 0 0 no-repeat; margin: -28px 0 0 89%;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	opacity:0.7; }


.widget .recentcomments { padding: 8px 20px }
.widget .racentW li img{float:left;}
/* ***********************
--------------------------------------
-----------WIDGETS---------
--------------------------------------
************************/

.contact_mail, .contact_tel_local, .contact_tel_mob, .contact_msn, .contact_vcard{display:block; width:36px; height:36px;margin:0px 0px 10px 00px;   font-size:10px;text-transform:uppercase; }
.widget.contact .contact_mail .widgettmailicon{ background: url(images/icon-contact-page-email.png) 5px 8px no-repeat; width:160px; height:36px;margin-top:-5px; }
.widget.contact .contact_tel_mob .widgettmailicon{ background: url(images/icon-contact-page-mobile.png) 5px 5px no-repeat; width:160px; height:36px; padding:9px 0 0px 45px !important;}
.widget.contact .contact_vcard .widgettmailicon{ background: url(images/icon-contact-page-vcard.png) 5px 5px no-repeat; width:160px; height:36px;}
.widget.contact .contact_tel_local .widgettmailicon{ background: url(images/icon-contact-page-telephone.png) 5px 5px no-repeat; width:160px; height:36px;padding:9px 0 0px 45px !important;}
.widget.contact .contact_msn .widgettmailicon{ background: url(images/icon-contact-page-msn.png) 5px 5px no-repeat; width:160px; height:36px;padding:9px 0 0px 45px !important;}
.widget.contact a {float:left;padding:9px 0 0px 45px !important;text-transform:uppercase;}


.footer_widget1, .footer_widget2, .footer_widget3, .footer_widget4 { width: 21%; position: relative; margin-right: 25px; padding: 35px 0 20px 9px; float: left; }
.footer_widget .widget ul { list-style: none; margin: 0; }
.footer_widget .widget ul li {margin: 0; border-bottom: 1px dashed #333; border-top: none; }
.footer_widget .widget ul li:last-child { border-bottom: none !important; }



.wttitle a {margin-right:10px; font-size: 13px !important; font-weight:bold; line-height:18px !important;padding:0 0 10px 0 !important;letter-spacing: normal;}
.details1 { color: #999; font-size: 11px; margin: -9px 0 0 5px; }
.details2 { margin: -5px 0 0 10px; padding-left:85px;}
.details2 a {color:#a8a8a8;}
.details3 { float:right; font-style:italic;padding-top:5px; font-size:12px;}
.widgett { margin: 0px 0 15px 0; padding: 0; width: 290px; min-height: 71px;}
.category_posts .widgett { margin: 0px 0 5px 0;}
.recent_posts .widgett { margin: 0px 0 5px 0;}
.widget.recent_posts,.widget.category_posts   {padding-bottom:25px;}
.widgett li{padding:0 0 0 0 !important;}
.widgett a {display:inline !important; padding:0 !important; text-transform:none;}

.widgett  .imgholder {width:125px; height:76px;  float: left; margin: 0px 0px 0 0;
}
.sidebar .widgett  .imgholder {margin: 0px 15px 0 0;}
.widgett .imgholder img {width: 100px; height: 65px;margin: 0px 0px 0px 0px;background:#2a2b2c;padding:5px;}
.sidebar .widgett .imgholder img {margin-left:20px;}

.widgett .imgholder img:hover{opacity:0.75;filter:alpha(opacity=75);}
.footer_widget .widgett { margin: 5px 0 0px 0; padding: 0; width: 110%;}
.footer_widget .recent_posts li{border:none !important;}
.footer_widget .wttitle h3 { color:#aaa !important}
.category_posts2 { float: left; clear: both; overflow: hidden; }
.widget-pics { width: 83px; height: 83px; float: left; margin: 0 9px 9px 0; padding: 0; }
.widget-pics img { float: left; width: 75px; height: 75px; margin: 0; }
.footer_widget .widget-pics.category_posts2 { float: left; clear: both; }
.footer_widget .widget-pics { width: 83px; height: 83px; margin: 0 15px 15px 0; float: left; padding: 0; }
.footer_widget .widget-pics img { width: 75px; height: 75px; }
.footer_widget .pmc_twitters ul {margin-top:-15px !important;float:left !important;color:#aaa !important;}
.footer_widget .pmc_twitters li .twitterContent {margin:0px 0 0 10px !important;font-size: 12px !important; letter-spacing: normal;}
.footer_widget .pmc_twitters li {margin-bottom:0px !important; text-shadow:none !important;}
.footer_widget .pmc_twitters  ul li:hover  {color:#aaa !important;}
.footer_widget .wttitle a {font-size: 12px !important;line-height:13px !important;}

.pmc_twitters li {
	background: url(images/blogLineSeparatorDot.png) repeat-x;
	background-position:bottom;
	padding-left:28px !important; padding-bottom:10px !important;	 margin-bottom:10px !important; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;text-shadow: 0 0 0 transparent,white 0px 1px 0px;}

.pmc_twitters li:first-child .twitterContent{margin:-5px 0 0 10px;}
.pmc_twitters li:last-child {padding-bottom:0px !important;background:none;}
.pmc_twitters li .twitterContent{margin:0px 0 0 10px;}
.pmc_twitters li .outsideTwitter{display:block;float:left;width:25px;height:25px;overflow:hidden;margin:0;margin:0px 0 0 -28px;}
.pmc_twitters  li  .twitterBird{float:left;width:25px;height:25px;background: url(images/twitterBirdIconAnimate.png); 
	background-repeat: no-repeat; 
	background-position: 0 5px;
	cursor:pointer;

}
.footer_widget .widget_archive ul li, .footer_widget .widget_categories ul li{ padding:5px 5px 5px 25px !important; }

.widget_pages ul li, .widget_links ul li, .widget_rss ul li, .widget_recent_entries ul li , .widget_recent_comments ul li, .widget_meta ul li, .widget_nav_menu ul li{padding:5px 5px 5px 0px !important;}

.widget_categories a , .widget_archive a, .widget_pages a, .widget_links a, .widget_recent_entries a, .widget_recent_comments a, .widget_meta a, .widget_nav_menu a, .widget_rss a{
	background: url(images/bulletSidebar.png) no-repeat 2px 2px;
	padding-left:15px;
	font-size:12px !important;color:#a8a8a8;}
.widget_nav_menu ul li a {display:inline; padding:0px 0 0px 15px !important; margin:0!important;font-size:12px !important; }
.rsswidget{font-size:12px;color:#6f6f6f !important;}
	
.widget_rss h3 a , .rsswidget h3{color: #25252C !important;
font-size: 18px !important;}

.widget_categories ul, .widget_archive ul, .widget_pages ul , .widget_links ul, .widget_rss ul, .widget_recent_entries ul, .widget_recent_comments ul, .widget_meta ul, .widget_nav_menu ul{margin:-10px 0 20px 20px;} 
.widget_categories li , .widget_archive li, .widget_pages li, .widget_links li, .widget_rss li, .widget_recent_entries li, .widget_recent_comments li, .widget_meta li, .widget_nav_menu li{display:block;  padding:5px 5px 5px 0px !important;	font-size:12px !important; color:#6f6f6f;
	background: url(images/blogLineSeparatorDot.png) repeat-x;
	background-position:bottom; }
	.sidebar .widget_categories li ,.sidebar .widget_archive li,.sidebar .widget_pages li,.sidebar .widget_links li,.sidebar .widget_rss li,.sidebar .widget_recent_entries li,.sidebar .widget_recent_comments li,.sidebar .widget_meta li,.sidebar .widget_nav_menu li {width:255px;}
.widget_categories li:hover , .widget_archive li:hover{}	 

.widget_categories li.current-cat {}
.comment_posts h3{ }
.comment_posts li{padding:10px 10px 10px 0px !important; margin-bottom:15px !important ;background-color:#F5F5F5; font-size:12px !important; border: 1px solid #dddcdc; border-bottom:1px solid #bbb;  
	width:270px;   color:#6f6f6f;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear; /* For IE8 and earlier */}
.footer_widget .comment_posts li{margin-bottom:10px !important ;background: url(images/commentBackground.png) no-repeat !important; width:220px; height:100px;color:#6f6f6f;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear; /* For IE8 and earlier */}
.footer_widget .comment_posts ul li{padding:5px !important;}
.comment_posts li:hover{}
.widget_recent_comments a, .widget_rss a {background:none;padding-left:0px;}
.category_posts .details2, .recent_posts .details2 {font-size:12px !important;}


/* ***********************
--------------------------------------
--------------FOOTER----------
--------------------------------------
************************/
.socialfooter{width:960px; margin:0 auto; height:50px; z-index: 9; position: relative;}

.socialfooter h3{margin-bottom:20px;}
.totop {position:fixed; right:30px; bottom:12px;z-index:9;}
.gototop {
	height: 41px;
	width: 41px;
	z-index:9;	
	cursor:pointer; text-align:center;
	border-radius:90px;
	overflow:hidden;
	opacity:0.6; filter:alpha(opacity=60);
	}
 
.arrowgototop{
   background: url(images/goToTopArrow.png) no-repeat;
   position: relative;
   left:14px;
   top:16px;
   width: 24px;
   height: 90px;
   z-index:10;
	

 }
 .gototop:hover{opacity:0.4; filter:alpha(opacity=40);}
 

#footer {background:#1e1e20;  position: relative;  height: auto; clear: both;   }
#footerinside { margin: 0 auto; width: 980px; }
#footerinside h3 {line-height:1.35em;}
#footerbwrap {  padding: 0; height: 30px; clear: both; margin: 0; width: 100%; overflow: hidden; }
#footerb .socialcategory {margin-top:8px; width:50%; float:left;}
#footerb .socialcategory span{float:left; margin-top:4px;margin-right:20px;}
#footerb { font-size: 12px; margin: 0 auto; padding: 0px 0; width: 960px; overflow: hidden; color:#fff;}
#footerb .copyright {padding: 5px 0; text-align: right;  font-size: 11px; }
#footerb .footernav {text-transform:uppercase;}
#footerb .footernav, #footerb .copyright { float: left; width: 50%; display: inline; }
#footerb .footernav ul { overflow: hidden; margin: 0; padding: 0; list-style: none !important; margin-top:5px;width:100%;}
#footerb .footernav ul li { float: left; list-style: none; padding: 0 15px 0 0; }
#footerb .footernav ul li a:link, #footerb .footernav ul li a:visited, #footerb .footernav ul li a:active { color: #999; -webkit-transition: all 0.3s ease-in-out;color:#fff;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}

.sidebar .tagcloud {margin-left:20px;}
.widget_tag_cloud a {background-color: #1e1e20; font-size:12px !important; border: 1px solid #2a2b2c;    font-style:normal;font-size:12px !important; color:#eaeaea;
 padding: 3px 8px 3px 8px;margin-bottom: 4px; display: inline-block;opacity:0.9; filter:alpha(opacity=90);}
.widget_tag_cloud a:visited { color:#eaeaea;}
.footer_widget .widget_links ul {margin-top:-10px;}
.footer_widget .widget_links ul li{padding:10px 0 9px 0 !important; color:#aaa !important;}
.footer_widget .widget_meta  ul li, .footer_widget .widget_categories ul li, .footer_widget .widget_archive ul li, .footer_widget .widget_pages ul li {padding:10px 0 9px 0 !important; color:#aaa !important;}
.footer_widget .widget_categories ul li:first-child, .footer_widget .widget_archive ul li:first-child, .footer_widget .widget_pages ul li:first-child {padding:6px 0 10px 0 !important;}

.footer_widget .widget_meta  ul li a, .footer_widget .widget_categories ul li a, .footer_widget .widget_archive ul li a, .footer_widget .widget_pages ul li a , .footer_widget .widget_nav_menu ul li a{font-size:12px !important;}
.footer_widget .widget_nav_menu ul li a{display:inline;padding:0px 0 0px 15px !important;  font-size:12px !important;}
.footer_widget .widget_nav_menu ul li  {padding:10px 0px 9px 0px !important;width:200px;}
.footer_widget .widget_nav_menu ul li:first-child {padding:0px 0 9px 0 !important;}

.footer_widget .widget_categories  li , .footer_widget .widget_archive  li, .footer_widget .widget_pages li, .footer_widget .widget_nav_menu li{background:none !important;}
.footer_widget .category_posts .widgett {padding-right:8px;}
.footer_widget .pmc_twitters h3 {margin-left:-5px;}
#footer .widget h3 {padding:0 0 15px 0 !important; margin-left:0px !important;background:none !important;display:block;}
/* ***********************
--------------------------------------
----------CALENDAR---------
--------------------------------------
************************/
#calendar_wrap { margin: 0 }
.sidebar #calendar_wrap { margin: 0; padding: 0 20px; }
#wp-calendar { width: 100%; margin-bottom: 15px; clear: both; padding: 0; }
#wp-calendar caption { padding: 10px; text-align: center; }
#wp-calendar th, #wp-calendar td { text-align: center; background: #E7E7E7; color: #9E9E9E; padding: 5px; }
#wp-calendar td { background: transparent }
#wp-calendar td, table#wp-calendar th { padding: 3px 0 }
/* ***********************
--------------------------------------
---------PAGENAVI----------
--------------------------------------
************************/
.wp-pagenavi {background:#232323;background-color: rgba(10,10,10,0.3);display:block;height:28px;font-size:14px !important; clear: both;  padding:0px 15px 0 0; margin: 0px 0px 20px 0; text-align: right; text-transform: uppercase; }
.blog .wp-pagenavi {margin-top:0px;}
.blogFullWidth .wp-pagenavi {width:935px;padding:0px 15px 0 0;}
.portfolio .wp-pagenavi {width:945px;padding:0px 15px 0 0;margin-top:25px;}
.wp-pagenavi a, .wp-pagenavi a:link {display:inline-block; padding-top:4px; width:30px;height:24px;   margin: 0px 0px 40px 0;  text-decoration: none;  text-align:center;  }
.wp-pagenavi a:visited { text-decoration: none;   }
.wp-pagenavi a, .wp-pagenavi span{margin-right:2px !important;}
.wp-pagenavi span.pages { float: left; padding:4px 0 0 15px;}
.wp-pagenavi span.current {padding-top:4px;   margin: -15px 0 0px 10px  ;display:inline-block; width:30px;height:24px;text-align:center;}
.wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink {display:inline-block; font-size:16px; padding-top:3px !important; width:30px;height:25px !important;}
/* ***********************
--------------------------------------
-------SHORTCODES--------
--------------------------------------
************************/
h2.trigger {color:#999; padding: 15px 10px 15px 50px; margin: 0; width: 100%; font-size: 20px; cursor: pointer;  background:#232323 url(images/toggle.png) no-repeat 5px 20px;;background-color: rgba(10,10,10,0.6);
}
h2.trigger:hover {background-color:#232323;background-color: rgba(10,10,10,0.8);}
h2.trigger a { color: #fff; margin: 0; padding: 0; text-decoration: none; display: block;
}
h2.trigger a:hover { color: #ccc
}
h2.active { background-position: 5px -43px
}
.toggle_container { padding: 20px ;margin-bottom:20px;
}
.block { position: relative; float:left; height: inherit; overflow: hidden; margin-bottom: 0;border: 1px solid #000;   width:99.8%; margin-bottom:25px; background:#232323;background-color: rgba(10,10,10,0.3);
}

.black { background-color: #000; color: #fff; padding: 2px 3px; color: #eaeaea;
}
.yellow { background-color: #EEBF00; padding: 2px 3px; color: #eaeaea;
}
.blue { background-color: #2096DA; padding: 2px 3px; color: #eaeaea;
}
.green { background-color: #81A329; padding: 2px 3px; color: #eaeaea;
}
/*circle list*/
.circle ul { list-style: none !important; padding: 0; margin: 0;
}
.circle ul li { margin: 5px 0 0 5px; padding-left: 25px; background: url(images/bullet-circle-black.png) no-repeat 0 6px;
}
/*comment list*/
.commentlistshort ul { list-style: none !important; padding: 0; margin: 0;
}
.commentlistshort ul li { margin: 5px 0 0 5px; padding-left: 25px; background: url(images/list-comment.png) no-repeat 0 2px;
}
/*mail list*/
.maillist ul { list-style: none !important; padding: 0; margin: 0;
}
.maillist ul li { margin: 5px 0 0 5px; padding-left: 25px; background: url(images/list-mail.png) no-repeat 0 2px;
}
/*plus list*/
.pluslist ul { list-style: none !important; padding: 0; margin: 0;
}
.pluslist ul li { margin: 5px 0 0 5px; padding-left: 25px; background: url(images/list-plus.png) no-repeat 0 2px;
}
/*ribbon list*/
.ribbonlist ul { list-style: none !important; padding: 0; margin: 0;
}
.ribbonlist ul li { margin: 5px 0 0 5px; padding-left: 25px; background: url(images/list-ribbon.png) no-repeat 0 2px;
}
/*settings list*/
.settingslist ul { list-style: none !important; padding: 0; margin: 0;
}
.settingslist ul li { margin: 5px 0 0 5px; padding-left: 25px; background: url(images/list-settings.png) no-repeat 0 2px;
}
/*star list*/
.starlist ul { list-style: none !important; padding: 0; margin: 0;
}
.starlist ul li { margin: 5px 0 0 5px; padding-left: 25px; background: url(images/list-star.png) no-repeat 0 2px;
}
/*image list*/
.imagelist ul { list-style: none !important; padding: 0; margin: 0;
}
.imagelist ul li { margin: 5px 0 0 5px; padding-left: 25px; background: url(images/list-image.png) no-repeat 0 2px;
}
/*tick list*/
.ticklist ul { list-style: none !important; padding: 0; margin: 0;
}
.ticklist ul li { margin: 5px 0 0 5px; padding-left: 25px; background: url(images/list-tick.png) no-repeat 0 2px;
}
/*settings list*/
.linklist ul { list-style: none !important; padding: 0; margin: 0;
}
.linklist ul li { margin: 5px 0 0 5px; padding-left: 25px; background: url(images/list-link.png) no-repeat 0 2px;
}
/*arrow list*/
.arrow  ul { list-style: none !important; padding: 0; margin: 0;
}
.arrow  ul li { margin: 5px 0 0 5px; padding-left: 25px; background: url(images/list-arrow.png) no-repeat 0px 2px;
}
.arrow_point  ul { list-style: none !important; padding: 0; margin: 0;
}
.arrow_point ul li { margin: 5px 0 0 5px; padding-left: 25px; background: url(images/bullet.png) no-repeat 0px 8px;
}
.dropcap { display: block; float: left; font-size: 50px; line-height: 40px; margin: 5px 8px 0 0;
}
.question h3, .success h3, .info h3, .error h3 {color: #fff !important; padding: 0px 20px 22px 70px;   font-size:18px; text-shadow:0 1px 0 rgba(0,0,0,0.3);
}
.success { background: #80a310 url(images/successBoxIcon.png) 20px center no-repeat; margin:10px 0;
}
.question { background: #F6AD1F url(images/questionBoxIcon.png) 20px center no-repeat; margin:10px 0;
}
.info { background: #1BAACC url(images/infoBoxIcon.png) 20px center no-repeat; margin:10px 0;
}
.error { background: #CE4621 url(images/errorBoxIcon.png) 20px center no-repeat; margin:10px 0;
}
/*ribbon all*/
.ribbon{float:left; margin:10px 10px 10px 0;}

/*ribbon red*/
.ribbon_left_red{background: url(images/ribbonRedLeft.png) center no-repeat; width:34px; height:40px; float:left;}
.ribbon_center_red{background: url(images/ribbonRed.png) center repeat-x;min-width: 5px;  display:inline-block;  height:40px;float:left;}
.ribbon_center_red a{padding:9px 15px 0 15px; display:inline-block;text-transform:uppercase; font-size:20px; color:#631c1b !important;text-shadow:0 1px 0 rgba(255,255,255,0.25);font-weight:bold;}
.ribbon_right_red{background: url(images/ribbonRedRight.png) center no-repeat; width:22px; height:40px;float:left;}
.ribbon_center_red a:hover {color:#631c1b !important;}

/*ribbon blue*/
.ribbon_left_blue{background: url(images/ribbonBlueLeft.png) center no-repeat; width:34px; height:40px; float:left;}
.ribbon_center_blue{background: url(images/ribbonBlue.png) center repeat-x;min-width: 5px;  display:inline-block;  height:40px;float:left;}
.ribbon_center_blue a{padding:9px 15px 0 15px; display:inline-block;text-transform:uppercase; font-size:20px; color:#2e4c50 !important;text-shadow:0 1px 0 rgba(255,255,255,0.25);font-weight:bold;}
.ribbon_right_blue{background: url(images/ribbonBlueRight.png) center no-repeat; width:22px; height:40px;float:left;}
.ribbon_center_blue a:hover {color:#2e4c50 !important;}

/*ribbon white*/
.ribbon_left_white{background: url(images/ribbonWhiteLeft.png) center no-repeat; width:34px; height:40px; float:left;}
.ribbon_center_white{background: url(images/ribbonWhite.png) center repeat-x;min-width: 5px;  display:inline-block;  height:40px;float:left;}
.ribbon_center_white a{padding:9px 15px 0 15px; display:inline-block;text-transform:uppercase; font-size:20px; color:#111 !important;text-shadow:0 1px 0 rgba(255,255,255,0.25);font-weight:bold;}
.ribbon_right_white{background: url(images/ribbonWhiteRight.png) center no-repeat; width:22px; height:40px;float:left;}
.ribbon_center_white a:hover {color:#111 !important;}

/*ribbon green*/
.ribbon_left_green{background: url(images/ribbonGreenLeft.png) center no-repeat; width:34px; height:40px; float:left;}
.ribbon_center_green{background: url(images/ribbonGreen.png) center repeat-x;min-width: 5px;  display:inline-block;  height:40px;float:left;}
.ribbon_center_green a{padding:9px 15px 0 15px; display:inline-block;text-transform:uppercase; font-size:20px; color:#455a01 !important;text-shadow:0 1px 0 rgba(255,255,255,0.25);font-weight:bold;}
.ribbon_right_green{background: url(images/ribbonGreenRight.png) center no-repeat; width:22px; height:40px;float:left;}
.ribbon_center_green a:hover {color:#455a01 !important;}

/*ribbon yellow*/
.ribbon_left_yellow{background: url(images/ribbonYellowLeft.png) center no-repeat; width:34px; height:40px; float:left;}
.ribbon_center_yellow{background: url(images/ribbonYellow.png) center repeat-x;min-width: 5px;  display:inline-block;  height:40px;float:left;}
.ribbon_center_yellow a{padding:9px 15px 0 15px; display:inline-block;text-transform:uppercase; font-size:20px; color:#875b05 !important;text-shadow:0 1px 0 rgba(255,255,255,0.25);font-weight:bold;}
.ribbon_right_yellow{background: url(images/ribbonYellowRight.png) center no-repeat; width:22px; height:40px;float:left;}
.ribbon_center_yellow a:hover {color:#875b05 !important;}

/*accordion*/
.accordion{width:100%;margin-bottom:10px;display:inline-block}
.accordion h3{  line-height:30px;padding: 1px 0 0 10px; }
.ui-accordion-content{border-bottom:1px solid #E2E2E2; border-left:1px solid #E2E2E2; border-right:1px solid #E2E2E2; padding:10px;}
.ui-accordion-content p{margin:0px !important; }

/*progress bar*/

.progressbar{height:20px; float:right;display:inline-block;border:1px solid #E2E2E2; width:100%;margin-bottom:10px;}
.ui-progressbar-value{height:20px;}

.success a { font-weight: bold; color: #66B500;
}
.question a { font-weight: bold; color: #CB2A19;
}
.info a { font-weight: bold; color: #0092F5;
}
.error a { font-weight: bold; color: #A58100;
}
/* root element for tabs   */

.tabwrap{float:left;width:100%;}

ul.tabs { margin: 0 !important; padding: 0; height: 35px;
}
/* single tab  */
ul.tabs li { float: left; padding: 0; margin: 0; list-style-type: none;
}
/* link inside the tab. uses a background image  */
ul.tabs a { float: left; font-size: 13px; display: block; padding: 15px 40px; text-decoration: none; border: 1px solid #000; border-bottom: 0px; height: 18px;  background:#232323;background-color: rgba(10,10,10,0.3); color: #777; margin-right: 1px; position: relative; top: 4px; outline: 0;
}
ul.tabs a:hover { background:#232323;background-color: rgba(10,10,10,0.6); ;
}
/* selected tab  */
ul.tabs a.current {  background:#232323;background-color: rgba(10,10,10,0.6); cursor: default;
}
/* tab pane  */
.panes div { display: none; border: 1px solid #000; border-width: 1px 1px 1px 1px;  padding: 15px 0 0 20px; margin-bottom:25px; background:#232323;background-color: rgba(10,10,10,0.3);  float:left;
}
blockquote.pullquote { width: 40%; float: left; margin: 0 10px; border: 0; font-style: italic; line-height: 150%;
}
blockquote.pushquote { width: 40%; float: right; margin: 0 10px; border: 0; font-style: italic; line-height: 150%;
}
.divider { background: url(images/break.png) center repeat-x line-height: 60px; position: relative; clear: both;
}
.dividertop { position: relative; background: url(images/break.png) center repeat-x; display: block; line-height: 60px; width: 100%; clear: both; font-size: 10px;
}
.dividertop a { float: right; color: #ccc; margin: 0 0 0 20px;
}
.break { background: none; line-height: 30px; position: relative; clear: both;
}
.pad { background: none; height: 0px; clear: both;
}
.padnoslider { background: none; height:0px; clear: both;
}

/* purche button */
.button_purche{display:inline-block; margin:5px; margin-left:0px;}
.button_purche_left{ background: url(images/bigButtonsLeftPurchase.png) center no-repeat; width:51px;height:55px;float:left;}
.button_purche_right{ background: url(images/bigButtonsRight.png) center repeat-x;height:55px; display:inline-block;float:left;padding:0px 20px 0 20px;}
.button_purche_right_top{width:100%; font-size:16px !important;padding-top:13px;text-transform:uppercase; line-height:14px;}
.button_purche_right_bottom{width:100%;  font-size:13px !important;text-transform:capitalize;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);}
.button_purche:hover{}
	
.button_purche a:active{  }


/* download button */
.button_download{display:inline-block;margin:5px; margin-left:0px;}
.button_download_left{ background: url(images/bigButtonsLeftDownload.png) center no-repeat; width:51px;height:55px;float:left;}
.button_download_right{ background: url(images/bigButtonsRight.png) center repeat-x;height:55px; display:inline-block;float:left;padding:0px 20px 0 20px;}
.button_download_right_top{width:100%; font-size:16px !important;padding-top:13px;text-transform:uppercase; line-height:14px;}
.button_download_right_bottom{width:100%;  font-size:13px !important;text-transform:capitalize;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);}
.button_download:hover{}
	
.button_download a:active{  }

/* search button */
.button_search{display:inline-block; margin:5px; margin-left:0px;}
.button_search_left{ background: url(images/bigButtonsLeftSearch.png) center no-repeat; width:51px;height:55px;float:left;}
.button_search_right{ background: url(images/bigButtonsRight.png) center repeat-x;height:55px; display:inline-block;float:left;padding:0px 20px 0 20px;}
.button_search_right_top{width:100%; font-size:16px !important;padding-top:13px;text-transform:uppercase; line-height:14px;}
.button_search_right_bottom{width:100%;  font-size:13px !important;text-transform:capitalize;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);}
.button_search:hover{}
	
.button_search a:active{  }

/*all butons*/
.buttonshort {margin:10px 20px 0px 0;float: left; display: inline-block;}
.buttonshort img{width: 16px; height: 16px;padding-right:10px;padding-top:2px; float:left;}
.buttonshort .iconbutton{ display: inline-block; float: left; width: 30px;}
.buttonshort .buttonleft{float:left;}

/*dark button */

.buttondark{  display:inline-block;cursor:pointer;  background: #25252B;  font-size: 13px;  padding: 8px 20px 8px 20px; text-align:center; border: 1px solid #111;

	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	 }
.buttondark a, .buttondark a:hover{ color: #EAEAEA !important; text-shadow: 1px 1px 0px black;}
.buttondark:hover{  opacity:0.85;filter:alpha(opacity=85); /* For IE8 and earlier */color: #FFF;border: 1px solid #111;}
	
.buttondark a:active{  }





/* blue button */
.buttonblue{ display:inline-block; cursor:pointer;  background: #2689D5; font-size: 13px;  padding: 8px 20px 8px 20px; text-align:center; border: 1px solid #1777c1;

	 }
.buttonblue a, .buttonblue a:hover{ color: #EAEAEA !important; text-shadow: 1px 1px 0px black;}
.buttonblue:hover{ opacity:0.85;filter:alpha(opacity=85); /* For IE8 and earlier */color: #FFF;}
	
.buttonblue a:active{  }
/* red button */
.buttonred{  cursor:pointer;  background: #CC3333; float: left; font-size: 13px;  padding: 8px 20px 8px 20px; text-align:center; border: 1px solid #ab1b1b;

	 }
.buttonred a, .buttonred a:hover{ color: #EAEAEA !important; text-shadow: 1px 1px 0px black;}
.buttonred:hover{  opacity:0.85;filter:alpha(opacity=85); /* For IE8 and earlier */color: #FFF;}
	
.buttonred a:active{  }

/* button black */
.buttonblack{  cursor:pointer;  background: #1B1B1C; float: left; font-size: 13px;  padding: 8px 20px 8px 20px; text-align:center; border: 1px solid #000;}
.buttonblack a, .buttonblack a:hover{ color: #EAEAEA !important; text-shadow: 1px 1px 0px black;}
.buttonblack:hover{  background: #2689D5;color: #FFF;border: 1px solid #1777c1;}
	
.buttonblack a:active{  }


/*yellow button CSS3 */
.buttonyellow{ 
	background-color:#FFC347;
	//background-color:#FFC044;
	cursor:pointer;  float: left; font-size: 13px;  padding: 8px 20px 8px 20px; text-align:center; border: 1px solid #db9a3c;
	 }
.buttonyellow a,  .buttonyellow a:hover{ color: #9d6736 !important; }
.buttonyellow:hover{  opacity:0.85;filter:alpha(opacity=85); /* For IE8 and earlier */ }
	
.buttonyellow a:active{  }

/*green button CSS3 */
.buttongreen{ 
	background-color:#85A51D;
	//background-color:#85A51D;
	cursor:pointer;  float: left; font-size: 13px;  padding: 8px 20px 8px 20px; text-align:center; border: 1px solid #74930e;
	 }
.buttongreen a,  .buttongreen a:hover{ color: #eaeaea !important; text-shadow: 1px 1px 0px black;}
.buttongreen:hover{  opacity:0.85;filter:alpha(opacity=85); /* For IE8 and earlier */ }
	
.buttongreen a:active{  }

/*pink button CSS3 */
.buttonpink{ 
	background-color:#f548ae;
	//background-color:#f548ae;
	cursor:pointer;  float: left; font-size: 13px;  padding: 8px 20px 8px 20px; text-align:center; border: 1px solid #e13098;
	 }
.buttonpink a,  .buttonpink a:hover{ color: #eaeaea !important;text-shadow: 1px 1px 0px black; }
.buttonpink:hover{  opacity:0.85;filter:alpha(opacity=85); /* For IE8 and earlier */ }
	
.buttonpink a:active{  }

/*orange button CSS3 */
.buttonorange{ 
	background-color:#E35E12;
	//background-color:#E35E12;
	cursor:pointer;  float: left; font-size: 13px;  padding: 8px 20px 8px 20px; text-align:center; border: 1px solid #c84d06;
	 }
.buttonorange a,  .buttonorange a:hover{ color: #eaeaea !important; text-shadow: 1px 1px 0px black;}
.buttonorange:hover{  opacity:0.85;filter:alpha(opacity=85); /* For IE8 and earlier */ }
	
.buttonorange a:active{  }

/* MODERN BUTTONS */
/* yellow gradient*/
.buttonyellow_modern{ background-image: linear-gradient(bottom, rgb(255,188,64) 0%, rgb(255,217,91) 100%);
	background-image: -o-linear-gradient(bottom, rgb(255,188,64) 0%, rgb(255,217,91) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(255,188,64) 0%, rgb(255,217,91) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(255,188,64) 0%, rgb(255,217,91) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(255,188,64) 0%, rgb(255,217,91) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(255,188,64)),
		color-stop(1, rgb(255,217,91))
	);
	display: inline-block;
	border: 1px solid #db9a3c;
	
	-webkit-box-shadow: inset 0px 1px 1px #fff;
	-moz-box-shadow: inset 0px 1px 1px #fff;
	box-shadow: inset 0px 1px 1px #fff;
  
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	cursor:pointer;
	font-size: 12px;
	text-shadow: 0px 1px 1px #FFDA5B;
	float:left;
	color: #9d6736;
	text-align:center;
	padding: 9px 20px 8px 20px; 
	background-color:#FFC044;
	 }
.buttonyellow_modern a,  .buttonyellow_modern a:hover{ color: #9d6736 !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);}
.buttonyellow_modern:hover{ opacity:0.85;filter:alpha(opacity=85); /* For IE8 and earlier */ border: 1px solid #f4be6f; color: #9d6736;}
	
.buttonyellow_modern a:active{  }

/* red gradient */
.buttonred_modern{ 
	background-image: linear-gradient(bottom, rgb(218,65,65) 0%, rgb(204,51,51) 100%);
	background-image: -o-linear-gradient(bottom, rgb(218,65,65) 0%, rgb(204,51,51) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(218,65,65) 0%, rgb(204,51,51) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(218,65,65) 0%, rgb(204,51,51) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(218,65,65) 0%, rgb(204,51,51) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(218,65,65)),
		color-stop(1, rgb(204,51,51))
	);

	display: inline-block;
	border: 1px solid #a20806;
	
	-webkit-box-shadow: inset 0px 1px 1px #f57c79;
	-moz-box-shadow: inset 0px 1px 1px #f57c79;
	box-shadow: inset 0px 1px 1px #f57c79;
  
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	cursor:pointer;
	font-size: 12px;
	text-shadow: 0px 1px 1px #FFDA5B;
	float:left;
	text-align:center;
	padding: 9px 20px 8px 20px; 
	background-color:#da4141;

	 }
.buttonred_modern a, .buttonred_modern a:hover{ color: #5c0301 !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);}
.buttonred_modern:hover{opacity:0.85;filter:alpha(opacity=85); /* For IE8 and earlier */  border: 1px solid #d84440; color: #9d6736;}
	
.buttonred_modern a:active{  }


/* dark gradient */
.buttondark_modern{ 
	background-image: linear-gradient(bottom, rgb(59,68,80) 0%, rgb(48,54,61) 100%);
	background-image: -o-linear-gradient(bottom, rgb(59,68,80) 0%, rgb(48,54,61) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(59,68,80) 0%, rgb(48,54,61) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(59,68,80) 0%, rgb(48,54,61) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(59,68,80) 0%, rgb(48,54,61) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(59,68,80)),
		color-stop(1, rgb(48,54,61))
	);

  
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	
	display: inline-block;
	border: 1px solid #26292c;
	
	-webkit-box-shadow: inset 0px 1px 1px #5a6c85;
	-moz-box-shadow: inset 0px 1px 1px #5a6c85;
	box-shadow: inset 0px 1px 1px #5a6c85;
  
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	cursor:pointer;
	font-size: 12px;
	text-shadow: 0px 1px 1px #FFDA5B;
	float:left;
	color: #9d6736;
	text-align:center;
	padding: 9px 20px 8px 20px; 
	background-color:#353b41;
	
	 }
.buttondark_modern a, .buttondark_modern a:hover{ color: #aeaeae !important; text-shadow: 0px 1px 1px #111;}
.buttondark_modern:hover{ opacity:0.85;filter:alpha(opacity=85); /* For IE8 and earlier */ border: 1px solid #2D3237; color: #9d6736;}
	
.buttondark_modern a:active{  }

/*blue*/
.buttonblue_modern{ 
	background-image: linear-gradient(bottom, rgb(21,147,205) 0%, rgb(12,130,185) 100%);
	background-image: -o-linear-gradient(bottom, rgb(21,147,205) 0%, rgb(12,130,185) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(21,147,205) 0%, rgb(12,130,185) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(21,147,205) 0%, rgb(12,130,185) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(21,147,205) 0%, rgb(12,130,185) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(21,147,205)),
		color-stop(1, rgb(12,130,185))
	);
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	
	display: inline-block;
	border: 1px solid #066e9e;
	
	-webkit-box-shadow: inset 0px 1px 1px #4fbdf0;
	-moz-box-shadow: inset 0px 1px 1px #4fbdf0;
	box-shadow: inset 0px 1px 1px #4fbdf0;
  
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	cursor:pointer;
	font-size: 12px;
	text-shadow: 0px 1px 1px #FFDA5B;
	float:left;
	text-align:center;
	padding: 9px 20px 8px 20px; 
	background-color:#1593cd;
	
	 }
.buttonblue_modern a, .buttonblue_modern a:hover{ color: #003c58 !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);}
.buttonblue_modern:hover{opacity:0.85;filter:alpha(opacity=85); /* For IE8 and earlier */  border: 1px solid #137ccb; color: #9d6736;}
	
.buttonblue_modern a:active{  }

/*pink*/
.buttonpink_modern{ 
	background-image: linear-gradient(bottom, rgb(245,72,173) 49%, rgb(232,50,156) 75%);
	background-image: -o-linear-gradient(bottom, rgb(245,72,173) 49%, rgb(232,50,156) 75%);
	background-image: -moz-linear-gradient(bottom, rgb(245,72,173) 49%, rgb(232,50,156) 75%);
	background-image: -webkit-linear-gradient(bottom, rgb(245,72,173) 49%, rgb(232,50,156) 75%);
	background-image: -ms-linear-gradient(bottom, rgb(245,72,173) 49%, rgb(232,50,156) 75%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.49, rgb(245,72,173)),
		color-stop(0.75, rgb(232,50,156))
	);
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	
	display: inline-block;
	border: 1px solid #c9137e;
	
	-webkit-box-shadow: inset 0px 1px 1px #f566ba;
	-moz-box-shadow: inset 0px 1px 1px #f566ba;
	box-shadow: inset 0px 1px 1px #f566ba;
  
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	cursor:pointer;
	font-size: 12px;
	text-shadow: 0px 1px 1px #FFDA5B;
	float:left;
	text-align:center;
	padding: 9px 20px 8px 20px; 
	background-color:#f548ad;
	
	 }
.buttonpink_modern a, .buttonpink_modern a:hover{ color: #9b025c !important;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);}
.buttonpink_modern:hover{opacity:0.85;filter:alpha(opacity=85); /* For IE8 and earlier */  border: 1px solid #c9137e; color: #9d6736;}
	
.buttonpink_modern a:active{  }

/*orange*/
.buttonorange_modern{ 
	background-image: linear-gradient(bottom, rgb(238,111,37) 49%, rgb(227,95,18) 75%);
	background-image: -o-linear-gradient(bottom, rgb(238,111,37) 49%, rgb(227,95,18) 75%);
	background-image: -moz-linear-gradient(bottom, rgb(238,111,37) 49%, rgb(227,95,18) 75%);
	background-image: -webkit-linear-gradient(bottom, rgb(238,111,37) 49%, rgb(227,95,18) 75%);
	background-image: -ms-linear-gradient(bottom, rgb(238,111,37) 49%, rgb(227,95,18) 75%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.49, rgb(238,111,37)),
		color-stop(0.75, rgb(227,95,18))
	);
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	
	display: inline-block;
	border: 1px solid #c54f0b;
	
	-webkit-box-shadow: inset 0px 1px 1px #f48c51;
	-moz-box-shadow: inset 0px 1px 1px #f48c51;
	box-shadow: inset 0px 1px 1px #f48c51;
  
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	cursor:pointer;
	font-size: 12px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
	float:left;
	text-align:center;
	padding: 9px 20px 8px 20px; 
	background-color:#f3742b;
	
	 }
.buttonorange_modern a, .buttonorange_modern a:hover{ color: #873202 !important;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);}
.buttonorange_modern:hover{opacity:0.85;filter:alpha(opacity=85); /* For IE8 and earlier */ }
	
.buttonorange_modern a:active{  }

/*green*/
.buttongreen_modern{ 
	background-image: linear-gradient(bottom, rgb(133,165,29) 49%, rgb(123,153,23) 75%);
	background-image: -o-linear-gradient(bottom, rgb(133,165,29) 49%, rgb(123,153,23) 75%);
	background-image: -moz-linear-gradient(bottom, rgb(133,165,29) 49%, rgb(123,153,23) 75%);
	background-image: -webkit-linear-gradient(bottom, rgb(133,165,29) 49%, rgb(123,153,23) 75%);
	background-image: -ms-linear-gradient(bottom, rgb(133,165,29) 49%, rgb(123,153,23) 75%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.49, rgb(133,165,29)),
		color-stop(0.75, rgb(123,153,23))
	);
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	
	display: inline-block;
	border: 1px solid #6f8d0d;
	
	-webkit-box-shadow: inset 0px 1px 1px #a6c73b;
	-moz-box-shadow: inset 0px 1px 1px #a6c73b;
	box-shadow: inset 0px 1px 1px #a6c73b;
  
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	cursor:pointer;
	font-size: 12px;
	text-shadow: 0px 1px 1px #FFDA5B;
	float:left;
	text-align:center;
	padding: 9px 20px 8px 20px; 
	background-color:#85a51d;
	
	 }
.buttongreen_modern a, .buttongreen_modern a:hover{ color: #4e6505 !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);}
.buttongreen_modern:hover{opacity:0.85;filter:alpha(opacity=85); /* For IE8 and earlier */  border: 1px solid #6f8d0d;}
	
.buttongreen_modern a:active{  }

/* ***********************
--------------------------------------
------------TABLES------------
--------------------------------------
************************/
table { font-size: 11px; text-align: center; color: #5D5D5D; border: 1px solid #fff; border-collapse: collapse; }
table th { background: #dedede; border: 1px solid #fff; padding: 8px; width: 100px; }
table tr { background: #efefef }
table td { border: 1px solid #fff; padding: 8px; width: 100px; }
/* ***********************
--------------------------------------
------------SLIDER------------
--------------------------------------
*************************/




/*anything slider*/


#slider-wrapper .loading{background:url(images/loading.gif) no-repeat; height:180px; width:60px; margin:20px 0 0 50%; position:absolute;}
#slider-wrapper{position:relative;width:100%; min-height:100px; top: 90px;}
.anythingSlider {margin: 0 auto; padding: 0 0 10px 0; overflow:hidden; display:block}
.anythingSlider  iframe{padding :0 0 0px 0px; width:550px;border:10px solid #fff;}
.anythingSlider  .iframes{position: relative; margin:0 auto; width:960px; padding-bottom:15px;}
.anythingSlider .images{position: relative; text-align: center;}
#slider img{position:relative;z-index:90; width:auto; }
#slider { width:100%; list-style: none; overflow:hidden; margin:15px auto 0 auto;}
.textSlide{position: absolute;  height: 1000px; text-align:left; z-index:99;}
.textSlide li {list-style:none; font-size:14px;padding:0;}
.textSlide .button { background:#fff;background-color: rgba(255,255,255,1);padding:10px; z-index:9999 !important; padding:10px 15px 10px 20px;width:118px;cursor:pointer;margin:10px 0px 0 0px;float:left;
-webkit-transition: background-color 0.2s ease-in-out;
	-moz-transition: background-color 0.2s ease-in-out;
	-o-transition: background-color 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;}
.textSlide .button:hover {background-color: rgba(255,255,255,0.75);filter:alpha(opacity=75);}

.textSlide .box{background:#fff; padding:8px 0px 10px 20px; text-shadow:0 1px 0 rgba(0,0,0,0.1);}
.textSlide .quote{margin:3px 0 0 20px; font-style:italic;font-size:16px;}
.textSlide .quote2{float:left; font-style:italic;font-size:18px;}
.textSlide ul{margin:0;}
.textSlide h3{list-style:none; font-size:18px;}
.nextbutton { overflow: hidden; padding: 0; position: absolute; top: 308px; left:50%; margin-left: 590px; cursor: pointer; display: none; width: 40px; height: 50px; z-index:100 }
.prevbutton { overflow: hidden; padding: 0; position: absolute; top: 308px; left:50%; margin-left: -650px; cursor: pointer; display: none; width: 40px; height: 50px; z-index:100  }
.nextbutton { width: 60px; height: 60px;  background: url(images/slideshowArrows.png) no-repeat -60px 0;}
.prevbutton { width: 60px; height: 60px;  background: url(images/slideshowArrows.png) no-repeat; }

.anythingSlider .start-stop { display: none !important }
.anythingSlider .anythingWindow { overflow: hidden; position: relative; width: 100%; height: 100%; }
.anythingBase { background: transparent; list-style: none; position: absolute; top: 0; left: 0; margin: 0; padding: 0; }
.anythingBase .panel { background: transparent; display: block; overflow: hidden; float: left; padding: 0; margin: 0; }
.slidertip { outline: none; position: relative; text-decoration: none !important; }
span.slidertip { display: inline-block; /* IE trick */ }
.slidertip:hover .tooltip { opacity: 1 !important; visibility: visible; }
.tooltip { padding-top: 8px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; position: absolute; opacity: 0; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4); visibility: hidden; white-space: nowrap; width: 88px !important; white-space: normal !important; background-image: url(../img/slidertip-bg.png); z-index: 9999; height: 106px; background-repeat: no-repeat; }
.tooltip.center { left: -48px; margin-left: 50%; right: auto; }
.tooltip.top { bottom: 100%; margin-bottom: 0px; top: auto; }

@media screen and (max-width:1281px)
{
.nextbutton {  margin-left: 490px; }
.prevbutton {  margin-left: -550px;}
}

@media screen and (max-width:1025px)
{
.nextbutton {  margin-left: 390px; }
.prevbutton {  margin-left: -440px;}
}

/* ***********************
--------------------------------------
---------------SOCIAL-------------
--------------------------------------
*************************/
#social {margin-top:6px;}
.fb-like{float:left;}
#twitter{float:left;width:90px;}
.g-plusone{float:left !important;}
#sociallink{float:right; padding:0 5px 0 5px;color:#fff; width:190px;}
.facebooklink{background:  url(images/facebookIcon.png) no-repeat 0px 0px; height:25px; width:25px; float:left; padding:3px;}
.twitterlink{background:  url(images/twitterIcon.png) no-repeat 0 0px; height:25px; width:25px; float:left; padding:3px;}
.dribble{background:  url(images/dribbbleIcon.png) no-repeat 0 0px; height:25px; width:25px; float:left; padding:3px;}
.vimeo{background:  url(images/vimeoIcon.png) no-repeat 0px 0px; height:25px; width:25px; float:left; padding:3px;}
.emaillink{background:  url(images/sendMailIcon.png) no-repeat 0 0px; height:25px; width:25px; float:left; padding:3px;}
.addthis_toolbox .emaillink{background:  url(images/sendMailIcon.png) no-repeat 0 1px;  }
.socialfooter .socialcategory {width:102%;}
.facebooklinkfooter{background:  url(images/facebookIconBig.png) no-repeat 0px 0px;   padding:56px; margin-right: 31px; margin-left: 0px;}
.twitterlinkfooter{background:  url(images/twitterIconBig.png) no-repeat 0 0px;   padding:56px; margin-right:31px;}
.dribblefooter{background:  url(images/dribbleIconBig.png) no-repeat 0 0px;   padding:56px; margin-right:30px;}
.diggfooter{background:  url(images/diggIconBig.png) no-repeat 0px 0px;  padding:56px; margin-right:30px;}
.rsslinkfooter{background:  url(images/rssIconBig.png) no-repeat 0px 0px;   padding:56px;}
.linkedinlinkfooter{background:  url(images/linkedInBig.png) no-repeat 0 0px;  padding:56px; margin-right:30px;}
.flickerlinkfooter{background:  url(images/flickrIconBig.png) no-repeat 0 0px;  padding:56px; margin-right:30px;}
.facebooklinkfooter:hover, .twitterlinkfooter:hover,.dribblefooter:hover,.diggfooter:hover, .rsslinkfooter:hover,.linkedinlinkfooter:hover, .flickerlinkfooter:hover  {background-position:0px 15px;}

	
.facebooklink:hover, .twitterlink:hover, .dribble:hover, .vimeo:hover, .emaillink:hover{opacity:0.5;filter:alpha(opacity=50);}
	
.socialsingle .emaillink{margin-right:5px !important;}
.socialsingle .emaillink:hover {opacity:0.5;filter:alpha(opacity=50);}
.gallery-single .emaillink{margin-left:20px !important;}
.custom_images img{height:auto; width:auto;}
.addthis_toolbox{float:left;margin:-10px !important;}
#page-heading .socialsingle {margin-top:3px !important;margin-bottom:3px !important; margin-left:10px !important;}
#page-heading .addthis_toolbox{margin:0px !important;}
#page-heading .custom_images a {padding-right:10px !important;}
#page-heading .emaillink {margin-left:0px !important;}
.gallery-single .addthis_toolbox {margin-top:0px !important; }
/* ***********************
--------------------------------------
---------------Isotope Filtering-------------
--------------------------------------
*************************/
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
/* ***********************
--------------------------------------
---------------Isotope CSS3 transitions-------------
--------------------------------------
*************************/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
       -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;
     -moz-transition-property:    -moz-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}
/* End: Recommended Isotope styles */

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

/* animations */

 #portitems2 h3, .item3 h3, .homeRacent h3, .advertise .bx-prev, .advertise .bx-next, .related h4 a, 
.blogpostcategory h2 a, .content ol.commentlist li .comment-author .fn a, .content ol.commentlist li .reply a,.widgett a, .widget_categories a , .widget_archive a, .widget_pages a, .widget_links a, .widget_recent_entries a, .widget_recent_comments a, .widget_meta a, .widget_nav_menu a, .widget_rss a, 
.rsswidget, .gototop, .widget_tag_cloud a, .footer_widget .widget_links ul li a, .footer_widget .widget_meta  ul li a, #nslider .nivo-controlNav img ,#nslidert .nivo-controlNav img,
.facebooklink, .twitterlink, .dribble, .vimeo, .emaillink, .custom_images img, .image-gallery .over, .portcategories a{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#portitems2 h3 a, #portitems2 .image, .posttext img, .homeBox .one_fourth h2, .homeBox .one_fourth .boxDescription, .homeBox .one_fourth .boxImage, .homeBox .one_fourth .boxImage img, .homeRacent h3 a, 
 #respond #commentform textarea, #respond #commentform input, #commentform #respond #commentform textarea, #commentform #respond #commentform input, #commentform #respond #commentform input#commentSubmit, #respond #commentform input#commentSubmit,
#contactform  .commentfieldarea textarea, #contactform  .commentfield input , #contactform  .contactbutton .contact-button, .widgett .imgholder img, h2.trigger, .buttonblue, .buttonred, .buttonblack, 
.buttonyellow, .buttongreen, .buttonpink, .buttonorange, .buttonyellow_modern, .buttonred_modern, .buttondark_modern, .buttonblue_modern, .buttonpink_modern, .buttonorange_modern, .buttongreen_modern, #contactform  .contactbutton .contact-button {

	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
				
			
 #portitems2 .overLowerDefault, #portitems2 .overLowerDefaultBorder,   .item3 .overLowerDefault, .item4 .overLowerDefault, .item3 .overLowerDefaultBorder, .item4 .overLowerDefaultBorder,
.homeRacent .image,  .homeRacent .overLowerDefault, .homeRacent .overLowerDefaultBorder, .advertise img, .related .one_fourth .image img, .homeremove .catlink .sortingword, .projectdetails .blogsingleimage img, 
.home .bx-prev, .home .bx-next, .blogpostcategory .comment-inside, .blogpostcategory .date-inside, .projectdescription .portnavigation .portnext, .projectdescription .portnavigation .portprev, .likepostpmc .lbg-style1
{

	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

a, a:active, a:visited, .menu > li a strong, .menu li ul li{
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.item4 img,   .item4 h3, .item3 h3 a, .item4 h3 a, .moreButton, .moreButton a, .overdefult .viewIcon, .portfolio.full .item4 .overdefult, .overdefult .likeIcon,
#portitems2 .overdefult,.homeRacent .overdefult,.item3 .overdefult, .item4 .overdefult{-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out !important;
	-moz-transition: all 0.4s ease-in-out!important;
	-ms-transition: all 0.4s ease-in-out!important;
	transition: all 0.4s ease-in-out!important;}

@media screen and (min-width:0px) and (max-width:970px)
{
/*footer*/
#footer{top:20px;}
.footer_widget1{margin-top: 30px; }
.twitterlink,.facebooklink,.vimeo,.dribble,.emaillink{float:none; padding:13px;}
.footer_widget .widgett{margin:5px auto 15px auto !important;}
#footerb .copyright{width:100% !important; text-align:left !important; padding-left:5px;}
.widgett {width:auto !important;}

/*menu + header*/
.menu-header {background:none !important;}
#headerwrap{position:relative;}
#mainwrap,.outerpagewrap{top:0;}
#header ul.menu > li > a{height:15px; }
.menu li:hover ul { border:none !important;}
 #logo {width:auto; float:none;margin-top:20px !important;}
.menu-header {position:relative !important;}
.menu {float:none;background:#232323;background-color: rgba(10,10,10,0.3);display: inline-block;width: 100%;padding-bottom: 20px;}
.logotag {padding-top:22px;}
.menu li {margin-left:0;}
.menu > li a strong{padding:0;}
.notification {width:100%; margin-top: 30px;position:relative;}
.notification .socialcategory{float:none; width:100%;}
.notificationwrap {width:100%; float:none;}



/*blog*/
.blogpostcategory .meta,.blogpostcategory p{text-align:left;}
.content{width:100%;}
.blogpostcategory{width:98%; margin:0 auto;}
.socialsingle .emaillink{height:0;}
.blog .wp-pagenavi {margin-top:20px;}
.blogpostcategory .blogmore{width:100%;text-align: right; padding-top: 10px;}


/*single*/
.singledefult h1, .singledefult h2, .singledefult h3{text-align:left;}
.blogpost{width:98%; margin:0 auto;}
.singledefult .tags{text-align:left; padding-left:5px;}
.blogpost .author{margin-left:0px ;}
.postcontent.singledefult {background:url(images/mainBorderLine.png) bottom repeat-x;}

/*comment*/
#commentform #respond #commentform textarea, #commentform #respond #commentform input{width:100%;margin-left: 0; padding-right: 0; margin-right: 0; padding-left: 0;}
#commentform{width:98%; margin:0 auto;}
#commentform #respond {padding:0;}
.commentfield{float:none; text-align:left;}
.commentlist .commenttext {width: 75%;text-align: left;padding:15px 10px 0 15px;}
.comment-author{text-align:left;padding:0px 10px 0 0px;}
.specificComment{padding:0;}



/*general*/
body{text-align:center;}
h1,h2,h3,h4,h5,h6{margin-left:0 !important; margin-right:0 !important;}
img {height: auto; }
#main,    .homeRacent .recentdescription,.footer_widget1, .footer_widget2, .footer_widget3, .footer_widget4{
padding:0 !important;}
#nslider-wrapper, .menu li li  , .titleborder,.footernav, .closewrap,.sidebar,.addthis_button,.related,.addthis_button_more,.editlink,#slider-wrapper, .advertise, 

.totop, .moreButton, .viewIcon, .likeIcon , .loading, .outerpagewrap.error404,.bx-prev,.bx-next,.homeIcon,#nslider,#nslidert.homeRacent .category,.usercontent.homeuser, 
.blogsingleimage .nextbutton.port, .blogsingleimage .prevbutton.port,.socialfooter, .datewrap{
	display:none !important;
}


#header,  #main ,#showpost  ,#homeRecent ,.homeBox .one_third,.bx-wrapper,.homeRacent h3,.homeRacent,.homeRacent .one_half ,.totop, .infotext ,.infotextwrap, 
#footerinside, .one_half,.footernav,#footerb ,.footer_widget1, .footer_widget2, .footer_widget3, .footer_widget4,.pagecontent,#portitems2 .one_half, .portfolio.defaultport,.wp-pagenavi,.image,.pagecontentContent,
.one_fourth, .one_fifth,.three_fourths,.one_fourths,.two_thirds,.one_third,.team .social,.item3,.defaultport .item4 ,.defaultport .item4 .overdefult,#remove ,.postcontent h1,.tags, .item4 h3{
	width:100% !important;
}
.content {padding-top:20px !important;}
.image{background:none;}
.image .loading{text-align:center; width:100%;}
.category a{ float:none !important;}
.pagewrap{height:auto; padding-bottom:10px; margin-bottom:10px;}
.wp-pagenavi{padding:0 !important; }
.posttext{text-align:left !important}
.posttext .blogsingleimage,.gallery-single {width:100%;}
.blogsingleimage iframe {width: 100%;height: auto;}
.block .h2{font-size:14px !important;}


/*port*/
.portfolio h3, .portfolio h4{text-align:center !important;}
#portitems4{text-align:center;margin:0 auto;}
.portfolio{margin: 60px auto 0 auto; display: inline-block;}
.item4 h4 a{float:none; margin-top:10px; margin-bottom:20px; border:none; color:#2a2b2c;}
.portsingle .portfolio, .portsingleshare,.titleborderh{display:none !important;}
.blogsingleimage img, .projectdetails .blogsingleimage,.projectdetails,.projectdescription ,.blogpost .datecomment {width: 100% !important;}
.projectdescription  p {text-align:left; padding:0;}
.projectdescription {padding:0; margin-bottom: 30px;}
.item4 h4 a {text-shadow:none !important;}
#portitems2 .recentdescription .description {padding:0px 10px 0 0px;}
.catlink{float:none; font-size:12px;}
#remove{ margin-bottom:0px;background:none;}
#remove h2 { }
.portfolio.defaultport .item4 h3 a {margin-top: 156px;}
.portfolio.defaultport .item4.big h3 a {margin-top: 356px;}

/*page*/
.fullwidth{margin-top:20px;}
.posttext {padding:0 5px;}
.page .socialsingle {padding-left:5px;}

/*shortcode*/
.one_half, .one_third, .two_thirds, .one_fourth, .three_fourths, .one_fifth, .two_fifth, .three_fifths, .four_fifths {margin-top:10px;}

.question h3, .success h3, .info h3, .error h3 {line-height:120%;}

/*contact*/
.google-map-placeholder ,#contactform {width:100% !important;}
#contactform .commentfield input ,#contactform .commentfieldarea textarea{width:95%;}
#contactform .contactbutton .contact-button {float:none;}
.contactbutton{text-align:center}

}

/*479*/
@media screen and (min-width:460px) and (max-width:970px){


/*menu*/
.menu{float:none !important; padding-bottom: 5px;}
.menu > li a strong{font-size:14px;}
.menu li a {padding:5px 10px;}
.menu-header { z-index: 1000; width: 100%; position: relative; float:left; height:auto; margin-bottom: 40px; padding:10px 0 10px 0; }

/*footer*/
#footer .widget{width:99%; margin:5px;}
.gototop {margin:-25px 0px 0px 90% !important}
.footer_widget .widgett, .widgett {width:300px !important;}


/*blog*/
.blogpostcategory .meta {width: 76%;}
.blogpostcategory .blogmore{width: 96% !important;}

/*single*/
.blogpost{width:98%; margin:0 auto 50px auto;}
.singledefult .tags{width:70% !important;}

/*portfolio*/
.portfolio .item2 h3, .portfolio .item2  h4{text-align:left !important;}
#portitems3  h3,#portitems3  h4{text-align:center !important;}
#portitems2 .recentdescription {width:100% !important;}


.homeBox .one_fourth {
width: 50% !important;
text-align: center;
margin: 0 auto;
margin-right: 0px !important;

}

}

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

.blogpostcategory iframe {width: 92.5% !important;height:auto !important; }
#slider-category, .blogFullWidth #slider-category {width: 92.5% !important;height:auto !important; padding-bottom:0px !important;}
#slider-category img, .blogFullWidth #slider-category img {width: 100% !important; height:auto !important;	padding-bottom:0px !important;}
#slider-category .anythingSlider, .blogFullWidth #slider-category .anythingSlider {	padding-bottom:5px !important;}
}

@media screen and (max-width:478px){
/*home recent port*/
.recentdescription h3{text-align:center;}
.recentimage, .recentdescription, .menu li {width:100% !important; padding-top: 10px;}

/*menu*/
.menu-header { z-index: 1000; width: 100%; position: relative; float:left; height:auto; margin-bottom: 40px; padding: 0px 0 10px 0;}

/*footer*/
#footer .widget{width:98%; margin:5px;}
.gototop {margin:-25px 0px 0px 80% !important}


/*blog*/
.blogpostcategory .leftholder{display:none;}
.blogpostcategory .meta {width:100%; margin:0 auto;}
.link-category, .blogpostcategory ,.slider-category{margin-top:30px;}

.blogpostcategory .meta .socialsingle{width:50%;}
.comment-author, .commentlist .commenttext{width:100% !important; text-align:center !important;padding:0px 10px 0 0px;}
.commentlist .avatar {width:100%; float:none;background:none;}


/*single*/
.singledefult .socialsingle{padding-left:0; float:left;}

/*shortcode*/
ul.tabs a{width: 99%; text-align: center; padding:15px 0; }
ul.tabs li{float:none;}

/*portfolio*/

}

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

.categoryblog,.blogpostcategory .authorblog {width:100% !important;}

.blogpostcategory .meta .socialsingle{width:100%; padding-bottom:0px;}
}


@media screen and (min-width:599px) and (max-width:1024px){
/*blog*/
.blogpostcategory{width:600px; margin:0 auto 10px auto;}
.link-category .blogpostcategory{margin:0 auto 50px auto;}
.blogpostcategory .meta {width: 83%;}
.blogpostcategory .blogmore{width: 100%;}

/*single*/
.singledefult .author{margin-left:450px;}
.singledefult .blogpost{width:600px !important; margin:0 auto;}


/*comment*/
.specificComment{padding: 15px 0px 5px 20px;}
#commentform{width:600px; margin:0 auto;}


.homeRacent.post h3{}



}

@media screen and (min-width:960px) and (max-width:1024px){
/*blog*/
.socialsingle .emaillink{height:25px;}


/*footer*/
.gototop{display:none;}
.homeRacent.post .recentimage{float:left !important;width:auto !important;}

}

@media screen and (min-width:700px) and (max-width:960px){
#portitems2 .recentdescription {width:49% !important;}
.recentdescription .description {text-align:left;padding-left:20px !important;}
#portitems2 .recentdescription {padding-left:0%;}
.homeRacent.post .recentdescription{width:100%;}
}


@media screen and (min-width:768px){
/*shortcode*/
.one_half { width: 48% }
.one_third { width: 30.66% }
.two_thirds { width: 65.33% }
.one_fourth { width: 22% ; }
.three_fourths { width: 74% }
.one_fifth { width: 16.8% }
.four_fifths { width: 79.2% }
}

