/*

Theme Name: Parallaxr

Theme URI: http://www.productivethemes.com/parallaxr

Author: Convax team

Author URI: http://www.convax.com/

Description: Parallaxr is a premium horizontal parallax based responsive wordpress theme developed by <a href="http://www.convax.com">Convax Solutions</a>, a webdevelopment agency in India. Features include HTML5/CSS3, Crosbrowser compatibility, Parallax, Ajax Based Contact form with jQuery validation, Support for post thumbnails, Portfolio custom post type.

Version: 3.5.1

Tags: light, white, red, gray, horizontal, responsive, one-column,featured-images, theme-options.

*/



applet,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:none;outline:none;font-size:100%;vertical-align:baseline;background:transparent}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}pre,code,kbd,samp{font-family:monospace,sans-serif}ul,ol{list-style:none;list-style-type:none}strong,th{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,td img{vertical-align:top;border:none}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}::-moz-selection{background:#972e09;color:#fff;text-shadow:none}::selection{background:#972e09;color:#fff;text-shadow:none}h1,h2,h3,h4,h5,h6, #recent-projects ul li strong{font-weight:400;font-family: 'Open Sans', sans-serif;letter-spacing:-2px;color:#bec5ab;padding-bottom:20px}h3,h4,h5,h6{letter-spacing:-1px}h1{font-size:24px}h2{font-size:30px;font-weight:400; line-height:32px}h3{font-size:22px; line-height:24px}a{color:#333; margin:0;padding:0;font-size:100%;vertical-align:baseline;text-decoration:none;outline:none}a,a:active,a:visited{outline:none;outline:0}a:hover{color:#999}select,input,textarea,button{font:99% sans-serif}input,select{vertical-align:middle}input{border:none;border:0}input[type="radio"]{vertical-align:text-bottom}input[type="checkbox"]{vertical-align:bottom}input[type="button"],input[type="submit"],button,.btn{cursor:pointer;border:none;outline:none;border:0;padding:6px 12px;float:right;margin-right:5%;color:#fff;background-image:linear-gradient(bottom, rgb(7,88,154) 0%, rgb(22,141,192) 100%);background-image:-o-linear-gradient(bottom, rgb(7,88,154) 0%, rgb(22,141,192) 100%);background-image:-moz-linear-gradient(bottom, rgb(7,88,154) 0%, rgb(22,141,192) 100%);background-image:-webkit-linear-gradient(bottom, rgb(7,88,154) 0%, rgb(22,141,192) 100%);background-image:-ms-linear-gradient(bottom, rgb(7,88,154) 0%, rgb(22,141,192) 100%);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(7,88,154)),color-stop(1, rgb(22,141,192)))}input[type="text"]:focus{outline:none}button,input,select,textarea{margin:0}input[type="text"], textarea{width:90%;line-height:20px;height:28px;background:#fff;border:1px solid #b8b8b8;padding:0 10px;-webkit-box-shadow:inset 0 1px 1px #e2e2e2;-moz-box-shadow:inset 0 1px 1px #e2e2e2;-o-box-shadow:inset 0 1px 1px #e2e2e2;box-shadow:inset 0 1px 1px #e2e2e2}input[type="button"],input[type="submit"],button,input[type="text"],textarea,.page-info-wrap,.btn,.scrollbar1 .scrollbar,.scrollbar1 .thumb,.map-btn span{-webkit-border-radius:6px;-moz-border-radius:6px;-o-border-radius:6px;border-radius:6px}textarea{height:60px;padding:10px}button{width:auto;overflow:visible}input:invalid,textarea:invalid{border-radius:1px;-moz-box-shadow:0 0 5px red;-webkit-box-shadow:0 0 5px red;box-shadow:0 0 5px red}label{cursor:text}textarea{overflow:auto;resize:none;line-height:20px}body,select,input,textarea{color:#666}body,p,a.more{font:normal 14px/18px 'Droid Sans',sans-serif}p{padding-bottom:20px}body{background-image:linear-gradient(bottom,rgb(7,104,169) 0%,rgb(4,90,155) 50%,rgb(12,112,175) 100%);background-image:-o-linear-gradient(bottom,rgb(7,104,169) 0%,rgb(4,90,155) 50%,rgb(12,112,175) 100%);background-image:-moz-linear-gradient(bottom,rgb(7,104,169) 0%,rgb(4,90,155) 50%,rgb(12,112,175) 100%);background-image:-webkit-linear-gradient(bottom,rgb(7,104,169) 0%,rgb(4,90,155) 50%,rgb(12,112,175) 100%);background-image:-ms-linear-gradient(bottom,rgb(7,104,169) 0%,rgb(4,90,155) 50%,rgb(12,112,175) 100%);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,rgb(7,104,169)),color-stop(0.5,rgb(4,90,155)),color-stop(1,rgb(12,112,175)));background-color:#03599b}aside{overflow: hidden; clear: both}

select, option {

    cursor: pointer;

    padding: 5px 7px;

}

/*body{
	background:url(images/Background.jpg) no-repeat top center;
}*/

select{

-webkit-appearance: none; /* Fix for Mobile Safari */

	background-color: #f8f8f8;

	border: 1px solid #e8e8e8;

	-webkit-border-radius: 0;

	   -moz-border-radius: 0;

	        border-radius: 0;

	-webkit-box-shadow: none;

	   -moz-box-shadow: none;

			box-shadow: none;

	color: #8f8f8f;

	border-radius: 0;

	height: 30px;

}



input[type=text]::-webkit-input-placeholder{color:#CCC}

input[type=text]:-moz-placeholder{color:#CCC}

input[type=text]:-ms-placeholder{color:#CCC}

/*=================================================

	Main Styles

==================================================*/

.hw,html,body{height:100%;width:100%;zoom:1;overflow-x: hidden; overflow-y: hidden;}

/* Styling the targets. There are 6 nested divs - each div corresponds to a page.  6 pages = 6 divs.  */

.elem-1, .elem-1-bg{z-index:9}

.elem-2, .elem-2-bg{z-index:8}

.elem-3, .elem-3-bg{z-index:7}

.elem-4, .elem-4-bg{z-index:6}

.elem-5, .elem-5-bg{z-index:5}

.elem-6, .elem-6-bg{z-index:4}

.elem-7, .elem-7-bg{z-index:3}

.elem-8, .elem-8-bg{z-index:2}

.elem-1-bg,.elem-2-bg,.elem-3-bg,.elem-4-bg,.elem-5-bg,.elem-6-bg,.elem-7-bg,.elem-8-bg{width:100%;overflow:hidden;position:absolute;left:0;top:0; height: 100%}

.elem-1,.elem-2,.elem-3,.elem-4,.elem-5,.elem-6,.elem-7,.elem-8{transition:al 4000ms ease;-webkit-transition:all 4000ms ease;-moz-transition:all 4000ms ease;-o-transition:all 4000ms ease;height:100%; top:0; left:0; overflow: hidden; position: absolute}

#content-inner{-webkit-transition:all 1000ms ease-in-out;-moz-transition:all 1000ms ease-in-out;-o-transition:all 1000ms ease-in-out;transition:all 1000ms ease-in-out}

/*=== Generic styling here. ===*/

/*#header-wrapper{width:100%;height:40px;background:url(images/header_bg.png) repeat;position:absolute;z-index:999;left:0;top:0;text-align:center}*/
#header-wrapper{width:100%;height:50px;position:absolute;z-index:999;left:0;top:0;text-align:center; /*background:url(images/header-bg.png) no-repeat center 35px;background-color:#036; border-bottom:solid 1px #8a8a8a*/; }
#bg{position:absolute; width:100%; height:100%; z-index:-999;}
#bg img{width:100%;}
#header-main{width:70%;margin:0 auto;}

.logo{
	position: absolute;
	top: -30px;
	left: -80px;
	width: 4px;
	height: 301px;
}

.logo a{
	font-size: 22px;
	color: #FFF
}

.logo span{
	font-size: 12px;
	clear: both;
	display: block;
	letter-spacing: 1px
}

#nav{float:right;margin:0 auto;margin-top:20px;padding:0}

#nav li{float:left}

#nav li a{display:block;padding:0 10px;line-height:24px;color:#fff; font-size:16px;}

#nav li a:hover{color:#efea3e}

#nav li a:active,#nav li a:focus,#nav li.active a{color:#efb33d}

#nav li.active{height:30px;border-bottom:3px solid #ff0;position:relative}

nav select {display: none}

#nav li.active a{cursor:default}

#nav li.active a:after{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #ff0;content:"";position:absolute;top:32px;left:50%;margin-left:-3px}

.page-info{padding:42px 58px;text-align:left}

.page-info-wrap{width:52%;position:absolute;z-index:999;top:50%;left:50%;margin:0 0 0 -25%;min-height:280px;background:url(images/page_bg.jpg) repeat;}

.page-info ul,.page-info ol, #fancybox-content .popup-div ul, #fancybox-content .popup-div ol{clear:both; margin:10px 8px}

.home ul{margin:0}

.page-info ul li, #fancybox-content .popup-div ul li{list-style:url(images/bullet1.png);line-height:20px;margin-left:13px}

.page-info ol li, #fancybox-content .popup-div ol li{list-style: decimal;line-height:20px;margin-left:20px}



.page-info .floatRight{float:right;margin:0 0 20px 20px}

.page-info .floatLeft{float:left;margin:0 20px 0 20px}

.page-info p{padding: 7px 0 10px 0}

.page-info h1{font-size:40px;padding:0 0 10px 0;line-height:40px}

.page-info h1,.page-info h3{-webkit-text-shadow:0 1px 0 #fff,0 -1px 0 #8a8f7b;-moz-text-shadow:0 1px 0 #fff,0 -1px 0 #8a8f7b;-o-text-shadow:0 1px 0 #fff,0 -1px 0 #8a8f7b;text-shadow:0 1px 0 #fff,0 -1px 0 #8a8f7b}

.page-info .overview h1{font-size: 38px; line-height:38px; }

.page-info .overview h1, .page-info .overview h2, .page-info .overview h3, .page-info .overview h4, .page-info .overview h5, .page-info .overview h6{padding: 10px 0; text-shadow: none}

.page-info .overview h4{font-size: 18px}

.page-info .overview h5{font-size: 16px}

.page-info .overview ol, .page-info .overview ol li, #fancybox-content .popup-div ol li{list-style:decimal}

.page-info blockquote, #fancybox-content .popup-div blockquote{font-size:14px;color:#7e856a;background:url(images/quote.png) 4px 4px no-repeat}

.page-info blockquote p, #fancybox-content .popup-div blockquote p{line-height:18px;padding-left:50px}

.home h1{text-align:center}

.page-info .scrollbar1 .rec-proj h3{background:url(images/line.png) 0 13px repeat-x;text-align:center; padding: 0; margin-bottom: 10px}

.rec-proj h3 span{background: url(images/page_bg.jpg) repeat;padding:0 20px; white-space: nowrap}

.page-info .rec-proj{width:100%; text-align: center; padding-top: 10px; clear: both}

.rec-proj-list-view{}

.rec-proj-list-view img{border:5px solid #FFF; width: 130px; height: auto}

.rec-proj-list-view a.various{position: absolute; left: 0; top: 0;}

.rec-proj-list-view ul, .rec-proj-list-view ul li{list-style: none; background: none; margin: 0}

.rec-proj-list-view ul li{margin: 10px 0; position: relative; float: left; width:100%; min-height: 160px}

.rec-proj-list-view ul li .port-page-content{padding-left: 165px;}

.rec-proj-list-view ul li .port-page-content h1{font-size: 30px; padding-top: 0}

.rec-proj ul{overflow:visible;display:block;text-align:center; float: left; width:100%; clear:both; margin:0}

.rec-proj ul li a img{background:#9fa68c;border:3px solid #fff;margin:10px 0; width:84px; height: 84px}

.rec-proj img,.social-networks li,#recent-projects ul li img{-webkit-box-shadow:1px 1px 1px #ccc;-moz-box-shadow:1px 1px 1px #ccc;-o-box-shadow:1px 1px 1px #ccc;box-shadow:1px 1px 1px #ccc}

.rec-proj ul li{margin:0; padding:0 10px; display:inline-block;position:relative}

.contact-left p{padding-bottom:10px}

.contact-left{float:left;width:50%}

.contact-left form{width:100%; float:left; position: relative}

.contact-right{float:right;width:43%}

.contact-right h3{padding-bottom:5px;border-bottom:1px solid #ccc;margin-bottom:10px}

.contact-right p a{color:#99a086}

.contact-right p{padding:0}

.rec-proj ul li,ul.social-networks li{list-style:none; margin-left: 0}

ul.social-networks{margin: 0}

.social-networks li a{display:block;text-indent:-999px;overflow:hidden}

.social-networks li a img{float:left}

.get-in-touch{padding-bottom:10px}

.social-networks{width:103%}

.social-networks li{float:left;background:#fff;width:30px;height:30px;margin:0 13px 10px 0}

.map-btn{display:block;position:absolute;z-index:999;top:15px;right:20px;width:32px;height:32px;background:url(images/googe_map_icon.png) 0 0 no-repeat}

.map-btn span{opacity:0;position:absolute;width:80px;height:22px;text-align:center;line-height:22px;color:#999;top:60px;left:-25px;font-size:12px;background:#fff;visibility:hidden;-webkit-box-shadow:0 1px 2px #ccc;-moz-box-shadow:0 1px 2px #ccc;-o-box-shadow:0 1px 2px #ccc;box-shadow:0 1px 2px #ccc;-webkit-transition:all 500ms ease-in-out;-moz-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out}

.map-btn:hover span{opacity:1;top:40px;visibility:visible}

.social-networks li a img{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none}

#secondary{position:absolute;z-index:9999;right:0;top:0;width:10px;height:100%;background:#fff;overflow:auto}

/*.sidebar{position:absolute;left:40px;width:210px;top:40px;display:none}*/

#secondary h3{cursor:pointer;width:197px;height:34px;background:url(images/acc_header_bg.jpg) right bottom no-repeat;padding-bottom:2px;padding-left:10px;line-height:32px;color:#666;overflow:hidden;font-size:18px}

#secondary ul{padding:10px 0}

.linkcat li, ul.blogroll li{padding-left: 5px}

ul.blogroll{padding:10px 0 10px 10px}

ul.blogroll li{line-height:24px}

ul.blogroll li a{color:#666}

#secondary h3.active{background-position:right top}

#recent-projects ul li{padding:7px 0; overflow:hidden}

#recent-projects ul li img{float:left;width:50px;height:50px;background:#ccc;margin-right:16px;border:3px solid #fff}

#recent-projects ul li a{display:block}

#recent-projects ul li strong{display:block;font-size:15px;font-weight:700;letter-spacing:0;padding-bottom:3px;color:#9aa47f}

#recent-projects ul li span{display:block;color:#BEC5AB;font-size:12px;letter-spacing:-1px}

/*.arrow{width:24px;height:24px;position:absolute;z-index:9999;right:10px;top:100px;background:url(images/expand_collapse.jpg) 0 -23px no-repeat #fff;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;-o-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}
*/
#recent-projects ul li .thumb strong{width:136px;float:right}

#recent-projects ul li .thumb span{width:136px;float:right;line-height:16px}

.arrow.collapse{background-position: 0 0}

.home .rec-proj{margin:0; float:left}

/* Tiny Scrollbar */

.scrollbar1{width:100%}

.scrollbar1 .viewport{width:100%;overflow:hidden;position:relative}

.home .scrollbar1{z-index:99}

.scrollbar1 .overview{position:absolute;left:0;top:0;padding:0;margin:0;width:100%}

.scrollbar1 .scrollbar{background:url(images/scrollbar_bg.jpg) repeat;position:absolute;right:15px;width:10px;padding:3px 0}

.scrollbar1 .track{height:100%;width:10px;position:relative;padding:0 1px}

.scrollbar1 .thumb{background:#dde0d4;height:20px;width:6px;cursor:pointer;position:absolute;top:0;left:2px}

.scrollbar1 .thumb .end{background:url(images/scroll_end.png) 0 0 no-repeat;width:13px;height:18px;overflow:hidden;position:absolute;z-index:999;left:50%;top:50%;margin:-9px 0 0 -7px}

.scrollbar1 .disable{display:none}

#secondary .scrollbar1{width:210px}

#secondary .scrollbar1 .viewport{width:210px;height:380px}

/* popup */

.popup-container{width:650px;overflow:hidden;padding:40px;position:absolute;z-index:9999999;left:50%;top:20%;margin-left:-324px;display:none}

.popup-container .close-btn{position:absolute;z-index:999;right:30px;top:30px;background:url(images/popup-close-btn.png) 0 0 no-repeat;width:28px;height:28px;text-indent:-9999px;display:block;overflow:hidden}

.popup-container .close-btn:hover{background-position:0 -31px}

.popup-container .close-btn:focus,.popup-container .close-btn:active{background-position:0 -63px}

.popup-container .popup-div{padding:20px;border:4px solid #e2e2e2;background:#fff;-webkit-box-shadow:0 0 4px #333;-moz-box-shadow:0 0 4px #333;-o-box-shadow:0 0 4px #333;box-shadow:0 0 4px #333}

.popup-container img{border:1px solid #ccc;margin-bottom:10px}

.popup-container h2{padding: 0 0 5px 0}

#fancybox-img{width:100%; height: auto}

#fancybox-overlay{background:url(images/overlay.png) repeat}

#fancybox-close{background:url(images/close-btn.png) 0 0 no-repeat;width:38px;height:25px;right:-1px;top:-23px}

.popup-div{width:auto;height:420px;overflow:auto;padding:40px}

.popup-div img {max-width:100%; height:auto}

#fancybox-content{background:#f6f9ef center no-repeat; width:auto !important;}

#fancybox-title{width:auto !important}

#google_map{padding:0}

#content-inner{position:relative;z-index:99}

#contactform p{padding-bottom:0}

.post-edit-link{position:absolute;top:-10px;left:-10px;width:47px;height:47px;overflow:hidden;display:block;text-indent:-9999px;line-height:0;font-size:0;background:url(images/edit_icon.png);z-index:9999}

.rec-proj .post-edit-link{top:0;left:-10px}

#faq.overview .post-edit-link, .blog-post .post-edit-link{left:auto; top:0; right:0}

.blog-post .post-edit-link{right:10%}

.faq-item{position:relative;}

.popup-div .post-edit-link{left:2px;top:2px}

#fancybox-overlay{z-index:9999999}

#fancybox-wrap{z-index:99999999}

#fancybox-wrap.fancy-port{width:50% !important; left:50% !important; margin-left:-25% !important; padding: 0 !important}

.copyright{bottom:0;font-size:12px;color:#FFF;left:0;padding:5px;z-index:9; position: absolute}

h1.alert{opacity:.35; padding-top:50px; text-align: center; font-size: 30px; letter-spacing: 0}

.successmsg, .loader{ display: none;background-color: green;bottom: 0;height: 100%;opacity:0.7;position:absolute;width: 99%;line-height: 223px;color: #FFF;text-align: center;font-size: 22px;}

.formError{position: absolute;z-index: 999;cursor: pointer; white-space: nowrap}

.formErrorContent{background: #EE0101;padding: 10px;color:#FFF;-moz-border-radius:10px;border-radius:10px;

-webkit-border-radius:10px;-o-border-radius:10px;position: relative;}

.formErrorContent:after{width:0;height:0;border-left:6px solid transparent;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:8px solid #EE0101;content:"";position:absolute;left:-12px;top:45%

}

.formErrorArrow{display: none;}

#fancybox-content .popup-div h1.entry-title{color: #333; font-size: 30px; padding-top: 0; line-height: 30px}

#fancybox-content .popup-div h1{ font-size: 28px}

#fancybox-content .popup-div h2{font-size: 26px}

#fancybox-content .popup-div h3{font-size: 24px}

#fancybox-content .popup-div h4{font-size: 20px}

#fancybox-content .popup-div h5{font-size: 18px}

#fancybox-content .popup-div h6{font-size: 16px}

#fancybox-content .popup-div h1, #fancybox-content .popup-div h2, #fancybox-content .popup-div h3, #fancybox-content .popup-div h4, #fancybox-content .popup-div h5, #fancybox-content .popup-div h6, #fancybox-content .popup-div p, #fancybox-content .popup-div ul{padding: 10px 0}

/* Blog */



.alignleft{float: left; margin-right: 20px; margin-bottom: 20px}

.alignright{float: right; margin-left: 20px; margin-bottom: 20px}

.aligncenter{margin: 0 auto; clear: both; display:block}

#posts-nav-wrap{position:absolute; z-index:999; top:50px; right:15px}

#posts-nav-wrap .pagination *{display:block; float:left; padding:1px 6px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; background:#d4dac2; margin:0 3px}

#posts-nav-wrap .pagination span.current{background:#333; color:#FFF}

.loading{position:absolute; top:0; left:0; width:100%; text-align:center; background:url(images/ajax-loader.gif) no-repeat center}

.blog-post{clear: both; padding: 0 0 10px 0; position: relative}

.blog-post .post-content a{display: block; position: relative}

.blog-post .post-content a.post-more-link{clear: both}

.blog-post .post-content span.date{display:block; position: absolute; right:0; top: 0; padding: 3px 0; width:80px;text-align: center; background: #000; color: #FFF;}

.blog-post .post-content .com-num{position: absolute; right:80px; top: 0; padding: 3px 15px 3px 10px; background: #FFF url(images/comment-icon.png) no-repeat center right; border-right:8px solid #FFF}

.blog-post .post-content a:hover .meta-data{display: block}

.category-list{font-size: 12px; clear: both;overflow: hidden;padding-bottom: 10px;}

.category-list span{padding: 3px 6px; background: #FFF; -moz-border-radius: 10px; -border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px; margin-right: 5px; margin-bottom:5px; display:block; float: left}

.single .category-list{padding-top: 10px}

.meta-data{font-size: 12px; display: none}

.image-left.wp-post-image{width: 560px; background: #FFF;height: auto; display: block; margin-bottom: 15px}

ol.commentlist, ol.commentlist li, ol.commentlist ul{margin: 0; list-style: none}

.page-info #singleblogscrollbar ol.commentlist ul, .page-info #singleblogscrollbar ol.commentlist ul li{list-style: none}

.comment-author{clear: both; position: relative; font-size: 14px}

.comment-body div, .comment-body p, .comment-body em{padding-left: 52px;}

.comment-meta{font-size: 12px}

.comment-author img{position: absolute; left: 0; top: 0; padding: 5px; background: #FFF}

ol.commentlist{padding-bottom: 15px; float: left; width: 100%; border-bottom: 1px solid #E2E2E2}

ol.commentlist *{font-weight: normal}



ol.commentlist ul{margin-left: 52px}

ol.commentlist li{float: left; width: 100%; padding: 15px 0 0 0; margin: 15px 0 0 0; border-top:1px solid #E2E2E2}

#comments{padding: 0}

textarea#comment{height: auto; width:90%}

.blog-post .post-title h3{color: #333; padding-bottom: 0; min-height: 48px}

.comment img.avatar{width:32px; height: 32px}

.single #content-inner{z-index: 999; width:100% !important}

.single #header-wrapper{z-index: 1000}

.single .page{overflow: auto; width: 100% !important; padding-right: 0 !important}

.single .page .page-info-wrap{height: auto; margin:55px auto 20px auto; position: relative; top:auto; left:auto}

.single .post-content{padding-bottom: 35px}

div.reply a{background: #8A8F7B; color: #FFF; padding: 2px 10px; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; -o-border-radius:25px; font-size: 12px; float: left}

#blog-page .blog-post{clear: none; float: left; width:50%}

#blog-page #ajax-wrapper{width:105%}

#blog-page .blog-post .image-left.wp-post-image{width: 100%; margin-bottom: 5px}

.single .image-left.wp-post-image{ width:100%; height: auto}

.post-thumb-image{border:5px solid #FFF}

.post-thumb-image .image-left.wp-post-image{margin: 0}

#blog-page .blog-post .post-content, #blog-page .blog-post .post-title{padding: 0 10% 0 0}

.separator-line{clear: both}

.blog-post p.metastuff{font-size: 12px}

h3#reply-title{padding-top: 50px; clear: both}

.image-404{display: block; clear: both; margin: 15px auto}

#page-404{text-align: center}

aside{

clear: both;

overflow: hidden

}





.tab_contents{

display:none

}

.tab_contents.tab_contents_active{

display:block

}

.popup-div .scrollbar1 .viewport{

height: 400px !important; 

}

.gallery .gallery-icon img{border: 5px solid #FFF !important}

.blog-post img{

max-width:100%;

height: auto

}



.seperator{

clear: both; width: 100%;

height: 10px;

overflow: hidden

}



.blog-image{

border: 5px solid #FFF;

}



.back-home{clear: both;}



#blog-page .blog-post .blog-image .image-left.wp-post-image{

margin: 0

}

#fancybox-wrap.fancy-port #fancybox-content{

width:auto !important;

background-image:url(images/ajax-loader.gif);

}





.post-thumb-image{

position: relative

}

.post-thumb-image span.meta-data{

display: block

}



ul.tabs{

background: none;

    list-style: none;

    margin: 0;

    position: absolute;

    right: 20px;

    top: 30px;

    }

ul.tabs li{

list-style: none;

margin: 0;

float: left;

}



ul.tabs li a{

padding: 0;

overflow: hidden;

text-indent: -999px;

width:30px;

height: 20px;

display: block;

float: left;

background: #D4DAC2 url(images/views.png) 0 -19px;

}



ul.tabs li a.active{

background-color: #000;

}



ul.tabs .tableft.active{

background-position: 0 -1px;

}



ul.tabs .tableft{

-moz-border-radius-bottomleft: 20px;

-moz-border-radius-topleft: 20px;

-webkit-border-bottom-left-radius: 20px;

-webkit-border-top-left-radius: 20px;

border-bottom-left-radius: 20px;

border-top-left-radius: 20px;

}



ul.tabs .tabright{

-moz-border-radius-bottomright: 20px;

-moz-border-radius-topright: 20px;

-webkit-border-bottom-right-radius: 20px;

-webkit-border-top-right-radius: 20px;

border-bottom-right-radius: 20px;

border-top-right-radius: 20px;

background-position: -22px -19px;

}



ul.tabs .tabright.active{

background-position: -22px -1px;

}











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

.page-info-wrap{

width:60%;

margin-left: -30%

}

}



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



.page-info-wrap{

width:70%;

margin-left: -35%

}



.fancy-port #fancybox-wrap{

width:70% !important;

margin-left: -35% !important;

}



#blog-page .blog-post{

width:100%;

}



#blog-page .blog-post .image-left.wp-post-image{

width:100%;

}



.contact-left, .contact-right{

width:100%;

clear:both;

}



.logo{

width:100%;

text-align:center;

}



#header-wrapper #nav li{

border-bottom: 3px solid transparent;

height: 30px;

}



#header-wrapper{

height:auto;

}

.image-404{

width:100%;

}



#header-main nav{

display:table;

margin:0 auto;

float:none;

clear: both;



}



#nav li a{

white-space: nowrap

}



#nav li.active a{

position: relative;

}



#nav li.active a:after{

top:30px;

}



#header-main nav ul#nav{

display:table-row;

float:none;

}



.logo{

margin-bottom: 10px;

}



#header-main nav ul#nav li{

display:table-cell;

float:none;

}







}





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

 ol.commentlist ul{

 margin-left: 0;

 }

 

.page-info-wrap{

top:55%;

}



.page-info-wrap{

width:80%;

margin-left: -40%

}

 

.rec-proj-list-view a.various{

position: static }

 

 .rec-proj-list-view ul li .port-page-content{

 padding-left: 0;

 clear: both;

 }

 

 #header-main nav{display: block}

 

 #header-main nav ul#nav{display: none}

 nav select { display: inline-block;

 	width:80%;

	margin-bottom: 5px;

  }

 

 

}