/*

-------------

Theme Name: Artist
Version: 2.0
Author: Scissorbox.com
Theme URI: http://www.scissorbox.com/themes/artist/
Description: <strong>Powerful Responsive WordPress Theme &nbsp; &nbsp; &nbsp; - &nbsp; &nbsp;</strong> <a href="http://twitter.com/scissorbox">Follow us on Twitter</a> to be notified about theme updates.
Author: Scissorbox
Author URI: http://scissorbox.com/
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
.
*/

/******* Artist WordPress CSS *******/

/* Common elements styling */
.post .entry h1 { font-size: 20px; line-height: 30px}
.post .entry h2 { font-size: 18px; line-height: 27px}
.post .entry h3 { font-size: 16px; line-height: 24px}
.post .entry h4 { font-size: 14px; line-height: 21px}
.post .entry h5 { font-size: 12px; line-height: 18px}
.post .entry h6 { font-size: 10px; line-height: 15px}

.post .entry ul { margin-left: 25px; }
.post .entry ol { margin-left: 25px; }
.post .entry a img { border: 0 }
.tags { width: auto; }

p img { padding: 0;	max-width: 100%; }

.alignnone { margin: 0; }
.alignright { float: right; display: inline; }
.alignleft { float: left; display: inline; }

a img.aligncenter,
.aligncenter, 
div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

img.alignright,
a img.alignright {  margin: 2px 0 2px 7px; display: inline; }

a img.alignnone { margin: 0; }

img.alignleft,
a img.alignleft {margin: 2px 7px 2px 0; display: inline; }

