/*
Theme Name: Vertillax
Theme URI: http://www.productivethemes.com/vertillax
Author: Convax team
Author URI: http://www.convax.com/
Description: Vertillaxr is a premium vertical 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 Scrolling, Support for post thumbnails, Portfolio custom post type.
Version: 1.0
Tags: light, white, purple, gray, vertical, 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,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}
pre,code,kbd,samp{font-family:monospace,sans-serif}
nav ul,nav li, .numbs_wrap ul, .numbs_wrap li{ list-style: none;}
strong,th{font-weight:700}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{text-shadow:none}::selection{text-shadow:none}
::-webkit-scrollbar{width:6px;}
::-webkit-scrollbar-thumb{border-radius:10px;}
h1,h2,h3,h4,h5,h6{ font-weight: normal; text-align: left;}
body,p{ font-size: 15px;}
h1{font-size:30px; line-height:30px}
h2{font-size:28px; line-height:28px}
h3{font-size:26px; line-height:26px}
h4{font-size:24px; line-height:24px}
h5{font-size:22px; line-height:22px}
h6{font-size:20px; line-height:20px}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;text-decoration:none;outline:none}
a,a:active,a:visited{outline:none;outline:0}
select,input,textarea,button{font-size:99%}
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{cursor:pointer;border:none;outline:none;border:0;padding:6px 12px;float:right;}
input[type="text"]:focus{outline:none}button,input,select,textarea{margin:0}
input[type="text"], textarea{width:100%;line-height:20px;height:28px;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{-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px}
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}
p{padding:10px 0}
select, option {cursor: pointer;padding: 5px 7px;}
select{-webkit-appearance: none; /* Fix for Mobile Safari */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;	border-radius: 0;height: 30px;}
blockquote{ background: url(images/blockquote.png) no-repeat 0 0;}
blockquote p{ padding:7px 0 10px 50px;}

