@charset "utf-8";
/* CSS Document */

body { }
.clear { clear: both; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }/* ----- clear fix for floats ----- */
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }/* hides clearfix from IE-mac */
.clearfix { display:block; }/* end hide from IE-mac */
.alignleft { text-align:center; }
.alignright { float:right; }
.aligncenter { margin:auto; display:block; }
.alignnone { clear:both; font-size:0; line-height:0; margin:0; padding:0; border:0; height:0; width:0; }
.centered { text-align:center; }
img { display:block; position:relative; padding:0; }
/* =Typography
--------------------------------------------------------------------------------------------------------*/
body { font: 12px 'Open Sans', Arial, Helvetica, sans-serif; color:#888888; background:url(../images/bg-html.jpg) repeat;}
strong { font-weight:700; }
/* End Typography
--------------------------------------------------------------------------------------------------------*/


/* =Headings
--------------------------------------------------------------------------------------------------------*/
h1 { }
h2 { font-size:26px; font-weight:300; color:#fff; font-family:'Open Sans', Arial, Helvetica, sans-serif; background:#781d1a; padding:5px 10px; margin:30px 10px 0 10px; text-transform:uppercase; display:inline-block }
h2.blockquote { font-size:36px; font-weight:700; background:none; color:#322b23; margin:10px 0 0 0; }
h3 { font-size:23px; font-weight:normal; color:#322b23; line-height:35px; padding:21px 30px 22px 0; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; }
h3 span, h4 span { background:#fff; border-bottom:1px solid #e7e7e7; padding:1px 0; }
h4 { font-size:16px; font-weight:400; color:#322b23; line-height:20px; padding:14px 20px 13px 0; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; }
h4.button { padding:15px 20px 20px 0; }
h4.blockquote { padding-left:30px !important; font-style:italic; font-weight:400; }
h4.blockquote span.name { font-size:14px; color:#888; font-style:normal; }
.headline h4 {display:inline; background:#fff; padding:0px 10px 0px 0; }
h5 { font-size:12px; font-weight:400; color:#322b23; line-height:20px; padding:10px 20px 5px 0; text-transform:uppercase; }
h3 a, h5 a { color:#322b23; text-decoration:none}
h3 a:hover, h5 a:hover { color:#781d1a; text-decoration:none}
article h3 {font-size:20px; padding:21px 30px 12px 0; }
/* End Headings
--------------------------------------------------------------------------------------------------------*/


/* =Branding
--------------------------------------------------------------------------------------------------------*/
p { padding:5px 20px 5px 0; line-height:20px; }
p span { background:#fff; border-top:1px solid #fff; padding:1px 0; }
p a { color:#781d1a; text-decoration:none; -webkit-transition: color 0.2s ease 0s; -moz-transition: color 0.2s ease 0s; -o-transition: color 0.2s ease 0s; transition: color 0.2s ease 0s; }
p a:hover { text-decoration:none; color:#322b23; }
span.arrow { font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif; }
h1#logo { display:inline-block; margin-left:10px; }
h1#logo a { display:block; font-size:24px; width:200px; color:#322b23; text-decoration:none; line-height:24px; text-transform:uppercase; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; }
.border { height:1px; width:auto; background:#d8d8d8; margin:20px 0 10px 0; }
.borderline { height:2px; width:20px; background:url(../images/bg-html.jpg) repeat; margin:0px 0 5px 0; }

.headline { 
	background:url(../images/bg-headline.png) 0 50% repeat-x; 
	display:block; 
	padding:15px 20px 13px 0; 
	}

p.pointer { background:url(../images/bg-pointer.png) 5px 8px no-repeat; padding-left:30px; font-size:10px;}
p.email { background:url(../images/bg-mail.png) 5px 8px no-repeat; padding-left:30px; }
p.phone { background:url(../images/bg-phone.png) 5px 3px no-repeat; padding-left:30px; }
p.phone2 { background:url(../images/bg_phone2.png) 3px 0px no-repeat; padding-left:30px; }
p.facebook { background:url(../images/fbico.jpg) 5px 3px no-repeat; padding-left:30px; padding-top:5px; font-size:10px;}
p.linkedin { background:url(../images/lin.png) 5px 3px no-repeat; padding-left:30px; padding-top:5px; font-size:10px;}
p.twitter { background:url(../images/twico.jpg) 5px 8px no-repeat; padding-left:30px; padding-top:6px;}
.icon-buttons { position:relative; border-radius:65px; width:32px !important; height:32px !important; display:inline-block; margin:10px 12px 0 0px; float:left; }
#discover { background:url(../images/bg-lightbulb.png) no-repeat 10px 8px #781d1a; }
#design { background:url(../images/bg-heart.png) no-repeat 8px 10px #781d1a; }
#develop { background:url(../images/bg-coffee.png) no-repeat 10px 9px #781d1a; }
#scale { background:url(../images/bg-scale.png) no-repeat 8px 9px #781d1a; }
p.blockquote {font-size:40px; color:#322b23; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; padding-top:20px;  }
/* End Branding
--------------------------------------------------------------------------------------------------------*/


/* =Main Nav
--------------------------------------------------------------------------------------------------------*
ul#nav { /*margin-top:11px; margin-right:10px;* }
ul#nav li { float:left; }
ul#nav li a { color:#a5a5a5; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size:12px; font-weight:600; text-decoration:none; text-transform:uppercase; margin:0px 0px 0px 15px; display:inline-block; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; padding:5px 10px; }
ul#nav li a:hover { color:#322b23; }
ul#nav li.active a { color:#fff; background:#d24144; }
/* End Main Nav
--------------------------------------------------------------------------------------------------------*/


/* =Main Content
--------------------------------------------------------------------------------------------------------*/
#fixed { height:101px; position:fixed; z-index:29; width:100% }
.container { padding:30px 45px; width:960px; position:relative; 
             background-color:Lightgrey; margin:0 auto; 
             -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.2); 
             -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.2) ; 
             box-shadow:0 1px 0 rgba(180, 180, 180, 0.2); }
.ancor { padding-top:113px; position:relative; }
.ancor2 { padding-top:13px; position:relative; margin-top:-108px; }
#section1 { z-index:6; }
#section2 { z-index:5; }
#section3 { z-index:4; }
#section4 { z-index:3; }
#section5 { z-index:8; }
#section6 { z-index:9; }
.col1-1 { font-family:Verdana; width:940px; margin:0px 10px; float:none; position:relative; }
.col1-2 { font-family:Verdana; width:460px; margin:0px 10px; float:left; }
.col1-3a { font-family:Verdana; height:500px; width:300px; margin:0px 0px; margin-left:30px; float:left; }
.col1-3 { font-family:Verdana; width:610px; margin:0px 0px; margin-left:20px; float:left; }
.col2-3 { font-family:Verdana; width:620px; margin:0px 10px; float:left;}
.col1-4 { font-family:Verdana; width:300px; margin:0px 10px; float:left; }
.col1-4-contact{ font-family:Verdana; width:300px; margin:0px 10px; float:left; }
.col1-4a { font-family:Verdana; width:650px; margin:0px 10px; float:left; }
.col3-4 { font-family:Verdana; width:700px; margin:0px 10px; float:left; }
.col3-4a { font-family:Verdana; width:300px; margin:0px 10px; float:left; }
.col1-6 { font-family:Verdana; width:140px; margin:0px 10px; float:left; }
.colnew { font-family:Verdana; width:940px; margin:0px 10px; float:left;  }
.padding-top { padding-top:30px; }
.margin-top { margin-top:15px; }
.padding-bottom { padding-bottom:10px; }
.margin-bottom { padding-bottom:50px; }
.break { height:10px; position:relative; }
.images { display:block; margin:10px 0 10px 0; position:relative; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
/*.images:hover { border:1px solid #d8d8d8; -webkit-box-shadow:0 0 3px rgba(180, 180, 180, 0.25); -moz-box-shadow:0 0 3px rgba(180, 180, 180, 0.25); box-shadow:0 0 3px rgba(180, 180, 180, 0.25); }*/
/* =End Main Content
--------------------------------------------------------------------------------------------------------*/


/* =Secondary Content
--------------------------------------------------------------------------------------------------------*/
.numbers { background-color:#781d1a; position:relative; border-radius:65px; width:32px !important; height:26px !important; display:inline-block; margin:10px 12px 0 0px; float:left; color:#fff; text-align:center; font-size:13px; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-weight:600; padding:6px 0 0 0; }
#twitter_update_list { margin:8px 0 2px 0; width:300px; }
ul.jta-tweet-list li { background:url(../images/bg-twitter-feed.png) 0px 0px no-repeat; display:block; padding:2px 0; padding-left:40px; padding-right:10px; line-height:23px; }
ul.jta-tweet-list li a.jta-tweet-link { color:#781d1a; text-decoration:none; font-size:11px !important; font-weight:400; text-transform:none; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; margin-right:4px; line-height:20px; }
ul.jta-tweet-list li a.jta-tweet-link:hover { text-decoration:none; color:#322b23; }
ul.jta-tweet-list li a.jta-tweet-timestamp-link { font-size:11px !important; color:#888; text-decoration:none; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; text-transform:uppercase; line-height:20px; padding-left:10px; }
ul.jta-tweet-list li a.jta-tweet-timestamp-link:hover { text-decoration:none; color:#322b23; }
span.jta-tweet-twitter-bird-icon, span.jta-tweet-twitter-bird-icon:hover { display:none }
a.jta-tweet-a {color:#781d1a; text-decoration:none; -webkit-transition: color 0.2s ease 0s; -moz-transition: color 0.2s ease 0s; -o-transition: color 0.2s ease 0s; transition: color 0.2s ease 0s; }
a.jta-tweet-a:hover { text-decoration:none; color:#322b23; }
.jta-clear {height:5px; }
#googlemaps { opacity:0.9; }
#map-bg iframe {margin:0; margin-bottom:-4px; border:0}
#map-bg { background:url(../images/bg-map.png) center center no-repeat; margin:0px 10px;}
.go-back { position:absolute; margin-top:-26px; right:0px; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); border: 1px solid #d8d8d8; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; padding:3px 10px 4px 10px; color:#322b23; text-decoration:none;}
.go-back:hover {border:1px solid #888; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.2); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.2); box-shadow:0 1px 0 rgba(180, 180, 180, 0.2); }
/* End Secondary Content
--------------------------------------------------------------------------------------------------------*/


/* =jCarousel
--------------------------------------------------------------------------------------------------------*/
.jcarousel-skin-tango2 .jcarousel-direction-rtl { direction: rtl; }
.jcarousel-skin-tango2 .jcarousel-container-horizontal { width: 960px; padding:10px 0 10px 0; }
.jcarousel-skin-tango2 .jcarousel-clip { overflow: hidden; }
.jcarousel-skin-tango2 .jcarousel-item-placeholder { background: #fff; color: #000; }
.jcarousel-skin-tango2 .jcarousel-next-horizontal { position: absolute; top: -169px; right: 10px; cursor: pointer; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); border: 1px solid #d8d8d8; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; background:url(../images/buttons/arrow-right.png) center no-repeat #fff; text-indent:-9999px; display:inline-block; width:20px; height:19px; }
.jcarousel-skin-tango2 .jcarousel-next-horizontal:hover, .jcarousel-skin-tango2 .jcarousel-next-horizontal:focus { border:1px solid #888; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.2); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.2); box-shadow:0 1px 0 rgba(180, 180, 180, 0.2); }
.jcarousel-skin-tango2 .jcarousel-next-horizontal:active { border:1px solid #d8d8d8; }
.jcarousel-skin-tango2 .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango2 .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango2 .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-tango2 .jcarousel-next-disabled-horizontal:active { cursor: default; border:1px solid #d8d8d8; background:url(../images/buttons/arrow-right2.png) center no-repeat #fff; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); }
.jcarousel-skin-tango2 .jcarousel-prev-horizontal { position: absolute; top: -169px; right: 35px; cursor: pointer; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); border: 1px solid #d8d8d8; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; background:url(../images/buttons/arrow-left.png) center no-repeat #fff; text-indent:-9999px; display:inline-block; width:20px; height:19px; }
.jcarousel-skin-tango2 .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango2 .jcarousel-prev-horizontal:focus { border:1px solid #888; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.2); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.2); box-shadow:0 1px 0 rgba(180, 180, 180, 0.2); }
.jcarousel-skin-tango2 .jcarousel-prev-horizontal:active { border:1px solid #d8d8d8; }
.jcarousel-skin-tango2 .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango2 .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango2 .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-tango2 .jcarousel-prev-disabled-horizontal:active { cursor: default; border:1px solid #d8d8d8; background:url(../images/buttons/arrow-left2.png) center no-repeat #fff; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); }
/* End jCarousel
--------------------------------------------------------------------------------------------------------*/


/* =Accordion
--------------------------------------------------------------------------------------------------------*/
#accordion { width:auto; margin:8px 0 5px 0; }
#accordion div.ui-accordion-content { padding:0px 0 20px 0px; }
#accordion h3 { padding:0px; padding:3px 0px 4px 55px; width:auto; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); border: 1px solid #d8d8d8; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; margin-bottom:5px; font-size:20px; font-weight:normal; color:#322b23; line-height:35px;}
#accordion h3 a { cursor:pointer; display:block; text-decoration:none; line-height:20px; text-transform:none; width:auto; display:inline-block; color:#858585; }
#accordion h3:hover { color:#322b23; border: 1px solid #888; cursor:pointer; }
#accordion h3.ui-state-active { background:url(../images/buttons/bg-close.png) no-repeat 15px 11px #fff; padding:3px 0px 4px 55px; }
#accordion h3.ui-state-active a { color:#322b23; cursor:default; }
#accordion h3.ui-state-active:hover { cursor:default; color:#1e1e1e; border: 1px solid #d8d8d8; }
#accordion h3.ui-corner-all { background:url(../images/buttons/bg-open.png) no-repeat 15px 11px #fff; }
#accordion-small { width:auto; margin:8px 0; }
#accordion-small div.ui-accordion-content { padding:0px 0 10px 0px; }
#accordion-small h5 { padding:3px 0px 4px 35px; width:auto; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); border: 1px solid #d8d8d8; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; margin-bottom:5px; color:#322b23;}
#accordion-small h5 a { cursor:pointer; display:block; text-decoration:none; line-height:20px; width:auto; display:inline-block; color:#858585; }
#accordion-small h5:hover { color:#322b23; border: 1px solid #888; cursor:pointer; }
#accordion-small h5.ui-state-active { background:url(../images/buttons/bg-close-h5.png) no-repeat 10px 6px #fff; }
#accordion-small h5.ui-state-active a { color:#322b23; cursor:default; line-height:20px; }
#accordion-small h5.ui-state-active:hover { cursor:default; color:#1e1e1e; border: 1px solid #d8d8d8; }
#accordion-small h5.ui-corner-all { background:url(../images/buttons/bg-open-h5.png) no-repeat 10px 6px #fff; }
/* =End Accordion
--------------------------------------------------------------------------------------------------------*/


/* =Image Hover
--------------------------------------------------------------------------------------------------------*/
.images img { width:100%; display: block; }
.img-cover i { display:block; font-style:normal; position:absolute; width:100%; height:100%; z-index:9; text-indent:-9000px; top:0; left:0; opacity:0;  filter:alpha(opacity:0) }
.img-cover a { display:inline-block; width:46px; height:46px; position:absolute; background:url(../images/buttons/bg-emaila.png); z-index:10; width: 100%; height: 100%; margin-left: 0; margin-top: 0; }
.img-cover a.link { background:url(../images/buttons/bg-link.png) 50% 50% no-repeat; }
.img-cover a.zoom { background:url(../images/buttons/bg-zoom.png) 50% 50% no-repeat; }
/* End Image Hover
--------------------------------------------------------------------------------------------------------*/


/* =Lists
--------------------------------------------------------------------------------------------------------*/
ul.list { display:block; position:relative; padding:5px 20px 10px 0; }
ul.list li { line-height:20px; width:auto; padding-left:20px; }
ul.float li { margin-right:15px; }
ul.bullet li { background:url(../images/list-bullet.png) no-repeat 7px 9px; }
ul.list li a { text-decoration:none; color:#888; }
ul.list li a:hover, ul.normal li a:hover { color:#781d1a; text-decoration:none; }
/* =End Lists
--------------------------------------------------------------------------------------------------------*/


/* =Blog
--------------------------------------------------------------------------------------------------------*/
p.dates { background:url(../images/bg-dates.png) no-repeat 0px 7px; padding-left:25px; }
p.users { background:url(../images/bg-users.png) no-repeat 0px 7px; padding-left:25px; }
p.comments { background:url(../images/bg-comments.png) no-repeat 0px 8px; padding-left:25px; }
#navi-blog { padding:25px 0 15px 0; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
#navi-blog .page a { font-size:12px; color:#888; text-decoration:none; padding:3px 7px; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); border: 1px solid #d8d8d8; margin-right:4px; text-align:center; float:left; }
#navi-blog .page a:hover { text-decoration:none; border:1px solid #888; }
#navi-blog .active a { background:#781d1a; color:#fff; font-weight:700; border:1px solid #781d1a; }
#navi-blog .active a:hover { cursor:default; color:#fff; border:1px solid #781d1a; }
/*article .images { margin:10px 10px 10px 0;}*/
.avatar { margin:10px 0px 0 0; padding:16px 16px; background:#fff; border:1px solid #d2d2d2; }
.reply { margin:0px 0 0px 66px; }
.no-wrap { margin-left:66px; }
.when { margin-top:-10px; }
/* End Blog
--------------------------------------------------------------------------------------------------------*/


/* =Footer
--------------------------------------------------------------------------------------------------------*/
#footer { min-height:130px; margin:0px 0px 0 0px; margin:5px 0 0 0px; }
#footer p { padding-left:10px; text-shadow:none; }
#footer p span.top { font-size:20px; color:#322b23; line-height:34px; background:none; border-bottom:0px; }
/* End Footer
--------------------------------------------------------------------------------------------------------*/


/* =Backtotop Navi
--------------------------------------------------------------------------------------------------------*/
#backtotop { height:auto; position:fixed; right:30px; bottom:30px; display:none; z-index:30; }
#backtotop ul { padding:15px 0px; }
#backtotop ul li a { background:url(http://www.ppandp.de/404.html) no-repeat; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; display:block; width:53px; height:53px; float:right; right:10px; text-indent:-9000px; }
#backtotop ul li a:hover { bottom:20px; }
/* End Backtotop Navi
--------------------------------------------------------------------------------------------------------*/


/* =Isotope
--------------------------------------------------------------------------------------------------------*/
.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; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
.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; }
/* End: Recommended Isotope styles */

/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
.element {padding-bottom:20px; }
#options { margin-top: 10px; margin-left: 10px; float:none; }
#options ul { margin: 0; list-style: none; }
#options ul ul { }
#options li { float: left; line-height:20px; padding:4px 0 5px 0px; }
#options li a { display: inline-block; text-decoration:none; color:#888; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
#options li a:hover { color:#322b23; }
#options li a.selected { color:#322b23; cursor:default; }
.select-menu { display:inline-block; margin:22px 20px 0 0; margin-left:-20px !important; }
.description { background:#fff; border-bottom:1px solid #e7e7e7; margin-top:-9px; padding:7px 20px 8px 10px; z-index:5; }
/* End Isotope
--------------------------------------------------------------------------------------------------------*/


.preloader { background:url(../images/ajax-loader.gif) center center no-repeat #ffffff; }
.selectnav { display:none; }



@media only screen and (max-width: 1089px) {
.container { padding:30px 0px; 
             -webkit-box-shadow:0 0 0 rgba(180, 180, 180, 0); 
             -moz-box-shadow:0 0 0 rgba(180, 180, 180, 0) ; 
             box-shadow:0 0 0 rgba(180, 180, 180, 0);}
.wrapper {width: 100%; 
          background-color:#fff; 
          -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.2); 
          -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.2) ; 
          box-shadow:0 1px 0 rgba(180, 180, 180, 0.2); 
          }
.wrappera {width: 100%; 
          background-color:#fff; 
          -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.2); 
          -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.2) ; 
          box-shadow:0 1px 0 rgba(180, 180, 180, 0.2); 
          }
.responsive { -webkit-box-shadow:0 0px 0 rgba(180, 180, 180, 0); -moz-box-shadow:0 0px 0 rgba(180, 180, 180, 0) ; box-shadow:0 0px 0 rgba(180, 180, 180, 0);}
}


/* Standard 960 or larger (browsers) */
@media only screen and (min-width: 960px) {
}


/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
.jcarousel-skin-tango2 .jcarousel-next-horizontal, .jcarousel-skin-tango2 .jcarousel-prev-horizontal { top: -20px; }
}

/* Tablet Portrait size to standard 960 (devices and browsers) *
@media only screen and (min-width: 768px) and (max-width: 959px) {
ul#nav li a { margin:0px 0px 0px 5px; }

.container { width:768px; position:relative; }
/*.ancor2 { padding-top:112px; position:relative; margin-top:-107px; }*
.col1-1 { width:748px; margin:0px 10px; }
.col1-2 { width:364px; margin:0px 10px; float:left; }
.col1-3 { width:236px; margin:0px 10px; float:left; }
.col2-3 { width:492px; margin:0px 10px; float:left; }
.col1-4 { width:172px; margin:0px 10px; float:left; }
.col3-4 { width:556px; margin:0px 10px; float:left; }
.col1-6 { width:108px; margin:0px 10px; float:left; }

.jcarousel-skin-tango .jcarousel-container-horizontal { width: 768px; }
.jcarousel-skin-tango .jcarousel-item {width:172px; text-align:center; }
.jcarousel-skin-tango2 .jcarousel-container-horizontal { width: 768px; }

.videos {width:556px !important; height:310px !important; }

.responsive .col1-4 { width:236px }
.responsive .col3-4 { width:492px }
.contact input, textarea, select { width: 122px !important; margin: 0px 21px 0px 0;}
.contact textarea { width: 464px !important; }

#googlemaps {width:748px !important; height:350px !important; }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) *
@media only screen and (min-width: 480px) and (max-width: 767px) {
/*
.container { width:440px; position:relative; overflow:visible !important}
/*#content { width:440px; margin:0 auto; }*
.col1-1, .col1-3, .col2-3, .col3-4 { width:420px; margin:0px 10px; }
aside {display:none; }

.jcarousel-skin-tango .jcarousel-container-horizontal { width: 440px; }
.jcarousel-skin-tango .jcarousel-item {width:200px; text-align:center; }
.jcarousel-skin-tango2 .jcarousel-container-horizontal { width: 440px; }
.jcarousel-skin-tango2 .jcarousel-item {width:200px; }

.videos {width:420px !important; height:235px !important; }

.js #nav { display: none; }
.js .selectnav { display: block; margin:5px 10px; color:#a5a5a5; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size:13px; font-weight:600; line-height:13px; text-decoration:none; text-transform:uppercase;}

.element {width:200px !important; display:block; }
.responsive-folio { overflow:visible !important }
.images .title, .images .subtitle {z-index: 0; display:none !important; }

#options { margin-right:10px;}
#options li {margin-bottom:5px; }

.responsive .col1-4 { width:200px }
.responsive .col3-4 { width:200px }
.contact input, textarea { width: 172px !important; margin: 0px 0px 0px 0; float:none; display:block; margin-bottom:5px}
.contact textarea { width: 172px !important; }

.option-set { float:none}
h3.alignleft {float:none; }

#accordion {margin-top:35px; }

#googlemaps {width:420px !important; height:350px !important; }
#twitter_update_list {display:none; }
}

/* M O B I L E *
@media only screen and (max-width: 479px) 
{
/*
#fixed { height:auto; position:relative; width:100% }
.container { width:320px; position:relative; overflow:visible !important;  

}
.wrappera
{
background-color:Lightgray !important;
}
.ancor { padding-top:5px; position:relative; }
.ancor2 { padding-top:5px; position:relative; margin-top:0px; }
.col1-1, .col1-3, .col2-3, .col3-4 { width:300px; margin:0px 10px; }
aside {display:none; }

.jcarousel-skin-tango .jcarousel-container-horizontal { width: 320px; }
.jcarousel-skin-tango .jcarousel-item {width:140px; text-align:center; }
.jcarousel-skin-tango2 .jcarousel-container-horizontal { width: 320px; }
.jcarousel-skin-tango2 .jcarousel-item {width:140px; }

.videos {width:300px !important; height:175px !important; }*/
/*
.js #nav { display: none; }
.js .selectnav { display: block; margin:18px 10px 0px 10px; color:#a5a5a5; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size:13px; font-weight:600; line-height:13px; text-decoration:none; text-transform:uppercase; width:300px !important }
nav.alignright {display:block; float:none; }

.element {width:300px; display:block; }
.responsive-folio .col1-4 {width:140px !important; }
.responsive-folio { overflow:visible !important }
.images .title, .images .subtitle {z-index: 0; display:none !important; }

#options { margin-right:10px; margin-left:0px; margin-top:20px;}
#options li {margin-bottom:5px; }

.responsive .col1-4 { width:300px }
.responsive .col3-4 { width:300px }
.contact input, textarea { width: 272px !important; margin: 0px 0px 0px 0; float:none; display:block; margin-bottom:5px}
.contact textarea { width: 272px !important; }

.option-set {margin-left:10px !important; margin-top:-10px !important; float:none}
h3.alignleft {float:none; }

#accordion {margin-top:35px; }

#googlemaps {width:300px !important; height:250px !important; }
#map-bg {background:none; }
#twitter_update_list {display:none; }
*/
/*
.top_block
{
height:0px;
background-color:Lightgray !important;
}

.wrapper
{
background-color:Lightgray !important;
margin-left:-319px;
}
.container
{
background-color:Lightgray !important;
width: 336px;
}
.col1-3a
{
background-color:Lightgray !important;
width:280px;
height:390px;
}
.col1-3
{
background-color:Lightgray !important;
width:290px;
padding-left:19px;
height:420px;
}
h5.button 
{
width:250px;
}
.wrapper3
{
background-color:Lightgray !important;
margin-left:-627px;
width::350px;
}
.col1-4
{
width:86px;
height:1000px;
font-size: 11px !important;
}
.container h2
{
padding-left:15px;
}
.b0x img
{
width:90px;
margin-left:15px;
}
.b0x .text1
{
font-size: 14px !important;
}
.b0x 
{
width:320px;
height:215px;
font-size: 13px !important;
padding: 0px 0 0px;
}
.boxes
{
width:100px;
}
.asd
{
height:0px !important;
visibility:hidden;
}
.wrapper5
{
margin-left:-627px;
width::30px;
}
#parent_div_1, #parent_div_2 
{
padding-left:30px;
width: 400px !important;
}
#parent_div_3
{
padding-left:30px;
}

.col1-4-contact
{
width:336px;
height:300px;
margin-left:10px;
font-size: 14px !important;
}
#map-bg
{
margin-left:20px;
}
.small-header
{
padding-left:20px !important;
width:180px;
}
.js .selectnav
{
margin-left:-20px;
width:150px !important;
}*/
}