/* Calendar widget */
#wp-calendar { empty-cells: show; margin: 10px auto 0; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
.wp-caption { border: 1px solid #ddd; text-align: center; 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: 17px; padding: 0 4px 5px; margin: 0;}

/* Big images in rich text editor should not break page layout */
.post .entry { overflow: hidden; } 


.sticky { }
.gallery-caption { }
/******* /Artist WordPress CSS *******/


* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body {
    font-size: 14px;
    line-height: 24px;
    font-family: helvetica, arial, sans-serif;
    color: #202020;
    background: #fff;
    min-width: 100%;
}

a { color: #202020; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

/* clearfix */
.clearfix:after { width: 100%; content: ''; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; display:block; visibility: hidden; }
.ie7 .clearfix { zoom: 1; }

.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

/* font-family: 'Open Sans', sans-serif; */

@font-face {
	font-family: 'lavanderia-sturdy';
	src: url('fonts/lavanderia_sturdy-webfont.eot');
	src: url('fonts/lavanderia_sturdy-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/lavanderia_sturdy-webfont.svg#lavanderiasturdy') format('svg'),
		 url('fonts/lavanderia_sturdy-webfont.woff') format('woff'),
		 url('fonts/lavanderia_sturdy-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'lavanderiaregular';
    src: url('fonts/lavanderia_regular-webfont.eot');
    src: url('fonts/lavanderia_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lavanderia_regular-webfont.woff') format('woff'),
         url('fonts/lavanderia_regular-webfont.ttf') format('truetype'),
         url('fonts/lavanderia_regular-webfont.svg#lavanderiaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.shell { width: 960px; margin: 0 auto; }

/* HEADER */
header.base { height: 61px; padding-bottom: 2px; position:relative; z-index: 99; }
header.base .shell {  }
header.base .logo-holder { height: 61px; width: 440px; float:left; margin-left: -61px; position:relative; }
header.base .logo-holder h1 { padding: 3px 0 0 52px; line-height: 56px; font-weight: normal; position:relative; margin-top: -3px; }
header.base .logo-holder h1 a { text-decoration:none; }
header.base .logo-holder h1 strong { font-size: 34px; font-family: "lavanderiaregular", arial, serif; font-weight: 400; margin-right: 4px; }
header.base .logo-holder h1 span { font-size: 16px; font-family: 'Open Sans', arial, serif; font-weight: 500; font-style: italic; position:relative; top: -2px; }

/* NAVIGATION */
nav#navigation { font-size: 16px; font-family: 'Open Sans', arial, serif; font-weight: 300; float:right; line-height: 60px; }
nav#navigation ul { list-style:none; list-style-position: outside; }
nav#navigation > ul > li { float:left; }
nav#navigation > ul > li > a { float:left; height: 61px; padding: 0 12px; text-decoration:none; text-transform: uppercase; }
nav#navigation .sub-menu { opacity: 1 !important; }
nav#navigation li { position:relative; }
nav#navigation li ul { position:absolute; top: 61px; left: 0; width: 155px; line-height: 20px; font-size: 14px; box-shadow: 0px 0px 3px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.4); -o-box-shadow: 0px 0px 3px rgba(0,0,0,0.4); display:none; padding: 5px 0; font-family: 'Open Sans', arial, serif; font-size: 14px; }
nav#navigation li ul li { padding: 0 15px; }
nav#navigation li li ul { top: 0; left: 100%; }
nav#navigation li ul a { text-decoration:none; display:block; border-bottom: 1px solid #3d3d3d; padding: 8px 0; }
nav#navigation li ul li:last-child a { border-bottom: 0; }
nav#navigation li ul a:hover { text-decoration: underline; }
nav#navigation li ul a.has-dd span { background: url(images/light/has-dd-arr.png) no-repeat right 6px; padding-right: 15px; }

/* Wrapper */
#wrapper { position:relative; min-height: 100%; height: auto !important; height: 100%; }

/* FOOTER */
footer.base { position:absolute; bottom: 0; left: 0; width: 100%; background: url(images/dark-tranps.png) repeat 0 0; color: #a9a9a9; padding: 10px 0 15px; }
body.fixed-page footer.base.footer-relative { position: relative; }
body.fixed-page footer.base,
footer.base.fixed { position:fixed; }
footer.base .navs { float:right; }
footer.base a { color: #fefefe; padding: 10px 0 0 0;}
footer.base p { float:left; font-size:11px; padding: 16px 0 0 0; color: #A9A9A9; font-family: "Open Sans", arial, serif; font-weight: 300;}
footer.base h2.footer-logo { font-size: 32px; line-height: 38px; font-family: "lavanderiaregular", arial, serif; float:left; font-weight: 300; padding: 7px 10px 0 0 }
footer.base h2.footer-logo a:hover { text-shadow: 0px 0px 4px rgba(255, 255, 255, 0.5); text-decoration:none; }

footer.base nav { float:right;  }

footer.base nav.footer-nav { padding-top: 15px; }
footer.base nav.footer-nav a { font-size: 14px; font-family: 'Open Sans', arial, serif; font-weight: 300; margin-left: 16px; text-transform: uppercase; }
footer.base nav.footer-nav ul { list-style: none; }
footer.base nav.footer-nav ul li { float: left; }
footer.base nav.socials { margin-left: 10px; padding-top: 8px; }
footer.base nav.socials a { height: 29px; width: 28px; float:left; margin-left: 5px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/socials.png) no-repeat 0 0; }
footer.base nav.socials a:hover { opacity: 0.7; -moz-opacity: 0.7; filter:alpha(opacity=70); }
footer.base nav.socials a.twitter-ico { background-position: 0 0; }
footer.base nav.socials a.facebook-ico { background-position: -32px 0; }
footer.base nav.socials a.google-ico { background-position: -66px 0; }


/* CONTAINER */
.container { padding: 23px 0 80px 0; position:relative; overflow: hidden; }
.portfolio-container { padding-top: 14px; }

/* SIDEBAR */
#sidebar { width: 280px; float:right; }
#sidebar ul { list-style:none; list-style-position: outside; }
#sidebar ul li.widget { margin-bottom: 20px; }
#sidebar h3 { font-size: 16px; font-weight: bold; padding: 6px 22px 8px 22px; font-family: "Open Sans", arial, serif; font-weight: 400; background: #000; color: #fff; }
#sidebar .widget-cnt { padding: 8px 21px; border-bottom: 1px solid transparent; margin: 0 1px; }
#sidebar .widget-bottom { padding: 8px 21px; border-bottom: 1px solid transparent; font-size: 13px; font-weight:300; font-style:italic; }
#sidebar .widget-bottom a { text-decoration: underline; }
#sidebar .widget-bottom a:hover { text-decoration: none; }

#sidebar nav { font-size: 15px; font-weight: 500; font-family: 'Open Sans', arial, serif; }
#sidebar nav li + li { padding-top: 5px; }

.socials-widget .widget-cnt { padding: 21px 21px !important; height: 51px; }
.socials-widget a.ico { float:left; height: 49px; width: 49px; background: url(images/sidebar-socials.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; } 
.socials-widget a.ico:hover { opacity: 0.7; filter:alpha(opacity=70); }
.socials-widget a.ico + a.ico { margin-left: 13px; } 
.socials-widget a.facebook-ico { background-position: 0 0; } 
.socials-widget a.twitter-ico { background-position: -63px 0; } 
.socials-widget a.google-ico { background-position: -126px 0; } 
.socials-widget a.ico3-ico { background-position: -190px 0; } 

#sidebar .widget_wpinstagram-widget .widget-cnt { padding: 14px 9px 7px 20px; float: left; }
.widget_wpinstagram-widget:after { width: 100%; content: ''; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; display:block; }
.ie7 .widget_wpinstagram-widget { zoom: 1; }
.widget_wpinstagram-widget li { float:left; margin: 4px 16px 13px 0; }
.widget_wpinstagram-widget li img { display:block; }

#sidebar .twitter-widget { position:relative; }
#sidebar .twitter-widget p { font-style:italic; }
#sidebar .twitter-widget p.time { padding-top: 5px; font-style: normal; padding-bottom: 5px; }
#sidebar span.twitter-ico { height: 20px; width: 30px; background: url(images/twitter-ico.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; position:absolute; top: 9px; right: 16px; }

#sidebar .contacts-widget ul { padding-bottom: 5px; }
#sidebar .contacts-widget ul li { font-style: italic; font-size: 14px; font-family: 'Open Sans', arial, serif; padding-bottom: 10px; }
#sidebar .contacts-widget ul li strong { display:block; font-weight: 300; font-style: normal; padding-top: 5px; font-size: 15px; }
#sidebar .contacts-widget ul li a { text-decoration: underline; }
#sidebar .contacts-widget ul li a:hover { text-decoration: none; }
#sidebar .nav-with-text > .widget-cnt { padding: 0; border: 0; }

/* CONTENT */
.content { width: 656px; float:left; }
.content ul { list-style-position: inside; padding-bottom: 10px; }
.content h4 { font-size: 16px; font-family: 'Opens Sans', arial, serif; font-weight: 500; padding-bottom: 7px; }
.content p { padding-bottom: 15px; }
.content h6 {  font-family: 'Opens Sans', arial, serif; font-size: 14px; font-weight: normal; }
.content p a { text-decoration: underline; }
.content .errors-form p { padding: 0 0 0 176px; color: red; }
.content .errors-form.success p { color: green; }
.content p a:hover { text-decoration:none; }
.post-content ul,
.post-content ol { margin-left: 30px; }
.post-content h1 { font-size: 30px; line-height: 30px; }
.post-content blockquote { margin: 5px 30px; }
.thumbnail-section > img { display:block; box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -o-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); margin-bottom: 14px; }

span.open-sans { font-family: 'Open Sans' !important;}
.post { margin-bottom: 12px; position:relative; }
.post p  { padding-bottom: 15px; }
.post + .post { margin-top: 20px; }
.post .entry-cnt { padding: 22px 20px; padding-bottom: 5px; margin-bottom: 15px; }
.post .entry-cnt img.alignnone.size-full { position:relative; display:block; }
.post .entry-cnt h2 { font-size: 16px; padding-bottom: 4px; }

.post .entry-date { position:absolute; top: 17px; left: -82px; width: 82px; height: 73px; background: #000; padding: 17px 0 0 0; color: #fff; text-align:center; font-size: 22px; line-height: 28px; }

.post .entry-meta { font-size: 12px; color: #6b6b6b; }
.post .entry-meta a { color: #6b6b6b; }
.post .entry-meta ul { float:right; list-style:none; list-style-position: outside; }
.post .entry-meta ul li { float:left; margin-left: 14px; position:relative; }
.post .entry-meta ul li.clock-ico { position:relative; padding-left: 17px; }
.post .entry-meta ul li.clock-ico span { height: 12px; width: 12px; background: url(images/meta-icos.png) no-repeat 0 0; position:absolute; top: 5px; left: 0; }
.post .entry-meta ul li.comments-ico a { padding-left: 17px; position:relative; }
.post .entry-meta ul li.comments-ico span { height: 12px; width: 12px; background: url(images/meta-icos.png) no-repeat -19px 0; position:absolute; top: 6px; left: 0; }
.post .entry-meta ul li.share-ico { position:relative; padding-left: 17px; cursor: pointer; }
.post .entry-meta ul li.share-ico span.ico { height: 12px; width: 12px; background: url(images/meta-icos.png) no-repeat -38px 0; position:absolute; top: 5px; left: 0; }

nav.post-nav { padding-bottom: 10px; width: 100%; }
nav.post-nav a { float: left; height: 30px; width: 100px; line-height: 30px; font-size: 14px; color: #fff; text-align:center; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; background: #000; }

.rev-content .content { float:right; }
.rev-content #sidebar { float:left; }
.rev-content .post .entry-date { left: auto; right: -82px;  }
.contacts-heading { padding-bottom: 4px; margin-bottom: 20px; }

.post-content .gform_wrapper ul { margin: 0; padding: 0; }
.gform_wrapper ul li { list-style: none;  }
.gform_wrapper .validation_error {  display: none; }
.gform_wrapper .validation_message { padding-left: 181px; color: red; }
.gform_wrapper .errors-form { display: none; padding-bottom: 20px; }
.gform_wrapper .ginput_container { width: 476px; float: right;}
.gform_wrapper li.gfield { padding-bottom: 32px; }
.gform_wrapper li.gfield:after { width: 100%; content: ''; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; display:block; }
.ie7 .gform_wrapper li.gfield { zoom: 1; }
.ie7 .gform_wrapper li.gfield label { padding-right: 15px; width:  145px }
.gform_wrapper label { width: 160px; float:left; text-align:right; font-size: 14px; font-weight:bold; color: #2b2b2b; line-height: 44px; }
.gform_wrapper .gfield input { width: 450px; float: right; background: url(images/input-field.png) no-repeat 0 0; border: 1px solid #fff; font-size: 13px; font-style:italic; padding: 13px 13px; height: 16px; }
.gform_wrapper textarea { width: 450px; float: right; background: url(images/textarea-field.png) repeat-x 0 0; border: 1px solid #fff; font-size: 13px; font-style:italic; padding: 13px 13px; height: 118px; resize: none; }
.gform_wrapper input.button { margin-bottom: 15px; height: 32px; font-size: 14px; color: #fff; background: #000; width: 75px; cursor: pointer; border: 0; font-weight:bold; margin-left: 177px; }
.gform_wrapper ul li ul.gfield_radio,
.gform_wrapper ul li ul.gfield_checkbox { padding-top: 10px; }
.gform_wrapper .gfield_radio label,
.gform_wrapper .gfield_checkbox label { float:none; padding-left: 5px; line-height: 22px; }
.gform_wrapper .gfield .ginput_complex .ginput_left input,
.gform_wrapper .gfield .ginput_complex .ginput_right input { width: 192px; float: none; clear: both; display: block;}
.ginput_full { clear: both; display: block; }
.gform_wrapper .gfield .ginput_complex { display: block }
.gform_wrapper .gfield .ginput_complex .ginput_left,
.gform_wrapper .gfield .ginput_complex .ginput_right { float: left; width: 220px; }
.gform_wrapper .gfield .ginput_complex .ginput_left { padding-right: 36px; }
.gform_wrapper .gfield .ginput_complex label { float: none; text-align: left;  }
.gform_wrapper .gfield .ginput_complex .c2-sb-wrap { width: 220px  }

/* PORTFOLIO HEAD */
.portfolio-top { padding-bottom: 13px; margin-bottom: 20px; position:relative; z-index: 9; }

.portfolio-top h2 { 
font-size: 20px; 
font-family: 'Open Sans', arial, serif; 
font-weight: 300; 
text-transform: uppercase; 
letter-spacing: 2px; 
float:left; padding: 1px 0 0 0;
}

.portfolio-top nav { 
float:right; 
}

.portfolio-top nav a { 
float:left; padding: 0 10px 4px; 
height: 28px; 
line-height: 28px; 
font-size: 16px; font-family: 'Open Sans', arial, serif; 
margin-left: 5px; 
font-weight: 300; 
text-decoration:none; 
}

.portfolio-top nav a.active,
.portfolio-top nav a:hover { color: #fff; background: #000; }

/* PORTFOLIO LIST */
.list { width: 990px; overflow: visible !important; position:relative; margin-right: -30px; }
.list img { display:block; width: 300px; }
.list .item { float:left; margin-bottom: 32px; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.5); -o-box-shadow: 0px 0px 3px rgba(0,0,0,0.5); }
.list .item a { display:block; position:relative; }
.list .item h4 { background: url(images/dark-tranps.png) repeat 0 0; bottom: 0; left: 0; right: 0; padding: 8px 14px; color: #fff; font-size: 13px; position:absolute; display:none; }
.list .item span.share { background: url(images/dark-tranps.png) repeat 0 0; top: 0; left: 0; padding: 8px 14px; color: #fff; font-size: 13px; font-weight:bold; position:absolute; display:none; }

a.back-link { height: 36px; width: 36px; background: url(images/backlink.png) no-repeat 0 0; position:fixed; bottom: 78px; left: 50%; margin-left: 488px; font-size: 0; line-height: 0; text-indent: -4000px; display:none; }

.infinite-scroll { display:none; }

/* MOBILE DROP DOWN */
.dropdown { width: 196px; float:right; position:relative; display:none; }
.dropdown a { color: #090909; }
.dropdown a.trigger { height: 27px; display:block; background: url(images/dd.png) no-repeat 0 0; line-height: 26px; font-size: 14px; padding: 0 10px; }
.dropdown ul { width: 176px; position:absolute; top: 27px; left: 0; background: #fff; box-shadow:  0px 0px 3px rgba(0,0,0,0.4); -moz-box-shadow:  0px 0px 3px rgba(0,0,0,0.4); -webkit-box-shadow:  0px 0px 3px rgba(0,0,0,0.4); -o-box-shadow:  0px 0px 3px rgba(0,0,0,0.4); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; list-style:none; list-style-position: outside; padding: 10px; display:none; }
.dropdown ul li { border-bottom: 1px solid #999; padding: 2px 0;  }
.dropdown ul li:last-child { border-bottom: 0; padding-bottom: 0; }

/* POPUP */
.popup { width: 620px; padding: 0 35px; }
.popup .img-holder { box-shadow: 0px 0px 5px rgba(0,0,0,1); -moz-box-shadow: 0px 0px 5px rgba(0,0,0,1); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,1); -o-box-shadow: 0px 0px 5px rgba(0,0,0,1); position:relative; }
.popup .img-holder span.share { background: url(images/dark-tranps.png) repeat 0 0; top: 0; left: 0; padding: 8px 14px; color: #fff; font-size: 13px; font-weight:bold; position:absolute; cursor: pointer; }
.popup .img-holder img { display:block; }
.popup .cnt { background: url(images/popup-content.png) repeat-x 0 0; min-height: 125px; padding: 15px; color: #fff; font-size: 15px; }
.popup .cnt h5 { font-size: 16px; font-family: "Open Sans", arial, serif; font-weight: 500; padding-bottom: 5px; }


/* SLIDER */
.slider-holder { position:relative; border: 1px solid #fff; margin-bottom: 15px;  }
.slider .slide { float:left; width: 958px; position:relative; height: 406px; }
.slider .slide img.slide-bg { display:block; position:absolute; top: 0; left: 0; z-index: 1; }
.slider .slide .slide-cnt { position:absolute; bottom: 0; left: 0; right: 0; background: url(images/slider-cnt-transp.png) repeat 0 0; padding: 10px 20px; color: #fff; display:none; }
.slider .slide.home-slide .slide-cnt { z-index: 2; width: 370px; background: url(images/slider-cnt-transp.png) repeat 0 0; padding: 23px; position:absolute; top: 30px; right: 25px; left: auto; bottom: auto; color: #fff; display:block; }

.slider .slide.home-slide .slide-cnt span.angle { height: 47px; width: 47px; background: url(images/slider-angle.png) no-repeat 0 0; position:absolute; top: 20px; left: -47px; }

.slider .slide h3 { font-size: 15px;}
.slider .slide p { padding-top: 6px; line-height: 24px; font-size: 13.5px;}
.slider-paging { background: url(images/slider-cnt-divider.png) repeat-x 0 0; padding-top: 16px; margin-top: 20px; }
.slider-paging:after { width: 100%; content: ''; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; display:block; }
.ie7 .slider-paging { zoom:1; }
.slider-paging a { height: 7px; width: 7px; font-size: 0; line-height: 0; text-indent: -4000px; float:left; background: url(images/slider-dot.png) no-repeat 0 0; margin-left: 4px;}
.slider-paging a.selected { background-position: right 0; }
.slider-holder a.slider-arr {  display: none; height: 33px; width: 20px; font-size: 0; line-height: 0; text-indent: -4000px; position:absolute; top: 0; height: 100%; }
.slider-holder a.prev { padding-right: 11px; background: url(images/light/prev.png) no-repeat 0 center; left: -34px; }
.slider-holder a.next {padding-left: 11px;  background: url(images/light/next.png) no-repeat right center; right: -34px; }
.slider-holder a.slider-arr:hover { opacity: 0.7; filter:alpha(opacity=70); }
.slider-holder a.slider-arr { } 
.slider-prev-left { position: absolute; width: 479px; height: 406px; top: 0; left: 0; }
.slider-prev-right { position: absolute; width: 479px; height: 406px; top: 0; right: 0; }
.home-slide-toogle .slider-prev-left,
.home-slide-toogle .slider-prev-right { height: 200px; }

/* CONFIG */
.config { position:fixed; top: 106px; left: 0; background: url(images/new-arrow.png) no-repeat 0 0; color: #fff; padding: 0; font-size: 12px; z-index: 199; text-indent: -4000px; width: 46px; height: 84px }
.config a { width: 46px; height: 84px; }
.config span { display: none; }
.config.exp { width: 180px; background: url(images/dark-tranps.png) repeat 0 0; height: auto; padding: 8px; text-indent: inherit; top: 120px; }
.config.exp span { display: block }
.config.exp a { width: auto; height: auto }
.config .main-menu { padding-top: 6px; clear: both; display:none; height: 100%; }
.config p { font-weight:bold; }
.config .elem { border-top: 1px solid #323738; padding-bottom: 14px; padding-top: 4px; }
.config .elem:after { width: 100%; content: ''; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; display:block; }
.ie7 .config .elem { zoom: 1; }
.config .patterns-selector.black { display:none; }
.config .arrs { height: 17px; float:right; position:relative; margin-top: -1px; }
.config .arrs a { height: 17px; width: 17px; background: url(images/conf-arrs.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; float:left; margin-left: 5px; }
.config .arrs a.next { background-position: right 0; }
.config .arrs a:hover { background-position: 0 bottom; }
.config .arrs a.next:hover { background-position: right bottom; }
.config input.reset-btn { height: 26px; width: 78px; background: #4c4c4c; border: 0; color: #fff; font-weight:bold; margin-top: 10px; cursor: pointer; }
.config a.trigger { font-size: 13px; color: #fff; font-weight:bold; display:block; padding: 4px 5px 8px 0; }
.config a.trigger span { padding-right: 23px; background: url(images/config-arr.png) no-repeat right -2px; float:left; line-height: 16px; padding-bottom: 5px; }
.config.exp a.trigger span { padding-left: 23px; background: url(images/left-arrow.png) no-repeat 8px 2px; float:left; line-height: 16px; padding-bottom: 5px; }
.config {display:none;}

/* ISOTOPE - ENABLE CSS TRANSITIONS */
.isotope,
.isotope .isotope-item { -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -ms-transition-duration: 0.6s; -o-transition-duration: 0.6s; transition-duration: 0.6s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-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; -ms-transition-property: -ms-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;-ms-transition-duration: 0s;-o-transition-duration: 0s;transition-duration: 0s; }
/* hide the infinite loader */
/*#infscr-loading { display:none !important; }
*/
.list #infscr-loading img { width: auto; }
.list #infscr-loading div { display: none; }
#infscr-loading { bottom: -50px; left: 47%; display: none; position: absolute;  }
.loading-custom-png { position: relative; margin-top: 12px; margin-left: -49px; }
#cboxLoadingOverlayInner{background:url(images/colorbox/loading_background.png) no-repeat center center;position:absolute; top:0; left:0; width:100%; height:100%; }
#cboxLoadingGraphicInner{background:url(images/colorbox/loading.gif) no-repeat center center;position:absolute; top:0; left:0; width:100%; height:100%;}


/* Comments form */

#respond{ margin: 0; overflow:hidden; position:relative; margin-bottom: 10px;}
#respond p{ margin: 0 0 5px 0; padding: 0; }
#respond h3 { padding-bottom: 5px; }
#respond .comment-notes{margin-bottom:1em}
.form-allowed-tags{line-height:1em}
.children #respond{margin:0 48px 0 0}
h3#reply-title{margin:18px 0}
#comments-list #respond{margin:0 0 18px 0}
#comments-list ul #respond{margin:0}
#cancel-comment-reply-link{font-size:12px; font-weight:normal; line-height:18px}
#respond .required{ font-weight:bold; background: none; color: red; line-height: 44px; padding-left: 10px;}
.tags {  }
#respond .form-allowed-tags{font-size:12px; line-height:18px}
#respond .form-allowed-tags code{font-size:11px}
#respond .form-submit{margin:12px 0}
#respond .form-submit input{font-size:14px;  width:auto; font-style: normal; font-weight: bold; color: black; color: black; border: 0; background: #000; color: #fff; cursor: pointer; padding: 0 7px; height: 30px;}
#respond .comment-form-url { clear: both; }
#respond label{  clear: both; display: block; width: 50px; float:left; text-align:right; font-size: 14px; font-weight:bold; color: #2b2b2b; line-height: 44px; float: left;  }
#respond input{ margin-right: 2px; border: solid 1px #ccc; width: 450px; float: right; background: url(images/input-field.png) no-repeat 0 0;  font-size: 13px; font-style:italic; padding: 13px 13px; height: 16px;}
#respond textarea { border: solid 1px #ccc; width: 95%; background: url(images/input-field.png) 0 0;  font-size: 13px; font-style:italic; padding: 13px 13px; }

/* =Comments
-------------------------------------------------------------- */
#comments{clear:both}
#commentform a,
.comment-reply a{font-weight: 600; font-size: 13px;}
.navigation{ padding:0 0 18px 0; font-weight: bold; height: 100%; overflow: hidden;  }
h3#comments-title, 
h3#reply-title{ font-size:20px; font-weight:bold; margin-bottom:0}
h3#comments-title{padding:24px 0}
.commentlist{  list-style:none; margin: 20px 0 0 0;}
.commentlist li.comment{border-bottom:1px solid #e7e7e7; line-height:24px; margin:0 0 24px 0; padding:0 0 0 56px; position:relative}
.commentlist li:last-child{border-bottom:none; margin-bottom:0}
#comments .comment-body ul, 
#comments .comment-body ol{margin-bottom:18px}
#comments .comment-body p:last-child{margin-bottom:6px}
#comments .comment-body blockquote p:last-child{margin-bottom:24px}
.commentlist ol{list-style:decimal}
.commentlist .avatar{position:absolute; top:4px; left:0}
.comment-author{}
.comment-author cite{ font-style:normal; font-weight:bold}
.comment-author .says{font-style:italic}
.comment-meta{font-size:12px; margin:0 0 18px 0}
.comment-meta a:link, 
.comment-meta a:visited{ text-decoration:none}
.comment-meta a:active, 
.comment-meta a:hover{}
.commentlist .even{}
.commentlist .bypostauthor{}
.reply{font-size:12px; padding:0 0 24px 0}
.reply a, 
a.comment-edit-link{}
.reply a:hover, 
a.comment-edit-link:hover{}
.commentlist .children{list-style:none; margin:0}
.push-indent {  width: 100%; height: 65px }

/* 
	RESPONSIVE STYLES
	============================================================  */

/* TABLET TEMPLATE */
@media only screen and (max-width: 960px) and (min-width: 640px) {
	.shell { width: 635px; }
	iframe { width: 100%; height: auto; }
	.slider-prev-right,
	.slider-prev-left { display: none; }
	header.base .logo-holder { margin-left: 0; background: transparent !important; width: auto; }
	header.base .logo-holder h1 { padding-left: 0; }
	header.base nav#navigation { font-size: 13px; }
	header.base nav#navigation > ul > li > a { padding: 2px 10px; line-height: 56px; height: 57px; }

	.content { width: 325px; float:left; }
	.thumbnail-section > img { width: 100%; height: auto !important; }

	.container { padding-bottom: 110px; }

	footer.base { text-align:center; }
	footer.base h2.footer-logo,
	footer.base p { float: none; display:inline; }
	footer.base .left { float: none; display:block; }

	footer.base .navs { float: none; width: 457px; margin: 0 auto; padding-top: 7px; }

	.post .entry-date { position:static; display:block; width: auto; height: auto; padding-bottom: 15px; }
	.post .entry-cnt img { width: 100%; height: auto !important; margin: 0 !important; }

	.gform_wrapper .ginput_container { float: none; width: auto}
	.gform_wrapper li.gfield { padding-bottom: 15px; }
	.gform_wrapper label { float: none; width: auto; text-align:left; display:block; line-height: 20px; padding-bottom: 4px; }
	.gform_wrapper input.medium { float: none; display:block; width: 297px; background-position: center 0; }
	.gform_wrapper textarea { float: none; display:block; width: 297px; background-position: center 0; }
	.gform_wrapper input.button { margin-left: 0; }
	.gform_wrapper .gfield_radio label,
	.gform_wrapper .gfield_checkbox label { display: inline }
	.gform_wrapper .gfield_radio label,
	.gform_wrapper .gfield_checkbox label { float:none; padding-left: 5px; line-height: 22px; }
	.gform_wrapper .gfield .ginput_complex .ginput_full input { width: 297px  }
	.gform_wrapper .gfield .ginput_complex .ginput_left input,
	.gform_wrapper .gfield .ginput_complex .ginput_right input { width: 120px; float: none;}
	.gform_wrapper .gfield .ginput_complex .ginput_left,
	.gform_wrapper .gfield .ginput_complex .ginput_right { float: left; width: 140px; }
	.gform_wrapper .gfield .ginput_complex .ginput_left { padding-right: 36px; }
	.gform_wrapper .gfield .ginput_complex label { float: none; text-align: left;  }
	.gform_wrapper .gfield .ginput_complex .c2-sb-wrap { width: 120px  }
	.gform_wrapper .validation_message { width: auto; padding: 0; }


	.list { width: 665px; }
	footer.base { position:static !important; display:block !important; }

	nav.portfolio-nav { display:none; }
	.dropdown { display:block; }

	.slider-holder { border: 0; }
	.slider .slide { width: 635px; height: auto; background: #000; }
	.slider .slide .slide-cnt { display:block !important; position:static !important; width: auto !important; }
	.slider .slide .slide-bg { display:none; }
	.slider-holder a.slider-arr { display:none !important; }

	.config { display:none; }
	#respond textarea { width: 85%; }

	.content .errors-form p { padding-left: 0; }
}

/* MOBILE TEMPLATE */
@media only screen and (max-width: 640px) {
	iframe { width: 100%; height: auto; }
	.slider-prev-right,
	.slider-prev-left { display: none; }

	body { overflow-x: hidden; }
	.shell { width: auto; }
	header.base { height: auto; }
	header.base .logo-holder { margin: 0 auto; float: none; background-position: center 0 !important; width: auto; }
	header.base .logo-holder h1#logo { padding-left: 0; text-align:center; }
	header.base nav#navigation { font-size: 12px; float: none; display:block; line-height: 42px; padding-top: 2px; text-align:center; }
	header.base nav#navigation ul li { display: inline; float: none; width: 100%; }
	header.base nav#navigation ul li a { padding: 0 7px; float: none; display: inline-block; }
	header.base nav#navigation:after { width: 100%; content: ''; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; display:block; }
	header.base nav#navigation > ul > li > a { height: 42px; }
	header.base nav#navigation li > ul > li > a,
	header.base nav#navigation li li { width: 86px; }
	header.base nav#navigation > ul > li ul {  top: 29px; text-align: left; width: 130px }
	header.base nav#navigation > ul > li ul ul { top: 0; left: 130px; }
	nav#navigation li ul a { border: 0; }
	.container { padding: 12px; padding-bottom: 220px; }

	.content,
	#sidebar { float: none !important; width: auto; }

	.thumbnail-section > img { width: 100%; height: auto !important; }


	footer.base { text-align:center; }
	footer.base .shell { position:relative; padding-top: 40px; }
	footer.base h2.footer-logo { float: none; display:block; text-align:center; line-height: 40px; padding-bottom: 18px; }
	footer.base p { float: none; display:block; text-align:center; padding: 0 40px; line-height: 16px; color: #A9A9A9; }
	footer.base .left { float: none; display:block; }

	footer.base .navs { float: none; }
	footer.base nav.footer-nav { position:absolute; top: 0; left: 0; width: 100%; font-size: 11px; padding-top: 4px; }
	footer.base nav.footer-nav a { margin-left: 10px; }
	
	footer.base nav.socials { float: none; text-align:center; margin-left: 0; padding-top: 0; }
	footer.base nav.socials a { display: inline-block; float: none; }

	.post .entry-date { position:static; display:block; width: auto; height: auto; padding-bottom: 15px; }
	.post .entry-cnt img { width: 100%; height: auto !important; margin: 0 !important; }

	.gform_wrapper li.gfield { padding-bottom: 15px; }
	.gform_wrapper .ginput_container { float: none; width: auto}
	.gform_wrapper label { float: none; width: auto; text-align:left; display:block; line-height: 20px; padding-bottom: 4px; }
	.gform_wrapper input.medium { float: none; display:block; width: 268px; background-position: center 0; }
	.gform_wrapper textarea { float: none; display:block; width: 268px; background-position: center 0; }
	.gform_wrapper input.button { margin-left: 0; }
	.gform_wrapper .gfield_radio label,
	.gform_wrapper .gfield_checkbox label { display: inline }
	.gform_wrapper .gfield .ginput_complex .ginput_full input { width: 268px; float: none;  }
	.gform_wrapper .gfield .ginput_complex .ginput_left input,
	.gform_wrapper .gfield .ginput_complex .ginput_right input { width: 268px; float: none;}
	.gform_wrapper .gfield .ginput_complex .ginput_left,
	.gform_wrapper .gfield .ginput_complex .ginput_right { float: left; width: 268px; }
	.gform_wrapper .gfield .ginput_complex .ginput_left { padding-right: 36px; }
	.gform_wrapper .gfield .ginput_complex label { float: none; text-align: left;  }
	.gform_wrapper .validation_message { width: auto; padding: 0; }


	.list { width: auto; margin: 0 auto; }
	.list .item { left: 50% !important; margin-left: -150px; }
	footer.base { position:absolute !important; display:block !important; }

	.portfolio-top h2 { display:none; }
	nav.portfolio-nav { display:none; }
	.dropdown { display:block; float: none; margin: 0 auto; }

	.popup { padding: 0; width: 300px; }
	#cboxLoadedContent { width: 300px; } 
	#cboxPrevious,
	#cboxNext { display:none !important; }
	.popup .img-holder img { width: 100%; height: auto !important; }
	#colorbox { left: 50% !important; margin-left: -150px !important; }

	.slider-holder { border: 0; }
	.slider .slide { width: 300px; height: auto; background: #000; }
	.slider .slide .slide-cnt { display:block !important; position:static !important; width: auto !important; }
	.slider .slide .slide-bg { display:none; }
	.slider .slide .slide-cnt span.angle { display:none;  }
	.slider-holder a.slider-arr { display:none !important; }
	.slider-paging { display:none !important; }

	.config { display:none; }

	.content .errors-form p { padding-left: 0; }
	#respond textarea { width: 85%; }
	.post .entry-cnt img { width: auto; }

}