/*=================================================
	Colors
==================================================*/
body{background-color:#272259;}
body,select,input,textarea{color:#666}
a,a:active,a:visited{color:#45295A;}
a:hover{color:#C45994;}
select{background-color: #f8f8f8;color: #8f8f8f;}
::-moz-selection{background:#333;color:#fff;}::selection{background:#333;color:#fff;}
::-webkit-scrollbar-thumb{background:#000;border-radius:10px;}
input[type=text]::-webkit-input-placeholder{color:#CCC}
input[type=text]:-moz-placeholder{color:#CCC}
input[type=text]:-ms-placeholder{color:#CCC}
.footer_text{color: #F2F2F2}
input[type="button"],input[type="submit"],button{color:#FFF}
hr{border-color:#CCC;}
.subtitle{color:#999;}
nav.buttons ul a, #header-wrapper{background-color: #357b35; border-bottom: 1px solid #579B4A;}
#numbs li a{color:#181846}
nav.buttons ul li.active a, #numbs li a{background-color: #295A2B; color:#FFF;}
ul.tabs li a.active{background-color:#45295A;}
.logo-title, nav.buttons li a,nav.buttons li a:active,nav.buttons li a:visited{color:#b3b3bd;}
nav.buttons li a:hover, .post-content .blog-image .meta-data, nav.buttons a#pull{color:#FFF;}
.page-contents, .popup-div, .rec-proj h3 span, #secondary, .openwidget, input[type="text"], 
textarea{background-color: #fff;}
#secondary h3{color:#666;}
.social-networks li a{background-color:#F2F2F2;}
span.meta-data span{background-color: #000;color: #FFF}
span.com-num{background-color: #333;color: #FFF}
ul.tabs{border-color:#F2F2F2;}
ul.tabs li a{background: #FFF url(images/views.png);}
.portfolio-items li img, .blog-image img, .post-thumb-image .wp-post-image{border-color:#CFCFCF !important;}
#posts-nav-wrap span{background: #333; color:#FFF;}

/*=================================================
	Generic Styles
==================================================*/

nav ul{list-style:none}
hr{display:block;height:1px;border:0;border-top:1px solid;margin:1em 0;padding:0}
#nav li a{text-transform: uppercase; font-size: 13px;}


/*=================================================
	Main Styles
==================================================*/
html,body{height:100%;width:100%;overflow:hidden;zoom:1;}
/* Fix Hash Tag Jump */
 html,body,#header-wrapper,.page-container, .bgs{position:fixed !important;} 
body{ position: absolute !important;}
aside{overflow: hidden; clear: both}
.seperator{ display:block; clear:both; width:100%; background:url("admin/inc/styles/images/bg12.png") repeat; height:2px; overflow:hidden; margin-bottom:20px;}
.seperator:last-child{display:none;}
.clearboth{clear:both; display:block; width:100% !important}
.page{ position: relative; width: 70%; overflow: hidden; margin: 0 auto; clear: both;}
.subtitle{font-size:16px; line-height:20px}
.page-contents{display: block;height: 500px;margin-top: -250px;position: absolute;top: 50%;width: 100%;}
#page-wrapper{width:96%;}
.page-container{ overflow: auto; width:90%; position: absolute; bottom:0; z-index:998; left: 189px;}
/* Edit links when logged in */
.post-edit-link{position:absolute;top:0;left:0;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}
.footer_text{position:fixed; bottom: 0; width:100%; left:15px; z-index: 9998; display:none;}

/*=================================================
	Header Styles
==================================================*/
nav.buttons ul, .logo{}
nav.buttons ul{padding: 0;margin: 0 auto;}
nav.buttons li{}
nav.buttons a{display: inline-block;text-align: center;white-space: nowrap;line-height: 40px;}
nav.buttons li:last-child a {border-right: 0;}
nav.buttons li.active a{}
/* Navigation */
nav.buttons:before,nav.buttons:after {content: " ";display: table;}
nav.buttons:after {clear: both;}
nav.buttons {margin-top:1px; width: inherit;}
nav.buttons a#pull {display: none;clear: both;text-indent: 25px;position:fixed;width:50px;top:0;right:0;background: url('images/nav-icon.png') no-repeat center;overflow: hidden;text-indent: -9999px;}


#header-main{display:table; display: table; height: 100%; width: inherit;}
#header-main nav{ }
#header-wrapper{top:0;z-index: 9100;left:0;}

/* Logo section */
.logo, .logo *{overflow: hidden; display: table-cell; vertical-align: middle}
.logo{ display: table;}
.logo a{padding: 0 10px;}
.logo-title span{ clear:both; display:block; font-size:10px;}
.logo-title{font-size:16px; text-transform:uppercase; line-height:12px; display:block; text-align:center; padding:3px;}


/*=================================================
	Page Styles
==================================================*/
.pagetitle{ height:25px; line-height:25px}

/* Arrow Navigation */
.arrow{display:block; position:absolute; top:-25px; left:0; width:100%; height:25px; cursor: pointer; background:#FFF url(admin/inc/styles/images/bg12.png) repeat-x center 10px}
.arrow span{ width:40px; height:25px; display: block; text-indent: -9999px; overflow: hidden; background:#FFF url(images/arrow_top_bottom.png) no-repeat center 5px; margin: 0 auto;}
.arrowbottom span{background-position: center -30px;}
.arrowbottom{top:auto; bottom:-25px; background-position:0 0 }
.scrollthis, .scrollpop{overflow-x:hidden;margin:10px 0 0 0; left:0; top:0; width:100%;}

/* Number/Dot Navigation */
.numbs_wrap{position: fixed; right:30px; z-index: 999; height:100%; display:table}
#numbs{ display:table-cell; vertical-align:middle}
#numbs li a{opacity:.4; display: block; height:15px; width:15px; line-height: 15px; text-align: center; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -o-border-radius:20px; border:2px solid; overflow: hidden; text-indent: -999px;}
#numbs li.active a{opacity:1;}
#numbs li{padding: 3px 0}

.bgs{width:90%; height:100%;position: absolute; top: 0; left: 189px;
-webkit-backface-visibility: hidden;
} 
.bgs img{position: absolute;} 

/*=================================================
	Sidebar Styles
==================================================*/
#secondary{height: 100%;overflow: auto;position: fixed;left: 0;top: 0;width: 10px;z-index: 9997;-moz-box-shadow: 1px 1px 2px #333;-webkit-box-shadow: 1px 1px 2px #333;box-shadow: 1px 1px 2px #333;}
#secondary h3{cursor:pointer;width:197px;height:34px;background:url("admin/inc/styles/images/bg12.png");padding-bottom:2px;line-height:34px;overflow:hidden;font-size:18px; width: 100%; margin-bottom: 3px;}
#secondary h3 span{ display: block; margin: 0 5px; background:url(images/plus.png) no-repeat right center;}
#secondary h3.active span{background-image:url(images/minus.png)}
#secondary ul{padding:5px 0; overflow:hidden}
#secondary ul li{padding:5px; }
#secondary ul.social-networks li{ padding:5px 3px}
.sidebar{position:absolute;left:25px;width:240px;top:25px;display:none}
/* Widgets */
.openwidget{width:25px;height:30px;position:absolute;z-index:9998;left:8px;top:100px;background:url(images/arrow_right_left.png) no-repeat 1px -23px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px; -moz-box-shadow: 2px 1px 1px #333;-webkit-box-shadow: 2px 1px 1px #333;box-shadow: 2px 1px 1px #333;}
.openwidget.collapse{background-position:1px 2px}
/* Social Widget */
.social-networks li{ float:left; padding:3px; list-style: none;}
.social-networks li a{ display:block;-webkit-border-radius:40px;-moz-border-radius:40px;-o-border-radius:40px;border-radius:40px }
.portfolio_item-widget .various span{font-size: 12px; color: #999}
.various{ cursor:pointer}


/*=================================================
	Custom Post Type Styles
==================================================*/
.faq-item h2{background:url(images/bg/bg12.png); cursor:pointer; font-size:20px; padding:5px 10px; margin:5px 0}
.faq-item h2 span{background:url(images/plus.png) no-repeat right top; display:block; padding-right:25px;}
.faq-item h2.active span{ background-image:url(images/minus.png);}
.faq-item p{ padding: 10px;}

/*=================================================
	Blog Page Styles
==================================================*/
.post-title h1{padding-bottom: 10px;}
.category-list{overflow: hidden}
.category-list span{padding: 3px 5px; font-size:12px; background: #F2F2F2; margin:5px; display: block; float: left; -webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px }
.single .page-container{height: 100%;}
#posts-nav-wrap{ position: absolute; right:10px; top:10px; padding: 5px;}
#posts-nav-wrap a, #posts-nav-wrap span{padding:5px 8px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px }
.page-blog, .page-blog .page-contents{height:auto !important;overflow:hidden;position:static;margin:0 auto !important;}
.post-content{clear:both;}
.blog-post{ clear:both; overflow:hidden; padding-bottom:20px;}
.post-content .blog-image{float:left;width:48%;position:relative;}
.blog-post-content-block{float:right;width:48%;}
span.meta-data{position:absolute;left: 0;top:5%;padding:0;}
.post-thumb-image{position: relative;}
span.meta-data span{float:left;display:block;padding: 3px 8px; }
span.com-num{margin-left: 5px;}
.comment img.avatar{height: 32px;width: 32px; padding: 5px; background: #FFF; border: 1px solid #F2F2F2; left: 0;position: absolute;top: 0;}
.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}
ol.commentlist{padding-bottom: 15px; float: left; width: 100%; border-bottom: 1px solid #E2E2E2}
ol.commentlist *{font-weight: normal}
#comments li, #comments ul, #comments ol{ list-style: none;}
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:30px 0 0 0}
#reply-title{clear:both; padding-top: 15px; font-size:18px;}
.comment-reply-link{ padding:3px 5px !important; font-size: 12px}
.loading{background: #FFFFFF;height: 100%;left: 0;line-height: 400px;opacity: 0.8;overflow: hidden;position: absolute;text-align: center;top: 0;width: 100%;z-index: 9999;}
/*=================================================
	Portfolio Page Styles
==================================================*/

/* Portfolio Tabs */
ul.tabs{background: none;list-style: none;margin: 0 !important;position: absolute;right: 20px;top: 30px;border:2px solid;}
ul.tabs li{list-style: none;margin: 0 !important;float: left;}
ul.tabs li a{padding: 0;overflow: hidden;text-indent: -999px;width:30px;height: 20px;display: block;float: left;background-position: 0 -19px;}
ul.tabs .tableft.active{background-position: 0 -1px;}
ul.tabs .tabright{background-position: -22px -19px;}
ul.tabs .tabright.active{background-position: -22px -1px;}
.port-page-content{clear:both;}

/* Portfolio Page */
.portfolio-items li img, .blog-image img, .post-thumb-image .wp-post-image{max-width:97%;height:auto;width:auto;border: 2px solid; padding:1px}
.portfolio-items li h1{clear:both;padding:5px 0 0 0;}
.portfolio-items ul, .portfolio-items li{list-style:none;margin:0 !important; padding:0;display:block;float:left;width:100%;}
.rec-proj-list-view li{width:48%; padding-bottom: 10px;}
.rec-proj-list-view h5{ margin-top: 10px;}
.rec-proj-thumb-view li{width:33.33%;}
.rec-proj-list-view .various{clear:both;display:block; overflow: hidden}
.rec-proj-list-view .various img{width:420px; height: auto;}
.rec-proj-list-view .even .various img{float:right;}
.extra-pad{padding:10px;}
.even{float:right !important;}
.even .extra-pad{padding-right:0;}
.rec-proj-thumb-view li img{width:100%;height:auto;}
.rec-proj-thumb-view li a{display:block;}


/* 404 Page */
#page-404{text-align: center;}
#page-404 .page-contents{display: table;}
#page-404 .spacing{display: table-cell;vertical-align: middle;}
#page-404 img{max-width: 100%;}


/*=================================================
	Content Area Styles
==================================================*/
.post-content ul li, .post-content ol li{margin-left: 25px;}
.post-content ul li{margin-bottom: 3px}
.post-content ul, .post-content ol{margin: 15px 0;overflow: hidden;}
.alignleft{float:left; margin:0 20px 20px 0;}
.alignright{float:right; margin:0 0 20px 20px;}
.post-content img{max-width:100%; height: auto}
.aligncenter{ display: block; margin: 0 auto;}


/*=================================================
	Widget Stykes
==================================================*/
.openwidget{background-color:#FFF;}
.widget .thumb img{
width:80px;
height: auto;
float: left;
margin-right: 10px;
}

.widget ul#recent-projects li{
clear: both;
overflow: hidden;
padding: 10px 0;
border-bottom: 1px dashed #f2f2f2;
display: block;
}

.widget ul li strong, .widget ul li span{
display:block;
}

.widget #recent-projects li .thumb strong, .widget #recent-projects li .thumb span{
width:145px;
float: right;
}

.widget .social-networks, .widget .social-networks li{
list-style: none;
}


/*=================================================
	Responsiveness
==================================================*/

@media only screen 
and (max-width : 1050px) {
.gallery p{display:none !important;}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
body{bottom:0 !important;}
}


@media only screen 
and (max-width : 800px) {
.post-content .blog-image{width:46%;margin:0 18px 18px 0;}
.blog-post-content-block{width:auto;float:none;display:inline;}
h1{font-size:28px; line-height:28px}
h2{font-size:26px; line-height:26px}
h3{font-size:24px; line-height:24px}
h4{font-size:22px; line-height:22px}
h5{font-size:20px; line-height:20px}
h6{font-size:18px; line-height:18px}
}


@media only screen 
and (max-width : 600px) {
h1{font-size:26px; line-height:26px}
h2{font-size:24px; line-height:24px}
h3{font-size:22px; line-height:22px}
h4{font-size:20px; line-height:20px}
h5{font-size:18px; line-height:18px}
h6{font-size:16px; line-height:16px}
#header-main{ display:block}
.logo{ float:none; margin: 0 auto;}
#page-404 img{width: 100%;}
#numbs, #secondary, .openwidget{display: none;}
.portfolio-items li {clear:both;float:none;width:100%;}
.rec-proj-thumb-view li{width:50%;float:left;clear:none;}
.page{width:80%;}
/* Navigation*/
nav.buttons{width: 100%;position: relative;height: auto;}
nav.buttons li {width: 33.33%;float: left;position: relative;}
nav.buttons a {width: 100%;padding:0 !important;border: none !important;}
nav.buttons a#pull {display: block;}
nav.buttons ul#nav {width: 100%;display: none; height: auto;}
}

@media only screen and (max-width : 480px) {
h1{font-size:24px; line-height:24px}
h2{font-size:22px; line-height:22px}
h3{font-size:20px; line-height:20px}
h4{font-size:18px; line-height:18px}
h5{font-size:16px; line-height:16px}
h6{font-size:15px; line-height:15px}
.post-content .blog-image, .blog-post-content-block{float:none;clear:both;width:100%;margin:0;display:block;}
.blog-post-content-block h3 a{padding:10px 0; display: block}
/* Navigation*/
nav.buttons {border-bottom: 0;}
nav.buttons li {width: 50%;}
}

@media only screen and (max-width : 320px) {
.page{width:100%;}
.bgs{display:none;}
.page-contents{margin-top:0 !important; top:0!important; height: 100% !important;}
}










body {
bottom: 0 ! important; 
}


html {
margin-top: 0 !important;
}

#header-wrapper {
height: 100% !important;
padding-left: 10px !important;
width: 155px !important;
padding-right: 23px !important;
box-shadow: -4px 0px 10px 2px black !important;
}

.logo, nav.buttons a#pull {
padding: 20px 0 20px !important;
}

#header-wrapper {
top: 0;
z-index: 9100;
left: 0;
}

#nav li a {
font-family: Lato !important;
width: 100% !important;
text-align: left !important;
padding-left: 12px !important;
}

nav.buttons li a, nav.buttons li a:active, nav.buttons li a:visited {
height: 49px !important;
line-height: 50px !important;
}

#video > div {
background-color: transparent;
}

#ascrail2001, #video h1 {
display: none !important;
}

#video .scrollthis  {
height: 400px !important;
}

#video > div > div > div > p > iframe {
border: 13px solid #357b35;
}

#video {
padding-right: 26px;  !important;
}

#video .spacing {
padding-top: 0px;  !important;
}

ballantines.hswtest.ch/media="screen"
html {
margin-top: 0px !important;
}

.page-contents{
box-shadow: 0px 0px 10px 0px;
}

#video .page-contents{
box-shadow: 0px 0px 0px 0px;
}